/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font: normal 12px 'Trebuchet MS'; color:#674400; background-color:white;}
#body{background:#fde9cc;}
table{font-size: 11px;}
a{ color:#a24311;text-decoration:none;}
a:hover {text-decoration:underline;}

h1{font: bold 15px arial; margin-bottom:20px;}
h2{font: normal 16px arial; margin-bottom:8px; text-align:center; width:100%;}
h3{font: normal 13px arial; color:#a24311; margin-left:31px; height:18px; line-height:18px; width:197px; background:#fde9cc; }
h4{font: bold 12px arial; }
.titre{background: url(images/puces/titre.gif) no-repeat top left;  width:228px; margin-left:18px; margin-right:18px; padding-top:4px; height:26px; border-bottom:solid 1px #a24311; margin-bottom:10px;}
p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#674400;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}


/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#674400;
  font:bold 11px 'Trebuchet MS'; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #674400;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}


/*  SOMMAIRE
	1. Structure		
	2.menu	
	3.liste
*/

/*------------  1. STRUCTURE             */

#conteneur{margin:0 auto; width :990px; background:white;}
#entete{height:343px; background: url(images/fond/bgEntete.gif) repeat-x top left; padding-left:99px; padding-right:99px; width:792px;}
#logo{float:left; display:inline;}
#haut{width:782px; padding-right:10px; height:110px;}
#bandeau{background: url(images/fond/signeFonce.gif) no-repeat top left;  width:792px; height:211px; padding-top:14px;}
#bandeau img#visuelGd{margin-left:16px; margin-top:15px;}
#contenu{background:url(images/fond/bgPiedPage.jpg) repeat-x bottom left;  padding-left:99px; padding-right:99px; width:792px; }

/*------------  2. menu             */

ul#menu{margin-bottom:0px; list-style-type:none; float:right; display:inline; margin-top:80px; }
ul#menu li{float:left; display:inline; margin-left:0px; }
ul#menu li a{float:left; display:inline; height:14px; padding:3px 10px; font:normal 14px arial; border-right: solid 2px #674400;}
ul#menu li a:hover , 
ul#menu li a.active{background:#fde9cc; text-decoration:none;}

/*------------  3. liste            */

.blocRea{width:264px; float:left; display:inline; margin-bottom:10px; }
.blocRea .titre h3 {overflow:hidden;}
.separation{border-right:solid 1px #a24311; width:228px; padding-left:18px; padding-right:18px;}

.diapoAccueil{background: url(images/puces/diapoAccueil.gif) no-repeat top right; text-decoration:none;text-align:right; padding-right:20px; padding-top:2px; height:21px; }
.diapoAccueil a{ color:#a24311; }
.diapoAccueil a:hover{text-decoration:none;}

.diapoGalerie{background: url(images/puces/diapoGalerie.gif) no-repeat top right; text-decoration:none; text-align:right; padding-right:30px; padding-top:5px; height:19px; }
.diapoGalerie a{ color:#ec8800;}
.diapoGalerie a:hover{text-decoration:none;}


/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/

#bandeau #bandeauBlanc{ width:732px; height:172px; background: white url(images/fond/signeClair.gif) no-repeat top left;  padding:13px 30px; }
#bandeau #bandeauBlanc img{padding-right:20px; float:left; display:inline;}
#bandeau #bandeauBlanc h1{margin-bottom:20px; float:left; display:inline; text-transform:uppercase; margin-top:20px;}
#bandeau #bandeauBlanc p{padding-left:40px; font:normal 14px arial; width:405px; float:left; display:inline;} 

h2.traitOrange{background:url(images/traitOrange.gif) repeat-x bottom left; width:100%;  padding-bottom:10px; margin-bottom:10px;}


/******************************************/
/**************  GALERIE  ****************/
/******************************************/

h2.traitMarron{background:url(images/traitMarron.gif) repeat-x bottom left;padding-bottom:10px; margin-bottom:0px;}

#zoneRecherche{width:418px; margin:0 auto; background:#a24311; padding:8px 15px; margin-bottom:10px;}
#zoneRecherche .row label{background:url(images/puces/recherche.gif) no-repeat top left; width:171px; height:21px; text-align:right; padding-top:3px; color:white; font-size:16px; margin-left:5px;}
#zoneRecherche .row select{width:210px;border:0px; margin-top:7px;}

/******************************************/
/**************  METIER  ******************/
/******************************************/
#spaw_droite {float:left;width:375px;border-left:solid 1px #a24311;padding-left:20px;margin-left:20px;margin-bottom:20px;}
#spaw_gauche {float:left;width:375px;}
#spaw_gauche h3, #spaw_droite h3 {margin-left:0; margin-bottom:15px; width:98%;padding:3px; background:#fde9cc; }
/******************************************/
/**************  CONTACT  *****************/
/******************************************/
#contact{float:left;width:500px;border-left:solid 1px #a24311;padding-left:20px;margin-left:20px;margin-bottom:20px;}
#contact form{margin:0 auto;width:305px;}

#coordonnees {float:left;width:250px;margin-bottom:20px;}
#coordonnees  h3 {margin-left:0; margin-bottom:15px; width:98%;padding:3px; background:#fde9cc; }


/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/

#piedpage{width:100%; border-top:solid 1px #955200; padding-top:10px; text-align:right; margin-bottom:20px; font-size:11px; padding-right:10px;color:#a24311; }
#piedpage a{font-size:11px; padding-right:10px;}

.noBorder{border:0;}