body {
margin: 0 ;
padding:0;
font-family: Trebuchet MS, arial;
text-align: center ;
font-size: 12px;
color: #222222;
background-color: #ffffff;
}


/********************************** Eléments génréraux de mise en page **************************************/


input[type=radio], input[type=checkbox] {
	background-color: transparent !important;
	border:none !important;
	}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}

p{
padding: 0;
margin: 0;
text-align:justify;
}

a {
outline: none;
}

img {
border: none;
}

form {
padding:0;
margin: 0;
}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

.lineheight0{
line-height: 0px;
}

ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.color_bleu {
color : #5baaca;
}

.italic {
font-style:italic;
}

.floatleft {
float: left;
}

.margintop5 {
margin-top: 5px;
}

.main {
	cursor:pointer;
	}

.inline {
	display:inline;
	}
	
.displayNone {
	display:none;
	}

.cleanButtonValider {
	width: 67px !important;
	height: 16px !important;
	border : none !important;
	display: block;
	}

.floatRight {
	float:right;
	}
	
.alignLeft {
	text-align:left;
	}

.lien_gris {
	color:#717070;
	text-decoration: none;
	}

.lien_gris:hover {
	color:#BDC2C4;
	text-decoration: underline;
	}


/********************************** Fin Eléments génréraux de mise en page **************************************/





#main {
margin:0 auto;
width: 960px;
text-align: left ;
background-color: #ffffff;
}

#top {
width: 960px;
height: 205px;
background: url(images/image.png) no-repeat right;
background-color: #ffffff;
}

h1#header {
height:144px;
float: left;
}

h1#header a {
width: 298px ;
height: 144px ;
margin-top: 17px;
margin-left: 35px;
display: block ;
background: url(images/logo.png) no-repeat ;
text-indent: -5000px ;
}


#menu_top {
height: 50px;
width: 960px;
margin-top: 30px;
background: url(images/bande_menu.png) no-repeat;
float:left;
}

ul#menu {
height: 20px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
float:left;
}

ul#menu li {
float: left ;
text-align: center ;
}

ul#menu li a.b1 { width: 58px; height: 21px; font-size: 15px; color: #ffffff; display: block ; margin-left: 30px; text-decoration: none; text-align: center;}
ul#menu li a.b1:hover {color: #f0f316;}

ul#menu li a.b2 { width: 135px; height: 21px; font-size: 15px; color: #ffffff; display: block ; margin-left: 30px; text-decoration: none; text-align: center;}
ul#menu li a.b2:hover {color: #f0f316;}

ul#menu li a.b3 { width: 72px; height: 21px; font-size: 15px; color: #ffffff; display: block ; margin-left: 30px; text-decoration: none; text-align: center;}
ul#menu li a.b3:hover {color: #f0f316;}

ul#menu li a.b4 { width: 100px; height: 21px; font-size: 15px; color: #ffffff; display: block ; margin-left: 30px; text-decoration: none; text-align: center;}
ul#menu li a.b4:hover {color: #f0f316;}

ul#menu li a.b5 { width: 110px; height: 21px; font-size: 15px; color: #ffffff; display: block ; margin-left: 30px; text-decoration: none; text-align: center;}
ul#menu li a.b5:hover {color: #f0f316;}



#contenu {
width: 960px;
padding-bottom: 10px;
border-bottom: 1px solid #bbd4d9;
}


#zone_gauche {
margin-top:15px;
width: 216px;
padding-bottom:10px;
background-color:#ffffff;
border: 1px solid #b0b3b5;
float: left;
}

h2.titre_espace {
width: 216px;
height: 26px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_espace_client.png) no-repeat 5px 6px;
background-color: #ecefef;
}

.titre_identification {
font-size: 14px;
padding-top: 7px;
margin-bottom: 3px;
margin-left: 8px;
padding-left: 18px;
color: #787b7d;
background: url(images/puce.png) no-repeat left 9px;
}
.titre_identification a{
	color:#787B7D;
}
form.permanent {
font-size:12px;
color: #ffffff;
padding: 0;
margin: 0;
margin-left: 8px;
margin-top: 5px;
}

form.permanent legend {
font-weight: bold;
font-size:12px;
color: #eddede;
}

form.permanent label {
display: inline-block;
width: 75px;
font-size: 11px;
font-weight: bold;
line-height: 18px;
margin-top: 2px;
vertical-align: top;
color: #717070;
}

form.permanent input {
height: 13px;
width: 107px;
margin-left: 4px;
font-size: 11px;
color: #8d8b8c;
padding-left: 3px;
border: 1px solid #9ea2a5;
background-color: #ffffff;
}

form.permanent ul {
margin: 0;
padding: 0;
padding-left:4px;
list-style:none;
}

form.permanent  li {
padding: 0;
list-style: none;
padding-top: 2px;
}

form.permanent em {
font-weight: bold;
font-style: normal;
color: #f00;
}


.placment_bouton_valider {
float: right;
margin-top: 3px;
margin-right: 12px;
}


ul.liste_mdp {
position: relative;
top: 5px;
right: 12px;
text-align:right;
float: right;
}

ul.liste_mdp li  {
line-height: 15px;
}

ul.liste_mdp li a {
font-size: 12px;
color: #a0a4a7;
text-decoration: none;
}

ul.liste_mdp li a:hover {
text-decoration: underline;
}

.pointilles {
margin-top: 20px;
height: 2px;
background: url(images/pointille.png) no-repeat center;
}

.texte_compte {
width: 200px;
font-size: 11px;
color: #717070;
margin-top: 10px;
margin-left: 9px;
line-height: 15px;
}

.placement_bouton_creer {
margin: 0 auto;
margin-top: 10px;
margin-left: 40px;
display:block;
}



#zone_centre {
margin: 15px 3px 0 3px;
width: 408px;
float: left;
}

h2.titre_accueil {
width: 274px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_expertise.png) no-repeat;
}

.texte_accueil {
width:350px;
font-size: 12px;
margin-left: 20px;
}


#zone_droite {
width: 328px;
height: 284px;
margin-top:15px;
background: url(images/fond_competences.jpg) repeat-x;
background-color: #929699;
float: left;
}

h2.titre_competences {
width: 328px;
height: 26px;
margin: 0 auto;
display:block;
text-indent: -5000px;
background: url(images/titre_competences.png) no-repeat 5px 6px;
background-color: #ecefef;
border-bottom: 2px solid #ffffff
}

h3.titre_competences2 {
width: 328px;
height: 26px;
font-size: 17px;
color: #ffffff;
margin-top: 5px;
text-align: center;
display:block;
}

.barre_blanche {
width: 312px;
height: 7px;
margin: 0 auto;
background-color: #ffffff;
}

ul.liste_competences {
margin-top: 5px;
margin-left: 10px;
}

ul.liste_competences li a {
font-size: 15px;
font-weight: bold;
color: #ffffff;
line-height: 25px;
padding-left: 40px;
background: url(images/petite_vague.png) no-repeat left 7px;
text-decoration: none;
}

ul.liste_competences li a:hover{
text-decoration: underline;
}

.lien_devis {
width: 304px;
height: 66px;
margin: 0 auto;
margin-top: 7px;
display: block;
text-indent: -5000px;
background: url(images/bouton_devis.png) no-repeat;
}

.lien_devis:hover {
background: url(images/bouton_devis_on.png) no-repeat;
}

#footer{
font-size:11px;
color: #ffffff;
}


ul#basdepage {
height: 45px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
text-indent:4px;
text-align:center;
}

ul#basdepage li {
display:inline;
}

ul#basdepage li a {
font-size: 11px ;
letter-spacing: 1px ;
color: #1e1e1e ;
text-decoration: none ;
}

ul#basdepage li a:hover {
text-decoration: underline ;
}

.lienref {
font-size: 12px;
color: #484848;
text-decoration:none;
}

.lienref:hover {
font-size: 12px;
color: #484848;
text-decoration:underline;
}


/* ********************************************************** Devis ********************************************************************* */



#zone_centre_devis {
padding: 0;
margin: 15px;
width: 930px;
}

#zone_centre_devis table td {
	padding : 0 5px;
}

h2.titre_devis_nettoyage {
width: 441px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_devis_nettoyage.png) no-repeat;
}

ul#etapes_panier {
padding: 0;
margin: 0;
margin-left: 205px;
list-style:none;
display:inline;
}

ul#etapes_panier li {
display:inline;
}


ul#etapes_panier li img {
margin-left: 30px;
}

.texte_devis {
margin-left: 200px;
}

.trait_devis {
margin: 0 auto;
width: 700px;
height: 1px;
background-color: #bdc2c4;
}

.block_formulaire {
width: 600px;
margin-left: 230px;
}

form.devis {
padding: 0;
margin: 0;
margin: 0 auto;
font-size:12px;
color: #ffffff;
}

form.devis legend {
font-weight: bold;
font-size:12px;
color: #eddede;
}

form.devis label {
display: inline-block;
width: 180px;
font-size: 12px;
font-weight: bold;
margin-top: 2px;
vertical-align: top;
color: #3d3c3c;
}

form.devis input {
height: 13px;
width: 290px;
margin-left: 4px;
font-size: 11px;
color: #424141;
padding-left: 3px;
border: 1px solid #9ea2a5;
background-color: #ffffff;
}


form.devis select {
height: 18px;
width: 290px;
margin-left: 4px;
font-size: 12px;
color: #424141;
padding-left: 3px;
border: 1px solid #9ea2a5;
background-color: #ffffff;
}

form.devis ul {
margin: 0;
padding: 0;
padding-left:4px;
list-style:none;
}

form.devis li {
padding: 0;
list-style: none;
padding-top: 2px;
}

form.devis em {
font-weight: bold;
font-style: normal;
color: #f00;
}

.line-height_devis {
line-height: 12px;
}


.width_label{
width: 105px !important;
}
.width_input {
width: 200px !important;
}

.width_select{
width: 205px !important;
}

.width_auto{
width: auto !important;
}

.placement_bouton_devis {
width: 135px !important;
height: 23px !important;
margin-top: 1px;
margin-bottom: 5px;
margin-left:263px !important;
border : none !important;
display: block;
}

.pointille_devis {
width: 100px;
height: 1px;
background: url(images/pointille.png) no-repeat;
}

.titre_nettoyage {
font-size: 17px;
font-weight: bold;
color: #f4da26;
margin-bottom: 5px;
}

.lien_tarifs {
color: #a0a4a7;
}
.lien_tarifs:hover {
color: #959a9c;
}


.lien_suivant {
width: 119px;
height: 23px;
display:block;
text-indent: -5000px;
margin-top: 20px;
margin-left:810px;
background: url(images/bouton_etape_suivante.png) no-repeat;
}

.lien_suivant:hover{
background: url(images/bouton_etape_suivante_on.png) no-repeat;
}


.zone_gauche_coordonnees {
width: 370px;
height: 330px;
margin-top: 50px;
margin-left: 100px;
border-right: 1px dotted #a0a4a7;
float: left;
}

.titre_compte {
font-size: 17px;
font-weight: bold;
color: #f4da26;
margin-bottom: 2px;
}

.texte_connecte {
font-size:15px;
font-weight: bold;
color: #bdc2c4;
}

.placement_bouton_compte {
width: 74px !important;
height: 23px !important;
margin-top: 4px;
margin-bottom: 5px;
margin-left:240px !important;
border:none !important;
display: block;
}

.placement_bouton_compte2 {
width: 126px !important;
height: 23px !important;
margin-top: 4px;
margin-bottom: 5px;
margin-left:190px !important;
border : none !important;
display: block;
}

.placement_bouton_adresse {
width: 67px !important;
height: 16px !important;
margin-top: 4px;
margin-bottom: 5px;
margin-left:250px !important;
border : none !important;
display: block;
}

ul.liste_mdp_devis {
position: relative;
top: 5px;
right: 58px;
text-align:right;
}

ul.liste_mdp_devis li  {
line-height: 15px;
}

ul.liste_mdp_devis li a {
font-size: 12px;
color: #a0a4a7;
text-decoration: none;
}

ul.liste_mdp_devis li a:hover {
text-decoration: underline;
}


.zone_droite_coordonnees {
width: 370px;
margin-top: 50px;
margin-left: 50px;
float: left;
}

.texte_form {
	margin-left:90px;
font-size:14px;
font-weight: bold;
color: #bdc2c4;
}

table {
margin: 0 auto;
text-align: center;
}

.ligne_titre {
font-size: 14px;
font-weight: bold;
background-color: #f3d617;
color: #3d3c3c;
text-align: center;
}

.ligne_grise {
background-color: #bdc2c4;
}

.ligne_grise2 {
background-color: #e9eced;
}

.ligne_grise3 {
color: #8c9294;
}

.ligne_frais {
text-align: right;
font-weight: bold;
}

.border_right {
border-right: 1px solid #ffffff;
}

.border_bottom{
border-bottom: 1px solid #3d3c3c;
}

.case_intervention {
padding: 0 5px;
text-align: left;
}

.case_total {
font-size: 17px;
font-weight: bold;
}

.text_paiement {
	text-align:center;
	font-size:15px;
	font-weight:bold;
	}

/* ********************************************************** Expertise ********************************************************************* */

#zone_centre_page {
margin: 15px 0 0 3px;
width: 735px;
min-height: 305px;
background: url(images/wave.png) no-repeat center 400px;
float: left;
}

#zone_centre_page_center {
margin: 15px 0 0 3px;
width: 735px;
min-height: 305px;
background: url(images/wave.png) no-repeat center center;
float: left;
}

.texte_accueil_page {
width:625px;
font-size: 12px;
margin-left: 55px;
}

ul.liste_competences_page {
margin-top: 10px;
margin-left: 190px;
}

ul.liste_competences_page li a {
font-size: 15px;
font-weight: bold;
color: #a0a4a7;
line-height: 25px;
padding-left: 40px;
background: url(images/petite_vague2.png) no-repeat left 7px;
text-decoration: none;
}

ul.liste_competences_page li a:hover{
text-decoration: underline;
color: #f3d617;
}

/* ********************************************************** Page devis ********************************************************************* */

.lien_afficher {
width: 130px;
height: 34px;
margin-top: 10px;
margin-left: 55px;
display: block;
text-indent: -5000px;
background: url(images/bouton_afficher.png) no-repeat;
}

.lien_afficher:hover {
background: url(images/bouton_afficher_on.png) no-repeat;
}

.autoImportant {
	width:auto !important;
	}


/* ********************************************************** Page contact ********************************************************************* */

h2.titre_contact {
width: 274px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_contact.png) no-repeat;
}

h2.titre_localisation {
width: 328px;
height: 26px;
margin: 0 auto;
display:block;
text-indent: -5000px;
background: url(images/titre_localisation.png) no-repeat 5px 6px;
background-color: #ecefef;
border-bottom: 2px solid #ffffff
}

#zone_droite_contact {
width: 328px;
margin-top:15px;
background: url(images/fond_competences.jpg) repeat-x;
background-color: #929699;
float: left;
}

.localisation {
width: 322px;
height: 488px;
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
}

form.contact {
font-size:11px;
color: #ffffff;
margin-left: 20px;
}

form.contact fieldset {
margin: 0;
padding: 0;
padding-left: 2px;
padding-bottom: 5px;
border: 0;
width: 515px;
color: #a4a09c;
}

form.contact fieldset legend {
padding: 0 0 0 4px;
font-weight: bold;
font-size:12px;
color: #8e8c8c;
}

form.contact fieldset label {
margin-left: 0px;
display: inline-block;
font-weight: bold;
line-height: 1.9;
vertical-align: top;
color: #545555;
}

form.contact fieldset input {
height: 13px;
font-size: 11px;
color: #584d5d;
padding-left: 3px;
border: 1px solid #838578;
background-color: #ffffff;
}

form.contact fieldset input:hover {
background-color: #fefefe;
color: #9f916e;
}

form.contact fieldset input.nohover:hover {
background-color: #ffffff;
}

form.contact fieldset select {
height: 19px;
font-size: 11px;
color: #584d5d;
border: 1px solid #838578;
background-color: #ffffff;
}

form.contact fieldset select:hover {
background-color: #fefefe;
color: #eddede;
}


form.contact fieldset textarea{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #584d5d;
padding-left: 3px;
border: 1px solid #838578;
background-color: #ffffff;
}

form.contact fieldset ol {
margin: 0;
padding: 0;
padding-left:10px;
}

form.contact fieldset li {
margin: 0;
padding: 0;
list-style: none;
padding-top: 2px;
}

form.contact em {
font-weight: bold;
font-style: normal;
color: #f00;
}

form.contact label {
width: 112px; /* Width of labels */
}

.inline {
display: inline;
}

.width_input {
width: 230px;
}

.width_select {
width: 185px;
}

.width_type {
margin: 0;
padding: 0;
height: 19px;
width: 210px;
}

.width_fieldset {
width: 300px;
}

.placement_bouton_valider {
margin-top: 5px;
margin-left: 260px;
width:67px; height:16px !important; border: 0 !important;
}

.tooltipErreur {
	padding :2px 3px 2px 3px ;
	border:none;
	opacity:0.9;
	color:black;
	position : absolute;
	top:0px;
	left:200px;
	z-index : 100;
	background-color : white;
	border:1px solid black;
}


/* ********************************************************** Nos devis ********************************************************************* */

h2.titre_nos_devis {
width: 274px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_nos_devis.png) no-repeat;
}

h3.titre_general {
font-size: 15px;
font-weight: bold;
margin-left: 55px;
margin-bottom: 5px;
color: #f3d617;
}


.lien_afficher_tarifs {
width: 130px;
height: 33px;
margin-top: 10px;
margin-left: 55px;
display: block;
text-indent: -5000px;
background: url(images/bouton_nos_tarifs.png) no-repeat;
}

.lien_afficher_tarifs:hover {
background: url(images/bouton_nos_tarifs_on.png) no-repeat;
}


/* ********************************************************** Mesurage********************************************************************* */

h2.titre_mesurage {
width: 274px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_mesurage.png) no-repeat;
}

/* ********************************************************** Etat des lieux ********************************************************************* */

h2.titre_etats_des_lieux {
width: 274px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_etats_des_lieux.png) no-repeat;
}

.lien_etats {
color: #f3d617;
}

.lien_etats:hover {
color: #dec418;
}

/* ********************************************************** ERNT ********************************************************************* */

h2.titre_ernt {
width: 274px;
height: 45px;
margin: 0 auto;
margin-top:1px;
display:block;
text-indent: -5000px;
background: url(images/titre_ernt.png) no-repeat;
}

/* ********************************************************** Espace Perso ********************************************************************* */

.block_inscription {
	margin-left:50px;
	}
	
.blocEspacePerso {
	margin-left:50px;
	}
	
.text_moncompte {
	color:#3D3C3C;
	font-weight:bold;
	}

h2.titreEspacePerso {
	width: 328px;
	height: 26px;
	margin: 0 auto;
	display:block;
	text-indent: -5000px;
	background: url(images/titre_espace_client.png) no-repeat 5px 6px;
	background-color: #ecefef;
	border-bottom: 2px solid #ffffff
}

table.tableDevis tr td {
	padding:3px;
}