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

div.preload {display:none;}
div.preload img {display:none;}

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

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

.widthAuto {
	width:auto !important;
	}
	
input[type=radio] {
	border:none !important;
	background-color:transparent !important;
	}

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



#main {
margin:0 auto;
width: 960px;
text-align: left ;
background-color: #ffffff;
background: url(images/fond.gif) repeat-y left;
border-right: 1px solid #e4d8d8;
border-bottom: 1px solid #e4d8d8;
}

#top {
width: 960px;
height: 302px;
background: url(images/banniere.jpg) no-repeat right;
}

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

h1#header a {
width: 399px ;
height: 52px ;
margin-top: 227px;
margin-left: 47px;
display: block ;
background: url(images/logo.png) no-repeat ;
text-indent: -5000px ;
}

#contenu {
width: 960px;
}

#menu_top {
width: 960px;
height: 50px;
background: url(images/pointilles.jpg) no-repeat center bottom;
}

ul#menu {
width: 623px;
height: 50px ;
margin: 0 ;
padding: 0 ;
margin-left: 180px;
list-style-type: none ;
}

ul#menu li {
float: left ;
font-size: 15px;
}

ul#menu li a.b1 { width: 65px; height: 50px; display: block ; margin-left: 10x; line-height:50px; color:#9fa4aa; text-decoration: none; background: url(images/trait.jpg) no-repeat right;}
ul#menu li a.b1:hover {color:#787c81;}

ul#menu li a.b2 { width: 155px; height: 50px; display: block ; margin-left: 15px; line-height:50px; color:#9fa4aa; text-decoration: none; background: url(images/trait.jpg) no-repeat right;}
ul#menu li a.b2:hover {color:#787c81;}

ul#menu li a.b3 { width: 85px; height: 50px; display: block ; margin-left: 15px; line-height:50px; color:#9fa4aa; text-decoration: none; background: url(images/trait.jpg) no-repeat right;}
ul#menu li a.b3:hover {color:#787c81;}

ul#menu li a.b4 { width: 93px; height: 50px; display: block ; margin-left: 15px; line-height:50px; color:#9fa4aa; text-decoration: none; background: url(images/trait.jpg) no-repeat right;}
ul#menu li a.b4:hover {color:#787c81;}

ul#menu li a.b5 { width: 55px; height: 50px; display: block ; margin-left: 15px; line-height:50px; color:#9fa4aa; text-decoration: none; background: url(images/trait.jpg) no-repeat right;}
ul#menu li a.b5:hover {color:#787c81;}

ul#menu li a.b6 { width: 75px; height: 50px; display: block ; margin-left: 15px; line-height:50px; color:#9fa4aa; text-decoration: none;}
ul#menu li a.b6:hover {color:#787c81;}


.bandeaux_poucet {
width: 600px;
margin-top:10px;
text-decoration:none;
text-align: right;
margin-right:38px;
margin-bottom: 30px;
float:right;
}

.lien_poucet, .lien_poucet2  {
font-size: 12px;
color: #65676a;
text-decoration:none;
}

.lien_poucet2  {
text-decoration:none;
}

.lien_poucet:hover {
text-decoration:underline;
}

.block_gauche {
width: 238px;
margin-left: 60px;
float: left;
}


h2.titre_bienvenue {
width: 238px;
height: 30px;
display:block;
text-indent: -5000px;
border-bottom: 1px solid #c6ccd4;
margin-bottom: 15px;
background: url(images/titre_bienvenu.png) no-repeat;
}

.texte_block {
font-size:12px;
color: #9fa4aa;
}

.lien_bienvenu {
width: 90px;
height: 22px;
display:block;
text-indent: -5000px;
margin-top: 15px;
background: url(images/bouton_savoir_plus.png) no-repeat;
float: right;
}

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

h2.titre_actus{
width: 238px;
height: 30px;
display:block;
text-indent: -5000px;
border-bottom: 1px solid #c6ccd4;
margin-bottom: 15px;
background: url(images/titre_actus.png) no-repeat;
}

.block_centre {
width: 238px;
margin-left: 60px;
float: left;
}

h2.titre_references {
width: 238px;
height: 30px;
display:block;
text-indent: -5000px;
border-bottom: 1px solid #c6ccd4;
margin-bottom: 15px;
background: url(images/titre_references.png) no-repeat;
}

ul.liste_references {
margin: 0 ;
padding: 0 ;
margin-top: 20px;
list-style-type: none ;
}

ul.liste_references li a {
width: 238px;
height: 17px;
display: block;
font-size: 12px;
font-weight: normal;
color:#7e8186;
padding-bottom: 8px;
margin-bottom: 10px;
line-height: 18px;
text-decoration: none;
background: url(images/fond_lien.png) no-repeat bottom;
}

ul.liste_references li a:hover {
color:#515357;
}

.lien_references {
width: 88px;
height: 22px;
display:block;
text-indent: -5000px;
margin-top: 15px;
background: url(images/bouton_voir_plus.png) no-repeat;
float: right;
}

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

.block_droit {
width: 238px;
margin-left: 60px;
float: left;
}

h2.titre_catalogue {
width: 238px;
height: 30px;
display:block;
text-indent: -5000px;
border-bottom: 1px solid #c6ccd4;
margin-bottom: 15px;
background: url(images/titre_catalogue.png) no-repeat;
}

h3.titre_exterieur {
width: 72px;
height: 19px;
display:block;
text-indent: -5000px;
margin-top: 5px;
margin-bottom: 5px;
background: url(images/titre_exterieur.png) no-repeat;
}

h3.titre_interieur {
width: 72px;
height: 19px;
display:block;
text-indent: -5000px;
margin-top: 12px;
margin-bottom: 5px;
background: url(images/titre_interieur.png) no-repeat;
}


ul.liste_catalogue{
margin: 0 ;
padding: 0 ;
margin-top: 20px;
list-style-type: none ;
}

ul.liste_catalogue li  {
margin-bottom: 8px;

}
ul.liste_catalogue li a {
width: 228px;
height: 17px;
font-size: 12px;
font-weight: normal;
color:#7e8186;
padding-left: 10px;
padding-bottom: 4px;
text-decoration: none;
background: url(images/fleche.png) no-repeat left 4px;
}

ul.liste_catalogue li a:hover {
color:#515357;
}

.lien_catalogue {
width: 118px;
height: 22px;
display:block;
text-indent: -5000px;
margin-top: 15px;
background: url(images/bouton_catalogue.png) no-repeat;
float: right;
}

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



/* ********************************************************** Catalogue ********************************************************************* */

#zone_gauche {
width: 238px;
margin-left: 35px;
float: left;
}

#zone_menu {
min-height: 500px;
background: url(images/fond_menu.jpg) no-repeat;
}

ul.liste_menu_gauche {
margin: 0 ;
padding: 0 ;
margin-top:10px;
list-style-type: none ;
}

ul.liste_menu_gauche li a {
width: 238px;
height: 14px;
display: block;
font-size: 14px;
color:#7e8186;
padding-bottom: 8px;
padding-left: 10px;
line-height: 18px;
text-decoration: none;
background: url(images/fleche.png) no-repeat 2px 5px;
}

ul.liste_menu_gauche li a:hover {
color:#515357;
}


ul.sousliste_menu_gauche{
margin: 0 ;
padding: 0 ;
position:relative;
bottom: 3px;
margin-left: 1px;
margin-bottom: 5px;
list-style-type: none ;
}

ul.sousliste_menu_gauche li a {
font-size: 12px ;
display:inline;
font-weight: normal;
color: #65676a;
height: 18px;
line-height: 17px;
padding-left: 9px;
text-decoration: none ;
background: none;
}

ul.sousliste_menu_gauche li a:hover {
color: #4f5154;
}

#contenu_produits {
width: 960px;
}

#zone_centre_produits {
width: 640px;
margin: 0 15px 0 15px;
float: left;
}

.grand_cadre_produits {
height : 495px;	
}

.cadre_produits {
width: 650px;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #a0a4a7;
}

.block_produits, .block_produits2 {
width: 165px;
text-align: center;
margin-left: 21px;
margin-right: 30px;
float: left;
}

.block_produits2 {
margin-right: 0px;
}

.image_produits {
width: 110px;
height: 110px;
margin: 0 auto;
border: 1px solid #87a9c2;
}

h3.titre_produits {
font-size: 13px;
font-weight: bold;
color: #65676a;
margin-top: 5px;
}


.precedent {
width: 88px;
height: 22px;
position:relative;
top: 20px;
display: block;
text-indent:-5000px;
background: url(images/bouton_precedent.jpg) no-repeat;
float:left
}

.precedent:hover {
background: url(images/bouton_precedent_on.jpg) no-repeat;
}


.block_numero {
width: 250px;
height: 17px;
position:relative;
top: 20px;
left:110px;
text-align:center;
float:left
}

.lien_numero {
font-size: 12px;
font-weight:bold;
color: #65676a;
text-decoration:none;
}

.lien_numero:hover {
color: #4c4e50;
}


.suivant {
width: 88px;
height: 22px;
position:relative;
top: 20px;
display: block;
text-indent:-5000px;
background: url(images/bouton_suivant.jpg) no-repeat;
float:right
}

.suivant:hover {
background: url(images/bouton_suivant_on.jpg) no-repeat;
}

.liens_suivant {
font-size: 12px;
font-weight: bold;
color: #6c3f21;
text-decoration: none;
}

.liens_suivant:hover {
color: #a86f49;
}










#footer{
width: 905px;
height: 27px;
margin-left: 35px;
margin-top: 40px;
font-size:11px;
color: #ffffff;
background-color: #c6ccd4;
}


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

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

ul#basdepage li a {
line-height: 31px ;
font-size: 11px ;
color: #ffffff;
display: inline;
text-decoration: none;
}

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

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

.lienref:hover {
text-decoration:underline;
}




/* *************************************fiche********************************** */

.zone_gauche_fiche {
width: 214px;
float: left;
}

.image_fiche {
width: 214px;
height: 214px;
border: 1px solid #8fafc8;
}

.petite_image_fiche {
width:40px;
height: 40px;
margin-top: 5px;
margin-right: 10px;
border: 1px solid #8fafc8;
float: left;
}

.zone_droite_fiche {
width: 325px;
margin-bottom: 10px;
margin-left: 15px;
float: left;
}

h4.titre_fiche {
font-size: 18px;
color: #65676a;
}

.ref {
font-size: 14px;
color: #65676a;
}

ul.liste_coup_de_coeur {
padding: 0;
margin: 0;
margin-top: 10px;
list-style-type: none;
}

ul.liste_coup_de_coeur li {
font-weight: bold;
font-size: 11px;
line-height: 15px;
padding-left: 8px;
color: #434446;
background: url(images/puce.jpg) no-repeat 0px 6px;
}

.texte_fiche {
padding:0;
margin:0;
color: #65676a;
margin-top:5px;
font-size: 12px;
text-align:justify;
}


.retour{
width: 88px;
height: 22px;
position:relative;
top: 20px;
display: block;
text-indent:-5000px;
background: url(images/bouton_retour.jpg) no-repeat;
float:left
}

.retour:hover {
background: url(images/bouton_retour_on.jpg) no-repeat;
}

/* ******************************panier******************************* */

#entete_panier {
margin-top: 5px;
margin-left: 7px;
width:900px;
}

#listepanier {
padding: 0;
margin: 0;
float:left;
}

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

ul#etapes_panier li {
display:inline;
}

/* ******************************Contact******************************* */
h3.titre_contact {
width: 194px;
height: 29px;
margin-top: 8px;
margin-left: 10px;
display: block;
text-indent: -5000px;
background: url(images/titre_contact.jpg) no-repeat;
}

h4.titre_standard{
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #000000;
}

.block_contact {
width: 450px;
margin-left: 13px;
}

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

form.contact fieldset {
margin: 0;
padding: 0;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
border: 0;
width: 450px;
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;
border: 1px solid #838578;
background-color: #ffffff;
}
form.contact fieldset input ,form.contact fieldset textarea {
 	width:200px;
 }

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;
border: 1px solid #838578;
background-color: #ffffff;
letter-spacing: 0;
}

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: 200px;
}

.width_select {
width: 185px;
}

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

.width_fieldset {
width: 300px;
}

.placement_bouton_valider {
margin-top: 2px;
margin-left: 297px;
}

.localisation {
width: 480px;
height: 300px;
border: 1px solid #000000;
}

/* ********************************************************** Qui sommes nous ? ********************************************************************* */

h3.titre_qsn {
width: 243px;
height: 40px;
display: block;
margin-top: 10px;
margin-left: 10px;
text-indent: -5000px;
background: url(images/titre_qsn.png) no-repeat;
float: right;
}

.texte_qsn {
color: #7e8186;
padding: 0 20px 0 20px;
}

.image {
margin-left: 15px;
margin-bottom: 5px;
float: right;
}

h4.titre_general, .titre_general2 {
font-size: 14px;
font-weight: bold;
color: #e53337;
}

.titre_general2 {
margin-left: 20px;
}

.block_qsn, .block_qsn2 {
width: 280px;
margin-top: 20px;
padding-right: 20px;
margin-left: 20px;
border-right: 1px dotted #6c6f73;
float: left;
}

.block_qsn2 {
margin-left: 30px;
margin-top: 20px;
padding-right: 0px;
border-right: none;
}

ul.liste_qsn{
margin: 0 ;
padding: 0 ;
margin-top: 10px;
list-style-type: none ;
}

ul.liste_qsn li  {
margin-bottom: 5px;
font-size: 12px;
font-weight: normal;
color:#6c6f73;
padding-left: 10px;
padding-bottom: 4px;
text-decoration: none;
background: url(images/fleche.png) no-repeat left 4px;
}

.texte_liste {
margin-top: 5px;
}

.texte_liste2 {
margin-left: 22px;
margin-top: 5px;
}

/* ********************************************************** Contact ********************************************************************* */

h3.titre_contact {
width: 110px;
height: 40px;
display: block;
margin-top: 10px;
margin-left: 10px;
text-indent: -5000px;
background: url(images/titre_contact.png) no-repeat;
float: right;
}

#zone_centre {
width: 350px;
float: left;
}

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


#zone_droite_contact {
width: 270px;
margin-top:15px;
margin-left: 5px;
float: left;
}

.localisation {
width: 270px;
height: 750px;
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
border: 1px solid #c6ccd4;
}

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

form.contact fieldset {
margin: 0;
padding: 0;
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: 200px;
}

.width_select {
width: 207px;
}

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

.width_fieldset {
width: 300px;
}

.placement_bouton_valider {
margin-top: 5px;
margin-left: 262px;
}

h4.titre_general_contact {
color : #d92024;
font-weight: bold;
margin-bottom: 5px;
}

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

.texte_devis {
width: 325px;
}

h3.titre_devis{
width: 80px;
height: 40px;
display: block;
margin-top: 10px;
margin-left: 10px;
text-indent: -5000px;
background: url(images/titre_devis.png) no-repeat;
float: right;
}

#zone_droite_devis {
width: 270px;
margin-top:15px;
float: right;
}

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

/********************************************** Actus ***************************************************/

.titre_actualites2 a{
width: 238px;
height: 14px;
display: block;
font-size: 14px;
color:#7e8186 !important;
padding-bottom: 8px;
padding-left: 10px;
line-height: 18px;
text-decoration: none;
background: url(images/fleche.png) no-repeat 2px 5px;
}

.titre_actualites2 a:hover {
	color:#515357;
	}

.titre_actualites {
	font-size: 14px;
	color:#7e8186;
	}

/********************************************** Mention légales ***************************************************/

h3.titre_ml {
width: 243px;
height: 40px;
display: block;
margin-top: 10px;
margin-left: 10px;
text-indent: -5000px;
background: url(images/titre_ml.png) no-repeat;
float: right;
}

h5.descriptif {
	text-indent:50px;
	margin-bottom:5px;
	font-size:15px;
	font-weight:bold;
	}