/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : Eric Chabert
site : www.denis-hot-rod.com
**************************************************************************/

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
/****************************************/

/***************** balise *********************/
body{font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#333 url(../images/fd.gif) repeat-x}

h1 a{display:block; font-size:0px; text-indent:-9999px; width:129px; height:122px; background:url(../images/logo.png) no-repeat; position:absolute; top:8px; left:7px}

a{text-decoration:none}
/**********************************************/

/***************** class *********************/
.left{float:left; margin-right:10px}
.right{float:right; margin-left:10px}
.clear{clear:both}

.liensFooter{color:#F60}

.blockPartenaires{float:left; margin-right:13px }
	.classLightBox{width:109px; height:89px; overflow:hidden; background:#fff}
	.classLightBox img{border:#F60 solid 2px;}

.blockEvolution{float:left; width:126px; margin-bottom:10px}
	.blockEvolution dt a{display:block; width:93px; height:30px; overflow:hidden}
/**********************************************/

/***************** global *********************/
#global{width:969px; margin:0 auto}
	#header{position:relative; width:969px; height:79px;}
	#logo-beach{position:absolute; right:0; top:0}
	#menu{ margin-left:150px}
		#menu li{float:left; list-style-type:none}
		#menu h3 a{display:block; height:79px; text-indent:-9999px; font-size:0px}
			#btn-entreprise a{ background:url(../images/btn-entreprise.gif) no-repeat top left; width:179px}
			#btn-entreprise a:hover{ background:url(../images/btn-entreprise.gif) no-repeat bottom left;}
			#btn-atelier a{ background:url(../images/btn-atelier.gif) no-repeat top left; width:71px}
			#btn-atelier a:hover{ background:url(../images/btn-atelier.gif) no-repeat bottom left;}
			#btn-evolution a{ background:url(../images/btn-evolution.gif) no-repeat top left; width:159px}
			#btn-evolution a:hover{ background:url(../images/btn-evolution.gif) no-repeat bottom left;}
			#btn-galerie a{ background:url(../images/btn-galerie.gif) no-repeat top left; width:108px}
			#btn-galerie a:hover{ background:url(../images/btn-galerie.gif) no-repeat bottom left;}
			#btn-contact a{ background:url(../images/btn-contact.gif) no-repeat top left; width:68px}
			#btn-contact a:hover{ background:url(../images/btn-contact.gif) no-repeat bottom left;}
			
	#wrapper{background:url(../images/fd-wrapper.gif) repeat-y; width:969px; float:left; margin-bottom:10px}
		#blockLeft{float:left; width:549px}
			#raccourci li{list-style-type:none; margin-top:8px}
			#raccourci a{display:block; text-indent:-9999px; font-size:0px}
				#btn-partenaires a{width:179px; height:113px; background:url(../images/btn-partenaires.jpg) no-repeat; float:left; margin-right:8px}
				#btn-actualites a{width:175px; height:113px; background:url(../images/btn-actualites.jpg) no-repeat; float:left}
				#btn-galerieRaccourci a{width:179px; height:113px; background:url(../images/btn-galerieRaccourci.jpg) no-repeat; float:right}
		#blockRight{float:right; width:410px}
			#blockRight h2{width:410px; height:55px; border-bottom:#333 solid 8px; text-indent:-9999px; font-size:0px}
				#titre-entreprise{background:url(../images/titre-entreprise.jpg) no-repeat}
				#titre-evolution{background:url(../images/titre-evolution.jpg) no-repeat}
				#titre-atelier{background:url(../images/titre-atelier.jpg) no-repeat}
				#titre-galerie{background:url(../images/titre-galerie.jpg) no-repeat}
				#titre-contact{background:url(../images/titre-contact.jpg) no-repeat}
				#titre-mentions{background:url(../images/titre-mentions.jpg) no-repeat}
				#titre-partenaires{background:url(../images/titre-partenaires.jpg) no-repeat}
				#titre-actualites{background:url(../images/titre-actualites.jpg) no-repeat}
				
			#content {padding:15px; color:#fff}
				#content a{color:#f60}
				#content p{margin-bottom:10px}
				#content ul{margin:0 0 10px 30px}
				
				#content hr{clear:both; height:1px; border:none; border-bottom:#777 solid 1px; margin:15px 0}
				
				#contact-form fieldset{border:#777 solid 1px; padding:5px}
					#contact-form legend{font-size:13px; font-weight:bold; color:#fff}
					#contact-form form label{display:block}
					.monInput{border:none; font-size:11px; padding:2px; width:160px}
				
				.galerieImage{display:block; height:300px; overflow:hidden; border:#777 solid 1px; width:373px; background:#333; position:relative}
					.galerieImage p{position:absolute; z-index:3; bottom:-10px; left:0; padding:10px; height:42px; overflow:hidden;}
					#fondGris{background:#000; height:60px; width:547px; position:absolute; bottom:0; left:0; z-index:2}
				#slider{ margin-top:5px}
				#slider ul{margin: 0}
					#slider li{margin-right:3px}
				#slider img{border:#777 solid 1px;}
				
				#contentActualites ul{margin:0; list-style-type:none}
				#contentActualites li{height:340px;}
				
				#prevBtn{float:left}
				#nextBtn{float:right}
				
				#contentActualites{margin-bottom:10px}
				#contentActualites ul, #contentActualites li{margin:0; padding:0; list-style:none;}
				#contentActualites li{ width:379px; height:330px; text-align:justify; overflow:hidden; }	
				
				#contentPartenaires{padding-left:6px; padding-top:7px; width:379px; overflow:hidden}
				
				#contentEvolution{padding-left:15px; padding-top:15px; width:379px; overflow:hidden}
			
				#compteur-pages{ width:350px; clear:both}
				#compteur-pages div{float:left}
				#compteur-page1{text-align:left; width:100px}
				#compteur-page1 a { margin:0 0 0 15px}
				#compteur-page2{text-align:center;width:150px}
				#compteur-page3{text-align:right;width:100px}
				#compteur-page3 a { margin:0 15px 0 0 }
/**********************************************/

/***************** footer *********************/
#footer{font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; color:#fff; height:37px; padding-top:10px; text-align:center; background:url(../images/fd-footer.gif) repeat-x; clear:both}
	#footer a{color:#fff}
/**********************************************/