/*	               Gabarit 2 colonnes  du Front			               	*/

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

body 		{ padding: 0; font-family: Century gothic; font-size: 13px; text-align: left; color: #fff; background:url(../images/fond/body.jpg) left top repeat-x; background-color: #3f2b15 }

h1  		{ position: absolute; top: 1px; left: 66px;}
h2   		{ margin: 20px 0 20px 20px; padding: 13px 0 0 15px; font: normal 18px "Trebuchet MS"; color: #9cc938; background: url(../images/puce/h2left.gif) left top no-repeat; text-align:left }
h2 img{ margin-top:-15px}h2 span img{ margin-top:0px}
h3  		{ margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #806b3c; background:url(../images/fond/h3bottom.gif) left bottom repeat-x; padding-bottom:5px }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

p    		{ font-size: 13px; margin: 0 0 5px 0; text-align: justify}

input    { padding: 0 0 0 3px; font: normal 11px Century gothic}
textarea { padding: 4px; font: normal 11px Century gothic }
select   { font: normal 11px Century gothic } 


ul li 				{ list-style: none; font: normal 13px/18px Century gothic; 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:#97ca3d; text-decoration: underline; font-family:Century gothic; font-weight:normal}
a:hover  { color:#e6e1cf; text-decoration: underline }
a.valid2{ font-weight:bold; text-transform:uppercase; text-decoration:none; color:#97ca3d}

abbr    { cursor: help;  } 


/*	////////////////////			Conteneurs generaux 					*/	
#main				    { position: relative; width: 991px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y }
#intro 				 { width:991px; height:417px; background: url(../images/fond/introhome.jpg) left top no-repeat; margin:0 auto; position:relative; z-index:5000}
#menu-top 			 { position:absolute; right:20px; top:61px; z-index:5000000}
#content 			 { margin: 0 auto; padding:0; width:939px; position:relative; min-height:500px }

.linkstop{ position:absolute; top:10px; right:17px}
.linkstop a{ margin:0 7px }

.navigation{ position:absolute; top:-20px; right:10px; color:#836d5c; font-size:10px; z-index:10000000}
.navigation a{ color:#ab947a; text-decoration:underline}

/*			MENU		*/
#menu li{ display:block; float:left; text-align:right; height:30px}
#menu li a{ color:#97ca3d; text-decoration:none; font-size:13px}
#menu ul { position: absolute; right: 8px; top: 32px; width: 917px;margin: 0; padding: 0 10px 0 0 ; background : url(../images/fond/feintemenu.gif) left top repeat-x;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; height:290px }				
#menu ul li { float: right; margin: 0; padding: 0; height:290px}					
#menu ul li a { display:block; color:#b0e257; padding-top:5px; margin:0 10px;}	
 #menu ul li a:hover, #menu li a:hover{ color:#fff}
 
 /*			home			*/
 .fondflash{ background:url(../images/fond/fondflash.gif) left top no-repeat; width:231px}
 
 .article-entier{ border:1px solid #604222; padding:7px; height:165px}
 
 
 table.metiers td{ padding:0 20px}
 .info-map p { color:#777}
 


/*	////////////////////			Footer								   */
#outro 				 { width:467px; height: 57px; background: url(../images/fond/footer.gif) no-repeat; margin:12px auto }
#outro p 			 { color:#a5977e; text-align: center; padding: 16px 0 0 0; font-size:10px; font-family:Century gothic}
#outro p a 			 { color:#a5977e; text-decoration: none;font-size:10px; font-family:Century gothic }
#outro p a:hover   { text-decoration: underline }


/*	////////////////////			Formulaires 						  */

form.formatform                  { width: 850px;  margin: 30px auto 15px auto; padding: 15px;  border: 1px solid #836d5c; background-color:#c09e79  } 
form.formcontact{ background:url(../images/illustr/contact.jpg) right bottom no-repeat; background-color:#c09e79; margin-top:0 }
form.formnewsletter{ background:url(../images/illustr/newsletter.jpg) right bottom no-repeat; background-color:#c09e79 }
form.formpostul{ background:url(../images/illustr/postulate.jpg) right bottom no-repeat; background-color:#c09e79 }
form.formsearch{ background:url(../images/illustr/search.jpg) right bottom no-repeat; background-color:#c09e79;margin-top:5px; position:relative }
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 175px; font: bold 11px Century gothic; color: #fff;  } 
form.formatform  label   {  width: 100px; font: bold 11px Century gothic; color: #fff;  } 
form.formatform  input           { border: 1px solid #372009;  }
form.formatform  input, form.formatform  select, form.formatform  textarea {opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;}
form.formatform  input.valid      { border: 1px solid #97ca3d; background:url(../images/fond/input.jpg) left top repeat-x; color:#fff; font-weight:bold  }
form.formatform  select , form.formatform  textarea          { border: 1px solid #372009;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform span{ color:#663300}

.tableoffer{ background:url(../images/illustr/offer.jpg) right bottom no-repeat; background-color:#bf9d78; color:#fff}
.tableoffer td{ padding:10px}

.menucontact { margin-left:30px}
.menucontact img { cursor:pointer}

.linkmetiers{ position:absolute; top:19px; right:235px}


/*					map					*/
#map{ border:5px solid #97ca3d}




/*	////////////////////			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 Century gothic; color: #97ca3d }
.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 Century gothic;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.bigger{ font-size:14px}
.green{ color:#97ca3d;}
.biggergreen{ font-size:14px; color:#97ca3d;}
.fleft{ float:left; margin:0 10px 10px 0}
.fright{ float:right; margin:0 0 10px 40px}
.cadre{ border:5px solid #97ca3d}
.fleftcadre{ float:left; margin:0 10px 10px 0;border:5px solid #97ca3d}
.frightcadre{ float:right; margin:0 0 10px 10px;border:5px solid #97ca3d}



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



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

div.element-s    { width: 172px;  background: url(../images/fond/element-s.gif) left top repeat-y;   } 
div.element-bot  {  background: url(../images/fond/element-bot.gif) left bottom no-repeat;  } 
div.element-top  {  padding: 37px 0px 10px 0px;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 



/* /////////////////////////////////				 Page Mentions						   */
.tablementions { margin:0 auto; width:90%;}
.tablementions td{ border:5px solid #98c93a; background:url(../images/fond/mentions.jpg) left top repeat-x; background-color:#6a5037; padding:5px}
.conformement 		   { font: normal 10px verdana; text-align:center }

 
div.mention-bot  {     background: url(../images/fond/mention-bot.gif) left bottom no-repeat;    } 
div.mention-top  {  width: 232px; height: 197px; padding: 10px ;  background: url(../images/fond/mention-top.gif) left top no-repeat;  } 



/*			slideshow			*/
div.slideshow {left: 35px; top:94px; position:relative; width:927px }
div.slideshow img{ height:307px;}
div.slideshow p {padding-top: 9px;}
div.slideshow ul {background: #FFF;bottom: -35px;left: 0px; position: absolute;overflow: hidden;padding: 5px 0;z-index: 10001;}
div.slideshow ul a {background-position: 50% 50%;cursor: pointer;display: block;height: 25px; margin-right: 5px; opacity: 0.5;width: 30px;}
div.slideshow ul a.active, div.slideshow ul a:hover {opacity: 1;}
div.slideshow ul li {float: left;list-style: none; }

#marquee{ background:url(../images/fond/marquee.jpg) center top no-repeat; height:15px}