/*------------------------------------------------------------- MISE EN PAGE -----------------------------------------------*/

body {
	background-color: #8d8d8d;
	font-family: Arial,sans-serif;
}

p {
	font-size: 12px; /* a mettre en em */
	line-height: 15px; 
}
a {
	text-decoration: none;
	color: #868686;
}

h2 {
	font-size: 12px; /* a mettre en em */
	margin: 15px 0;
	padding-left:20px;
	padding-top: 5px;
	color: #323232;
	background: repeat-x url(./images_interface/bg_titre.jpg);
	height: 24px;
}

h3 {
	font-size: 14px; /* a mettre en em */
	padding-left:60px;
	color: #292929;
}

/*-------------------------------- entete -----------------------------------*/

.entete {
	background: repeat-x url(./images_interface/bg_entete.jpg);
	color: #dedede;
	font-family: Verdana;
	font-size: 14px; /* a mettre en em */
	height: 28px;
}

.entete .contenu{
	width: 819px;
	margin: 0 auto;
	padding: 5px 0;
}

.ficadi{
	float: left;
	padding-left: 20px;
}

.langue{
	float: left;
	padding-left:550px;
	padding-right: 5px;
}

/*------------------------------- page ---------------------------------------*/

 .page {
 	width: 819px;
	margin: 0 auto;
 }
 
 .content {
 	background-color: #f6f6f6;
 }
 
 .header {
 	background: url(./images_interface/bg_banniere.jpg);
	height: 105px;
	text-indent: -9999px;
 }

/*------------ navigation ------------*/

.navigation {
	float: left;
 	width: 195px;
}
  
 .navigation ul {
 	font-size: 12px; /* a mettre en em */
	font-family: Verdana, Arial, sans-serif;
 	background-color: #f4f4f4;
 	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	margin-left: 20px;
	text-align: center;
	padding: 20px 0;
	list-style-type: none;
 }
 
  .navigation ul li{
	padding-top: 2px;
	padding-bottom: 3px;
	position: relative;
 }
 
 .navigation ul li a {
 	display: block;
	padding: 8px 0 ;
	overflow: auto; /*force hasLayout in IE7 */
 }
 
 .navigation ul li a:hover {
 	color: #2b2b2b;
	background-color: #dedede;
 }
 
 .navigation ul li a:active {
 	color: white;
 }

/*Sub level menu items */
.navigation ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
border: 1px solid #b7b7b7;
margin: 0;
padding: 0;
}
 
/* Holly Hack for IE \*/
* html .navigation ul li { float: left; height: 1%; }
* html .navigation ul li a { height: 1%; }
/* End */

 /*------------ maincontent ------------*/

 
 .maincontent {
	margin: 0 20px 0 208px;
	padding: 20px 0 40px 0;
 }
 
 .maincontent .contenu {
 	border: 1px solid #dcdcdc;
	background-color: #f4f4f4;
	padding-bottom: 10px;
 }
 
 .maincontent .contenu p {
 	padding: 10px 60px;;
	color: #292929;

 }

 /*------------ footer ------------*/

 .footer {
 	clear: both;
 	background: url(./images_interface/bg_footer.png);
	height: 160px;
	margin-bottom: 20px;
	color: #e2e2e2;
 }
 
 .footer .mots{
 	font-size: 14px; /* a mettre en em*/
	font-style: italic;
 	padding-bottom: 40px;
 }
 
 .footer .mots p{
 	float: left;
	padding: 15px 100px;
 }
 
 .footer .mentions{
 	font-size: 12px; /* a mettre en em*/
  	padding-top: 30px;
  	text-align: center;
 	
 }
 
 .footer .mentions p{
  	padding: 5px 0 ;
 	
 }
 
 .footer .mentions a{
  	color: #e2e2e2;
 }
 
 /*------------------------------------------------------------- Accueil -----------------------------------------------*/

.mots_clés {
	text-align: center;
}

.slideshow{
	background-image: url(./images_interface/bg_slideshow.png);
	height: 320px;
	margin: 20px 0;
}
		  				  
/* UTILITY STYLES */				  				  
					  				  
.floatLeft{
	 float: left;
	 margin-right: 10px;
}
	 
.floatRight{
	 float: right; 
}

.clear{
	 clear: both;
}

/*	TYPOGRAPHY */

.slideshow ul{
	 list-style: square inside;
}

/* SLIDER */

.stripViewer{
	 position: relative;
	 overflow: hidden;
	 margin: 0 auto;
	 width: 300px;
	 height: 200px;
	 padding-top: 20px;
}

.stripViewer .panelContainer{
	 position: relative;
	 left: 0;
	 top: 0; 
}

.stripViewer .panelContainer .panel{
	 float: left;
	 height: 100%;
	 width: 419px; 
}

.stripNavL, .stripNavR, .stripNav{
	display: none; 
}

/* photos */

.nav-thumb{
	 margin: 0 10px;
	 height: 55px;
}

#movers-row{
	margin: 0 auto ;
	width: 500px;
	padding: 25px 0 10px 0;
}

#movers-row div{
	 float: left;
	 margin-right: 37px;
}

#movers-row div a.cross-link{
}

.cross-link{
	display: block;
	width: 62px;
	margin-top: -14px;
	position: relative;
	padding-top: 15px;
	z-index: 9999;
}

.cross-link img{
	border:1px solid #686868;
}

.active-thumb img{
	border:2px solid #686868;
}

/*------------------------------------------------------------- Contact -----------------------------------------------*/

.carte {
	margin: 20px 0;
	width: 435px;
	padding-left: 75px;
}

form {
	padding: 20px 0; 
	width: 400px;
	margin: 0 auto;
}

form input{
	margin-left: 20px; 
	margin-bottom: 5px;
}

form textarea {
	width: 400px;
	margin: 0 auto;

}

#bouton {
	margin: 5px 0 0 300px;
}

.contenu .retour {
	padding-left: 500px;
}

/*------------------------------------------------------------- Aujourd'hui -----------------------------------------------*/

.contenu .photos_1 {
	width: 450px; 
	margin: 0 auto;
	padding: 20px 0;
}

.contenu .photos_1 img{
	padding: 0 5px;
}

.contenu .photos_2 {
	width: 425px; 
	margin: 0 auto;
	padding: 20px 0;
}

.contenu .photos_2 img{
	padding: 0 5px;
}

.contenu .photos_3 {
	width: 475px; 
	margin: 0 auto;
	padding: 20px 0;
}

.contenu .photos_3 img{
	padding: 0 5px;
}

/*------------------------------------------------------------- Production et Negoce -----------------------------------------------*/

.materiaux {
	padding: 10px 0;
}

.produit table {
	margin: 10px auto;
	font-size: 12px; /* a mettre en em */
	text-align: center;
	border: 1px solid #b7b7b7;
}

.produit table td{
	width: 350px;
	padding: 5px 10px;
	line-height: 15px;
}

.produit table span{
	font-size: 11px; /* a mettre en em */
	font-style: italic;
}

.tableau {
	margin: 20px auto;
	text-align: center;
	font-size: 12px; /* a mettre en em */
}

.tableau .first{
	font-weight: bold;
}

.tableau td{
	border: 1px black solid;
	width: 190px;
	padding: 3px 0 ;
	vertical-align: middle;
}

.tableau td img{
	float: right;
	height: 50px;
}

.tableau td span{
	position: relative;
	top: 20px;
}

/*------------------------------------------------------------- historique -----------------------------------------------*/

.contenu .photos_ancien {
	width: 510px; 
	margin: 0 auto;
}

.contenu .photos_ancien img{
	padding: 0 5px;
}

.contenu .photo_tour {
	width: 375px; 
	margin: 0 auto;
}


.contenu .photos_2 {
	width: 425px; 
	margin: 0 auto;
	padding: 20px 0;
}

.contenu .photos_2 img{
	padding: 0 5px;
}