/* CSS Document */
body{ 
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
}

/*pour eviter les sauts de ligne*/
table,form,h1,h2,ul,hr {margin:0;padding:0;}

#principal{
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 921px;
 border: 0px;
 /*border:#999900 1px solid;*/
}

#divA,#divB,#divMenu{
 position: relative;
 width: 921px;
 z-index:10;
 border: 0px;
 margin:0;
 padding:0;
  /*border:#999900 1px solid;*/
}

#divA{
 top:0px;
 height:20px;
 color:#FFFFFF;
 font-size:12px;
}

#divB{
 top:0px;
 height:93px;
 background: #ffffff url(/img/haut-cuisines.jpg) no-repeat;
}

#divMenu{
 top:0px;
 height:91px;
 background: #ffffff url(/img/menu-cuisines.jpg) no-repeat;
}

#imgSSmenu{
 position: absolute;
 top:64px;
 left:319px;
}

#slogan{
 position: absolute;
 top:68px;
 left:8px;
 font-style: italic;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11.6pt;
 font-weight:bold;
 color:#ffffff;
}

#logo{
 position: absolute;
 width: 298px;
 height:53px;
 left:8px;
 top:9px;
}

#menuCuisine{
 background: #ffffff url(/img/fond-menu-cuisines.gif) no-repeat;
 position:relative;
 float:left;
 width: 316px;
 height:600px;
}

#interieurMenuCuisine{
 position:relative;
 top:21px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff;
 width: 248px;
 height:550px;
 margin-left: 65px;
 overflow:auto;
}

#interieurMenuCuisine h2{
 font-size: 14px;
 font-weight:bold;
 background: #82aacd;
 padding:2px;
 width: 185px;
}

#fondCuisineBrillantes,#fondCuisineMate,#fondCuisineBois{
 position:relative;
 float:left;
 width: 596px;
 height:600px;
}

#fondCuisineBrillantes{background: #ffffff url(/img/fond-cuisines-brillantes.jpg) no-repeat;}
#fondCuisineMate{background: #ffffff url(/img/fond-cuisines-mates.jpg) no-repeat;}
#fondCuisineBois{background: #ffffff url(/img/fond-cuisines-bois.jpg) no-repeat;}


#interieurCuisine{
 position:relative;
 width: 450px;
 height:570px;
 top:15px;
 left:90px;
}

.listeCuisines{
  position:relative;
  left:12px;
  font-size: 12px;
  width:  200px;
  padding-top:5px;
  padding-bottom:5px;
}

#lienSuivPrec{
 position:relative;
 top:-20px;
 float:left;
 width: 200px;
 height:20px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 z-index:10;
}

#titreCuisinesBrillantes,#titreCuisinesMates,#titreCuisinesBois{
 position:relative;
 float:left;
 width: 433px;
 height:80px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 z-index:10;

}

#titreCuisinesBrillantes_old{background: url(/img/titre-cuisines-brillantes.gif) no-repeat;}
#titreCuisinesMates_old{background: url(/img/titre-cuisines-mates.gif) no-repeat;}


#imageCuisine{
 position:relative;
 width:423px;
 min-height:330px;
 height:auto !important;
 height:330px;
}

#conteneurImageCuisine{
 position:relative;
 width:423px;
 /*background:#ffffff;*/
 min-height:306px;
 height:auto !important;
 height:306px;
}



#conteneurImageCuisine img{
 border:12px solid #ffffff;
 /*margin-left: 12px;*/
 /*margin-top:12px;*/
}

.precedente{
 position:relative;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border:0px;
 text-decoration: none;
 display:block;
}

.precedente_:hover {
 text-decoration: none;
}

.suivante {
 position:relative;
 float:left;
 display:block;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border:0px;
 text-decoration: none;
}

.suivante_:hover {
 text-decoration: none;
}

.zoom {
 position:relative;
 top:4px;
 float:right;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 padding-left:20px;
 margin: 0px;
 width: 35px;
 height: 16px;
 display:block;
 background: url(/img/loupe-brillantes.gif) no-repeat; 
 text-decoration: none;
 z-index:5;
}

.zoom:hover {
 text-decoration: none;
}

#descriptionCuisine{
 position:relative;
 float:left;
 width:433px;
 height:85px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 overflow:auto;

}

#titreCuisinesBrillantes h1,#titreCuisinesMates h1,#titreCuisinesBois h1{
  position:relative;
  float:left;
  width:420px;
  font-size: 20px;
  font-weight:bold;
  margin:0px;
 padding:0px;
 height:20px;
}

#nomCuisines{
  position:relative;
  font-size: 20px;
  font-style:italic;
}

#couleurCuisine{
 position:relative;
 float:left;
 width:433px;
 height:50px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 overflow:auto;

}

.liensCuisines {
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 text-decoration: none;
}

.liensCuisines:hover {
 text-decoration: none;
}

.imagetteCouleurCuisines img{
 float:left;
 margin-right:2px;
 border:1px solid #ffffff;

}

/****************************************/
/****************************************/
/*************bonnes affaires ***********/
/****************************************/
/****************************************/

#hautAffaires{
 position: relative;
 width: 919px;
 height:45px;
 left:1px;
 background: url(/img/haut-affaires.gif) no-repeat;
 border: 0px;
}

#contenuAffaires{
 position: relative;
 width: 919px;
 height:549px;
 left:1px;
 background: url(/img/contenu-affaires.gif) no-repeat;
 border: 0px;
}

#titreAffaire {
 position:relative;
 float:left;
 left:30px;
 top:15px;
 width:200px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size:14px;
 font-weight:bold;
}

#hautAffaires .lienMagAffaires,#hautAffaires .lienMagAffairesCMS_current {
 position:relative;
 float:left;
 top:15px;
 height:20px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size:14px;
 padding-left:20px;
 padding-right:20px;
 text-decoration: none; 
}

#hautAffaires .lienMagAffairesCMS_current {
 background: url(/img/lien1_on.gif)  no-repeat;
}

#hautAffaires .separateurSsMenu{
 position:relative;
 float:left;
 top:12px;
 height:20px;
 background: url(/img/sep-affaires.gif)  no-repeat;
 font-size:6px;
}

#contenuAffairesScroll{
 position: relative;
 width: 900px;
 height:530px;
 top:10px;
 left:15px;
 overflow:auto;
}

#mentionsAffaires{
 position: relative;
 width: 900px;
 align:center;
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 

}


.cadreBonnesAffaires{
 position: relative;
 width: 175px;
 height:177px;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size:14px;
 font-weight:bold;f
}

.contenuCadreBonnesAffaires{
 position:relative;
 margin-top:30px;
 width:155px;
 margin-left: auto;
 margin-right: auto;
 text-align:center;
}

.contenuCadreBonnesAffaires img{
 border:4px solid #ffffff;
 align:center;
text-align:center;
}

/****************************************/
/****************************************/
/************ Electroménager  ***********/
/****************************************/
/****************************************/


#contenuElectro {
 position: relative;
 width: 920px;
 height:600px;
 background: url(/img/fond-electromenager.gif) no-repeat;
 border: 0px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
}

#cadreElectro{
 position: relative;
 top:60px;
 width:610px;
 height:400px;
 margin-left: auto;
 margin-right: auto;
}

#cadreElectro h1{
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size: 28pt;
 font-weight:bold;
}

#cadreLogos{
 position:relative;
 width:610px;
 height:300px;
 border:#ffffff 1px solid;
 overflow:auto;
}


.logoElectromenager{
 float:left;
}

.logoElectromenager img{
 border:0px;
 padding:3px;
}

/****************************************/
/****************************************/
/************ PRESENTATION    ***********/
/****************************************/
/****************************************/

#hautPresentation{
 position: relative;
 width: 919px;
 height:45px;
 left:1px;
 background: url(/img/haut-affaires.gif) no-repeat;
 border: 0px;
}

#contenuPresentation{
 position: relative;
 width: 919px;
 height:549px;
 left:1px;
 background: url(/img/fond-presentation.jpg) no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border: 0px;
}

#contenuPresentationScroll{
 position: absolute;
 width: 290px;
 height:425px;
 top:60px;
 left:449px;
 text-align: justify ;
 overflow:auto;
}

#titrePresentation {
 position: absolute;
 width: 213px;
 height:85px;
 top:50px;
 left:180px;
}

.lienPresentation1,.lienPresentation,.lienPresentation1_on,.lienPresentation_on  {
 position:relative;
 float:left;
 left:30px;
 top:15px;
 height:20px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size:14px;
 padding-left:20px;
 padding-right:20px;
 text-decoration: none;
}

.lienPresentation1_on{
 background: url(/img/lien1_on.gif) no-repeat;
}

.lienPresentation_on {
 background: url(/img/lien_on.gif) no-repeat;
}

.lienPresentation {
 background: url(/img/sep-lien.gif) no-repeat;
}

/****************************************/
/****************************************/
/************ TEMOIGNAGE    ***********/
/****************************************/
/****************************************/
#hautTemoignage{
 position: relative;
 width: 919px;
 height:45px;
 left:1px;
 background: url(/img/haut-affaires.gif) no-repeat;
 border: 0px;
}

#contenuTemoignage{
 position: relative;
 idth: 918px;
 height:548px;
 left:1px;
 background: url(/img/fond-temoignages.jpg) no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border: 0px;
}

#contenuTemoignageScroll{
 position: absolute;
 width: 310px;
 height:294px;
 top:60px;
 left:436px;
 text-align: justify ;
 overflow:auto;
}

#titreTemoignage {
 position: absolute;
 width: 413px;
 height:548px;
 top:0px;
 left:0px;
}

#voir-temoignage{
 position: absolute;
 width: 280px;
 height:80px;
 top:390px;
 left:450px;
}

#voir-temoignage a{
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-style:italic;
 font-weight:bold;
 text-decoration: none;
}

/****************************************/
/****************************************/
/************ CHARTE QUALITE    ***********/
/****************************************/
/****************************************/
#hautCharte{
 position: relative;
 width: 919px;
 height:45px;
 left:1px;
 background: url(/img/haut-affaires.gif) no-repeat;
 border: 0px;
}

#contenuCharte{
 position: relative;
 width: 918px;
 height:548px;
 left:1px;
 background: url(/img/fond-charte-qualite.jpg) no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border: 0px;
}

#contenuCharteScroll{
 position: absolute;
 width: 310px;
 height:430px;
 top:60px;
 left:440px;
 text-align: justify ;
 overflow:auto;
}

#titreCharte {
 position: absolute;
 width: 417px;
 height:457px;
 top:0px;
 left:0px;
}

/****************************************/
/****************************************/
/************ MAGASINS              ***********/
/****************************************/
/****************************************/
#hautMagasin{
 position: relative;
 width: 919px;
 height:45px;
 left:1px;
 background: url(/img/haut-affaires.gif) no-repeat;
 border: 0px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size:12px; 
}

#contenuMagasin{
 position: relative;
 width: 918px;
 height:548px;
 left:1px;
 background: url(/img/fond-magasin.jpg) no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border: 0px;
}

#nomMagasin{
 position:absolute;
 top:47px;
 left:123px;
 z-index:10;
}

#nomMagasin h1{
font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size: 20pt;
 font-weight:bold;
 font-style:italic;
}

#planMagasin{
 position:absolute;
 top:12px;
 left:395px;
 z-index:5;
}

#detailMagasin{
 position:absolute;
 top:130px;
 left:123px;
 width:270px;
 height:380px;
 z-index:10;
}

#coordonneesDiv{
 background:#7aa6ca;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-weight:normal;
padding:5px;
}

#horairesDiv{


}

#titreMagasins {
 position:relative;
 float:left;
 left:30px;
 top:15px;
 width:200px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#ffffff;
 font-weight:bold;
}

#hautMagasin .lienMagMagasins,#hautMagasin .lienMagMagasinsCMS_current {
 position:relative;
 float:left;
 top:15px;
 height:20px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size:14px;
 padding-left:20px;
 padding-right:20px;
 text-decoration: none; 

}

#hautMagasin .lienMagMagasinsCMS_current {
  background: url(/img/lien1_on.gif)  no-repeat;
}

#hautMagasin .separateurSsMenu{
 position:relative;
 float:left;
 top:12px;
 height:20px;
 background: url(/img/sep-affaires.gif)  no-repeat;
 font-size:6px;
}




/****************************************/
/****************************************/
/************ OFFRES EMPLOI   ***********/
/****************************************/
/****************************************/

#contenuOffre{
 position: relative;
 width: 919px;
 height:600px;
 left:1px;
 background: url(/img/fond-emploi.gif) no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border: 0px;
}

#titreOffre{
 position:relative;
 left:73px;
 top:26px;
 height:40px;
 width:300px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size: 24pt;
 font-weight:bold;
}

#cadreOffreScroll{
 position: relative;
 left:73px;
 top:45px;
 width: 600px;
 height:465px;
 overflow:auto;
}

.intituleOffre{
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size:14px;
 font-style:italic;
 font-weight:bold;
 width: 550px;
}

.descriptionOffre{
 background:#9ab8d5;
 width: 560px;
 margin-top:5px;
 margin-bottom:20px
}

/****************************************/
/****************************************/
/************ CONTACT   *****************/
/****************************************/
/****************************************/

#contenuContact{
 position: relative;
 width: 920px;
 height:600px;
 background: url(/img/fond-contact.gif) no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 border: 0px;
}

#titreContact{
 position:relative;
 left:73px;
 top:23px;
 height:40px;
 width:300px;
 font-family:Arial, Helvetica, sans-serif;
 color:#ffffff; 
 font-size: 24pt;
 font-weight:bold;
}

#cadreContactScroll{
 position: relative;
 left:73px;
 top:45px;
 width: 570px;
 height:500px;

 overflow:auto;
}


/*Forms error messages*/
.cms_forms_error_msg{
 border:	1px solid #FFF;
 padding:	10px;
  width:350px;
 margin-left: auto;
 margin-right: auto;

}

.cms_forms_error_msg li{
 margin-left:10px;
}


/*Forms replacement messages*/
.cms_forms_msg {
 border:	1px solid #fff;
 padding:	10px;
  width:350px;
 margin-left: auto;
 margin-right: auto;
 
}

/*Forms visual*/
.cms_forms {
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff; 
  font-size: 12px;
}

.cms_forms input, .cms_forms textarea,.cms_forms select  {
 border:	1px solid #000000;
 background-color:	#FFFFFF;
 color: #000000;
 padding:	1px;
}

.cms_forms textarea {
 width: 300px;
 height:70px;
}

.cms_forms label {
 color: #ffffff;
}

.cms_forms input.button {
 cursor:pointer;
 padding:	0px;
 /*font-weight:		bold;*/
 color:#000000;
 background-color:	#feca00;
 font-size:	12px;
}

#copy{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 color:#000000;
 align:center;
 text-align:center;
 padding-top:5px; 
width: 920px;
}