@charset "utf-8";
/* CSS Document */
* 		{margin: 0; padding: 0; border: 0;}
body 	{font: 11px Tahoma, Verdana, Helvetica, sans-serif;margin:0px; background-color:#000000}
html    {margin-bottom: 1px; }

/*---------------------------- BALISES MAJEURES -----------------------------------------------------------------*/
h1						{font-size: 16px; color: #3D3D3D;margin-bottom:5px;margin-top:0px;} 
h1.ligne				{font-size: 14px;border-bottom:1px solid #84952B;padding-bottom:2px;margin-top:10px;text-align:left} 
h1.home					{font-size: 16px;padding-bottom:2px;text-align:left} 
h2						{font-size: 11px;color:#547B83;} /* page d'accueil */
h3						{font-size: 14px; color:#3D3D3D;margin-bottom:7px;margin-top:0} /* page d'accueil */ 
h5						{font-size: 14px; color:#353535;margin:0px} /* page d'accueil */
h6						{font-size:14px;color: #000000;margin-bottom:5px;margin-top:0px;font-weight:bold;} /*contenu_d (demande de devis) */						

a 					{text-decoration:none;background-image:none;border:none}
a:hover 			{text-decoration:underline}

th					{color:white;font-weight:bold;border-bottom:1px dotted #a7d360;background-color:#D79600;}/*006699*/
td 					{vertical-align:top;}
td.left				{font-weight:bold;text-align:right; padding-right:10px; width:30% }

ul 					{margin-left:17px;list-style-position: outside;list-style-type: circle;}
li					{padding:0; margin:0;line-height:normal;}

input 				{background-color:white; border:1px solid #CCCCCC;width:400px;padding:1px 0 2px 3px;}
.bouton 			{width:85px; height:26px;background-repeat:no-repeat;border:0;color:white;cursor:pointer;}
/*.validformdevis 	{width:auto;padding:5px;background-color:#D79600;border: 1px solid #D79600;color: white;
					 font-size: 11px;font-weight: bold;cursor:pointer;}*/
input.validformdevis 	    {-webkit-box-shadow: #666666 3px 3px 3px;background: #6598b1; border: 1px solid white;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;color: white;cursor: pointer;font-size: 11px;margin-right: 6px;padding: 3px 5px;text-align: center; width:auto;}
input.validformdevis:hover	    {-webkit-box-shadow: #333333 3px 3px 3px;background: #d79600; border: 1px solid #ffffff;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;color: #ffffff;cursor: pointer;font-size: 11px;margin-right: 6px;padding: 3px 5px;text-align: center; width:auto;}					 
					 
					 
.validbutton 		{width:auto;padding:5px;background-color:#67a01b;border: 1px solid white;color: white;
					 font-size: 11px;font-weight: bold;cursor:pointer}
input.panierbutton	    {-webkit-box-shadow: #666666 3px 3px 3px;background: #67a01b; border: 1px solid white;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;color: white;cursor: pointer;font-size: 11px;margin-right: 6px;padding: 1px 5px;text-align: center; width:auto;}
input.panierbutton:hover	    {-webkit-box-shadow: #333333 3px 3px 3px;background: #67a01b; border: 1px solid #576134;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;color: #576134;cursor: pointer;font-size: 11px;margin-right: 6px;padding: 1px 5px;text-align: center; width:auto;}

.checkbox			{width:18px;height:19px;background:none;}
.alerte				{background-color:#D79600;width:400px;}
select				{border:1px solid #CCCCCC;width:250px;margin-bottom:5px;}
textarea 			{border:1px solid #CCCCCC; width:250px; height:150px; }

p 					{padding-bottom:10px;}
hr 					{border: none 0; border-top:1px solid #67a01b;/*the border*/width: 100%; margin-top:3px; margin-bottom:10px;}
label {margin-bottom:20px;display:block; float:left;width:200px;}
legend { color:#a0522d;font-weight:bold;}
#sdec-logo			{display:block;top:75px;left:10px;height:150px;text-indent:-9999px;width:140px;}

/* ---------------------------------- LA STRUCTURE DE LA PAGE ----------------------------------------- */
#container			{text-align:left; background-color:#FFFFFF; margin:0 auto; position:relative;top:0;left:50%;margin-left:-486px;width:972px;}
#container.acc		{margin-left:-486px;width:972px;}
/*#animation			{position:absolute;top:29px;left:142px;}*/
#haut,#header,#menuTop,#bandeau,#centre,#pied_page,#retourpanier {left:0px;}
#haut					{position:relative;top:0px;width:972px;height:28px;background-image:url(images/marge_haut.gif); 
						 background-repeat:no-repeat;}
	#haut a				{color:black;text-decoration:none;}
	#haut a:hover		{color:#DDE7E8;text-decoration:none;}						 						 
	#haut .input		{color:#2D4071; background-color:white;width:108px;height:13px;font-size:11px;border:1px solid white;}
	#haut .bouton		{width:20px;background-color:#D3DBED;height:19px;color:#2D4071;font-size:10px;padding:0px;font-weight:bold;
						 border:1px solid #D3DBED;float:right;margin:0px 10px 0px 2px; border-right:1px solid black;
						 border-bottom:1px solid black;}
	#haut .bouton:hover	{background-color:#2D4071;color:#D3DBED;border:1px solid black;border-right:1px solid #D3DBED;
						 border-bottom:1px solid #D3DBED;}
	#haut div.menu_header	 {color: black; text-align:right; margin-top:4px}
#header					{position:relative;top:0px;width:972px;height:162px;background:url(images/header-1.jpg) 0 0 no-repeat;}
	#header.enviro		{background:url(images/header-1.jpg) 0 0 no-repeat;} /*bandeau environnement*/
	#header.nucleaire	{background:url(images/header-2.jpg) 0 0 no-repeat;} /*bandeau nucleaire*/
#baseline				{position:absolute;top:35px;left:150px;font-size:14px;color:#DEE7ED;font-weight:bold;
						 font-family:"Arial Black", Gadget, sans-serif;}
#menuSelect				{position:absolute;top:197px;left:800px;z-index:10500}/*10500 car menuTop et menuTop2 ont leur z-index
						 modifie dans header.php selon le clic sur gamme enviro ou nucleaire*/
	#menuSelect select 		{color:white;font-size:10px;background-color:#323F48;width:135px;}
#menuTop,#menuTop2		{position:absolute;top:167px;width:972px;left:0px;color: #C4D2DB;height:57px;
						 background-color:#323F48;padding-top:1px;z-index:2020}
	#menuTop2			{z-index:2000;}
	#menuTop.enviro		{background:url(images/fond-menu-top-onglet-1.gif) 0 0 no-repeat;}
	#menuTop2.nucleaire	{background:url(images/fond-menu-top-onglet-2.gif) 0 0 no-repeat;}
	#menuTop a,#menuTop2 a			{text-decoration:none;}/*HC : ne pas mettre de couleur ici sinon fait autorite sur classes de spry*/
	#menuTop a:hover,#menuTop2 a:hover	{color:white}	
	#MenuBarTop,#MenuBarTopNucleaire		{position:absolute; top:20px}
#bandeau				{position:relative;top:27px;width:972px;height:20px;background-color:#818080;text-align:right; z-index:1; overflow:hidden;}
	#bleu				{position:absolute;top:10px;left:0px;width:324px;height:10px;background-color:#6598b1;}		
	#vert				{position:absolute;top:0px;left:0px;width:324px;height:10px;background-color:#67a01b;}
	#orange				{position:absolute;top:0px;left:324px;width:324px;height:20px;background-color:#d79600;}
#retourpanier	{position:relative;top:35px;width:965px;text-align:right;z-index:1;}
#menugauche 	{position:relative;top:45px;left:0px;width:155px;float:left;display:inline-block;}
	#menugauche.acc			{width:260px;} /*pour l'accueil*/
	#menugauche ul			{margin-left:10px;color:black;list-style:none;}
	#menugauche li			{padding:0;color:black;list-style:none;}
	#menugauche  a			{display:block;color:#000000;padding:3px 2px 3px 2px;line-height:1.2em}
	#menugauche  a.mail		{display:inline}
	#menugauche li a:hover		{text-decoration:none;list-style:none; background-color:#0d4a68;color:#ffffff;}
	#menugauche li a.actif		{text-decoration:none;font-weight:bold;}
		#contenumenugauche 		{position:relative;top:-5px;left:0px; width:155px;font-size:11px;}			   
		#contenumenugauche.acc 		{position:relative;top:-5px;left:10px; width:260px;font-size:14px;font-weight:bold}						
	#menugauche li.menuG {font-weight:bold;margin:3px 0px 10px 0px;text-transform:uppercase;}
	#menugauche li.menuGCateg {line-height:11px}
	#menugauche li.menuGCateg a {padding-left:0px; }
	#menugauche li.ssMenuG {line-height:11px;border-bottom:1px dotted #96A058}
	#menugauche li.ssMenuG a {padding-left:20px; }
				
	#menugauche li.menuGon {margin-top:3px; background-image: url(images/picto-vert.jpg); background-repeat:no-repeat; background-position: 100% center; padding: 0px 0px 2px 15px;font-weight:bold;text-transform:uppercase;border-left:#67a01b solid 8px;border-bottom:#67a01b solid 1px; } 
	#menugauche li.menuGon a {color:#000000}
	#menugauche li.menuGonCateg {font-weight:bold;list-style:none;line-height:11px}
	#menugauche li.menuGonCateg a {padding-left:0px;}
	#menugauche li.ssMenuGon {background-image: url(images/picto-vert.jpg); background-repeat:no-repeat; background-position: 1% 1px; padding: 0px 0px 0px 3px;list-style:none;line-height:12px;border-bottom:1px dotted #96A058}
	#menugauche li.ssMenuGon a {padding-left:15px;}


#texte 			{position:relative;top:45px;margin-right:0px;margin-left:30px;width:785px;float:left;}	
#texte.acc 			{position:relative;top:67px;margin-right:0px;margin-left:30px;width:675px;float:left;}
	/*modif Henriett : c'est plus clair et plus homogene de gerer les a de tout #texte ensemble*/
	#texte a 		{border-bottom:1px dotted #0D4875;text-decoration:none;color:#0D4875;}
	#texte a.sans 	{border-bottom:none;text-decoration:none;background-image:none;}
	#texte a:hover	{text-decoration:none;border-bottom:1px solid transparent}			
	
	#contenutexte.int {left:10px;width:530px; top:0;border-top:#3D3D3D 12px solid;background-color:white;padding-top:12px;}
	#contenutexte.acc {position:relative;left:10px;top:-12px;width:445px;background-color:white; !important}
	#contenutexte.etroit {position:relative;left:10px;width:430px; border-top:#3D3D3D 12px solid; padding-top:12px;background-color:white}
	#contenutexte.left {position:relative;left:10px;width:430px; border-top:#3D3D3D 12px solid; padding-top:12px;background-color:white}
	#contenutexte input.contact {width:220px;background-color:white; border:1px solid #67a01b;padding:3px 0 0 3px;margin-bottom:3px}
	#contenutexte input.alerte				{background-color:#D79600;width:220px;}
	#contenutexte textarea.contact {width:220px;background-color:white; border:1px solid #67a01b;padding:3px 0 0 3px;}
	#contenutexte div.actuAcc	{border-top:#3D3D3D 12px solid;padding-top:12px;}
	#contenutexte div.actuAcc ul { margin-left:17px;list-style-position: outside;list-style-type:none}
	#contenutexte div.actuAcc a.avec, #contenuassocie div.bleuTexte a.avec {background-image: url(images/arrow.png); background-repeat:no-repeat; background-position: 0% 1px; padding: 0px 0px 0px 13px;text-decoration:none;color:#333333;}
	#contenutexte p		{line-height:1.45em;}
		
	#contenutexte ul { margin-left:17px;list-style-position: outside;list-style-type: circle;}
	#contenutexte li { padding-bottom:5px}
	#contenutexte img { padding-right:10px;padding-bottom:10px}
	#contenutexte table {border-collapse:collapse; padding:3px}
	#contenutexte table.green,th.green, td.green	{border: 1px solid #67a01b;padding:5px}
	  #droite 		{position:relative;top:0px;width:150px;margin-left:10px;margin-bottom:20px;float:right;
	  				 z-index:11;font-size:11px;color:#000000;background-color:white;border-left:5px solid white;}
		#contenudroite {width:130px;float:right;margin-right:5px;background-color: white;z-index:20;display:block;text-align:left}
			#contenudroite ul li 		{list-style:none none;}
			#contenudroite p.titreDroite	{font-weight:bold;font-size:1.2em;line-height:1em}
		
	#associe 		{position:relative;width:235px;float:right;z-index:11;font-size:11px;color:#000000;padding-bottom:3px;display:block }
	#associe.acc		{width:200px;top:0px;}
	#associe.large		{width:330px;}
		#contenuassocie.acc {width:200px;top:-12px;border-top:#3D3D3D 12px solid;padding-top:12px;}
		#contenuassocie {left:25px;right:0px;top:0;width:230px;margin-bottom:15px;border-top:#3D3D3D 12px solid;padding-top:12px;}
		#contenuassocie.large	{width:325px;}
			#contenuassocie p 		{font-size:11px;}
			#contenuassocie ul li 		{list-style:none none;margin-left:-15px;}
			#contenuassocie p.titreAssocie	{font-size:14px;font-weight:bold;line-height:15px}
			#contenuassocie .fondevis {padding:8px;line-height:1.45em;}
			#contenuassocie .radio		{border:#caeaf9;background-color:#caeaf9;vertical-align: middle;width:13px;height:13px;margin-right:3px}
			#contenuassocie .checkbox	{border:#caeaf9;background-color:#caeaf9;vertical-align: middle;width:13px;height:13px;margin-right:3px}
			#contenuassocie select {background-color: #caeaf9;font-size: 10px;width: 140px;border: 1px solid #ffffff;}
			#contenuassocie input {background-color: white;border: 1px solid black;color: black;font-size: 10px; width:15px;}
			#contenuassocie .bouton2 {background-color: #67a01b; border: 1px solid white; color: white; font-size: 10px; font-weight: bold; width: 14px;}
			#contenuassocie input.panierbutton	    {-webkit-box-shadow: #666666 3px 3px 3px;background: #6598b1; border: 1px solid white;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;color: white;cursor: pointer;font-size: 10px;margin-right: 6px;padding:3px;text-align: center; width:auto;}
			#contenuassocie input.panierbutton:hover	    {-webkit-box-shadow: #333333 3px 3px 3px;border: 1px solid #ffffff;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;background-color:#d79600}
			#contenuassocie input.validbutton  {float:right;width:20px;padding:3px;background-color:#67a01b;
										 border: 1px solid white;color: white;
					 					 font-size: 10px;font-weight: bold;}
			
			#contenuassocie .newsletterpeda	{position:relative;color:#F2EFEC;background:url(images/fond-newsletter.jpg);background-position:top left;background-repeat:no-repeat;width:181px;height:118px;padding:5px 7px 0px 7px; color:#3d3d3d;} /*Newsletter*/
			#contenuassocie .news {line-height:15px;}
           	#contenuassocie  input.inputnewsletter {float:left;width:130px;height:15px; font-size: 9px; margin-bottom: 3px;display: block;padding: 2px; }
			
			#contenuassocie .submitnewsletter {float:left;margin-left:5px;background:url(images/fleche-newsletter.gif); width:20px;height:20px; border:0px; padding:2px;}

#piedpage 			{position:relative;top:50px;margin:0 0 0 -480px;left:50%;width:960px;padding-top:10px;padding-bottom:30px;height:60px}
	#piedpage a 		{border-bottom:1px dotted #999999;text-decoration:none;color:#333333;}
	#piedpage a:hover	{text-decoration:underline}	
	#contenufooter 	{position:relative; width:770px; text-align:left; left: 188px;z-index:20;font-size:11px;}
	
/*--------------------------- formulaire admin -----------------------------------------------------------------*/

#pageadmin 			{position:relative; margin-left:0px;color:#000000; width:100%; margin-right:10px;z-index:10; float:left;border:#CCCCCC solid 1px;background-color:white;}	
#pageadmin h1		{font-size: 16px;color: #3D3D3D;margin-bottom:5px;margin-top:10px;}
#pageadmin h2		{font-size: 14px;font-weight:bold;color:#3D3D3D;margin:10px 0 5px 0;}
#pageadmin p		{line-height:1.45em;margin-bottom:10px;}
#pageadmin table 	{border-collapse:collapse;}
#pageadmin td		{padding:5px;border: 1px solid white;}
#pageadmin th		{font-size:12px; font-weight:bold; text-align:left;color:#684667;margin-bottom:10px;border-bottom:1px dotted #a7d360;}
#pageadmin .left	{font-weight:bold;color:#684667;text-align:right; padding-right:15px; width:20% }
#pageadmin .right	{ text-align:left; width:80%}			 
#pageadmin input 	{background-color:white; border:1px solid #CCCCCC;width:400px;padding:3px 0 0 3px;margin-bottom:15px;}
#pageadmin .radio   {float:left;width:18px;height:18px;border:none 0; vertical-align: middle;}
#pageadmin .validbutton {float:left;font-size:11px; font-weight:bold;background-color:#67a01b;border: 1px solid white;color: white;width:auto; padding:5px;}
input.file {position: relative;text-align: right;}
#pageadmin .checkbox 	{float:left;width:13px;border:0;height:13px;margin-right:5px;padding:0}
#pageadmin select	{width:400px; background-color:white; border:1px solid #CCCCCC;padding:1px 0 0 3px}
#pageadmin textarea {width:400px;height:100px;}
#pageadmin textarea.haut	{height:500px}
#pageadmin #ordre option		{width:30px;}/* ????? */
#pageadmin a 		{color:#323F48;border-bottom:1px dotted #323F48;}/*#006699    465840*/
#pageadmin .fond_fonce a {color:white;}
#pageadmin .important {color:#D00000; font-weight:bold;font-style:normal} /*remis ici car si .important applique a <a>, #pageadmin a prend le dessus*/
#pageadmin .commentaire {font-style:italic;font-size:11px;font-weight:normal;color:#666666;}
#pageadmin .right .commentaire {width:400px;}
#pageadmin tr.fond_clair		{background-color:#BBB15E;}
#pageadmin tr.fond_clair2		{background-color:#D1CA92;}
#pageadmin tr.fond_clair3		{background-color:#E6E3BF;}
#pageadmin tr.fond_clair4		{background-color:#EFEED6;}
#pageadmin .fond_fonce			{background-color:#D40000;color:white}/*Applique sur td pour montrer les pages non publiees dans lister-pages*/
#MenuBarAdmin li.none    			{color:black;list-style:none; list-style-image:none;background-color:white; padding:0; margin:0;}
#MenuBarAdmin li    				{list-style-type:none;background-color:#67a01b;}
#MenuBarAdmin li:hover   			{background-color:#323F48;}
#MenuBarAdmin li a  				{color:white}
#MenuBarAdmin li.adminactif a  		{background-color:#D79600;color:white}
#MenuBarAdmin li.adminactif a:hover  {background-color:#323F48;text-decoration:none}
#menuhead    {font-weight:bold; white-space:nowrap }
tr.entete td		{color:white;font-weight:bold;border-bottom:1px dotted #a7d360;background-color:#D79600;}/*006699*/
#pageadmin .bouton_cal	{background-image:url('images/picto-calendrier.gif');height:24px;width:21px;border:0px;cursor:pointer; float:left;margin-right:5px;} /*le calendrier*/
/*----------------------------------------------------specifiques-----------------------------------------*/

/*----------------------------------------------------classes-----------------------------------------*/

.popup					{background-color:#FFFFFF}
.lienOnglet2			{color:#323F48}
.rechercher				{left:25px;right:0px;top:0;width:775px;margin-bottom:15px; border-top:#3D3D3D 12px solid; padding-top:9px;}
.logo					{position:absolute;top:30px;left:30px;width:136px;height:85px;z-index:1;}
.encadre				{border:1px dotted #caeaf9;padding:5px;margin-bottom:20px;margin-top:5px}
.clearboth 				{clear:both;}
.marginbottom5			{margin-bottom:5px;}
.marginbottom11			{margin-bottom:11px;}
.marginbottom15			{margin-bottom:15px}
.margintop20			{margin-top:20px;}
.margintop10			{margin-top:10px;}
.margintop5				{margin-top:5px;}
.margin0				{margin:0;}
.margindistri			{margin-top:5px;margin-left:43px;}
.float-image 			{float:left;margin:0px 15px 20px 0px;}
.floatleft 				{float:left;margin-right:8px;margin-bottom:5px;}
.floatLeftAcc 			{float:left;clear:left;margin-right:15px;margin-bottom:168px;}
.floatright 			{float:right;}
.important				{font-style:italic;color:#D00000;}/*sur les etoiles dans les formulaires*/
.displaynone			{display:none}
.suggestion				{position:absolute; background-color:#ffffff; border:1px solid #CCCCCC; width:303px; height:300px; color:#000000; left:104px; top:102px; display:none; padding:5px;}
.italic					{font-style:italic;}
.violet					{ color:#684667;}
.video					{ position:relative; left:15px; top:5px;}
.lienactu				{border-bottom:1px dotted #666666;text-decoration:none;color:#333333;}
.fondevis				{background-color:#caeaf9;}
.bleu 					{color: #547B83;}
.bleuAcc 				{color: #547B83;font-size:11px;font-weight:normal;border-top:#3D3D3D 12px solid; padding-top:9px;}
.bleuTexte				{color:#547B83;border:1px dashed; padding-left:3px;padding-bottom:5px;margin-bottom:7px}
.bleuTitre				{color:#547B83;border:1px solid; background-color:#E4E4E4; padding:5px;font-size:11px;}
.noir					{color:black}
.que_mesure				{background-color: #F7F7F7; border:#000000 solid 1px; padding:5px; text-align:center;width:98%}
.demandDevis			{background-color:#67a01b;color:#FFFFFF;font-size:14px;font-weight:bold;padding:5px}
.deDevis				{background-color:#caeaf9;color:#000000;font-size:12px;padding:5px;}/*D7DDC1*/
.deEnteteDevis			{background-color:#0d4a68;color:white;font-size:12px;padding:5px;}/*D7DDC1*/
.deItem					{padding:5px;border-bottom:#67a01b dotted 1px}
img.max180				{width:auto;max-width:180px}	

/* HIGHSLIDE */

.highslide-image {border: 0px solid black;}
.highslide-controls {width: 90px !important;}
.highslide-controls .highslide-close {display: none;}
.highslide-caption {padding: .5em 0;
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.6;      /* khtml, old safari */
	-moz-opacity: 0.6;       /* mozilla, netscape */
	opacity: 0.6;           /* fx, safari, opera */
	color:#333333; width:340px;position:relative;left:100px;
}