/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-2A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body { background-color:#000000; font-size: 12px;}

#page { width: 950px; }

#header { background:url(../images/head.jpg) no-repeat top; }

#wrapper { background-image: url(../images/bg.jpg); }

#top{ }

#content { padding:0px 80px 0px 10px; width:661px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left; }
/*#content * { color: #ffffff; }*/


#content p { font-size:0.9em; }
#content h1 { font-size:1.4em; font-weight: bold; }
#content h2 { font-size:1.2em; }
#content h3 { font-size:1.1em; }
#content a:hover { color:#ffffff; text-decoration:none; }

#main { width:751px; }
#menu { }
#nav { background:url(../images/menu.jpg) no-repeat top; }
#extra { }

#footer { font-size: 0.8em; }
#footer * { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration:none; }

.validator{ clear:both; float:right; list-style-type: }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Page d'intro */
.bodyIntro { }
.bodyIntro *{ /*color: #FFFFFF;*/ }
.bodyIntro a:link, a:visited, a:active{ color: #FFFFFF; }
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }
.h1intro { color:#FFFFFF; position:absolute; left:0; top:0; width:100%; padding-top:5px; font-size:12px; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi textarea{ background-color:#e69b52;  border-width:thin; }
input .bouton{ background-color:#000000;  border-width:thin; }
.champ{ background-color:#e69b52;  border-width:thin; }
#code { background-color:#e69b52;  border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/*************************** Classes Element *********************************/

.habill{ padding:0px 15px 0px 10px;}

.orange {
	color:#e69b52;
	font-size:12px;
	font-weight:bold;
}
	
ol.liste-num {
	list-style-position:inside;
	padding-left: 30px;
	padding-bottom: 20px;
	line-height:1.5em;
	background:url(../images/ol_border.gif) no-repeat bottom left;
}

ol.liste-num li{
	margin-bottom: 10px;
}

.centrer {
	margin: 0 auto;
	text-align:center;
}

.indent {
	padding-left: 15px;
}

.gris {
	color: #969393;
}

a.btn-retour {
	display: block;
	width: 150px;
	height: 50px;
	background:url(../images/btn-retour.png) no-repeat 0 0;
}

a.btn-retour:hover {
	background:url(../images/btn-retour.png) no-repeat 0 -50px;
}

/*************************** Fin des classes Element *************************/

/***** Encart intro ******/
div#encart{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:730px;
	vertical-align:top;
	/*left: 269px;*/
}
#padd {
	padding-top:10px;
	padding-left:45px;
	padding-right:45px;
	margin:0px;
	/*font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;*/
	text-align:justify;
	background-image:url(../images/encart_dupli.png);
	
	width:570px;
	}
#padd p {
	margin:0px;
}

.prod {
	padding-top:15px;
	padding-left:40px;
	padding-right:60px;
	width:625px;
	margin:0px;
	background-image:url(../images/produits/dupli.png);
}

.encart_prod{position:relative;
	margin-left:auto;
	margin-right:auto;
	width:730px;
	vertical-align:top;
	/*left: 269px;*/}

#txt12{}
#txt12 p{font-size:12px;}


/**** Partenaires ****/
#global {
	width:520px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	}
.logoGauche {
	width:45%;
	float:left;
	text-align:center;
	}
.logoDroite {
	width:45%;
	float:right;
	text-align:center;
	}
	

	
/**** Encart actu accueil ****/
	
.encartAccueil {
	width:271px;
	height:200px;
	float:right;
	margin-right:5px;
	margin-top:5px;
	}

.encartProduits {
	width:271px;
	height:200px;
	float:right;
	margin-right:5px;
	margin-top:5px;
	}

.encartFiches {
	width:180px;
	height:330px;
	float:left;
	padding-right:20px;
	}
	
.tarif{text-align:center; border:#e69b52 1px solid; width:150px; margin:auto; padding:5px;}	
	
/*#scroll { overflow-y:visible; width:220px; height:110px; text-align:center; font-size: 11px;  }
#scroll a { color: #000000; }	*/
	
/**** Tableau reprogrammation moteur ****/


div#centreTab {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

table#repro {
		width:550px;
		border:solid 1px #696767;
		border-collapse:collapse;
}
	
table#repro td {
	padding:0px;
	margin:0px;
	width:33%;
	text-align:center;
	font-weight:bold;
	background:url(../images/bg_td.gif) no-repeat #000000;
}
	
table#repro .black {
	background-color:#000000;
	background-image:none;
}


/**** Tableau films fiches techniques ****/

table.films {
	width:550px;
	border:1px solid #696767;
	border-collapse:collapse;
	margin: 0 auto;
	
}
	
table.films td {
	padding: 10px;
	margin:0px;
	width:33%;
	text-align:center;
	font-weight:bold;
	border-left:1px solid #696767;
	border-right:1px solid #696767;
	color: #FFFFFF;
	font-style: italic;
	background:url(../images/bg_table2.gif) no-repeat top #000000;
}


table.films td.black {
	background-color: #000000;
	background-image: none;
	color:#D38847;
	font-style: normal;
}


/**** Boutons Films solaires ****/

div#boutons {
	width: 600px;
	margin: 0 auto;
}

a.btn-films {
	display: block;
	width: 256px;
	height: 130px;
	outline: none;
}

a#btn-1 {
	background:url(../images/btn-films-1.png) no-repeat 0 0;
	outline: none;
}

a#btn-1:hover {
	background:url(../images/btn-films-1.png) no-repeat 0 -130px;
}

a#btn-2 {
	background:url(../images/btn-films-2.png) no-repeat 0 0;
	outline: none;
}

a#btn-2:hover {
	background:url(../images/btn-films-2.png) no-repeat 0 -130px;
}

a#btn-3 {
	background:url(../images/btn-films-3.png) no-repeat 0 0;
	outline: none;
}

a#btn-3:hover {
	background:url(../images/btn-films-3.png) no-repeat 0 -130px;
}


/*** TARIFS ***/

div#tarifs {
	width:520px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}

.tarifs_Diapo{
	float:left;
	width:45%;
	margin-top:15px;
	}
	
.tarifs_info{
	float:right;
	width:46%;
	margin-top:15px;
	}

/** PLAN D'ACCES **/

#content #map *{
color:#000;
}
#content .plan {
	width: 600px;
	height: 450px;
	border: 2px #f2dbbe solid;
}
#content #map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #00ff00;
}
#content .plan-titre {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 1em;
}
#content .plan-adresse {
	font-size: 12px;
	color: #333;
}
#content .plan-printer {
	display:block;
	text-align: right;
}
#content .plan-printer img, 
#content .plan-printer a {
	border: none;
}



.padL30 { 
	padding-left:30px;
		}

.padL60 { 
	padding-left:60px;
		}
		
		
/*TAGS*/
.module{
	width:100%;
}
.module div{ color:#383C3C; font-size:10px; text-transform:uppercase;}
.module .box-indent{ padding:11px 10px 11px 11px;}