/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}


html, body{
	font:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	margin:0;	
	padding:0;
}

#general{
	width:100%;
	margin:0 auto;
	padding:0;
}

#contenu{
	width:955px;
	padding:0;
	margin:0 auto;
}

.cont01{
	background:url(img/bg-contenu1.gif) no-repeat top left;
}

.nettoyeur{clear: both; margin: 0; padding: 0;}

/*-------------------------------------------- BANDEAU */
#bandototal{
	width:100%;
	background:url(img/bg-bando.gif) repeat-x top left;
	margin:0;
	padding:0;
}

#bandototal2{
	width:100%;
	background:url(img/bg-bando2.gif) repeat-x top left;
	margin:0;
	padding:0;
}

#bando{
	width:955px;
	height:327px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#bando2{
	width:955px;
	height:148px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.bg1{
	background:url(img/bando1.jpg) no-repeat bottom left;
}

.bg2{
	background:url(img/bando2.jpg) no-repeat bottom left;
}

.bg3{
	background:url(img/bando3.jpg) no-repeat bottom left;
}

/*-------------------------------------------- LOGO PNG  */
html>body .logo{
	filter:none;
	background:url(img/logo.png) no-repeat 0px 0px; 
}

.logo{
	width:230px;
	height:100px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='scrop');
	position:absolute;
	left:0px;
	top:0px;
}

/*-------------------------------------------- LOGO2 PNG  */
html>body .logo2{
	filter:none;
	background:url(img/logo.png) no-repeat 0px 0px; 
}

.logo2{
	width:200px;
	height:75px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='scrop');
	position:absolute;
	left:1px;
	top:111px;
}

/*-------------------------------------------- MENU */
#menu{
	width:736px;
	height:73px;
	margin:0;
	padding:0px 0 0 207px;
}

#menu2{
	width:740px;
	height:33px;
	margin:0;
	padding:113px 0 0 210px;
}

#menu ul{
	width:736px;
	height:71px;
	padding:0;
	margin:0;
	border-top:2px solid #fff;
}

#menu2 ul{
	width:740px;
	height:33px;
	padding:0;
	margin:0;
	border-top:2px solid #fff;
}

#menu ul li{
	height:71px;
	margin:0;
	padding:0;
	display:inline;
}

#menu2 ul li{
	height:33px;
	margin:0;
	padding:0;
	display:inline;
}


#menu ul li a{
	height:71px;
	margin:0 2px 0 0;
	display:block;
	float:left;
	text-decoration:none;
}

#menu2 ul li a{
	height:33px;
	margin:0 2px 0 0;
	display:block;
	float:left;
	text-decoration:none;
}

#menu ul li a#contact{
	height:71px;
	margin:0 0 0 0;
	display:block;
	float:left;
	text-decoration:none;
}

#menu2 ul li a#contact2{
	height:33px;
	margin:0 0 0 0;
	display:block;
	float:left;
	text-decoration:none;
}


#menu ul li a:hover{
	background-position:0 -71px;
	list-style-type:none;
}

#menu ul li a.focus{
	background-position:0 -71px;
	list-style-type:none;
}

#menu2 ul li a:hover{
	background-position:0 -33px;
	list-style-type:none;
}

#menu2 ul li a.focus{
	background-position:0 -33px;
	list-style-type:none;
}

a.menu_acc_1{
	width:71px;
	background:url(img/titre1.gif) top left no-repeat;
}

a.menu_acc_2{
	width:154px;
	background:url(img/titre2.gif) top left no-repeat;
}

a.menu_acc_3{
	width:134px;
	background:url(img/titre3.gif) top left no-repeat;
}

a.menu_acc_4{
	width:144px;
	background:url(img/titre4.gif) top left no-repeat;
}

a.menu_acc_5{
	width:63px;
	background:url(img/titre5.gif) top left no-repeat;
}

a.menu_acc_6{
	width:160px;
	background:url(img/titre6.gif) top left no-repeat;
}

a.menu_acc_7{
	width:70px;
	background:url(img/titre7.gif) top left no-repeat;
}

a.menu_acc_8{
	width:148px;
	background:url(img/titre8.gif) top left no-repeat;
}

a.menu_acc_9{
	width:129px;
	background:url(img/titre9.gif) top left no-repeat;
}

a.menu_acc_10{
	width:152px;
	background:url(img/titre10.gif) top left no-repeat;
}

a.menu_acc_11{
	width:69px;
	background:url(img/titre11.gif) top left no-repeat;
}

a.menu_acc_12{
	width:160px;
	background:url(img/titre12.gif) top left no-repeat;
}

/* --------------------------------------------------ACCUEIL */
.espacepro{
	width:920px;
	background:url(img/bg-degrade.gif) repeat-x 0px 0px;
	margin:55px 0 0 13px;
	padding:0;
	float:left;
}	

.espace01{
	width:29px;
	height:233px;
	background:url(img/bg-espace.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	float:left;
}

.espace02{
	width:862px;
	margin:0;
	padding:0;
	float:left;
	background:url(img/bg_special-actus1.gif) no-repeat 0 18px;
}

.espace03{
	width:29px;
	height:215px;
	background:url(img/bg-espace2.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	float:left;
}

.espace04{
	width:862px;
	margin:0;
	padding:50px 0 0 0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	background:url(img/bg_special-actus2.gif) no-repeat 0 18px;
}

.imgactu{
float:left;
	width:175px;
	height:175px;
	text-align:center;
}

.imgactu img {
	border:0;
}

#bg-special-actus{
	padding:50px 0 0 0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}


/* --------------------------------------------------ACTUS-ACCUEIL */
.actus-accueil{
	float:left;
	width:250px;
	padding:0px 37px 0 0;
}

.hauteur-actus{
	float:left;
	width:1px;
	height:180px;
}

.contenu-actus{
	float:left;
	width:249px;
}

.blocdeco{
	width:29px;
	height:215px;
	background:url(img/bg-actu.gif) no-repeat top left;
	margin:0px;
	padding:0;
	float:right;
}

.blocactu img{
	width:175px;
	margin:0;
	padding:0;
	cursor:pointer;
	border:none;
}

.date{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-violet2.gif) no-repeat 0px 0px;
	text-indent:40px;
	margin:0;
	padding:5px 0 15px 0;
	line-height:17px;
}
.date a{
	color:#3d669c;
	text-decoration: none;
}

.titre{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#80b9e6;
}

.actus-accueil a.savoirplus {
	text-decoration:none;
	color:#ff8b02;
	font-weight:bold;
}

.actus-accueil a:hover.savoirplus {
	color:#000;
}

.txtclear-actu{
	height:10px;
	margin:0px;
	padding:5px 0 0 0;
	line-height:5px;
	clear:both;
}

/* --------------------------------------------------ESPACE CONSEIL */

.espaceconseil{
	width:400px;
	background:url(img/bg-degrade2.gif) repeat-x 0px 0px;
	margin:40px 0 0 13px;
	padding:0;
	float:left;
}	

.espaceconseil0{
	width:915px;
	background:url(img/bg-degrade2.gif) repeat-x 0px 0px;
	margin:10px 0 0 18px;
	padding:0;
	float:left;
}

.espaceconseil01{
	width:27px;
	height:415px;
	background:url(img/bg-espace-conseil.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	float:left;
}

.espaceconseil02{
	width:350px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin:0;
	padding:0 0 20px 10px;
	float:left;
}

.espaceconseil02a{
	width:860px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin:0;
	padding:0 0 20px 10px;
	float:left;
}


.imgfla{
	margin:0;
	padding:15px 0 0 50px;
}

.espaceconseil02 h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-turk.gif) no-repeat 0px 10px;
	margin:0;
	padding:10px 0 10px 40px;
}

.espaceconseil02a h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-turk.gif) no-repeat 0px 10px;
	margin:0;
	padding:10px 0 10px 40px;
}

.espaceconseil03{
	width:11px;
	height:415px;
	background:url(img/bg-espace-conseil2.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	float:right;
}


/* --------------------------------------------------ACTUS-PAGE */
.blocactupage p.date2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
}

.blocactupage p.titre2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#80b9e6;
}

.blocactupage{
	width:934px;
	background:url(img/back.png) repeat-x top ;
	margin:40px 0 0 20px;
	float: left;
	padding: 0;
}

.blocactupage01{
	width:18px;
	height:415px;
	background:url(img/bg-actu-page2.gif) no-repeat top left;
	padding:0;
	margin:0;
	float: left;
}

.blocactupage02{
	width:824px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	padding:20px 20px 20px 0;
	margin:0;
	float: left;
}

.blocactupage03{
	width:25px;
	height:415px;
	background:url(img/bg-actu-page.gif) no-repeat top left;
	padding:0;
	margin:0;
	float:right;
}

.blocactupage img{
	margin:0;
	padding:0;
}

.bloclist{
	width:195px;
	height: 300px;
	overflow-y: scroll;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#6b9bc2;
	margin: 10px 0px 0px 0px;
	padding:20px 5px 5px 10px;
	float: left;
}

.bloclist ul li{
	background:url(img/puce.gif) no-repeat 0px 3px;
	padding:0;
	list-style-type:none;
	padding:2px 0 0 15px;
}

.bloclist a{
	text-decoration:none;
	color:#496fa2;
	font-weight:bold;
}

.bloclist a:hover{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

/* --------------------------------------------------ESIMER-COUT */


.label{
	display:block;
	width:180px;
	line-height: 20px;
	float: left;
}

.label2{
	display:block;
	width:150px;
	line-height: 20px;
	float: left;
}

.label3{
	display:block;
	width:15px;
	line-height: 20px;
	float: left;
	padding: 0 5px 0 5px;
}

.input{
	width:170px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 8px 10px;
	background-color: #FFFFFF;
	border:solid 1px #3D669C;
	padding: 0 0 0 5px;
	height: 18px;
}

.input2{
	width:62px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0 8px 0;
	background-color: #FFFFFF;
	border:solid 1px #3D669C;
	padding: 0 0 0 5px;
	height: 18px;
	float: left;
}

.select{
	width:177px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 8px 10px;
	background-color: #FFFFFF;
	border:solid 1px #3D669C;
	padding: 0 0 0 5px;
	height: 18px;
}

.textarea{
	width:170px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 8px 10px;
	background-color: #FFFFFF;
	border:solid 1px #3D669C;
	padding: 0 0 0 5px;
	height: 40px;
}

#bouton{
	width:170px;
	height:20px;
	border:0px;
	background:url(img/bg-bouton.gif) no-repeat top right;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#3D669C;
	cursor: pointer;
	text-align: center;
	margin: 0 3px 10px 0;
	float: right;
}

p.warning{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align: justify;
}	

#estimer_cout form{
	margin:10px 70px 0px 0;
	padding: 0px;
	width: 350px;
}	

#estimer_cout{
	width:440px;
	text-align:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
	margin:0;
	float:left;
	color: #3D669C;
}

#resultat_cout{
	padding:0;
	height:280px;
}

.blocestimer{
	width:500px;
	background:url(img/bg-degrade2.gif) repeat-x top left;
	margin:40px 0 0px 20px;
	padding: 0;
	float: left;
}

.blocestimer01{
	width:25px;
	height:415px;
	background:url(img/bg-estimer.gif) no-repeat top left;
	padding:0;
	margin:0;
	float: left;
}

.blocestimer02{
	width:13px;
	height:415px;
	background:url(img/bg-espace-conseil2.gif) no-repeat top right;
	padding:0;
	margin:0;
	float:right;
}

.blocestimer h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-turk.gif) no-repeat 0px 10px;
	margin:0;
	padding:15px 0 5px 40px;
	text-align: left;
}

/* --------------------------------------------------DEMANDE DEVIS */
.blocdevis{
	width:450px;
	background:url(img/bg-degrade2.gif) repeat-x top left;
	margin:40px 0 0px 18px;
	padding: 0;
	float: left;
}

.demande_devis{
	width:400px;
	text-align:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:0 5px 0 5px;
	margin:0;
	float:left;
	color: #3D669C;
}

.blocdevis h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-turk.gif) no-repeat 0px 10px;
	margin:0;
	padding:15px 0 5px 40px;
	text-align: left;
}
/* --------------------------------------------------CALCUL VOLUME */
.volume{
	width:955px;
	height:600px;
	background:url(img/bg-degrade2.gif) repeat-x 13px 40px;
	margin:0;
	padding:40px 0 0 0;
	float:left;
}	

.volume01{
	width:25px;
	height:415px;
	background:url(img/bg-volume.gif) no-repeat top left;
	padding:0;
	margin:0;
	float: left;
}

.volume02{
	width:900px;
	padding:0;
	margin:0;
	float: left;
	z-index:1000;
}

/* --------------------------------------------------CONTACT */
.espacecontact{
	width:920px;
	background:url(img/bg-degrade.gif) repeat-x 0px 0px;
	margin:40px 0 0 13px;
	padding:0;
	float:left;
}	

.espacecontact01{
	width:40px;
	height:150px;
	background:url(img/bg-contact.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	float:left;
}

.espacecontact02{
	width:200px;
	height:120px;
	background:url(img/arobase.gif) no-repeat 35px 70px;
	margin:0;
	padding:80px 0 20PX 64px;
	float:left;
}

.espacecontact03{
	width:191px;
	height:317px;
	background:url(img/img-contact2.jpg) no-repeat 0px 0px;
	text-align:center;
	margin:0;
	padding:0;
	float:right;
}

.espacecontact04{
	width:240px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	margin:0;
	padding:40px 0 0 0;
	float:left;
}

.espacecontact04 h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-turk.gif) no-repeat 0px 0px;
	margin:0;
	padding:5px 0 10px 40px;
	text-align: left;
	line-height: 14px;
}

.espacecontact05{
	width:160px;
	height:112px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#3c5d9c;
	text-align:left;
	margin:0;
	padding:70px 0 20px 20px;
	float:left;
}

.tel{
	height:auto;
	background:url(img/tel.gif) no-repeat 0px 0px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0px 0 20px 45px;
	line-height: 14px;
}

.mail{
	height:auto;
	background:url(img/mail.gif) no-repeat 0px 0px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:15px 0 0 45px;
}

.typo20 a{
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#11b5e7;
	padding-top:15px;
	text-decoration:none;
	display:block;
}

.typo20 a:hover{
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#3c5d9c;
	padding-top:15px;
	text-decoration:none;
	display:block;
}

.typo18{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#3c5d9c;
	padding-top:5px;
}

/* --------------------------------------------------FOOTER */
#footer{
	width:955px;
	text-align:center;
	margin:20px auto;
	padding:0;
}

#footer a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#footer a:hover{
	text-decoration:none;
	color:#3d669c;
	font-weight:bold;
}

#footer p{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:5px;
	clear: both;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1px;
}

.txtitalik{
	font:italic normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#9BB356;
	margin-left: 80px;
	padding: 0 0 10px 0;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
	text-align: center;
}

/*********** formulaire d'inscription ***************/

.inscription {
	float:left;
	width: 606px;
	background-image: url(img/formulaire.jpg);
	background-repeat: no-repeat;
	margin: 15px 0 0 100px;
	padding: 10px 0 0 20px;
}



.nouveau form  {
	float:left;
	width: 300px;
	padding: 10px 0 0 0;
}

.membre form  {
	float:left;
	width: 188px;
	padding: 10px 10px 0 0;
}

textarea {
	margin: 0 0 0 10px;
	width: 170px;

}

.nouveau {
	float:left;
	width: 330px;
}

.membre {
	float:left;
	width: 210px;
	height: 200px;
	padding: 0 0 0 40px;
}

.membre .bold, .nouveau .bold {
	font-weight:bold;
	font-size: 12px;
	color: #3D669C;
}

.id {
	float:left;
	padding:0 0 0 10px;
	text-align: left;
}
.menudevis { 
	
	float:left;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
	padding-bottom:20px;
}

.menudevis a{
	color:#3d669c;
	text-decoration:none;
}

.partenaire_devis{
	width:610px;
	text-align:right;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:0 5px 0 5px;
	margin:0;
	float:left;
	color: #3D669C;
}
.partenaire_menu{
	width:240px;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:10px;
	text-decoration:none;
	margin:30px 10px;
	line-height:20px;
	float:left;
	color: #3D669C;
	border:1px solid #3D669C;
}
.partenaire_menu a{
	color:#3d669c;
	text-decoration:none;
}
			
.tdcenter { font-size:8pt;
			text-align:center;
			vertical-align:middle; }

.tdtitre { 	font-size:08pt;
			color:#3d669c;
			text-align:center;
			vertical-align:middle;
			font-weight:bold;
			background-color:#E0E0E0; 
}

/*	***	***	***	***	*/
/* 	REFRENCEMENT 		*/
/*	***	***	***	***	*/


h3 a {
	color:#3d669c !important;
	text-decoration : none;
}
h3 a:hover {
	color:#0d369c !important;
}
/* Edition devis */
#devisClient {
	background-color:#ddeeff; 
	border:solid 1px #2A00AA; 
	margin:10px 150px;
	width:650px;
}
.unblocDevis {
	padding:10px 20px; 
	float:left;
	width:280px;
}
.titreDevis {
	color:#3d669c;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
}
.lienback{
	padding:40px 150px; 
	color:#2A1FAA; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none; 
	font-size:11px;
	font-weight:bold;
}
.descDevis {
	color:#3d669c;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.formdep {
	font-size:11px;
	color:#2A1FAA;
	text-align:center;
	margin-top:55px;
}
.ligneDevis {
	clear:both;
}

.espaceconseil02a a {
	text-decoration:none;
	color:#000000;
}

.espaceconseil02a a:hover {
	text-decoration:none;
	color:#999999;
}


/* fin */

.bloc1 {
	display:block;
	background-color:#3E7BE6;
	color:#FFFFFF;
	padding:5px;
}

.ssligne {
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#bloc1, #bloc2, #bloc3, #bloc4, #bloc5, #bloc6, #bloc7, #bloc8, #bloc9, #bloc10, #bloc11, #bloc12, #bloc13, #bloc14, #bloc15, #bloc16 {
	display:none;
}

.motclef a {
	color:#999999;
}

.motclef a:hover {
	color:#FF6600;
}

h1.h1tt {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#3d669c;
	background:url(img/flech-turk.gif) no-repeat 0px 10px;
	margin:0;
	padding:10px 0 10px 40px;
}

a.motcle {
	color: #999999;
	font-weight:bold;
	text-decoration: none;
}