@charset "utf-8";
/* CSS Document */

.savoir_plus{ display:inline-block; width:85px; height:16px; background:url(../design/savoir_plus.png) no-repeat; margin:15px auto 0 auto;color:#233188}


#formulaire_contact > .remarque { display:none; }

/* GESTION DU MENU SECONDAIRE */
#zone_bleue {}
	#zone_bleue h1 { margin:0 0 5px 0; padding:30px 15px 10px 45px; color:#FFF; font-size:2em; font-weight:normal; border-bottom:1px solid}
	#menu_interieur { padding:0 15px 0 45px; margin-bottom:20px}
		#menu_interieur > li { color:#FFFFFF;}
			#menu_interieur > li a { display:block; color:#FFFFFF; font-size:15px; text-decoration:none; padding:3px 0 5px 0;
				-webkit-transition: color 0.2s;
				-moz-transition: color 0.2s;
				-o-transition: color 0.2s;
				transition:color 0.2s;}
			#menu_interieur li.actif > a, #menu_interieur a:hover { color:#01bdff}
			
			#menu_interieur > li ul { margin:0; padding:0 0 0 15px;}
				#menu_interieur > li ul a{ font-size:14px }
			/*#menu_interieur li a:before {content:"• "}*/


/* FICHE D'IDENTITÉ*/
#liste_pictos { list-style:none; padding:15px 0 0 0; margin:0}
	#liste_pictos li { cursor:pointer; float:left; margin:0 0 0 40px; border:1px solid #FFF; display:none; padding:0;
		-webkit-transition: background 0.2s;
		-moz-transition: background 0.2s;
		-o-transition: background 0.2s;
		transition:background 0.2s;}
	#liste_pictos li:first-child {margin-left:30px}
	#liste_pictos li:hover { background:#e5eef9 }
	#liste_pictos li.actif { background:#e5eef9; border-color: #005dc5 }
	
#liste_contenus { list-style-type:none; position:relative; padding:20px 0 0 0; margin:0}
	#liste_contenus li { position:absolute; color:#01bdff; font-size:1.8em; width:285px; text-align:center;  display:none; margin:0; padding:0}
	#liste_contenus li.graph { position:absolute; color:#01bdff; font-size:1.8em; width:377px; text-align:center;  display:none; margin:0; padding:0}
	
/* ÉTAT D'ESPRIT */
#bulles{ position:relative; height:69px; margin:20px 0 0 60px; padding:0; list-style-type:none }
	#bulles > li{ background:url(../design/bulles.png) no-repeat; height:69px; width:70px; cursor:pointer; background-position:-68px 0; position:absolute; top:0; left:0; display:none; margin:0; padding:0}
	#bulles > li.actif{ background-position:0 0 }

#verbatim { margin:20px 0 0 40px; position:relative; padding:0; list-style-type:none }
	#verbatim > li { position:absolute; left:0; top:0; width:100%; display:none}
		#verbatim .message {
			position:relative; padding:50px ; text-align:center; float:left; width:300px; font-size:1.6em; color:#20398f;
			background-color:#e6f2fa;
			background-image:url(../design/guillemet_debut.png), url(../design/guillemet_fin.png);
			background-repeat:no-repeat, no-repeat;
			background-position:top left, bottom right;}
		#verbatim .mots {
			margin:0; 
			padding:0;
			list-style-type:none;
			position:relative;
			float:left;
			color:#01bdff;
			font-size:2.2em;
			margin-left:30px; }
		#verbatim .mots li{ max-width:200px; background:url(../design/fleche_bleue.png) no-repeat 0 7px; padding-left:30px; margin-bottom:10px; display:none}
		
		
/* ÉQUIPES */
#equipes {  margin: 0 0 0 20px; text-align:center; padding:0; list-style-type:none}
	#equipes li { float:left; width:190px; display:none }
	#equipes li.fleche { width:62px; padding-top:20px}
		#equipes h1{ font-weight:normal; color:#01bdff; margin:0; padding:15px; font-size:2em}
		#equipes h2{ font-weight:normal; ; margin:0; padding:0 15px; font-size:1.3em}


/* CONFIANCE */
.confiance { display:table-row}
	.confiance li { float:left; margin:0 11px 11px 0; border:1px solid #CCC; display:table-cell; width:110px; height:110px;
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);	
		-webkit-box-shadow:0px 0px 5px #CCCCCC;
		-moz-box-shadow:0px 0px 5px #CCCCCC;
		box-shadow:0px 0px 5px #CCCCCC;
		behavior: url(css3pie/PIE.php);
		-webkit-transition: border-color 0.25s;
		-moz-transition: border-color 0.25s ;
		-o-transition: border-color 0.25s ;
		transition:border-color 0.25s;}
	.confiance li:hover { border-color:#666666 } 
	
	.secteurs{ margin-left:20px}
		.secteurs li { font-size:1.5em;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			
		}
	
	
	
	
/* CONTACT */
#col_gauche{ float:left; width:40%;}
	.photo{ 
		-webkit-box-shadow:0px 0px 5px #CCCCCC; display:inline-block;
		-moz-box-shadow:0px 0px 5px #CCCCCC;
		box-shadow:0px 0px 5px #CCCCCC;
		behavior: url(css3pie/PIE.htc);}
	.plus_infos{ padding:5px 0 0 50px; background:url(../design/telephone_bleu.png) no-repeat; margin:20px 0 0 30px; min-height:51px;font-size:1.2em}
		.numero_tel{ font-size:1.8em; color:#01bdff}

#col_droite{ float:left; width:55%; padding:0 5% 30px 0; font-size:1.3em; color:#233187;}
	.formulaire{ width:100%; display:none}
		.formulaire p { margin:0; padding:11px 0 0 0}
		.formulaire input, .formulaire textarea{font-family:'PT Sans', sans-serif; font-size:1em; color:#666;background-color:#F3F3F3; border:1px solid #CCC; padding:2%;
			-webkit-box-shadow:inset 1px 1px 2px #CCCCCC;
			-moz-box-shadow:inset 1px 1px 2px #CCCCCC;
			box-shadow:inset  1px 1px 2px #CCCCCC;
			behavior: url(css3pie/PIE.php);}
		.formulaire input:focus, .formulaire textarea:focus{ background-color:#dbf6ff; border-color:#01bdff; color:#01bdff;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			behavior: url(css3pie/PIE.php); }
		.formulaire input{ width:95%; margin-top:5px;} 
		.formulaire textarea{ min-width:95%; max-width:210px; margin:5px 0 0 0; padding:0; min-height:100px;padding:2%}
		.remarque { display:none; }
	
		.titre_formulaire { background-color:#dbf6ff; padding:5px 0 5px 10px; display:block; margin:20px 0; color:#01bdff; text-decoration:none; border-top:1px solid #01bdff; font-size:1.1em}
			.ptite_fleche{ width:13px; height:13px; background:url(../design/ptite_fleche_bleue.png) no-repeat; float:right;margin:4px 10px 0 0}
		
		.formulaire a {text-decoration:none; margin-top:20px; position:relative }
		
	.effacer{ display:inline-block; padding:5px 0;color:#999999}
	.effacer:hover {color:#01bdff}
	
	.valider{ background:url(../design/fond_bouton.gif) repeat-x bottom #005dc6; display:inline-block; color:#FFFFFF; padding:5px 15px;
		-webkit-box-shadow:0px 0px 6px #999999;
		-moz-box-shadow:0px 0px 6px #999999;
		box-shadow: 0px 0px 6px #999999;
		behavior: url(css3pie/PIE.php);}
	.valider:hover{ background:#01bdff;
		-webkit-box-shadow:inset 1px 1px 3px #006e94;
		-moz-box-shadow:inset 1px 1px 3px #006e94;
		box-shadow:inset 1px 1px 3px #006e94;
		behavior: url(css3pie/PIE.php);}
		
		
/* OFFRE */

#texte_offre { float:left; width:62%; margin-right:2%; margin-bottom:25px;}
	#texte_offre h1 { color:#01bdff; font-size:2.3em; font-weight:normal; margin:21px 0 15px 0; padding:0}
	#texte_offre p{ font-size:1.2em }
	#texte_offre > ul{ font-size:1.2em}
	#texte_offre .liste{ color:#01bdff; font-size:1.5em; margin:0 0 0 30px; padding:0; list-style-type:none; }
		#texte_offre .liste li{ margin:0 0 10px 0; background:url(../design/fleche_bleue.png) no-repeat 2px 1px ; padding-left:32px }
	#texte_offre h3{ font-size:1.4em; font-weight:normal}
	#texte_offre h3 strong{ color:#01bdff; font-weight:normal}
	
#texte_offre.decalage{ width:58%}
	
#texte_large {
	margin-bottom:25px;
	padding-right:5%;
}
	#texte_large > h1 { color:#01bdff; font-size:2.3em; font-weight:normal; margin:21px 0 15px 0; padding:0}
	#texte_large p{ font-size:1.2em }
	#texte_large h2{ font-size:1.4em }
	#texte_large h3{ font-size:1.4em; font-weight:normal}
	#texte_large h3 strong{ color:#01bdff; font-weight:normal}

			
#encart { float:right; width:36%;}
	#encart.texte { width:30%; padding:3%; font-size:1.2em; margin-bottom:25px;background:#e2e6e7;}
	#encart.texte p{ margin:0 0 5px 0; padding:0}
	#encart.texte .titre{ font-weight:bold; text-transform:uppercase; font-size:1.1em; margin:9px 0 10px 0; padding:0} 
	#encart.texte ul{ margin:0 0 0 8%; padding:0}
		#encart.texte li{ margin-bottom:10px }
		
	#encart .logos{ margin:0; padding:0; list-style-type:none;}
		#encart .logos li{ float:left; margin-left:20px }
		#encart .logos li:first-child{ margin:0 }
	
	#encart .photo {
		margin-top:20px;
		-webkit-box-shadow:0px 0px 6px #999999;
		-moz-box-shadow:0px 0px 6px #999999;
		box-shadow: 0px 0px 6px #999999;
		behavior: url(css3pie/PIE.php);}	
		
#texte_installation { float:left; width:67%; margin-right:2%; margin-bottom:25px;}
	#texte_installation h1 { color:#01bdff; font-size:2.3em; font-weight:normal; margin:21px 0 15px 0; padding:0;}
	#texte_installation p{ font-size:1.2em }
	
	.liste_installation{ margin:0; padding:0; list-style-type:none}
		.liste_installation li { width:149px; border:#999999 1px solid; float:left; margin:0 10px 10px 0; cursor:pointer; position:relative;
			-webkit-transition: border-color 0.2s;
			-moz-transition: border-color 0.2s ;
			-o-transition: border-color 0.2s ;
			transition:border-color 0.2s;}
					
		.liste_installation li:hover { border-color:#01bdff}
			.liste_installation li h3 { margin:0; padding:10px 0; text-align:center; height:50px; background:#eaeaea; border-top:1px solid #FFF; line-height:16px;
				-webkit-transition: background-color 0.2s;
				-moz-transition: background-color 0.2s ;
				-o-transition: background-color 0.2s ;
				transition:background-color 0.2s;}
			.liste_installation li:hover h3 { background-color:#01bdff; color:#FFFFFF;}
			.liste_installation li .plus { background:url(../design/plus.gif) no-repeat; width:15px; height:15px; position:absolute; right:5px; top:5px; z-index:3} 
			.liste_installation li:hover .plus { display:none }
		
.liste_acc { margin:0; padding:0; list-style-type:none; width:100%; }
	.liste_acc li { width:44%; background-color:#CCCCCC; text-align:center; float:left; color:#FFFFFF; padding:2%; margin:0 1% 4px 0; height:106px; font-size:1.1em}
		
#anim_mots { float:right; width:29%; font-size:1.2em; margin:0 0 25px 0; color:#01bdff; font-size:2.3em; padding:21px 0 0 0; }
	#anim_mots ul {list-style-type:none; margin:0; padding:0}
		#anim_mots li{ display:none }


.liste_formation { margin:0; padding:0; font-size:1.2em}
	.liste_formation > li { list-style-type:none; padding:5px 15px 5px 15px; margin:0 0 20px 0; border-left:20px solid #e5e5e5;  }
	
.liste_encadre { margin:0; padding:0 0 20px 0; list-style-type:none}
	.liste_encadre li { margin:0; padding:0; font-size:1.2em; float:left; margin-left:3%; width:42%; background-color:#e2e6e7; padding:2%}
	.liste_encadre li:first-child { margin:0}
		.liste_encadre p { margin:0; padding:0}
		.liste_encadre .titre { font-weight:bold; margin-bottom:5px} 
		.liste_encadre .vert{ padding-left:12%; min-height:140px; background-image:url(../images/6L-additif-ecologique-spit.png); background-repeat:no-repeat; background-position:10px; width:18%}
		


/* DOMAINES */


#texte_domaines { float:left; width:55%; margin-bottom:25px; }
	#texte_domaines h1 { color:#01bdff; font-size:2.3em; font-weight:normal; margin:21px 0 15px 0; padding:0}
	#texte_domaines h2 { font-size:1.4em}
	#texte_domaines p, #texte_domaines ul {font-size:1.2em}
	
	#fond_photo { float:right;  }
	
	#texte_domaines h3{ font-size:1.4em; font-weight:normal}
	#texte_domaines h3 strong{ color:#01bdff; font-weight:normal}
	

.liste_ria { margin:0; padding:0; list-style-type:none}
	.liste_ria li{ width:32%; float:left; border-left:1px solid #CCC; min-height:490px}
	.liste_ria li:first-child{ border:none}
	.liste_ria .visuel { overflow:hidden; margin:0 1px 0 1px; border:1px solid #CCC; min-height:200px; }
		.liste_ria .visuel img{ width:100%}
	.liste_ria li h1 { text-transform:uppercase; color:#01bdff; font-weight:normal; padding:0 15px ; margin:15px 0 5px 0  }
	.liste_ria li p { padding:0 15px; margin:0}
	
.liste_visuels{
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
}
	.liste_visuels li{
	float:left;
	width:200px;
	margin:0 10px  10px 0;
	border:#CCCCCC 1px solid;
	display:inline-table;
	-webkit-box-shadow:0px 0px 6px #999999;
	-moz-box-shadow:0px 0px 6px #999999;
	box-shadow: 0px 0px 6px #999999;
	behavior: url(css3pie/PIE.php);
}

#retour_home {
	position:absolute;
	width:150px;
	height:20px;
	left: 101px;
	top: 106px;
	text-decoration: none;
}

/* SOLUTIONS... */

.liste_solutions { margin:0; padding:0; list-style-type:none}
	.liste_solutions li { margin:0 5px 5px 0; padding:0; background-color:#CCC; display:inline-block; width:80px; height:80px; box-shadow:#CCC 1px 1px 5px }


/* FACTURES */

#factures { margin:0;  padding:0; list-style-type:none; position:relative; height:1000px}
	#factures li { margin:0; padding:0; position:absolute; display:none; cursor:pointer;
		-webkit-box-shadow:0px 0px 6px #999999;
		-moz-box-shadow:0px 0px 6px #999999;
		box-shadow: 0px 0px 6px #999999;
		behavior: url(css3pie/PIE.php);
	}
	
	#factures .bulle { position:absolute; font-size:1.2em; font-weight:bold; display:none;
		 background:#01bdff; color:#FFFFFF; text-align:center; 
		-webkit-box-shadow:0px 0px 6px #999999;
		-moz-box-shadow:0px 0px 6px #999999;
		box-shadow: 0px 0px 6px #999999;
		behavior: url(css3pie/PIE.php);
		border:3px solid #FFF}
	
	#factures .conc1 { top:-10%; left:0%;  height:150px; width:150px; border-radius:200px; padding:30px; background:#01bdff}
	
	#factures .conc2 { top:5%; right:-10%;  height:150px; width:150px; border-radius:200px; padding:30px; background:#01bdff}
	
	#factures .esi1 { top:15%; left:45%; height:135px; width:135px; border-radius:200px;padding:30px; background:#01bdff}