/* Gabarit 2 colonnes  du Front				*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: arial; font-size: 11px; text-align: center; color: #9b9b9b; background:url(../images/fond/body.jpg) left top repeat-x; background-color: #000; }

h1{left:111px;position:absolute;top:30px;}
h2									{ font-weight:bold; color:#CC9900; position:absolute; top:70px; left:40px }
h3									{color:#cfc59d; font-size: 16px; font-weight:normal; margin-bottom:8px}

h4   		{ margin: 0; margin-top:-10px; font-size: 22px ; font-weight:normal; color: #a68e66}
h5   		{ text-align:center}

p    		{ font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }

ul li 				{ list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color:#fff; text-decoration: underline; font: normal 11px arial }
a:hover  { color:#cfc59d; text-decoration: underline }

abbr    { cursor: help;  } 



/* 			Conteneurs generaux 					*/	
#main		 { position: relative; width: 850px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y }
#intro 		{ height:199px; text-align:center; position:relative}
#langues	{ position:absolute; top:11px; right:4px; text-align:right}
#langues a	{  font-size:11px; color:#636464; text-decoration:none}
#langues a.activeL	{ color:#fff}
#langues a:hover	{  color:#cfc59d;}


#content 			 { margin: 0; padding:0; width:851px; position:relative }
div#colonne_gauche { float: left; width: 230px; padding: 5px 5px 0 5px; border: 1px solid red }
div#colonne_droite { float: right; width: 744px; margin: 0; padding: 5px 5px 20px 5px; border: 1px solid red }

#menu-bottom 		{width: 568px; text-align:center; position:absolute; left:149px; top:144px }
#menu-bottom li 	{ float:left;color:#9a825a; font-size:11px; margin:10px 0; width:81px}
#menu-bottom li a 	{ color:#9a825a; font-size:11px; text-decoration:none;}

/*					CADRE					*/
.cadrecontent {width:851px; height:405px; border-collapse:collapse }
.cadrecontent td{ border:1px solid #cfc59d; empty-cells:hide; vertical-align: top}
.tdh2{ background:url(../images/fond/tdh2.gif) left top repeat-x; height:202px;}
.tdh2_de{ background:url(../images/fond/tdh2.gif) left top repeat-x; height:202px;}
.tdh2 p{ font-size:16px; position:absolute; left:115px; top:126px; color:#d5cba1; width:160px}
.tdh2_de p{ font-size:16px; position:absolute; left:80px; top:126px; color:#d5cba1; width:200px}
.cadre3 td{ width:33%; height:200px;}
.padtext{ padding:27px 23px 5px;}
.padtext p{ text-align:justify; line-height:15px}

.cadrecontent td a{ color:#fff; text-decoration:none}
.cadrecontent td a:hover{ color:#cfc59d; text-decoration:none}


/*					Recherche					*/
.cadresearch td{ border:none; height:50px}
.cadresearch .formatform input{ }


/*						Résultats						*/
.infos{ width:100%; font-size:11px; color:#d4cca8}
.infos a{ font-size:11px; color:#d4cca8}
.list-result label{ color:#9a825a; font-weight:bold}
.list-result .imgresult{ width:290px; height:195px; border:1px solid #cfc59d}
.list-result td{border:1px solid #cfc59d}
.topresult td{ width:30%;}
.ligne0 .topresult td p{ font-size:16px; text-align:center; color:#d4cca8}
.ligne1 .topresult td p{ font-size:16px; text-align:center; color:#fff}
.ligne1 .descriresult{color:#d4cca8; text-align:justify}
.ligne0 .descriresult{color:#acacac; text-align:justify}
.ligne1{ background:url(../images/fond/result.gif) left top repeat-x;background-color:#574a34}
.ligne1, .ligne0{ padding:10px}
.ligne1 td, .ligne0 td{ padding:10px; border:none}
.ligne1 .linkresult{color:#d4cca8; text-decoration:none; font-weight:bold}
.ligne0 .linkresult{color:#acacac; text-decoration:none; font-weight:bold}
.caracteristiques{ width:100%}
.caracteristiques td{ width:25%}
.caracteristiques td p{ width:172px; height:19px; border:1px solid #acacac; padding:2px 5px}

.searchresult td{ border:none}

/* 			Formulaires 						  */

form.formatform                  { padding:5px 23px; position:relative} 
form.formatform  h3              { } 
form.formatform  input, textarea       { border: 2px solid #cfc59d; background:none; color:#cfc59d ; font-weight:bold }
#select1 { position:absolute; overflow:auto; visibility:hidden; width:225px; height: 80px; border: solid white 1px; background-color:#000; top:-60px; }
#select1 input { width:20px; border:none }

#select2 { position:absolute; visibility:hidden; overflow:auto; width:225px; height: 80px; border: solid white 1px; background-color:#000; top:-14px;  }
#select2 input { width:20px; border:none  }

#select3 { position:absolute; overflow:auto; visibility:hidden; width:225px; height: 80px; border: solid white 1px; background-color:#000;  top:32px; }
#select3 input { width:20px ; border:none }

#select4 { position:absolute; overflow:auto; visibility:hidden; width:225px; height: 80px; border: solid white 1px; background-color:#000;  top:-61px;  }
#select4 input { width:20px; border:none  }

#select5 { position:absolute; overflow:auto; visibility:hidden; width:225px; height: 80px; border: solid white 1px; background-color:#000; top:-14px;  }
#select5 input { width:20px; border:none  }

#select6 { position:absolute; overflow:auto; visibility:hidden; width:225px; height: 80px; border: solid white 1px; background-color:#000; top:-15px  }
#select6 input { width:20px; border:none  }

form.formatform  select          { border: 2px solid #cfc59d; background-color:#404040	; color:#cfc59d ; font-weight:bold;; width:226px; font-size:11px } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
.conformement { font-size:9px; text-align:center; color:#CCC; font-family:arial; line-height:10px}
.contact{ background:url(../images/fond/contact.jpg) left top repeat-x; background-color:#1b1b1b}
form.formatform  input.valid{ border:none; width: auto; font-weight:normal}
.simil-input{color:#cfc59d ; font-weight:bold;}
.list-result form input.taille{ font-weight:normal; width:220px}
.list-result form select{ font-weight:normal; width:227px}

/* 			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #8cafca }
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 

/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }



/* -------------------------------    */



/* 			Page Mentions						   */

.mentions    {  text-align: center;  } /* Conteneur des 2 blocs d'adresse */
.mentions p { text-align:center; color:#a68e66}
.mentions h3{  margin-top:10px}


.liste							{
	clear: both;
	margin: 0;
	padding: 10px 10px 10px 0px;
	overflow: hidden;
	border-top: 1px solid #524530;
}


/********** slide ***************/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

.mask2{
	position:relative;
	width:568px;
	height:407px;
	overflow:hidden;
}

.buttons{position:relative; height:0px; margin:0; padding:0}
.buttons span{color:#fff;cursor:pointer;font:11px Verdana; font-weight:bold; background-color:#000;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
.buttons span.active, .buttons span:hover{color:#fff;opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1;}
.buttons #play1{ position:absolute; top:-20px; left:10px}
.buttons #stop1{ position:absolute; top:-20px; left:47px}
.buttons #prev1{ position:absolute; top:-20px; left:460px}
.buttons #next1{ position:absolute; top:-20px; left:526px}