/* 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; background:url(../images/pattern.jpg) repeat top;}

#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 { 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; height:10px; width:130px; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

.contact_adresse{width:210px; height:200px; text-align:center; float:left; margin:5px;/* border:1px solid #F93;*/}
/*RAPPEL GRATUIT*/
/*	Formulaire de contact
----------------------------------------------------------*/
#formulaire{ width:662px; }
.divformulaire{ width:480px; float:left; padding-right:10px; text-align:left; }
#divmessage{ width:300px; float:left; padding-top:40px;}
#formulaire input, #formulaire textarea{ background-color:e69b52; padding:5px; margin-top:7px; border:#fff solid 1px; }
#formulaire .INPUT2{ border:none;}

#formulaire .field label{display:-moz-inline-box; display:inline-block; width:160px;}
#formulaire .field .champ{height:10px; width:130px;} 

#coordonnees { text-align:center; }
#coordonnees h3 { text-align:center; }

/*	Validation formulaires
----------------------------------------------------------*/
#formulaire label.error { color: #c00; font-style: italic; display: block; } /* Message d'erreur : pas défaut rouge*/
#formulaire input.error, #formulaire textarea.error { border: 1px dotted #000; background-color: #FFD9D7; } /* Champ à remplir mis en valeur fond orange + bordure pointillé noir*/
#errors { color: #c00; background-color: #FFD9D7; border: 1px solid #000; text-align: left; padding: 0.5em 0.5em 0.5em 3em; } /* Message d'erreur qd il manque des éléments pour le bon fonctionnement du fomulaire*/

/*	Fin du formulaire de contact
----------------------------------------------------------*/


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

.accueil_prix{background:url(../images/prix.jpg) no-repeat; width:45px; height:48px; float:right;}
.accueil_prix p {color:#FFF; padding-left:5px; line-height:12px; padding-top:10px;}

.prix-gd{background:url(../images/prix-gd.jpg) no-repeat; width:55px; height:63px; float:right; margin-right:180px;}
.prix-gd p {color:#FFF; padding-top:5px; line-height:12px; font-weight:bold; text-align:center;}
.prix-txt{margin-left: 80px;    margin-top: 25px;}

.colleft{width:350px; float:left;}
.colright{width:250px; padding-right:10px; float:left;}

.colleft2{width:450px; float:left;}
.colright2{width:150px; padding-right:10px; float:left;}

.diapo{ width:300px; height:240px;}

/*.content1{background:#e79b52;     padding: 10px;    width: 547px; border-radius:6px 6px 0 0 ;}
.content2{background:#df8846;     padding: 10px;    width: 547px; border-radius:0 0 6px 6px;}*/

.barre{ text-decoration:line-through; font-style:italic;}

.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;
}

.font14{ font-size:14px;}

.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);
}

.prod_accueil{
	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{ text-align:justify;}
#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:600px;
	height:250px;
	/*float:right;*/
	margin-right:5px;
	margin-left:10px;
	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;
}



/**** Tableau tarifs ****/

table.tarifs {
	width:630px;
	margin: 0 auto;
	
}
	
table.tarifs td {
	padding: 10px;
	margin:0px;
	text-align:center;
	/*border-left:1px solid #696767;
	border-right:1px solid #696767;*/
	color: #FFFFFF;
	background:url(../images/bg_table2.gif) no-repeat top #000000;
	border-bottom:1px solid #393939;
}



table.tarifs td.black {
	background-color: #000000;
	background-image: none;
	/*color:#D38847;
	width:25%;*/
	font-style: normal;
}

table.tarifs td.cat {
	background-color: #000000;
	background-image: none;
	color:#D38847;
	font-size: 14px;
	width:46%;
	text-align:left !important;
}

.small{ font-size:11px; color:#FFF; }

table.tarifs td.bord {
	border:1px solid #000;
	border-radius:3px;
	background:#ffe0c1;
	color:black;
}



/**** 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;
}


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

a#btn-rappel:hover {
	background:url(../images/btn-rappel2.jpg) no-repeat 0 0;
	
}



/*** 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;
}

.padL{padding-left:10px;}
.padL20{padding-left:20px;}
.padL30 { 
	padding-left:30px;
		}
.padL35{padding-left:35px;}

.padL40 { 
	padding-left:40px;
		}

.padL60 { 
	padding-left:60px;
		}

.padL100{padding-left:100px;}

.padR{ padding-right:30px;}	
		
.sans a, a:link, a:visited, a:active {
	
	text-decoration: none;
}

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

.liens{ text-decoration:none; color:#e69b52;}

.block{
	display:block; 
	}
.none{
	display:none;
}

.haut { height:300px;}

#lieu {width:200px; float:left; height:300px; }
#lieu li { list-style: none; margin:0; display: inline; line-height:3.6em; padding-bottom:10px;}
#lieu a { padding: 10px 0.5em; margin-left: 3px; text-decoration: none;/* background:#e69b52; width:50px;*/ height:49px;}
#lieu li a:link { color: #ffffff; }
#lieu li a:visited { color: #ffffff; }
#lieu li a#current { background: white; border-bottom: 1px solid white; }

.lieu_content{float:left; padding-left:10px; width:450px;}

.fon12{font-size:12px;}

.repro_encart { width:555px; height:330px; background:url(../images/repro_encart.png); }
.repro_encart .texte { font-family:Verdana, Arial, Helvetica, sans-serif; width:390px; padding:10px 0 0 115px; margin:10px; font-size:15px; font-weight:bold;}
.repro_encart .texte li {list-style-image:url(../images/repro_puce.png); list-style-position:inside; padding-bottom:10px; margin:0 0.3em 0 0;}
.color_orange {color:#e69b52;}
.color_orange_fonce{color:#fe7c00;}

.repro_table{width: 650px; border:none; }
.td_repro{border: #858585 1px solid; text-align:center; background:#212121;}

.puce{margin:0 0.3em 0.6em 0; }

.logo{ width:130px; height:120px; text-align:center; float:left; }

.logo a{text-decoration:none; color:#858585; font-size:10px;}
.logo a:hover{text-decoration:none; color:#e69b52; font-size:10px;}

.encart_logo{ background:url(../images/bg_logo.jpg);}

.autre{text-decoration:none; color:#858585; font-size:10px;}