/* ###################### Balises de base ###################### */
@import url(reset.css);

body {
	font-family:arial, verdana, sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	height:100%;
	color:#b7b7b7;
	background:#ffffff url(../images/header/home.jpg) repeat-x;
	margin:0 auto;
	text-align: center;

}

img a{
	border:none;
	text-decoration:none;
}

img a:hover{
	border:none;
	text-decoration:none;
}

#fond {
	background:#fff url(../images/footer/degrade-bas.png) repeat-x bottom left;
	margin:0;
}

#forme_bas{
	background: url(../images/footer/forme.jpg) no-repeat bottom right;
}



/* ###################### header ###################### */
#head{
	background: url(../images/header/head.jpg) repeat-x top left;
}

#header{
	background: url(../images/header/visuel.jpg) no-repeat;
}

/* Lien principal */
#liensdroits a{
	color:#E1007A;
}

#liensdroits a:hover{
	color:#c8056f;
}

#liensdroits span{
	background: url(../images/commun/liseret_home.gif) no-repeat;	
}

/*recherche*/
#form_recherche input {
	color:#8687A5;
}

/*#################### chemin de fer ############*/
.chemin_fer_mag {
font: normal 12px arial, verdana, sans-serif;
color:#8687A5;
height:20px;
padding:15px 0 10px 0;
}

.chemin_fer_mag a{
font: normal 12px arial, verdana, sans-serif;
color:#8687A5;
text-decoration:none;
}

.chemin_fer_mag a:hover{
font: normal 12px arial, verdana, sans-serif;
color:#8687A5;
text-decoration:underline;
}


.chemin_fer {
font: normal 12px arial, verdana, sans-serif;
color:#8687A5;
height:50px;
padding:15px 0 10px 0;
}

.chemin_fer a{
font: normal 12px arial, verdana, sans-serif;
color:#8687A5;
text-decoration:none;
}

.chemin_fer a:hover{
font: normal 12px arial, verdana, sans-serif;
color:#8687A5;
text-decoration:underline;
}

.courrant {
color:#E7007D;
}


/*################### Page de HOME #####################*/
#blocgauchehome {
float:left;
width:500px;
margin-top:30px;
}

#home_flash_1{
width:500px;
height:320px;
}
    /****************styles de l'include de la home******************/
.bloc_bas{
float:left;
width:223px;
margin-top:30px;
position:relative;
height:195px;
}
.boutonbas{
position:absolute;
bottom:0;
left:0;
}


.bloc_bas h2{
display:none;
float:left;
}
.image_encart {
float:left;
margin:5px 5px 5px 0;
}

.image_titre_encart {
float:left;
margin-top:10px;
}

.bloc_bas p{
clear:both;
color:#000000;
font-size:12px;
font-family:arial;
}

p a.bleu {
font:bold 11px arial, sans-serif; 
color:#0078BB;
text-decoration:none;
margin:5px 5px  5px 0;
}

p a.orange {
font:bold 11px arial, sans-serif; 
color:#D36B12;
text-decoration:none;
margin:5px 5px  5px 0;
}

p.description_bloc_bas{
margin:5px 5px  5px 0;
}

.encart_home_bas h2{
display:none;
}

a.telecharger{
float:left;
width:113px;
height:21px;
background: url(../images/le_mag/home/télécharger.png) no-repeat;
}

.telecharger span{
display:none;
}

a.suivre_le_guide{
float:left;
width:113px;
height:21px;
background: url(../images/le_mag/home/suivre_le_guide.png) no-repeat;
}

.suivre_le_guide span{
display:none;
}


	
.separateur_encart_home {
float:left;
background: url(../images/le_mag/home/separateur-encarts.png) no-repeat;
width:31px;
height:152px;
margin:30px 0 0 20px;
}

#encart_home_droite {
float:left;
width:300px;
margin:30px 0 0 20px;
padding-bottom:10px;
}

.bandeau_home_droite{
background: url(../images/home_page/100622/bandeau_mini_mag.jpg) no-repeat;
width:300px;
height:155px;
}

#encart_home_droite{
background: url(../images/home_page/100622/fond_mini_mag.jpg) no-repeat bottom;
}

.bloc_droite {
margin: 10px 20px 10px 20px;
float:left;
}

/*remettre margin 10px 20px 10px 20px à la prochaine mise en ligne
}*/


img.image_visuel{
margin: 5px 10px 5px 0;
float:left;
/*width:70px;
height:80px;*/
}

img.image_titre {
margin: 5px 5px 0 0;
}

.bloc_droite h2{
float:left;
display:none;
margin: 10px 20px 0 20px;
}

.bloc_droite p{
margin:5px 5px 5px 79px;
/*float:left;*/
font: normal 12px arial, verdana, sans-serif;
color:#000000;
}


/*img.image_titre {
float:left;
}*/

a.link_bloc_droite, a:hover.link_bloc_droite {
float:left;
width:106px;
height:18px;
font:bold 11px arial, sans-serif; 
color:#fff;
text-align:center;
background: url(../images/le_mag/081007/home/bouton.png) no-repeat;
padding-top:2px;
margin-left:10px;
text-transform:uppercase
text-decoration:none;
}


/*################### Rubrique quoi de neuf #################*/
#contenu_principal h1{
font: normal 30px arial, verdana, sans-serif;
color:#E1007A;
}
/*#contenu_principal  h2{
font: normal 15px arial, verdana, sans-serif;
color:#E1007A;
}
*/
#contenu_principal h3, #contenu_principal h3 a{
font: normal 12px arial, verdana, sans-serif;
font-weight:bold;
color:#000000;
text-decoration:none;
}

.contenuquoideneuf {
width:710px;
height:100%;
background: url(../images/repassage/degrade-universrepassage.png) no-repeat ;
margin-top:20px;
}

.bas_qdn{
	margin:-22px 0px 0px 0px;
	height:37px;
	width:730px;
	background:url(../images/qdn/degradeqdn_arrondi.png) repeat;
}


p.intro_univers{
padding:20px 20px 20px 20px;
font: normal 12px arial, verdana, sanas-serif; 
color:#8687A5;
}

#nouveautes_calor {
float:left;
margin:0 0 20px 0;
}

#nouveautes_calor h2 {
font: bold 20px arial, sans-serif;
color:#E1007A;
margin:0 0 10px 20px;
}

.produit_nouveaute {
float:left;
margin-left:20px;
width:200px;
}

.produit_nouveaute h3{
font: bold 13px arial, sans-serif;
color:#000000;
float:left;
margin: 5px 0 5px 0;
}

.produit_nouveaute p{
font: normal 13px arial, sans-serif;
color:#8687A5;
float:left;
margin: 5px 0 10px 0;
}
.produit_nouveaute .visuel-nouveaute img {
	border: none;
}

p.description_nouveaute {
	float:left;
	width:200px;
	height:70px;
}

.produit_nouveaute a.bouton {
	float:left;
	font: normal 11px arial, sans-serif;
	color:#ffffff;
	text-decoration:none;
	background: url(../images/quoideneuf/ensavoirplus.gif) no-repeat;
	padding:2px 0 0 12px;
	width:90px;
	height:17px;
}

.separateur {
	float:left;
	height:261px;
	width:1px;
	background: url(../images/quoideneuf/separateur.gif) no-repeat;
	margin: 0 0 0 10px;
}
.illu_service{
	float:left;
}
.service_gauche{
	float:left;
	min-height:450px;
	margin-left:-25px;
	width:277px;
}
.service_droite{
	float:left;
	min-height:450px;
	margin-left:-25px;
	width:420px;
}
.service_droite p{
	width:420px !important;
}

.cell{
	min-height:250px;
	margin:20px 0 0 45px;
	padding: 0 0 10px 0;
}

.cell.garantie{
	min-height:0;
	padding:0;
	margin:0;
}

.cell h2{
	font: bold 20px arial, sans-serif;
	color:#E1007A;
	margin-top:10px;
	padding:5px 0 0 10px;
}

.cell .elmt,
.cell .elmt_usages {
	width:338px;
}
.cell .elmt h3,
.cell .elmt_usages h3 {
	width:338px;
	font: bold 12px arial, sans-serif !important;
	color:#ffffff !important;
	margin:5px 0 0 !important;
	background: #E89AC1;
	padding: 3px 15px;
	margin: 0;
	cursor: pointer;
}

.cell .elmt_garantie h3 {
	width:338px;
	font: bold 12px arial, sans-serif !important;
	color:#ffffff !important;
	margin:3px 0 0 !important;
	background: #A57FA6;
	padding: 3px 15px;
	cursor: pointer;
}

.elmt h3:hover ,
.elmt_usages h3:hover ,
.elmt_garantie h3:hover ,
{
	background-color: #E1007A;
}
.cell .elmt h3.active ,
.cell .elmt_usages h3.active,
{
	background-color: #E1007A;
}

.elmt p, 
.cell .elmt_usages p {
width:338px !important;
font: normal 12px arial, sans-serif;
color:#000000;
margin:5px 10px 0 10px;
margin: 0;
padding: 5px;
display: none;
}




/**/

.cell_qdn{
width:730px;
background:url(../images/quoideneuf/degradequoideneuf.png) repeat-y top;
margin:10px 0 0 0;
padding: 0 0 10px 0;
}

.cell_qdn h2{
font: bold 20px arial, sans-serif;
color:#E1007A;
padding:5px 0 0 10px;
}

.cell_qdn .visu {
width:71px;
height:78px;
float:left;
}

.cell_qdn .visu img{
margin:5px 10px 0 30px;

}

.cell_qdn .elmt_qdn {
	margin-left:50px;
	/*width:300px;*/
	width:550px;
	float:left;
}


.cell_qdn .elmt_qdn h3{
width:300px;
font: bold 12px arial, sans-serif !important;
color:#E1007A !important;
margin:5px 0 0 !important;
}


.cell_qdn .elmt_qdn p{
width:550px;
float:left;
font: normal 12px arial, sans-serif;
color:#8687A5;
margin:5px 10px 10px 0px;
}

.cell_qdn .elmt_qdn a.bouton, .cell_qdn .elmt_qdn a:hover.bouton{
float:left;
background: url(../images/quoideneuf/fondlirelasuite.gif) no-repeat;
width:113px;
height:21px;
margin:5px 0 10px 10px;
padding:2px 0 0 10px;
font: normal 12px arial, sans-serif;
color:#ffffff;
text-decoration:none;
}
/**/
div.accroche{
	width:667px;
	height:52px;
}
p.hideAccroche{
	margin:0 !important;
	padding:0 0 0 5px !important;
	color:#ffffff;
	font-weight:bold;
	width: 650px;
	font-size:12px;
}

p.hideAccroche a{
	color:#ffffff;
}
.liste_famille_bien-etre,
.liste_famille_chauffage,
.liste_famille_coiffure,
.liste_famille_epilation,
.liste_famille_repassage,
.liste_famille_traitement-de-air,
.liste_famille_ventilation{
	width:170px;
	height:110px;
	margin-top:30px;
}
.liste_famille_bien-etre li,
.liste_famille_chauffage li,
.liste_famille_coiffure li,
.liste_famille_epilation li,
.liste_famille_repassage li,
.liste_famille_traitement-de-air li,
.liste_famille_ventilation li{
	margin:0;
	padding:0;
	color:#1e1e1e;
}
.liste_famille_bien-etre li a,
.liste_famille_chauffage li a,
.liste_famille_coiffure li a,
.liste_famille_epilation li a,
.liste_famille_repassage li a,
.liste_famille_traitement-de-air li a,
.liste_famille_ventilation li a{
	color:#1e1e1e;
	font-size:12px;
	text-decoration:none;
}
.liste_famille_bien-etre li a:hover,
.liste_famille_chauffage li a:hover,
.liste_famille_coiffure li a:hover,
.liste_famille_epilation li a:hover,
.liste_famille_repassage li a:hover,
.liste_famille_traitement-de-air li a:hover,
.liste_famille_ventilation li a:hover{
	text-decoration:underline;
}
.liste_famille_bien-etre li.titre_univers a,
.liste_famille_chauffage li.titre_univers a,
.liste_famille_coiffure li.titre_univers a,
.liste_famille_epilation li.titre_univers a,
.liste_famille_repassage li.titre_univers a,
.liste_famille_traitement-de-air li.titre_univers a,
.liste_famille_ventilation li.titre_univers a{
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.liste_famille_repassage li.titre_univers a{ color:#65add5; }
.liste_famille_coiffure li.titre_univers a{ color:#723374; }
.liste_famille_epilation li.titre_univers a{ color:#a73e9c; }
.liste_famille_bien-etre li.titre_univers a{ color:#cf439e; }
.liste_famille_chauffage li.titre_univers a{ color:#d67a2d; }
.liste_famille_ventilation li.titre_univers a{ color:#737a86; }
.liste_famille_traitement-de-air li.titre_univers a{ color:#a0a5a8; }

/**/

.rech_astuce{
	float:left;
	width:340px;
	margin:30px 20px 20px 0;
}
.rech_astuce select{
	float:left;
	display:block;
	width:220px;
	margin:0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#E1007A;
	background:#fff;
	font-size: 11px;
}
.rech_astuce input.validez{
	background:url(../images/astuces/valider.gif) no-repeat top left;
	border:0 none;
	margin-left:10px;
	cursor:pointer;
	width:97px;
	height:23px;
	text-align:center;
	color:#ffffff;
}

.rech_astuce input.ok{
	vertical-align:middle;
	background:url(../images/astuces/bouton-ok.png) no-repeat left;
	border:0 none;
	margin-left:10px;
	cursor:pointer;
	width:36px;
	height:19px;
	text-align:center;
	color:#ffffff;
}

/**/

.list_astuces{
	min-height:250px;
	margin:20px 0 0 45px;
	padding: 0 0 10px 0;
}

.list_astuces_subtitle{
	font-size: 14px;
}

.list_astuces h2{
	font: bold 20px arial, sans-serif;
	color:#E1007A;
	margin-top:10px;
	padding:5px 0 0 10px;
}

.list_astuces .elmt {
width:338px;
}
.list_astuces .bloc_astuce h3 {
width:338px;
font: bold 12px arial, sans-serif !important;
color:#ffffff !important;
margin:5px 0 0 !important;
background: #A47EA6;
padding: 3px 0 3px 15px;
margin: 0;
cursor: pointer;
}
.list_astuces .bloc_astuce h3 a {
float:right;
margin:3px 14px 0 0;
}

.list_astuces .bloc_astuce .print {
	
	margin-top : 1px;
}

.list_astuces .bloc_astuce h3:hover {
	background-color: #E1007A;
}
.list_astuces .bloc_astuce h3.active {
	background-color: #E1007A;
}
.list_astuces .bloc_astuce p {
width:338px !important;
font: normal 12px arial, sans-serif;
color:#000000;
margin:5px 10px 0 10px;
margin: 0;
padding: 5px;
display: none;
}

.list_astuces .bloc_astuce span {
width:338px !important;
font: normal 10px arial, sans-serif;
color:#000000;
margin: 0;
}
.pagination_astuces{
	text-align:right;
	color:#8687A5;
	border-top:1px solid #8687A5;
	padding-top:5px;
	margin:0 5px 0 45px;
	font-size:11px;
}
.pagination_astuces a{
	text-align:right;
	color:#8687A5;
	text-decoration:none;
}
.pagination_astuces a.current_page{
	text-align:right;
	color:#E1007A;
	font-weight:bold;
}


.list_motcle{
	min-height:250px;
	margin:20px 0 0 45px;
	padding: 0 0 10px 0;
}

.list_motcle h2{
	font: bold 20px arial, sans-serif;
	color:#E1007A;
	margin-top:10px;
	padding:5px 0 0 10px;
}

.list_motcle .elmt {
	width:338px;
}
.list_motcle .bloc_motcle h3 {
	width:338px;
	font: bold 12px arial, sans-serif !important;
	color:#ffffff !important;
	margin:5px 0 0 !important;
	background: #A47EA6;
	padding: 3px 15px;
	margin: 0;
	cursor: pointer;
}
.list_motcle .bloc_motcle h3 a {
	float:right;
	margin-top:3px;
}
.list_motcle .bloc_motcle h3:hover {
	background-color: #E1007A;
}
.list_motcle .bloc_motcle h3.active {
	background-color: #E1007A;
}
.list_motcle .bloc_motcle p {
	width:338px !important;
	font: normal 12px arial, sans-serif;
	color:#000000;
	margin:5px 10px 0 10px;
	margin: 0;
	padding: 5px;
	display: none;
}

#tous_les_produits{
	min-height: 350px !important;
}

#intro_tous_les_produits{
	font-size:12px;
	width: 640px;
	margin: 0px;
}

.accroches{
/*	height:50px;*/
}

.haut_accroche {width:667px;height:7px;}
.haut_accroche.repassage{background:url(../images/tous_nos_produits/fond_repassage_haut.png);}
.haut_accroche.coiffure{background:url(../images/tous_nos_produits/fond_coiffure_haut.png) no-repeat top;}
.haut_accroche.epilation{background:url(../images/tous_nos_produits/fond_epilation_haut.png) no-repeat top;}
.haut_accroche.bien-etre{background:url(../images/tous_nos_produits/fond_bien-etre_haut.png) no-repeat top;}
.haut_accroche.chauffage{background:url(../images/tous_nos_produits/fond_chauffage_haut.png) no-repeat top;}
.haut_accroche.ventilation{background:url(../images/tous_nos_produits/fond_ventilation_haut.png) no-repeat top;}
.haut_accroche.traitement-de-air{background:url(../images/tous_nos_produits/fond_trait_air_haut.png) no-repeat top;}

.bas_accroche {width:667px;height:8px;}
.bas_accroche.repassage{	background:url(../images/tous_nos_produits/fond_repassage_bas.png) no-repeat top;}
.bas_accroche.coiffure{	background:url(../images/tous_nos_produits/fond_coiffure_bas.png) no-repeat top;}
.bas_accroche.epilation{	background:url(../images/tous_nos_produits/fond_epilation_bas.png) no-repeat top;}
.bas_accroche.bien-etre{	background:url(../images/tous_nos_produits/fond_bien-etre_bas.png) no-repeat top;}
.bas_accroche.chauffage{	background:url(../images/tous_nos_produits/fond_chauffage_bas.png) no-repeat top;}
.bas_accroche.ventilation{	background:url(../images/tous_nos_produits/fond_ventilation_bas.png) no-repeat top;}
.bas_accroche.traitement-de-air{	background:url(../images/tous_nos_produits/fond_trait_air_bas.png) no-repeat top;}

.centre_accroche {width:667px;}
.centre_accroche.repassage{background:#65ADD5;}
.centre_accroche.coiffure{background:#723374;}
.centre_accroche.epilation{background:#A73D9B;}
.centre_accroche.bien-etre{background:#CF429E;}
.centre_accroche.chauffage{background:#D67A2D;}
.centre_accroche.ventilation{background:#737A86;}
.centre_accroche.traitement-de-air{background:#A0A5A8;}


.intro_univers {overflow:hidden;}

* html .intro_univers {	height:1%;}

.image_intro_univers {	
  float:right;
  margin-left:20px;
}

.liens_intro_univers {
	padding:20px;
	font: normal 12px arial, verdana, sans-serif; 
	color:#8687A5;
	line-height:25px;
}

.liens_intro_univers a {color:#8687A5;text-decoration:underline;}
.liens_intro_univers a:hover {text-decoration:none;}
 

/**/