/*------------------
----- GENERAL ------
------------------*/
html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.6; color:#5e5448; background:#5e5b56 url(../images/fond.jpg) top center repeat-y;}
html>body div#conteneur {height:auto; min-height:100%;}

div#conteneur {position:relative; top:0; left:0; width:969px; height:100%; min-height:100%; margin:0 auto; text-align:left;}

/*----- MISE A 0 DES MARGES INTERNES ET EXTERNES -----*/
img, div, h1, h2, h3, p, ul, li, a, table, td, form {border:0; margin:0; padding:0;}

div.clear {position:relative; top:0; left:0; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}




/*-----------------------
----- CONTENU SITE ------
-----------------------*/
div#conteneur div#top {position:relative; height:16px; font-size:10px;}


/*----- HEADER -----*/
div#conteneur div#header {position:relative; top:0; left:0; width:969px; height:142px; background:#52453b url(../images/border-doree.png) left bottom no-repeat;}
div#conteneur div#header div#logo {position:absolute; top:8px; left:21px; width:235px; height:73px;}

/*------ INSCRIPTION NEWSLETTER ---*/
div#conteneur div#header div#newsletter {position:absolute; top:15px; left:792px; width:170px; height:60px;}
div#conteneur div#header div#newsletter table {width:170px; height:33px; border-collapse:collapse;}
div#conteneur div#header div#newsletter table td.intitule {width:170px; height:20px; padding:0; line-height:20px; font-size:11px; color:#ba9e54;}
div#conteneur div#header div#newsletter table td.saisi {width:170px; height:20px; padding:0; vertical-align:top;}
div#conteneur div#header div#newsletter table td.saisi input.saisi {width:140px; height:13px; line-height:13px; font-size:10px; margin:0 4px 0 0; padding:0 2px; background:#5e5448; color:#dfdbcd; border:1px solid #ba9e54; float:left;}



/*----- CONTENU -----*/
div#conteneur div#contenu {position:relative; top:0; left:0; width:969px; background:#efeeec;}
div#conteneur div#contenu div#bandeau-flash {position:relative; top:0; left:0; width:969px; height:388px; background:#52453b;}
div#conteneur div#contenu div#bandeau-flash div#organiser-evenement {position:relative; top:0; left:0; width:254px; height:388px; padding:0; background:#52453b; float:left;}
div#conteneur div#contenu div#bandeau-flash div#flash {position:absolute; top:0; right:0; width:715px; height:388px; padding:0; background:#52453b; float:left; z-index:50;}

div#conteneur div#contenu div#btn_fermer {position:absolute; top:0; right:0; width:68px; height:19px;  z-index:100;}


div#conteneur div#contenu div#left {position:relative; top:0; left:0; width:254px; float:left;}
div#conteneur div#contenu div#middle {position:relative; top:0; left:0; width:664px; padding:20px 24px 20px 27px; background:#ffffff; float:right;}
div#middle {min-height:400px;}/*min-height:885px;*/

/*----- FOOTER -----*/
div#conteneur div#footer {position:relative; top:0; left:0; width:969px; height:47px; background:#52453b url(../images/border-doree.png) left top no-repeat;}
div#conteneur div#footer div#adresse {position:absolute; top:20px; left:23px; width:200px; height:25px; color:#dfdbcd;}




/*----------------
----- TEXTE ------
----------------*/
h1 {width:677px; margin:23px 0 0 0; font-size:18px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #d8cbbb;}
div#conteneur div#contenu div#titleLeft h2 {width:202px; margin:33px 0 0 23px; font-size:12px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #d8cbbb;}
h3 {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0;}
p {color:#e4ddd4; margin:0 0 27px 0;}
p.courant {color:#e4ddd4; margin:0 0 27px 0;}

ul, li {list-style:square; margin:0 0 27px 0;}
li { margin:0 0 0 27px;}



/*----------------
----- LIENS ------
----------------*/
/*----- Liens communs -----#e4ddd4*/
a, a:link, a:visited, a:active, a:focus {color:#BA9E54; text-decoration:underline;}
a:hover {color:#BA9E54; text-decoration:none;}

/*----- Liens R�alisation -----*/
div#conteneur div#realisation a, div#conteneur div#realisation a:link, div#conteneur div#realisation a:visited, div#conteneur div#realisation a:active, div#conteneur div#realisation a:focus {color:#e4ddd4; text-decoration:none;}
div#conteneur div#realisation a:hover {color:#e4ddd4; text-decoration:none;}



/********FORMAULAIRE******/
div#envoiOK{color: green;}
div#erreur{color: red;}
.error{line-height:1;color: red;}

/**signature*/
div#signature {font-size: 10px; line-height: 14px; color: rgb(238, 238, 238);position:absolute; top:20px;right:5px;}