* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
   font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
   font-size: 12px;
   color: #000;
   margin: 0 auto;
   background: #9c171d url(../../images/bkgBodySite.jpg) repeat-x;
   }

a {color: #000;}

#allContent {
background: url(../../images/imgFond.png) no-repeat center;
text-align: center;
margin: 0 auto;
width: 100%;}

#promotions .print #allContent {
   border: 1px red solid;
   width: 640px;
   margin: 20px}

#mainContent {
margin: 0 auto;
text-align: center;
background: url(../../images/bkgMainContent.jpg) repeat-y;
width: 992px;
}

#content {
padding: 0 0 0 50px;
background: url(../../images/bkgContent.jpg) repeat-y;
margin: 0 0 0 9px;
width: 922px;}

#ariane {
color: #d92719;
font-size: 12px;
margin: 10px 0 10px 0;
float: left;}

#contenu {
padding: 0 0 10px 0;
width: 973px;}

h1, h2, h3, h4, h5, h6 {text-align: left;}
li {text-align: left;}

fieldset {border: 1px #d92719 solid;}

input, textarea, select, label{
   margin: 0 2px 0 2px;
   font-family: "Arial", Verdana, sans-serif; 
   font-size: 12px;
   color: #000;}

/***********************************************************************************************/
/*															Entête et bloc Recherche de recette*/
/***********************************************************************************************/
#crise {
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 5px;
background: #6d7747;
color: #ffffff;
position: absolute;
left: 20px;
top: 40px;
border: 1px #000000 solid;
z-index: 1000 !important;
display: block;
width: 420px;
height: 50px;}


#crise p {
font-size: 14px;
font-weight: bold;
padding: 10px 5px 0 5px;
color: #ffffff;
}

#crise a {
font-size: 12px;
text-align: center;
color: #ffffff;}

#entete {
margin: 0 auto;
position: relative;
width: 992px;
height: 193px;
background: url(../../images/bkgEntete.jpg) no-repeat;}


#entete #accroche a {
position: absolute;
top: 12px;
left: 9px;
width: 567px;
height: 127px;
background: url(../../images/anim_chandeleur.gif) no-repeat;}


/*#entete #accroche a {
position: absolute;
top: 12px;
left: 9px;
width: 567px;
height: 127px;
background: url(../../images/accroche.jpg) no-repeat;}*/

#entete h1 a span {display: none;}

#bandeauPromo {
margin: 20px 20px 0 0;
float: right;
display: block;

width: 290px;
height: 110px;}

.date {
font-weight: bold;
font-style: italic;
position : absolute;
left: 440px;
top: 20px;
z-index : 50px !important;
font-size: 11px;
text-align: right;
color: #ffffff;
display: block;
float: left;
width: 360px;}

#moteur {
position: absolute; 
left: 10px;
top: 130px;
display: block;
width: 750px;
}

.rechercheRecettes {
border: 0;
width: 500px; 
margin: 15px 0 3px 20px;
padding: 0;
display: block;}

.rechercheRecettes label{
line-height: 20px;
padding: 2px 0 0 0;
font-weight: bold;
width: 140px;
float: left;
color: #fff;
font-style: italic;}

.rechercheRecettes .inputRecette {
height: 23px;
border: 0;
width: 235px; 
float: left;
display: block;
background: transparent url(../../images/imgHome/bkgEmail.gif) no-repeat;
}

.btnOk {
padding: 0 !important;
margin: 0 !important;
border: 0;
display: block;
float: left;
width: 30px; 
height: 23px;
background: transparent url(../../images/imgHome/btnOk.gif) no-repeat; }

.exemple {
display: block;
text-align: left;
margin: 0 0 0 22px;
text-decoration: none;
color: #fff;
font-size: 11px;}

.exemple a {
color: #fff;
text-decoration: none;
}


/***********************************************************************************************/
/*																	    Navigation horizontale */
/***********************************************************************************************/
#navigation {
z-index: 100;
margin: 0 0 15px 0;
background: url(../../images/bkgNav.jpg) no-repeat;
position: relative;
display: block;
float: left;
width: 992px;
height: 54px;}

#navigation ul {
width: 992px;
list-style: none;}
   
#navigation ul li {
display: block;
float: left;}

#navigation ul li a {
height: 54px;
display: block;}

#navigation li#btn1 a {width: 172px; background: url(../../images/imgNav/btn1.gif) no-repeat;}
#navigation li#btn2 a {width: 162px; background: url(../../images/imgNav/btn2.gif) no-repeat;}
#navigation li#btn3 a {width: 163px; background: url(../../images/imgNav/btn3.gif) no-repeat;}
#navigation li#btn4 a {width: 162px; background: url(../../images/imgNav/btn4.gif) no-repeat;}
#navigation li#btn5 a {width: 160px; background: url(../../images/imgNav/btn5.gif) no-repeat;}
#navigation li#btn6 a {width: 173px; background: url(../../images/imgNav/btn6.gif) no-repeat;}

#navigation ul li a span {
display: none;}

/***********************************************************************************************/
/*														       Navigation horizontale sous Nav */
/***********************************************************************************************/
#navigation li .sousNav {
width: 215px;
list-style: none;
position: absolute; 
top: 54px;
left: 0;
background-color: #fff;
border-left: 1px #ba2c20 solid;
border-right: 1px #ba2c20 solid;
border-bottom: 1px #ba2c20 solid;
z-index: 100;}
   
#navigation ul#sousNav1 {left: 12px;}
#navigation ul#sousNav2 {left: 174px;}
#navigation ul#sousNav3 {left: 338px;}
#navigation ul#sousNav4 {left: 498px;}
#navigation ul#sousNav6 {left: 740px;}

#navigation li .sousNav li {
background-color: #ffffff !important;
float: none; 
line-height: 18px;}

#navigation li .sousNav li a {
text-align: left;
height: auto; 
width: 200px !important;
padding: 3px 0 3px 15px;
margin-top: -1px;
color: #000;
text-decoration: none;}

#navigation li #sousNav1 li a,
#navigation li #sousNav2 li a,
#navigation li #sousNav3 li a,
#navigation li #sousNav4 li a,
#navigation li #sousNav5 li a,
#navigation li #sousNav6 li a {
color: #000;
width: 200px !important;}

#navigation li #sousNav1 li a:hover,
#navigation li #sousNav2 li a:hover,
#navigation li #sousNav3 li a:hover,
#navigation li #sousNav4 li a:hover,
#navigation li #sousNav5 li a:hover,
#navigation li #sousNav6 li a:hover {
color: #fff;
background-color: #cc0000 !important;}

#navigation ul li ul li a {
background: url(../../images/imgNav/flecheNav.gif) no-repeat 0 7px !important;}

#navigation ul li ul li a:hover {
background-image: none !important;
background-color: #cc0000 !important;}

/***********************************************************************************************/
/*																		      Accueil Home Page*/
/***********************************************************************************************/

#accueil #content  {
padding: 0 0 0 14px;
display: block;
float: left;
width: 956px !important;}

#accueil #contenu {
text-align: left;
font-size: 14px;
display: block;
float: left;
width: 943px !important;}

.blocSosMenus,
.blocSosRecettes,
.blocBoutique {
margin: 0 70px 0 0;
position: relative;
color: #e2001a;
display: block;
float: left;
width: 241px;
height: 330px;}


.blocSosMenus a.ardoise,
.blocSosRecettes a.ardoise,
.blocBoutique a.ardoise {
position: absolute; 
top: 0; 
left: 0; 
width: 250px; 
height: 150px; 
display: block; 
}


.blocSosMenus 
{margin: 0 70px 0 40px !important;}

.blocBoutique 
{margin: 0 !important;}

.blocSosMenus {
background: transparent url(../../images/imgHome/bkgBlocSOSMenus.gif) no-repeat 20px 0;}

.blocSosRecettes {
background: transparent url(../../images/imgHome/bkgBlocSOSRecettes.gif) no-repeat 20px 0;}

.blocBoutique {
background: transparent url(../../images/imgHome/bkgBlocBoutique.gif) no-repeat 0 0;}

.blocSosMenus h3,
.blocSosRecettes h3,
.blocBoutique h3 {
font-size: 20px;
text-align: center;
margin: 160px 0 0 0;
}

.blocSosMenus h3 a,
.blocSosRecettes h3 a,
.blocBoutique h3 a
{border: 0;
font-weight: bold;text-align: center;
font-size: 20px;
margin: 160px 0 0 0;
text-decoration: none;
color: #e2001a;}

.blocSosMenus h4,
.blocSosRecettes h4,
.blocBoutique h4 {
font-weight: normal;
font-size: 16px;
color: #000;
text-align: center;
}

.blocSosMenus h4 a,
.blocSosRecettes h4 a,
.blocBoutique h4 a {
color: #000;
font-weight: normal;
font-size: 16px;
text-decoration: none;}

.btnVoirSelection a,
.btnRechercher a,
.btnEntrer a {
position: absolute;
left: 45px;
bottom: 20px;
border: 0;
text-indent: -5000px;
display: block;
width: 150px;
height: 32px;
background: transparent url(../../images/imgHome/btnVoirSelection.gif) no-repeat ;
}

.btnVoirSelection a {
background: transparent url(../../images/imgHome/btnVoirSelection.gif) no-repeat ;
}

.btnRechercher a {
background: transparent url(../../images/imgHome/btnRechercher.gif) no-repeat ;
}

.btnEntrer a {
background: transparent url(../../images/imgHome/btnEntrer.gif) no-repeat ;
}

#blocCoinPerso {
font-size: 12px;
color: #fff;
padding: 0 0 0 10px;
display: block;
float: left;
width: 240px;
height: 177px;
background: transparent url(../../images/imgHome/bkgCoinPersoHome.gif) no-repeat;}

#blocCoinPerso .email {
margin: 50px 0 0 0;
padding: 2px 0 0 5px;
display: block;
float: left;
width: 192px;
height: 23px;
background: transparent url(../../images/imgHome/bkgPassword.gif) no-repeat;}

#blocCoinPerso .email input {
width: 170px;
}

#blocCoinPerso .password {
margin: 10px 0 10px 0;
padding: 2px 0 0 5px;
display: block;
float: left;
width: 192px;
height: 23px;
background: transparent url(../../images/imgHome/bkgPassword.gif) no-repeat;}

#blocCoinPerso .password input {
display: block;
float: left;
}

#blocCoinPerso a {
font-weight: bold;
color: #fff;
}

.btnOk {
margin: 10px 0 10px 0;
border: 0;
display: block;
float: left;
width: 30px; 
height: 23px;
background: transparent url(../../images/imgHome/btnOk.gif) no-repeat; }

#login{
width: 230px;}

.motOublie {
display: block;
font-size: 11px; 
margin: 5px 0 0 0; 
width: 230px; 
text-align: right;}

#lostPassword{
padding: 35px 0 0 0;
width: 230px;}

#lostPassword .email {
margin: 10px 0 0 0;
padding: 2px 0 0 5px;
display: block;
float: left;
width: 192px;
height: 23px;
background: transparent url(../../images/imgHome/bkgPassword.gif) no-repeat;}

#lostPassword .email input {
width: 170px;
}













#MenusSemaine {
margin: 0 15px 0 0;
width: 447px;
display: block; 
float: left;}

.titreMenusSemaine {
margin: 0 0 8px 0;
display: block;
float: left;
width: 447px;
height: 28px;
text-indent: -5000px;
background: transparent url(../../images/imgHome/bkgTitreMenusSemaine.gif) no-repeat;}

.blocMenuMasqueMenus {
cursor: pointer;
/*z-index: 500;*/
position: absolute;
bottom: 0;
left: 0;
display: block;
float: left;
width: 216px;
height: 171px;
background: transparent url(../../images/imgHome/masqueSemaine.gif) no-repeat;}

.blocMenuMasque {
cursor: pointer;
display: block;
float: left;
width: 216px;
height: 11px;
background: transparent url(../../images/imgHome/masque.gif) no-repeat;}


.blocMenu {
cursor: pointer;
position: relative;
margin: 0 0 5px 0;
font-size: 11px;
display: block;
float: left;
width: 216px;
height: 171px;
background-repeat: no-repeat;
}

.margin {
margin: 0 15px 0 0;}


.blocMenu .fondBeige {
z-index: 10;
position: absolute;
bottom: 0;
left: 0;
padding: 0 0 0 10px;
background: transparent url(../../images/imgHome/bkgTitreMenuJour.png) no-repeat;
width: 206px;
height: 40px;}

.fondBeige h3 {
width: 184px !important;
font-weight: bold;
font-size: 16px;}

.blocMenu a {
text-decoration: none; 
display: block;
float: left;
width: 216px;
/*height: 171px;NICO et Il assume toujours et Vero sera d'accord avec moi*/
}


#row1Coldroite {
padding: 0 0 0 15px;
width: 235px;
display: block;
float: left;}


#blocNewsletter {
color: #623324;
font-size: 13px;
padding: 60px 0 0 10px;
display: block;
float: left;
width: 240px;
height: 94px;
background: transparent url(../../images/imgHome/bkgBlocNewsletter.gif) no-repeat;}

#blocNewsletter .email {
margin: 10px 0 10px 0;
padding: 2px 0 0 5px;
display: block;
float: left;
width: 192px;
height: 23px;
background: transparent url(../../images/imgHome/bkgEmailNewsletter.gif) no-repeat;}

#blocNewsletter .noBkg {
margin: 2px 0 0 0;
border: 0;
color: #fff;
background: none;}

.btnOkFondBlanc {
margin: 11px 0 10px 0;
border: 0;
display: block;
float: left;
width: 29px; 
height: 21px;
background: transparent url(../../images/imgHome/btnOkFondBlanc.gif) no-repeat; }

#blocVideoHome {
margin: 15px 0 0 0;
display: block;
float: left;
width: 250px;
}

#blocVideoHome h3 a {
text-decoration: none;
font-size: 13px;
color: #e2001a;
}

#blocVideoHome .zoneFlash {
display: block;
margin: 0 0 5px 0;}


#blocLegume {
position: relative;
color: #e2001a;
text-align: center;
float: left;
display: block;
width: 216px;
height: 390px;
background: transparent url(../../images/imgHome/bkgBlocLegumes.gif) no-repeat;}

#blocLegume a {
color: #e2001a;
text-decoration: none;
border: 0;
display: block;
/*height: 390px; NICO il assume son choix*/
}

#blocLegume a img {
border: 0;
padding: 30px 0;
}

#blocLegume h3 {
text-align: center;
margin: 60px 0 10px 0;
color: #e2001a;
font-weight: bold;
font-size: 16px;}

#blocLegume h4 {
text-align: center;
margin: 10px 0 5px 0;
color: #e2001a;
font-weight: bold;
font-size: 16px;}

#blocLegume p {
display: block;
width: 196px;
margin: 0 10px 0 10px;}


#piedBlocLegume a {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 216px;
height: 26px;}

.blocIdee {
margin: 0 15px 0 0;
color: #e2001a;
font-size: 11px;
display: block;
float: left;
width: 216px;
height: 178px;
background: transparent url(../../images/imgHome/bkgBlocMenu.jpg) no-repeat;}

.titreIdeePetitChefs {
text-indent: -5000px;
display: block;
float: left;
width: 216px;
height: 41px;
background: transparent url(../../images/imgHome/titreIdeePetitChefs.gif) no-repeat;
}

.titreIdeePainBrioche {
text-indent: -5000px;
display: block;
float: left;
width: 216px;
height: 41px;
background: transparent url(../../images/imgHome/titreIdeePainBrioche.gif) no-repeat;
}

.titreTop10 {
text-indent: -5000px;
display: block;
float: left;
width: 216px;
height: 41px;
background: transparent url(../../images/imgHome/titreTop10.gif) no-repeat;
}

.blocIdee .fondBeigeDegrade {
color: #e2001a;
padding: 0 10px 0 10px;
background: transparent url(../../images/imgHome/beigeDegrade.png) no-repeat;
width: 196px;
height: 39px;
/*margin: 98px 0 0 0;*/
margin: 88px 0 0 0;
float: left;
}

.blocIdee h3 {
/* color passé dans .blocIdee a */ 
font-weight: bold;
font-size: 15px;
width: 184px;
height: 34px;
overflow: hidden;
}

.blocIdee h3 a{
display: block;
width: 180px;
height: 34px;
}

.blocIdee a {
color: #e2001a;
text-decoration: none; 
display: block;
/* float left passé dans .blocIdee .fondBeigeDegrade */
width: 216px;
/* height: 171px; NICO SAME PLAYER PLAY AGAIN*/
}


.actualites {
margin: 10px 0 5px 0;
display: block;
float: left;
width: 943px;
height: 30px;
text-indent: -5000px;
background: transparent url(../../images/imgHome/titreActualites.gif) no-repeat;}


.consultez {
margin: 10px 0 5px 0;
display: block;
float: left;
width: 943px;
height: 30px;
text-indent: -5000px;
background: transparent url(../../images/imgHome/titreConsultez.gif) no-repeat;}

#rowLogo img {
float: left;}

#banniere img a {border: 0;}
#banniere div {margin-bottom : 10px;}


#blocVoeux {
margin: 20px 0 0 0;
display: block;
width: 250px;
height: 190px;
background: transparent url(../../images/bloc-carte-de-voeux.jpg) no-repeat;}

#blocVoeux a {
border: 0;
display: block;
width: 250px;
height: 190px;}

#blocVoeux a span {
display: none;}

/*#bloc5euros a {
overflow: hidden;
text-indent: -5000px;
margin: 5px 0 5px 0;
display: block;
width: 250px;
height: 96px;
background: transparent url(../../images/imgHome/bloc_5euro_home.jpg) no-repeat;}
*/
/***********************************************************************************************/
/*																			   Points de vente */
/***********************************************************************************************/

.points_vente #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.points_vente #content h2 {
line-height: 46px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceEpis.gif) no-repeat;}

.points_vente h4 {
padding: 0 0 10px 0;
font-weight: bold;
font-size: 15px;
font-style: italic;
color: #d92719;}

fieldset.points_vente {
padding: 5px;}

.points_vente .smallInput{
float: left;
width: 60px;}

.points_vente legend {
margin: 0 0 0 10px;
font-weight: bold;
font-size: 14px;
font-style: italic;
padding: 5px;
color: #d92719;}

.points_vente label.cp
{margin: 0 0 15px 0;
width: 200px;
float: left;}

.points_vente label.produit
{width: 195px;
float: left;}

.blocMagasin {
height: 60px;
margin: 5px;
width: 200px;
float: left;
padding: 5px;
border: 1px #d92719 dashed;}

.points_vente .btnValider
{float: right;
width: 100px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

/***********************************************************************************************/
/*																				  Liste Vidéos */
/***********************************************************************************************/

#videos #contenu {
position: relative;
padding: 0 0 30px 0;
float: left;
width: 880px;}



#videos #content h1 {
text-align: left;
line-height: 46px;
color: #d92719;
padding: 0 0 0 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceEpis.gif) no-repeat;}


#videos #content h2 {
margin: 0 0 10px 0;
color: #d92719;
font-weight: bold;
font-size: 24px;
}

#videos #content h3 {
color: #d92719;
font-weight: bold;
font-size: 16px;
margin: 0 0 20px 0;}

#videos #content h4 {
color: #d92719;
font-weight: bold;
font-size: 20px;
font-style: italic;
margin: 0 0 5px 0;}

#videos #content .lineForm {
border: 1px red solid;
padding: 5px;
margin: 0 20px 20px 0;
display: block;
float: right;}

#videos #content label {
width: 220px;}

#videos .blocVideo {
display: block;
float: left;
border-bottom: 1px red solid;
padding: 0 0 5px 0;
margin: 0 5px 10px 0;}

#videos .colImgVideo {
position: relative;
display: block;
float: left;
width: 111px;
}

.masqueVideo {
position: absolute;
left: 0; 
top: 0;
width: 111px; height: 111px;
background: url(../../images/arrondi_home.png) no-repeat; cursor: pointer;}


#videos .colImgVideo img a {
border: 0;
}

#videos .colDescRecette {
display: block;
float: left;
width: 170px;
margin: 0 0 0 5px;
}

#videos .blocVideo .colDescRecette h3 {
font-weight: bold;
font-size: 14px;
padding: 0 0 3px 0;
}

#videos .btnVoirFiche a {
margin: 8px 0 0 0;
text-decoration: none;
height: 30px;
width: 150px;
padding: 2px 2px 2px 25px;
display: block;
text-decoration: none;
background: url(../../images/pictoFicheRecette.gif) no-repeat;}

#videos .btnVoirFiche a:hover {
color: #d92719;}

#mobalpa {
padding: 30px 10px 0 0;
margin: 30px 10px 0 0;
font-size: 11px;
display: block;
float: right;
}

/***********************************************************************************************/
/*																	  Catalogue Gamme Produits */
/***********************************************************************************************/

.gamme #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.gamme #content h1 {
text-align: left;
line-height: 46px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceEpis.gif) no-repeat;}

.gamme #content h2 {
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 12px;
font-style: italic;}

.gamme #content h3 {
width: 100%;
padding: 7px 0 5px 0;
border-bottom: 1px red solid;
display: block;
float: left;
margin: 0 0 10px 0;
font-size: 14px;
color: #d92719;
font-style: italic;}

.gamme #content .blocCategorie {
display: block;

}

.gamme #content .blocCategorie h3 {
border-bottom: 1px red solid;
display: block;
float: left;
margin: 0 0 10px 0;
font-size: 16px;
color: #d92719;
font-style: italic;}

.gamme #content img {
margin: 0 10px 0 0;
float: left;}

.gamme #content #vignettesProduit {
width: 870px;
}

.gamme #content .blocVignette {
color: #d92719;
width: 127px;
float: left;
text-align: center;
height: 155px;
}

.gamme #content .blocVignette img {
float: none;
text-align: center;
margin: 0 0 0 9px;
padding: 0 0 3px 0;
border: 0;
}

.gamme #content .blocVignette p a {
text-align: center;
color: #d92719;
text-decoration: none; 
}

/***********************************************************************************************/
/*																	Navigation Gamme Produits */
/***********************************************************************************************/
ul#navGamme {
width: 849px;
height: 122px;
list-style: none;
margin: 0 0 30px 0;}

ul#navGamme li {float: left;}

ul#navGamme li a {display: block;
height: 122px; }

ul#navGamme li#btnProduitsFrais a {
width: 174px;
background: transparent url(../../../ml/images/content/produits/produits_frais/btnProduitsFrais.jpg) no-repeat;}

ul#navGamme li#btnFarines a {
width: 167px;
background: transparent url(../../../ml/images/content/produits/farines/btnFarines.jpg) no-repeat;}

ul#navGamme li#btnFarinesPains a {
width: 168px;
background: transparent url(../../../ml/images/content/produits/farines_a_pain/btnFarinesPains.jpg) no-repeat;}

ul#navGamme li#btnPreparations a {
width: 1668px;
background: transparent url(../../../ml/images/content/produits/preparations/btnPreparations.jpg) no-repeat;}

ul#navGamme li#btnPainsPrecuits a {
width: 172px;
background: transparent url(../../../ml/images/content/produits/pains_precuits/btnPainsPrecuits.jpg) no-repeat;}

ul#navGamme li#btnPainsBio a {
width: 172px;
background: transparent url(../../../ml/images/content/produits/farines_bio/btnFarinesBio.jpg) no-repeat;}

ul#navGamme li#btnProduitsFrais a span,
ul#navGamme li#btnFarines a span,
ul#navGamme li#btnFarinesPains a span,
ul#navGamme li#btnPreparations a span,
ul#navGamme li#btnPainsBio a span,
ul#navGamme li#btnPainsPrecuits a span {
display: none;}

ul#navGamme li#btnProduitsFrais a:hover,
ul#navGamme li#btnFarines a:hover,
ul#navGamme li#btnFarinesPains a:hover,
ul#navGamme li#btnPreparations a:hover,
ul#navGamme li#btnPainsBio a span,
ul#navGamme li#btnPainsPrecuits a:hover {
background-position: 0 -122px; }


/***********************************************************************************************/
/*																		    Panier de commande */
/***********************************************************************************************/

.panier .sachetBrioche {
border: 0;
padding: 0 10px 0 0;
float: left;}

.panier .goutez {
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
padding: 40px 0 5px 0;
font-size: 16px;
color: #ce2a58;}

.accueilBoutique #content{
padding: 0 0 0 35px !important;}

.panier #contenu {
text-align: left;
padding: 0 0 30px 0;
float: left;
width: 900px;}


.panier #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

.panier #contenu .blocPanier {
padding: 0 0 15px 0;
}

.blocPanier table  {
margin: 10px 0 0 0;
border-collapse: collapse;
float: left;
width: 690px;}

.blocPanier th {
text-align: center;
padding: 1px 4px 1px 4px;
color: #fff;
font-size: 11px;
background-color: #fe0000;}


.panier #contenu .blocPanier td {
border-right: 0;
border-top: 0;
border-left: 0;
border-bottom: 1px red solid; padding: 2px;}



.blocPanier .quantite {
width: 300px;
text-align: center;}
.blocPanier .prixTTC {text-align: right;}


.blocPanier .frais {text-align: right; font-style: italic;}

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

.blocPanier .btnSupprimer {
background: transparent url(../../images/btnSupprimer.gif) no-repeat;
}

.blocPanier .action .btnSupprimer span {
display: none !important;
}

.btnValiderPanier {
background:transparent url(/fr/images/btnValiderPanier.gif) no-repeat scroll 0 0;
border:0;
cursor:pointer;
height: 26px;
width: 163px;
}

.panier .btnValiderPanier span {
display: none;}

.panier .btnPoursuivreAchats {
margin-left: 10px;
width: 150px;
float: right;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.panier .btnDecouvrez {
margin-left: 10px;
width: 200px;
float: right;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #ce3386;
border: 1px #d92719 solid;
color: #fff;}


.panier .blocPanier a.btnSupprimerTableau,
.panier .blocPanier a.btnRecalculerTableau {
display: block;
float: right;
color: red;
font-size: 10px;
margin: auto;
display: block;
width: 120px;
height: 18px;}

.panier .blocPanier .frais {
text-align: left;
display: block;
font-size: 11px;}

.panier .blocPanier #destination {
width: 690px;
display: block;}


.panier .blocPanier #destination #blocLeft {
border: 0;
width: 200px;
display: block;
}

.panier .blocPanier #destination #blocRight {
width: 490px;
border: 0;
display: block;
}

.panier .blocPanier #destination #blocLeft td,
.panier .blocPanier #destination #blocRight td {
border: 0;
}

/***********************************************************************************************/
/*																	  Connection au coin perso */
/***********************************************************************************************/
.connection #content
{text-align: left;
display: block;
width: 870px;
height: 700px;
background: transparent url(../../images/visuelDroit.jpg) no-repeat right 70px ;}

.connection #contenu
{text-align: left;
display: block;
width: 870px;}

.connection #content h1{
text-align: left;
font-size: 32px;
line-height: 46px;
color: #d92719;
padding: 0 0 10px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoeur.gif) no-repeat;}

.connection #content #contenu h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 10px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoinPerso.gif) no-repeat;}

.connection .intro {
display: block;
width: 470px;
text-align: justify}

.connection #espacePerso {
background: transparent url(../../images/ongletEspacePerso.gif) no-repeat;
float: left;
width: 337px;
margin: 0 0 30px 0;}

.connection #pasEspacePerso {
background: transparent url(../../images/ongletPasEspacePerso.gif) no-repeat;
float: left;
width: 337px;
margin: 0 20px 0 0;}

.connection #espacePerso fieldset,
.connection #pasEspacePerso fieldset {
border: 0;
padding: 40px 20px 0 20px;}


.identification #espacePerso .lineForm label,
.identification #pasEspacePerso .lineForm label {
float: left;
display: block;
text-align: right;
width: 100px;}

.identification #espacePerso fieldset .lineForm {margin: 0 0 5px 0;}

.connection .piedEspacePerso {
width: 337px;
height: 16px;
background: transparent url(../../images/piedEspacePerso.gif) no-repeat;}

.connection input.btnOK
{line-height: 19px;
position: absolute;
left: 260px;
top: 7px;
background: url(../../images/btnOk.jpg) no-repeat 2px 2px;
color: #fff;
border: 0;
width: 25px; height: 19px;}

.oubli a {text-decoration: none;
color: #d92719;}




/***********************************************************************************************/
/*																		Créer mon espace perso */
/***********************************************************************************************/
.compte #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.compte #content #contenu h1{
text-align: left;
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}


.compte #content h2{
font-size: 24px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;}

#mesInformations {
float: left;
width: 870px;}

.compte #mesInformations fieldset{
padding: 5px;}

.compte #mesInformations fieldset p {
padding: 0 0 10px 0;}

.compte #mesInformations .lineForm label {
float: left;
display: block;
text-align: right;
width: 150px;}

.compte #mesInformations legend {
font-weight: bold;
font-size: 16px;
font-style: italic;
padding: 5px;
color: #d92719;}

.compte .btnValider{
margin: 20px 10px 30px 0;
float: right;
width: 160px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.compte #mesInformations .btnChangerPassword
{margin: 20px 0 10px 150px;
float: left;
width: 160px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.compte #mesInformations #colA,
.compte #mesInformations #colB {
display: block;
float: left;
width: 50%;}

.compte #mesInformations fieldset .lineForm {
text-align: left;
 margin: 0 0 5px 0;}

.compte #mesInformations .lineForm .smallInput {
width: 20px;}

.compte #mesInformations .lineForm .mediumInput {
width: 170px;}

.compte #mesInformations .lineForm .bigInput {
width: 250px;}

.layerChangerPassword {
display: block;
float: left;
clear: both;
width: 850px;
text-align: left;
padding: 10px 10px 20px 10px;
border: 1px #d92719 solid;
margin: 10px 0 20px 0;
}

 .layerChangerPassword h4 {
font-size: 12px;
padding: 0 0 5px 0;
}

.compte #mesInformations .layerChangerPassword .lineForm{
padding: 10px 0 20px 0;}

.compte #mesInformations .layerChangerPassword .lineForm label {
display: block;
float: left;
text-align: right;
width: 230px;}

 .layerChangerPassword .lineForm input {
float: left;
display: block;
width: 100px;}


/***********************************************************************************************/
/*															Accueil coin perso une fois logué */
/***********************************************************************************************/
.accueilCoinPerso #contenu {
text-align: left;
position: relative;
padding: 0 0 30px 0;
float: left;
width: 880px;}

.accueilCoinPerso #contenu h1 {
text-align: left;
height: 305px;
width: 718px;
display: block;
background: transparent url(../../images/titreMonCoinPerso.gif) no-repeat;}

.accueilCoinPerso #contenu h1 span{
display: none;}

.accueilCoinPerso #contenu  #intro{
font-size: 11px;
top: 10px;
left: 22px;
width: 800px;
position: absolute;}

.accueilCoinPerso #contenu  #intro h3 {
padding: 0 0 5px 15px;
color: #d92719;
font-size: 14px;
font-weight: bold;}

.accueilCoinPerso #contenu  #rowBtn {
display: block;
margin: 0 0 20px 0;
}

.accueilCoinPerso #contenu .bigBtnCarnetRecettes a {
font-weight: bold;
float: left;
color: #d92719;
text-decoration: none;
text-align: center;
display: block;
width: 150px;
height: 150px;
background: transparent url(../../images/bigBtnCarnetRecettes.gif) no-repeat 18px 20px;}

.accueilCoinPerso #contenu .bigBtnListeCourses a {

font-weight: bold;
float: left;
color: #d92719;
text-decoration: none;
text-align: center;
display: block;
width: 150px;
height: 150px;
background: transparent url(../../images/bigBtnListeCourses.gif) no-repeat 18px 20px;}

.accueilCoinPerso #contenu .btnArdoiseIdeesMenus a {
font-weight: bold;
float: left;
color: #d92719;
text-decoration: none;
text-align: center;
display: block;
width: 170px;
height: 140px;
background: transparent url(../../images/btnArdoiseIdeesMenus.gif) no-repeat 18px 30px;}

.accueilCoinPerso #contenu .btnModifierCompte a {
font-weight: bold;
float: left;
color: #d92719;
text-decoration: none;
text-align: center;
display: block;
width: 150px;
height: 140px;
background: transparent url(../../images/btnModifierCompte.gif) no-repeat 30px 20px;}

.accueilCoinPerso #contenu .bonReduc2 a {
margin : 0 10px 0 0;
font-weight: bold;
float: left;
color: #d92719;
text-decoration: none;
text-align: center;
display: block;
width: 170px;
height: 280px;
background: transparent url(../../images/br_pain.jpg) no-repeat 0px 15px;}

.accueilCoinPerso #contenu .bonReduc1 a {
margin : 0 10px 0 0;
font-weight: bold;
float: left;
color: #d92719;
text-decoration: none;
text-align: center;
display: block;
width: 170px;
height: 280px;
/*width: 185px;*/
/*height: 145px;*/
background: transparent url(../../images/bon_reduc_pain_mie.jpg) no-repeat 0px 15px;}
/*background: transparent url(../../images/bonReductionJaune.gif) no-repeat 0px 15px;}*/









.accueilCoinPerso #contenu .bigBtnCarnetRecettes a,
.accueilCoinPerso #contenu .bigBtnListeCourses a,
.accueilCoinPerso #contenu .btnArdoiseIdeesMenus a,
.accueilCoinPerso #contenu .btnModifierCompte a 
{color: #d92719;
text-decoration: none;}

.accueilCoinPerso #contenu .creerLivre {
margin: 0 0 0 20px;
float: left !important;
display: block;
}

/***********************************************************************************************/
/*															Commande en ligne  Mes coordonnees*/
/***********************************************************************************************/
.coordonnees #contenu {
text-align: left;
padding: 0 0 30px 0;
float: left;
width: 870px;}

.coordonnees #contenu p {
text-align: left;}

.coordonnees #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

#adresseFacturation {
padding: 0 0 15px 0;
float: left;
width: 450px;
margin: 0 10px 0 0;}

#adresseLivraison {
margin: 0 0 15px 0;
float: left;
width: 410px;}

.coordonnees #adresseFacturation fieldset,
.coordonnees #adresseLivraison fieldset{
padding: 5px;}

.coordonnees #adresseFacturation fieldset p,
.coordonnees #adresseLivraison fieldset p {
padding: 0 0 10px 0;}


.coordonnees #adresseFacturation .lineForm label,
.coordonnees #adresseLivraison .lineForm label {
float: left;
display: block;
text-align: right;
width: 150px;}

.coordonnees #adresseFacturation legend,
.coordonnees #adresseLivraison legend{
font-weight: bold;
font-size: 14px;
font-style: italic;
padding: 5px;
color: #d92719;}


.coordonnees .btnValider
{width: 160px;
float: right;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.coordonnees #adresseFacturation .btnValider
{float: right;
width: 60px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

#blocCodePromo .btnValider {
float: left;
width: 60px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
color: #fff;}

.coordonnees #codePromo .lineForm {
margin: 0 0 5px 0;}

.coordonnees .smallInput {
text-align: left;
width: 40px;}

.coordonnees .miniInput {
text-align: left;
width: 20px;}

.coordonnees #adresseFacturation fieldset .lineForm,
.coordonnees #adresseLivraison fieldset .lineForm {
display: block;
float: left;
margin: 0 0 5px 0;}

.coordonnees #adresseFacturation fieldset input,
.coordonnees #adresseFacturation fieldset select {float: left;}

.coordonnees #adresseFacturation fieldset span .span {padding: 0 0 5px 0;}

.coordonnees #cdv {text-align: center;}

/***********************************************************************************************/
/*																		         Recap commande*/
/***********************************************************************************************/
#recap_commande #contenu {
padding: 0 0 30px 0;
float: left;
width: 690px;}

#recap_commande legend{
margin-left: 10px;
font-weight: bold;
font-size: 14px;
font-style: italic;
padding: 5px;
color: #d92719;}

#recap_commande #contenu .blocPanier table {
margin: 0 20px 10px 20px;
float: left;
width: 650px;}

#recap_commande #content #contenu #adresseLivraison {
float: left;
width: 340px;}

#recap_commande #content #contenu #adresseFacturation {
float: left;
width: 340px;}

#recap_commande #content #contenu #adresseFacturation label,
#recap_commande #content #contenu #adresseLivraison label {width: 100px;}

#recap_commande #content #contenu .blocReglement fieldset p{
margin: 10px 0 10px 250px;}

.recap .btnValider
{float: left;
width: 150px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #000;
border: 1px #000 solid;
color: #fff;}

.recap .btnModifier
{float: right;
width: 150px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}
 
.recap #btnRecap {
margin: 10px 0 20px 0;
float: right;
height: 30px;
width: 600px;
display: block;}

/***********************************************************************************************/
/*																				 Fiche Produit */
/***********************************************************************************************/
.fiche #content h1{
text-align: left;
margin: 0 0 15px 0;
width: 870px;
color: #d92719;
padding: 0 0 3px 0;
font-weight: bold;
font-size: 26px;
font-style: italic;
border-bottom: 1px #d92719 solid;}

.fiche #content #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.fiche #content #contenu #colImgProduit {
width: 150px;
float: left;}

.fiche #content #contenu #zoneTxt {
text-align: left;
float: left;
width: 500px;
padding: 0 0 15px 0;}

.fiche #content #contenu #zoneTxt  h4{
padding: 5px 0 5px 0; 
border-top: 1px #d92719 solid; 
font-size: 14px; 
font-style: italic;}

.fiche #content #contenu #zoneTxt p {padding: 0 0 10px 0; text-align: justify;}

.fiche #content #contenu #zoneTxt .precedent a,
.fiche #content #contenu #zoneTxt .suivant a {
font-weight: bold;
color: #000;
display: block;
width: 150px;
text-decoration: none;}

.fiche #content #contenu #zoneTxt .precedent a:hover,
.fiche #content #contenu #zoneTxt .suivant a:hover {
color: #d92719 ;}

.fiche #content #contenu #zoneTxt .precedent {float: left;}
.fiche #content #contenu #zoneTxt .suivant {float: right; text-align: right;}

#annexe {
margin: 0 0 0 10px;
float: right;
width: 200px;
}

#annexe h4 {
font-weight: bold;
font-size: 14px; 
}

#annexe h4 span {
display: none;
}

#annexe ul {
width: 200px;
list-style: none;
padding: 70px 0 15px 0;
background: transparent url(../../images/bkgAnnexeRecettes.gif) no-repeat;}

#annexe ul li {
text-align: left;
padding: 0 0 5px 10px;}

.btnTrouverProduits a {
margin: 20px 0 15px 55px;
width: 96px;
display: block;
height: 96px;
background: transparent url(../../images/btnTrouverProduits.jpg) no-repeat;}

.btnTrouverProduits a span {
display: none;}

.btnArdoiseConseilMoulinex {margin: 20px 0 15px 40px;}

/***********************************************************************************************/
/*																				            Faq*/
/***********************************************************************************************/
.faq #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.faq #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

.faq #content #colCateg {
width: 180px;
float: left;}

.faq #content #colCateg h4 {
padding: 0 0 10px 0;
color: #d92719;
font-style : italic;
font-size: 16px;}

.faq #content #colCateg ul {
list-style : none;}

.faq #content #colCateg li {
color: #d92719;
display: block;
width: 180px;

border-bottom: 1px red solid;
float: left;}

.faq #content #colCateg li a {padding: 3px;
width: 174px;
color: #d92719;
text-decoration: none;
float: left;}

.faq #content #colCateg li a:hover {
color: #fff;
background-color: #d92719;
text-decoration: none;
float: left;}

.faq #content #colCateg #colBtn {
margin: 20px 0 0 0;}

.faq #content #colQuestion {
width: 490px;
padding: 0 0 0 10px;
float: left;}

.faq #content #colQuestion h4 {
padding: 0 0 10px 0;
color: #d92719;
font-style : italic;
font-size: 16px;}

.faq #content #colQuestion .question h5 a {
display: block;
color: #d92719;
font-style : italic;
font-size: 14px;
padding: 0 0 10px 0;}

.faq #content #colQuestion .reponse{
border-bottom: 1px #d92719 solid;
padding: 0 0 5px 0;}

.faq #content #colQuestion .reponse .btnFermer {
margin: 0 0 10px 10px;
font-size: 11px;
padding: 3px 5px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

/***********************************************************************************************/
/*																		          Espace Presse*/
/***********************************************************************************************/
.presse #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.presse #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

.presse #content #colCateg {
margin: 0 20px 0 0;
width: 200px;
float: left;}

.presse #content #colCateg h4 {
padding: 0 0 10px 0;
color: #d92719;
font-style : italic;
font-size: 16px;}

.presse #content #colCateg ul {
list-style : none;}

.presse #content #colCateg li {
color: #d92719;
display: block;
width: 200px;
border-bottom: 1px red solid;
float: left;}

.presse #content #colCateg li a {padding: 3px;
width: 194px;
color: #d92719;
text-decoration: none;
float: left;}

.presse #content #colCateg li a:hover {
color: #fff;
background-color: #d92719;
text-decoration: none;
float: left;}

.presse #content #contactsPresse {
padding: 0 5px 10px 5px;
font-size: 11px;
background-color: #ffeecb;
margin: 20px 0 0 0;}

.presse #content #colCateg #contactsPresse h4 {
padding: 10px 0 10px 0;
color: #d92719;
font-style : italic;
font-size: 16px;}

.presse #content #colCommuniques {
width: 630px;
padding: 0 0 0 10px;
float: left;}

.presse #content #colCommuniques h4 {
padding: 0 0 10px 0;
color: #d92719;
font-style : italic;
font-size: 16px;}

.presse #content .blocCommunique {
position: relative;
text-align: left;
border-bottom: 1px red solid;
padding: 0 0 3px 0;
margin: 0 0 5px 0;}

.presse #content .blocCommunique .dateActu{
font-size: 11px;
color: #d92719;
margin: 0 0 3px 0;}

.presse #content #colCommuniques .blocCommunique h4 {
display: block;
width: 480px;
color: #d92719;
font-style : italic;
font-size: 13px;}

.presse #content .blocCommunique img {
float: left;
margin: 0 5px 5px 0;}

.presse #content #colTexte .zoneTxt {
text-align: left;
padding: 0 0 20px 0;}

.btnTelecharger a{
margin: 10px 0 0 0;
font-size: 11px;
padding: 3px 5px 3px 5px;
display: block;
float: left;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.btnTelecharger a:hover{
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}
/***********************************************************************************************/
/*																			         Actualites*/
/***********************************************************************************************/
.actualites #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.actualites #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

.actualites #content #colImage {
width: 220px;
float: left;}

.actualites #content #colTexte {
width: 380px;
padding: 0 0 0 10px;
float: left;}

.actualites #content #colTexte .date{
border-bottom: 1px red solid;
font-size: 11px;
color: #d92719;
padding: 0 0 5px 0; }

.actualites #content #colTexte h4 {
width: 360px;
color: #d92719;
font-style : italic;
font-size: 16px;
float: left;
padding: 10px 0 5px 0;}

.actualites #content #colTexte .zoneTxt {
text-align: justify;
padding: 0 0 20px 0;}


/***********************************************************************************************/
/*																			  Lexique culinaire*/
/***********************************************************************************************/
.lexique #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.lexique #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

.lexique #contenu ul {
padding: 0 0 0 25px;
width: 870px;
list-style: none;}

.lexique #contenu li{
padding: 0 2px 0 2px;
font-size: 14px;
float: left;
text-decoration : none;
margin: 0 11px 0 0;
text-align: center;
}

.lexique #contenu li a {padding : 3px;
border: 1px red solid;
display: block;
font-weight: bold;
text-decoration : none;}

.lexique #contenu li a:hover{
border: 1px red solid;
background-color: #d92719;
color: #fff;
display: block;}

.lexique #contenu #lstDefinition {
margin: 5px 0 20px 0;}

.motLexique a {
font-style: italic;
text-transform: uppercase;
display: block;
padding: 10px 0 3px 0;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #d92719;}

/***********************************************************************************************/
/*																				      Corporate*/
/***********************************************************************************************/

#corporate #contenu
{display: block;
width: 870px;}

#corporate #contenu #blocCcarte
{display: block;
width: 870px;}

#corporate #contenu .carte
{display: block;
float: right;}

#corporate .blockProduit
{margin: 0 0 0 20px;
text-align: left;
float: left;
display: block;
width: 400px;}

#corporate .block3
{margin: 0 0 0 40px;
text-align: left;
float: left;
display: block;
width: 800px;}

#corporate #contenu #menu 
{list-style: none;
margin: 0 0 0 40px;}

.ancre {
font-size: 16px;
font-weight: bold;
color: #d92719;}

.ancre a {
text-decoration: none;
color: #d92719;}

.ancre a:hover {
text-decoration: underline;}

#corporate .blocImage {
position: relative;
margin: 0 10px 0 0;
float: left;
width: 200px;}

#corporate .bkgRedac {
width: 800px;}

#corporate .Redac {
display: block;
float: left;
width: 900px;}

#corporate .blocTexteRedac {
text-align: left;
display: block;
float: left;
width: 650px;}

#corporate .blocTexteRedac h2 {
text-align: left;
margin: 0 0 10px 0;
padding: 0 0 0 50px;
line-height: 39px;
font-size: 16px;
font-weight: bold;
color: #d92719;
background: transparent url(../../images/pictoCoq.gif) no-repeat;}

#corporate .blocTexteRedac h3{
margin: 10px 0 10px 0;
font-size: 14px;
font-weight: bold;
color: #000;}

#corporate .blocTexteRedac h4{
margin: 5px 0 5px 0;
font-size: 14px;
font-weight: bold;}

#corporate .blocTexteRedac h5{
margin: 5px 0 5px 0;
font-size: 18px;
color: #d92719;}

#corporate .blocTexteRedac h2 a {
color: #d92719;}

#corporate .blocTexteRedac p{
margin: 0 0 5px 0;}

#corporate .blocTexteRedac li{
list-style-type: none;}

#corporate .blocTexteRedac .red {
color: #d92719;}

#corporate .blocTexteRedac .border 
{font-weight: bold;
display: block;
width: 350px;
padding: 5px;
border: 1px #d92719 solid; }

#corporate .blocTexteRedac img
{display: block;
float: left;
margin: 0 0 20px 0;}

#corporate .blocImage .imgFilette
{display: block;
padding: 1250px 0 0 0;}

#corporate .blocTexteRedac .haut
{color: #d92719;
display: block;
float: right;
margin: 10px 0 20px 0;}

#corporate .partenaires #contenu {
padding: 0 0 50px 0;
float: left;
width: 900px;}

#corporate #content h1,
.partenaires #content h1 {
text-align: left;
font-size: 30px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}


.partenaires #content h2 {
color: #d92719;
font-size: 16px;}

#corporate #content h2 {
color: #d92719;
font-size: 16px;}

#corporate #content h3{
font-weight: bold;
font-size: 14px;}

#corporate #contenu h4 {
font-size: 16px;
padding: 8px 0 3px 0;
color: #d92719;}

#corporate #contenu h5 {
font-size: 14px;
color: #000;}

#corporate #contenu p {
text-align: justify;
padding: 5px 0 5px 0;}

#corporate #contenu p.hautPage {
color: #d92719;
text-align: right;
padding: 5px 0 5px 0;}

#corporate #contenu p.hautPage a {
color: #d92719;}

#corporate #contenu ul 
{list-style: none;}

.puce {
padding: 0 0 0 10px;
background: url(../../images/puceLi.gif) no-repeat 0 5px;}


#corporate #contenu img.left {
padding: 0 10px 10px 0;
float: left;}

#corporate #contenu img.right {
padding: 0 0 10px 10px;
float: right;}


.colorRed {color: #d92719;}

.partenaires #blocPartenaires{
width: 868px;
background: transparent url(../../images/filetBlocConseil.gif) repeat-y;}

.partenaires #blocPartenaires h2 {
padding: 7px 0 5px 15px;
font-size: 16px;
color: #d92719;
width: 868px;
height: 25px;
background: transparent url(../../images/h2Conseil.gif) no-repeat;}

.partenaires #blocPartenaires .logoPartenaires 
{height: 90px;
display: block; 
float: left; 
margin: 10px;}

.partenaires img 
{border: 0;}

.partenaires #piedBlocPartenaires {
margin: 0 0 20px 0;
width: 868px;
height: 25px;
background: transparent url(../../images/piedBlocConseil.gif) no-repeat;}


#corporate #contenu #colTexte{
float: left;
width: 520px;
padding: 0 20px 0 0;}

#corporate #contenu #colTexte p{
padding: 0 0 10px 0;}

#corporate #contenu #colTexte img{
float: right;
margin: 0 0 0 2px;}

.btnBonCommande a {
margin: 10px 0 0 0;
display: block;
width: 121px;
height: 86px;
background: transparent url(../../images/btnBonCommande.gif) no-repeat;}

.btnBonCommande a span {
display: none;}

.correspondance #contenu #colBtn{
float: left;
width: 125px;}

.btnCommentCommander a {
margin: 0 0 15px 0;
display: block;
width: 125px;
height: 121px;
background: url(../../images/pancarteCommentCommander.gif) no-repeat;}

.btnCommentCommander a span {
display: none;}

.btnPanier a {
margin: 0 0 15px 0;
display: block;
width: 125px;
height: 67px;
background: transparent url(../../images/btnMonPanier.gif) no-repeat;}

.btnPanier a span {
display: none;}

.btnArdoiseAchatLigne a {
display: block;
width: 125px;
height: 121px;
background: url(../../images/pancarteAchatLigne.gif) no-repeat;}

.btnArdoiseAchatLigne span
{display: none;}

.btnArdoiseAchatCorrespondance a {
display: block;
width: 125px;
height: 121px;
background: url(../../images/pancarteAchatCorrespondance.gif) no-repeat;}

.btnArdoiseAchatCorrespondance span
{display: none;}

/***********************************************************************************************/
/*																				 Page Flux RSS */
/***********************************************************************************************/
.fluxRSS h3 {margin: 0 0 10px 0;}

.fluxRSS h4 a {
display: block;
padding: 0 0 0 0px;
color: #d92719;
font-size: 14px;
text-decoration :none;
margin: 0 0 8px 0;}

.fluxRSS #contenu ul {
height: 30px;
margin: 0 0 15px 0;
padding: 8px;
border: 1px #d92719 solid;
list-style: none;}

.fluxRSS #contenu ul li{
float: left;
margin: 5px 10px 0 0;}

.fluxRSS #contenu ul li img{
border: 0;}

.fluxRSS #contenu ul li a {
text-decoration :none;
}

a.lnkFlux {
border: 1px #bbbbbb solid;
font-weight:bold;
font-size: 10px;
color: #444444;
}

/***********************************************************************************************/
/*																 Recettes Trouver une recette */
/***********************************************************************************************/
.recherche #contenu{
padding: 0 0 30px 0;
float: left;
width: 870px;}

/*.recherche #content h2*/
.recherche #content h1 {
text-align: left;
line-height: 46px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceTrouverRecette.gif) no-repeat;}

.recherche #contenu #colTexte {
text-align: left;
display: block;
float: left;
width: 720px;
padding: 0 10px 0 0;}

.recherche #contenu #colBtn {
display: block;
float: left;
width: 130px;}

/***********************************************************************************************/
/*																				              Recherche classique */
/***********************************************************************************************/

.recherche #blocRechercheClassique
{width: 600px;
padding: 15px 0 0 0;}

.recherche fieldset
{border: 0;}

.recherche .blocRecherche .lineForm {margin-bottom: 25px;}

.recherche .blocRecherche .lineForm label {
color: #d92719;
font-size: 14px;
font-style: italic;
display: block; width: 150px; text-align: left;
float: left;}
    
.recherche .blocRecherche .lineForm .bigInput {
display: block;
margin: 0 5px 5px 0;
float: left;
width: 300px;}

/***********************************************************************************************/
/*																				                 Recherche avancee */
/***********************************************************************************************/

#blocRechercheAvancee {
width: 561px;
background: transparent url(../../images/bkgBlocRechercheAvancee.gif) repeat-y;}

#blocRechercheAvancee h4 {
width: 561px;
height: 34px;
background: transparent url(../../images/titreOngletRechercheAvancee.gif) no-repeat;
}

#blocRechercheAvancee h4 span {
display: none;}

.recherche fieldset.rechercheAvancee {
padding: 15px 15px 0 15px;}

.recherche fieldset.rechercheAvancee .row {margin: 0 0 10px 0;}

.recherche fieldset.rechercheAvancee .intitule {
display: block;
width: 130px;
float: left;}

.recherche fieldset.rechercheAvancee .lineCheck {
display: block;
width: 390px;
float: left;
padding: 0 0 15px 0;}

.recherche fieldset.rechercheAvancee .margeCheckbox {
float: left;
display: block;
margin: 0 2px 10px 0;}

.recherche fieldset.rechercheAvancee label {
float: left;
display: block;
width: 110px;}

.recherche fieldset.rechercheAvancee .floatLeft {
display: block;
padding: 0 5px 0 0;
float: left;
}

.recherche fieldset.rechercheAvancee .smallInput {
display: block;
margin: 0 5px 0 0;
float: left;
width: 25px;}

.recherche fieldset.rechercheAvancee .lineSubmit {
text-align: right;}

.btnRondOk {
border: 0;
margin: 5px 0 0 0;
float: right;
width: 37px;
height: 37px;
color: #fff;
display: block;
background: transparent url(../../images/btnRondOk.gif) no-repeat;}

.btnRondOk a {
border: 0;}

#piedBlocRechercheAvancee {
width: 561px;
height: 11px;
background: transparent url(../../images/piedBlocRechercheAvancee.gif) no-repeat;
}


#colBtn {
width: 150px;
display: block;
float: left;}


#colBtn .btnArdoiseCoinPerso a {
margin: 0 0 15px 0;
display: block;
width: 125px;
height: 95px;
background: transparent url(../../images/btnArdoiseCoinPerso.jpg) no-repeat;}

#colBtn .btnArdoiseCoinPerso a span {
display: none;}

#colBtn .btnArdoiseLexique a {
margin: 0 0 15px 0;
display: block;
width: 125px;
height: 94px;
background: transparent url(../../images/btnArdoiseLexique.jpg) no-repeat;}

#colBtn .btnArdoiseLexique a span {
display: none;}

/***********************************************************************************************/
/*																				                Resultat Recherche */
/***********************************************************************************************/

.resultat #contenu{
padding: 0 0 50px 0;
float: left;
width: 870px;}

/*.resultat #content h2 {      Changement suite au demande de cybercité */
.resultat #content h1 {
text-align: left;
line-height: 46px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceTrouverRecette.gif) no-repeat;}

.resultat a.pagination{
color: #d92719;}

.resultat #contenu #colTexte{
float: left;
width: 720px;
padding: 0 10px 0 0;}

.resultat #contenu #colTexte table 
{border-collapse: collapse;
float: left;
width: 720px;
margin: 15px 0 0 0;
border-left: 1px #d92719 solid;}

th.resultat {
font-size: 11px;
text-align: left;
padding: 2px;
background-color: #d92719;
color: #fff;
height: 25px;
white-space: nowrap;
}

.cellA {text-align: center !important;}

.cellB,
.cellC,
.cellD,
.cellE
{text-align: center !important;
font-size: 11px;
border-right: 1px #fff solid;}

.cellF{border-right: 1px #d92719 solid;}

td {border: 1px #d92719 solid; padding: 2px;}

a.lnkRecette {text-decoration :none;}

a:hover.lnkRecette {color: #d92719;}

.resultat #contenu #colBtn{
float: left;
width: 130px;}

/***********************************************************************************************/
/*																				                 Ma liste de course */
/***********************************************************************************************/
.lstCourses #content h2{
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
background: transparent url(../../images/puceCoquelicot.gif) no-repeat;}

.lstCourses #contenu {
position: relative;
padding: 0 0 50px 0;
float: left;
width: 880px;}


.lstCourses #contenu #colLstIngredients{
float: left;}

.lstCourses #LstIngredients {
width: 880px;
padding: 10px;
float: left;
border: 1px red solid;
}

.lstCourses #LstIngredients h4 {
font-size: 14px;
}
.lstCourses #LstIngredients ul{
margin: 0 0 5px 0;
list-style: none;}




.lstCourses .btnImprimerListe a 
{text-decoration: none;
margin: 10px 18px 0 0;
display: block;
float: right;
padding: 3px 5px 3px 5px;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.lstCourses .btnImprimerListe a:hover {
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.lstCourses #rowBbtn {
background-color: #fff;}

.lstCourses #rowBbtn .btnToutCocher a,
.lstCourses #rowBbtn .btnToutDecocher a,
.lstCourses #rowBbtn .btnAjouterListe a,
.lstCourses #rowBbtn .btnSupprimerListe button {
text-decoration: none;
margin: 0 10px 0 0;
display: block;
float: left;
padding: 3px 5px 3px 5px;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;
cursor:pointer;
}


.lstCourses #rowBbtn .btnToutCocher a:hover,
.lstCourses #rowBbtn .btnToutDecocher a:hover,
.lstCourses #rowBbtn .btnAjouterListe a:hover,
.lstCourses #rowBbtn .btnSupprimerListe button:hover {
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.lstCourses #rowBbtn .btnSupprimerListe button{
border: 1px #d92719 solid;
width:217px;
height:23px;
padding: 0px 5px 2px 5px;
}
.lstCourses #rowBbtn .btnSupprimerListe button:hover{


border: 1px #d92719 solid;
}
.ajoutIngredients {
margin: 10px 0 0 0;
background-color: #ffeecb;
width: 620px;
padding: 0 10px 0 10px;
border: 1px red solid;}

.ajoutIngredients .blocAjoutIngredients {
padding: 10px;}

.ajoutIngredients .blocAjoutIngredients h5 {
font-size: 13px;
color: #d92719;}

.lstCourses #blocIngredient
{width: 541px;
padding: 15px 0 0 0;}

.lstCourses fieldset
{border: 0;}

.lstCourses .ajouter {padding: 15px;}

.lstCourses .ajouter .lineForm label {
color: #d92719;
font-size: 12px;
font-style: italic;
display: block; width: 200px; text-align: left;
float: left;}
    
.lstCourses .ajouter .lineForm .mediumInput {
display: block;
margin: 0 5px 5px 0;
float: left;
width: 250px;}

.lstCourses .ajoutIngredient h3 {
width: 680px;
font-size: 16px;
font-style: italic;
background: transparent url(../../images/teteBlocLstCourse.gif) no-repeat;
color: #d92719;
padding: 10px 0 10px 20px;}

.lstCourses .ajoutIngredient
{position: absolute;
bottom: 100px;
left: 0;
z-index: 100;
width: 680px;
background: transparent url(../../images/bkgBlocLstCourse.gif) repeat-y;}

.lstCourses .btnAjouter button{
text-decoration: none;
margin: 0 200px 0 0;
display: block;
float: right;
border:0;
padding: 0px 3px 2px 3px;
background-color: #d92719;
color: #fff;
cursor: pointer;
height:23px;
}
.lstCourses .btnAjouter button:hover {
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}
/***********************************************************************************************/
/*																				Fiche recette */
/***********************************************************************************************/
.ficheRecette #contenu,
.ficheRecettePetitsChefs #contenu{
position: relative;
padding: 0 0 30px 0;
float: left;
width: 870px;}

.ficheRecette #contenu h2 {
border: 1px red solid;
height: 54px;
width: 870px;
background: transparent url(../../images/bkgOngletFicheRecette.jpg) no-repeat;}

.ficheRecettePetitsChefs #contenu h2 {
height: 49px;
width: 870px;
background: transparent url(../../images/bkgOngletFicheRecettePetitsChefs.jpg) no-repeat;}


.ficheRecette #content h2 span,
.ficheRecettePetitsChefs #content h2 span {
display: none;}

.ficheRecette #content h2 a{
width: 45px;
height: 20px;
padding: 18px 12px 3px 0;
font-size: 12px;
color: #fff;
display: block;
float: right;
text-decoration: none;
font-style: italic;}

.ficheRecettePetitsChefs #content h2 a {
text-align: center;
width: 65px;
height: 20px;
padding: 6px 7px 0 0;
font-size: 11px;
color: #fff;
display: block;
float: right;
text-decoration: none;
font-style: italic;}

#blocFiche {
position: relative;
width: 870px;
padding: 20px 20px 0 20px;
background: transparent url(../../images/bkgBlocFiche.gif) repeat-y;}

#blocFiche h1 {
width: 830px;
text-align: left;
border-bottom: 1px red solid;
padding: 10px 0 5px 0;
font-size: 30px;
color: #d92719;
margin: 0 0 10px 0;}

#blocFiche #colIngredients {
text-align: left;
float: left;
width: 225px;
border-right: 1px #d92719 solid;}

#blocFiche #colIngredients img {border: 0;}

#blocFiche #colIngredients .logoRecette {
display: block;
margin: 5px 0 5px 0;
border: 0;}


#blocFiche #colIngredients .credit {
font-style: italic;
font-size: 11px;
padding: 0 0 10px 0;}

#blocFiche #colIngredients .zoneTxt {margin: 0 0 10px 0;}

#blocFiche #colIngredients .zoneTxt ul {list-style: none;}

#blocFiche #colIngredients .zoneTxt li {
padding: 0 0 0 8px;
background: transparent url(../../images/puceLi.gif) no-repeat 0 5px;}


#blocFiche #preparation {
text-align: left;
float: left;
width: 590px;
padding: 0 0 0 10px;}


#blocFiche #preparation ul {
list-style-position: inside;}







#blocFiche #preparation .black {
color: #000;}

#blocFiche #preparation .alcool{
font-style: italic;
padding: 10px 0 0 0;
display: block;
color: #000;
font-size: 11px;}


#blocFiche #preparation .btnVideo a {
text-decoration: none;
display: block;
height: 24px;
line-height: 24px;
padding: 0 0 0 26px;
font-size: 12px;
background: transparent url(../../images/pictoVideo.gif) no-repeat}




#blocFiche #preparation #variantes,
#blocFiche #preparation #internautes {
display: block;
color: #d92719;
font-size: 12px;
font-weight: bold;}

#blocFiche #preparation #variantes p,
#blocFiche #preparation #internautes p {
margin: 10px 0 0 0;}

#blocFiche #preparation .zoneTxtVariantes,
#blocFiche #preparation .zoneTxtInternautes {
margin: 5px 0 0 0;
font-weight: normal;
color: #d92719;
}

#blocFiche #preparation .zoneTxtVariantes a,
#blocFiche #preparation .zoneTxtInternautes a {
color: #000;
text-decoration: underline;
}








#blocFiche #preparation .comment a{
width: 400px;
margin: 0 0 15px 0;
text-decoration: none;
display: block;
color: #000;
font-size: 12px;
font-weight: bold;
border-bottom: 1px #d92719 solid; }

.ficheRecettePetitsChefs #blocFiche #preparation {
float: left;
width: 450px;
padding: 0 20px 0 10px;}

#blocFiche #preparation #blocPictos {
width: 580px;
font-weight: bold;
color: #d92719;
float: left;
margin: 0 0 10px 0;}

#blocFiche #preparation #blocPictos .picto {
padding: 0 5px 0 0;}


#blocFiche #preparation .zoneTxt {
text-align: justify;
padding: 0 0 5px 0;}

#blocFiche #preparation .imgPack {
border: 0;
float: left;
margin: 0 5px 0 0;}

#blocFiche #preparation img#ardoiseConseil {
/*border: 1px red solid;*/
float: right;}

#blocFiche #preparation img a  {
border: 0;}

.btnCarnetRecettes a {
border: 0;
text-decoration: none;
margin: 0 5px 0 0;
padding: 0 0 0 38px;
float: left;
display: block;
width: 115px;
height: 33px;
background: transparent url(../../images/pictoCarnetRecettes.gif) no-repeat;}

.btnImprimerRecette a {
border: 0;
text-decoration: none;
margin: 0 5px 0 0;
padding: 0 0 0 38px;
float: left;
display: block;
width: 110px;
height: 33px;
background: transparent url(../../images/pictoImprimerRecette.gif) no-repeat;}

.btnAjouterIngredients a {
border: 0;
text-decoration: none;
margin: 0 5px 0 0;
padding: 0 0 0 38px;
float: left;
display: block;
width: 135px;
height: 33px;
background: transparent url(../../images/pictoAjouterIngredients.gif) no-repeat;}

.btnEnvoyerAmie a {
border: 0;
text-decoration: none;
margin: 0 5px 0 0;
padding: 0 0 0 38px;
float: left;
display: block;
width: 100px;
height: 33px;
background: transparent url(../../images/pictoEnvoyerAmie.gif) no-repeat;}


#piedBlocFiche {
width: 870px;
height: 11px;
background: transparent url(../../images/piedBlocFiche.gif) no-repeat;
margin: 0 0 15px 0;}

/***************************************************************/
/*																Layer Liste */
/***************************************************************/
.lstCourses .blocLstIngredients,
.ficheRecettePetitsChefs .blocLstIngredients {
width: 680px;
background: transparent url(../../images/bkgBlocLstCourse.gif) repeat-y;}

.lstCourses .blocLstIngredients h4,
.ficheRecettePetitsChefs .blocLstIngredients h4 {
width: 680px;
font-size: 16px;
font-style: italic;
color: #d92719;
padding: 10px 0 10px 20px;}

.ficheRecette .blocLstIngredients,
.ficheRecette .blocEnvoyerAmi,
.ficheRecettePetitsChefs .blocEnvoyerAmi,
.ficheRecettePetitsChefs .blocLstIngredients
{position: absolute;
top: 120px;
left: 100px;
z-index: 100;
width: 680px;
border: 5px #fff solid;
background: transparent url(../../images/teteBlocLstCourse.gif) repeat-y;}


.ficheRecette .btnFermer,
.ficheRecettePetitsChefs .btnFermer,
.lstCourses .btnFermer { 
margin: 5px;
padding: 8px 8px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #fff;
color: #d92719;}

.intro {display: block;
padding: 0 0 10px 0;}

.ficheRecette .blocLstIngredients h4,
.ficheRecettePetitsChefs .blocLstIngredients h4,
.ficheRecette .blocEnvoyerAmi h4,
.ficheRecettePetitsChefs .blocEnvoyerAmi h4{
width: 680px;
font-size: 16px;
font-style: italic;
color: #d92719;
padding: 10px 0 10px 20px;}

.piedBlocLstIngredients {
width: 680px;
height: 11px;
background: transparent url(../../images/piedBlocFicheIngredients.gif) no-repeat;}

#LstIngredients,
.envoyerAmi{
text-align: left;
width: 640px;
padding: 0 20px 0 20px;}

#rowBbtn{
width: 640px;
padding: 20px 20px 0 20px;}

.btnToutCocher a,
.btnToutDecocher a,
.btnAjouterListe a,
.btnSupprimerListe a {
text-decoration: none;
margin: 0 10px 0 0;
display: block;
float: right;
padding: 3px 5px 3px 5px;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.btnToutCocher a:hover,
.btnToutDecocher a:hover,
.btnAjouterListe a:hover,
.btnSupprimerListe a:hover{
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.btnFermer a {
position: absolute;
left: 610px;
top: 10px;
padding: 3px 5px 3px 5px;
display: block;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.blocLstIngredients .lineCheck  {
padding: 0 0 5px 0;}

.btnAjouter a{
padding: 3px 5px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

.btnAjouter a:hover{
background-color: #d92719;
color: #fff;}

fieldset.ficheRecette  {
padding: 10px;
float: left;
width: 280px;
margin-right: 10px;}


.envoyerAmi fieldset{
margin: 0 10px 0 0;
float: left;
width: 280px;}


.ficheRecette fieldset legend {
color: #d92719;
margin-left: 10px;
font-weight: bold;
font-size: 14px;
font-style: italic;}

.ficheRecette .envoyerAmi .lineForm label{
float: left;
display: block;
text-align: right;
width: 100px;}

.ficheRecette .envoyerAmi  fieldset {width: 600px;}



.ficheRecette .envoyerAmi  fieldset .lineForm {margin: 0 0 5px 0;}



.ficheRecette .envoyerAmi  fieldset textarea {width: 500px;}

.ficheRecette .envoyerAmi .btnFermer a{
padding: 3px 5px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}




.btnEnvoyer a{
margin: 10px 45px 0 0;
width: 100px;
padding: 3px 5px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.btnCreerEspacePerso a {
margin: 10px 45px 0 0;
width: 140px;
padding: 3px 5px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.btnCreerEspacePerso a:hover {
text-decoration: underline;
}

.btnConnecterEspacePerso a {
margin: 10px 45px 0 0;
width: 190px;
padding: 3px 5px 3px 5px;
display: block;
float: right;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}

.btnConnecterEspacePerso a:hover {
text-decoration: underline;
}



/***********************************************************************************************/
/*												   Liste plats Toutes les recettes de francine */
/***********************************************************************************************/

.listePlats #contenu {
padding: 0 0 70px 20px;
float: left;
width: 870px;}

.listePlats #content h2 {
line-height: 44px;
height: 44px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceListePlats.gif) no-repeat;}

.listePlats #content h2 span {
display: none;}

.listePlats .blocPlat {
display: block;
float: left;
margin: 0 5px 20px 0;
width: 162px /* AJOUT  NICO afin d'avoir des blocks identiques à chaque fois ! */
}

.listePlats .blocPlat img {
border: 0;}

.listePlats .blocPlat p {
padding: 5px 0 0 0;
text-align: center;}

.listePlats .blocPlat p a {
text-decoration: none;}

/***********************************************************************************************/
/*																				   Liste Recettes par type de plat */
/***********************************************************************************************/

.listeRecettePlats #contenu{
padding: 0 0 30px 0;
float: left;
width: 870px;}

.listeRecettePlats #content h2 {
line-height: 44px;
height: 44px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceListePlats.gif) no-repeat;}

.listeRecettePlats #content h2 {
color: #d92719 !important;
font-size: 18px !important;}

.listeRecettePlats #colImg {
margin: 0 10px 0 0;
width: 130px;
float: left;}

.listeRecettePlats p.intro {
text-align: left !important;
padding: 0 0 10px 0;}

.listeRecettePlats #colTitre {
float: left;
padding: 0 0 20px 0;
margin: 0 0 0 10px;
display: block;
width: 800px !important;
}


.listeRecettePlats .blocPlat a {
border: 0;}

.listeRecettePlats .blocPlat p {
margin: 5px 0 0 0;
text-decoration: none;}

.listeRecettePlats .blocPlat p a {
text-decoration: none;}


.listeRecettePlats .retour a {
display: block;
float: right;
margin: 0 0 5px 0;
}

.listeRecettePlats #colTitre h3 {
padding: 0 0 10px 0;
font-style: italic;
font-size: 30px;
color: #d92719;
}

.listeRecettePlats table {
float: right;
width: 870px;
}

/***********************************************************************************************/
/*															Boutique Achat par correspondance */
/***********************************************************************************************/
.accueilBoutique #content{
padding: 0 0 0 35px !important;}

.accueilBoutique #contenu{
float: left;
width: 900px;}

#colPancarte {
margin: 0 0 0 100px;
display: block;
float: left;
width: 130px;}


#pancarteAchatLigne a {
width: 120px;
height: 121px;
display: block;
float: right;
background: url(../../images/pancarteAchatLigne.gif) no-repeat;}

#pancarteAchatLigne h3 span {
display: none;}

#pancarteAchatCorrespondance a  {
width: 120px;
height: 121px;
display: block;
float: right;
background: url(../../images/pancarteAchatCorrespondance.gif) no-repeat;
}

#pancarteAchatCorrespondance h3 span {
display: none;}

#pancarteCommentCommander a  {
width: 120px;
height: 121px;
display: block;
float: right;
background: url(../../images/pancarteCommentCommander.gif) no-repeat;
}

#pancarteCommentCommander h3 span {
display: none;}

#colVitrine {display: block;
float: left;
width: 640px; }

.achatCorrespondance #content,
.achatLigne #content {
padding: 0 0 0 35px !important;}


.achatCorrespondance #contenu,
.achatLigne #contenu {
padding: 0 0 30px 0;
float: left;
width: 910px;}

.achatCorrespondance #content h2,
.achatLigne #content h2 {
width: 740px;
height: 294px;
color: #d92719;
background: transparent url(../../images/petitStore.gif) no-repeat;}

.achatCorrespondance #content h2 span,
.achatLigne #content h2 span {
display: none;}

.achatCorrespondance #colProduits,
.achatLigne #colProduits {
display: block;
float: left;
width: 740px;
float: left;}

.achatCorrespondance #colProduits p,
.achatLigne #colProduits p {
text-align: left !important;
padding: 0 !important;
margin: 0 !important;}

.achatCorrespondance #colProduits h3,
.achatLigne #colProduits h3 {
width: 534px;
float: left;
font-style: italic;
font-size: 16px;
color: #d92719;
padding: 0 0 5px 0;}

.achatCorrespondance .blockProduit,
.achatLigne .blockProduit {
margin: 10px 10px 10px 0;
padding: 1px;
border: 1px red solid;
text-align: center;
position: relative;
float: left;
display: block;
width: 160px;}

.achatCorrespondance img,
.achatLigne img{
border: 0;}

.btnZoom a {
position: absolute;
right: 2px;
top: 2px;
display: block;
width: 40px;
height: 14px;
padding: 0 0 0 2px;
font-size: 11px;
color: #d92719;
text-decoration: none;
background: transparent url(../../images/pictoZoom.gif) no-repeat; }

.achatCorrespondance .colDescription,
.achatLigne .colDescription {
margin: 10px 0 0 0;
float: left;
display: block;
width: 450px;}

.achatCorrespondance .colDescription img,
.achatLigne .colDescription img {
float: left;
border: 0;
padding: 5px 0 10px 0;}

.achatCorrespondance .colPoint,
.achatLigne .colPoint {
text-align: center;
float: right;
display: block;
width: 160px;}

.achatLigne .colPoint label{
font-size: 11px;
padding: 40px 0 0 0;}

.achatLigne .prixProduit {
margin: 0 0 5px 0;
font-size: 16px;
font-weight: bold;
color: #d92719;}

.achatLigne .btnAjoutPanier {
text-decoration: none;
padding: 3px;
display: block;
text-align: center;
font-size: 12px;
color: #fff;
background-color: #d92719;}

.achatCorrespondance #colBtn {
padding: 0 0 0 40px;
width: 110px;
float: left;}

.achatLigne #colBtn {
padding: 0 0 0 40px;
width: 110px;
float: left;}

.achatLigne .colVisuelCadeau {
margin: 10px 10px 0 0;
width: 250px;
display: block;
float: left;}

.achatLigne .colVisuelCadeau img {
float: left;}

.detailProduit table 
{border-collapse: collapse;
float: left;
width: 720px;
margin: 15px 0 0 0;
border-left: 1px #d92719 solid;}

.detailProduit table td {border: 1px #d92719 solid; padding: 5px;}

.detailProduit .btnAjoutPanier a {
margin: 3px;
text-decoration: none;
padding: 3px;
display: block;
text-align: center;
font-size: 12px;
color: #fff;
background-color: #d92719;}


/***********************************************************************************************/
/*																				        Contact */
/***********************************************************************************************/
.contact #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.contact #content h2 {
line-height: 46px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-size: 32px;
font-style: italic;
background: transparent url(../../images/puceEpis.gif) no-repeat;}

#s05p01 #content h2 {
line-height: 46px;
color: #d92719;
padding: 0 0 30px 55px;
font-weight: bold;
font-size: 20px;
font-style: italic;
background: transparent url(../../images/puceEpis.gif) no-repeat;}

fieldset {border: 1px #d92719 solid; padding: 20px 10px 10px 10px; margin-bottom: 10px;}

legend {font-size: 14px; font-weight: bold; color: #d92719; padding: 0 10px; background-color: #fff;}

.colForm {
margin: 0 10px 0 0;
display: block;
float: left;
width: 410px;}


input, textarea, select {
    font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
    font-size: 12px;
    color: #444;}

.colForm textarea {
width: 450px;
height: 200px;
border: 1px red solid;}

.lineForm,
.lineSelect,
.lineText {
height: 15px;
clear: both;
padding: 0 0 5px 0;
display: block;
margin: 5px 0 3px 0;}

.lineForm label span,
.lineSelect label  span,
.lineText label span {
color: red;}

.lineForm input.small {width: 50px;}
.lineForm input {width: 150px;}


.lineForm textarea {
width: 500px; 
height: 80px;}

.pageContacts .noSize {width: auto; border: 0;}

.lineForm,
.lineCheckbox,
.lineSubmit,
.lineRadio {margin-bottom: 5px;}

.lineRadio {border-bottom: 1px #D8DADC solid;}

.lineCheckbox {padding-left: 0;}
.lineRadio {padding-left: 100px;}
.lineSubmit {padding-left: 320px;}
.partenaires .lineSubmit {padding-left: 20px;}

.lineForm input,
.lineForm select,
.lineSelect select,
.lineText select {
display: block; 
float: left;}

.lineForm label,
.lineSelect label,
.lineText label {
display: block; 
float: left;
text-align: left;
padding-right: 3px; 
width: 100px; }

.partenaires .lineForm label {
    display: block; float: left;
    text-align: left;
    padding-right: 3px; width: 80px; }

.mentions {
padding-top: 20px;
font-size: 10px; line-height: 12px;}

.btnForm {font-weight: bold; padding: 0 10px;}

.contact .colForm .btnValider
{float: right;
border: 0;
width: 100px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
color: #ffffff;}

#errMsg,
#errMsgPanier,
span.validation-advice {
width: 100%;
display: block;
float: left;
background-color: #cc0000; 
color: #ffffff; 
font-weight: bold; 
margin-top: 5px; 
clear: both; 
padding: 2px;}

#errMsgPanier,
span .validation-advice { width: 100%; }

.obligatoire {
font-size: 10px;
font-style: italic;
color: #D82719;}

.contact .btnRechercher
{float: left;
width: 80px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;}


#blocSearchMail {
text-align: left;
width: 870px;}

#blocSearchMail label {
float: left;
width: 50px;}

#blocSearchMail .mediumInput  {
float: left;
width: 180px;}

.formContact h3 {
color: #d92719;
margin: 0 0 5px 0;
display: block;
float: left;
width: 120px;
padding: 0 0 0 65px;
line-height: 43px;}

.formContact .email {
background: url(../../images/pictoEmail.gif) no-repeat;}


.formContact .lettre {
background: url(../../images/pictoLettre.gif) no-repeat;}



.formContact .lineForm span.validation-advice,
.formContact .lineSelect span.validation-advice,
.formContact .lineText span.validation-advice
{display: block;
clear: both;
width: 400px;
font-weight: bold; 
text-align: center; 
padding-top: 3px;
font-size: 11px; 
color: #ffffff;
white-space:nowrap;
}

.btnRadio {
display: block;
float: left !important;
width: 20px !important;}

.btnRadio span {
display: inline;}
/***********************************************************************************************/
/*																			Menus de la semaine*/
/***********************************************************************************************/
.menusSemaine #legumeSemaine {
width: 334px;
height: 99px;
margin: 0 20px 0 0;
display: block;
float: right;
background: transparent url(../../images/bkgMenuFruitSemaine.jpg) no-repeat !important;}

#legumeSemaine a {
width: 334px;
height: 55px;
display: block;}


#legumeSemaine h2 a {
text-decoration: none;
color: #000;}


#legumeSemaine h2.fruit,
#legumeSemaine h2.legume,
#legumeSemaine h2.crustace,
#legumeSemaine h2.fromage,
#legumeSemaine h2.poisson {
margin: 40px 0 0 10px;
text-decoration: none;
color: #000;
display: block;
float: left;
width: 300px;
font-size: 14px;}


#legumeSemaine h2 a span{
color:#E2001A}

#legumeSemaine img {
border: 0;}

#blocLegumeSemaine a {
text-decoration: none;
font-size: 11px;
text-align: center;
display: block;
width: 180px;
margin: 0 0 0 19px;
}

.menusSemaine #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.menusSemaine #content h3.ardoise {
display: block;
float: left;
width: 181px;
height: 138px;
background: transparent url(../../images/ardoiseIdeesMenus.jpg) no-repeat !important;}

.menusSemaine #content h3.ardoise  span {
display: none;}

#presentation {
text-align: left;
width: 360px;
display: block;
float: left;
margin: 30px 0 0 10px;}

.semaine {
display: none;
color: #d92719;
font-weight: bold;
font-size: 14px;
font-style: italic;
padding: 20px 0 10px 0;
}

.menu1 {
display: block;
width: 874px;
height: 270px;
float: left;
background: transparent url(../../images/bkgMenu1.gif) no-repeat;
}

.menu2 {
display: block;
width: 874px;
height: 270px;
float: left;
background: transparent url(../../images/bkgMenu2.gif) no-repeat;
}

.menu3 {
display: block;
width: 874px;
height: 270px;
float: left;
background: transparent url(../../images/bkgMenu3.gif) no-repeat;
}

.menu4 {
display: block;
width: 874px;
height: 270px;
float: left;
background: transparent url(../../images/bkgMenu4.gif) no-repeat;
}

.menu5 {
display: block;
width: 874px;
height: 270px;
float: left;
background: transparent url(../../images/bkgMenu5.gif) no-repeat;
}

.menu1 h3 span,
.menu2 h3 span,
.menu3 h3 span,
.menu4 h3 span,
.menu5 h3 span {display: none;}

.bloc3plats {
display: block;
padding: 15px 0 0 30px;
width: 870px;}

.entree,
.plat,
.dessert,
.pain {
display: block;
float: left;
width: 200px;
margin: 0 12px 0 0;}

.entree h4,
.plat h4,
.dessert h4,
.pain h4 {
font-weight: bold;
font-size: 11px;
padding: 5px 0 2px 0;
color: #d92719;}

.entree p,
.plat p,
.dessert p,
.pain p {
text-decoration: none;
text-align: left;
font-size: 11px;
}

.entree img,
.plat img,
.dessert img,
.pain img {
margin: 0 0 10px 0;
width: 200px;
height: 200px;
float: left;
}


/***********************************************************************************************/
/*																				                Carnet de recettes */
/***********************************************************************************************/
.carnet #contenu,
.ajouterRecette #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}

.carnet #content h2,
.ajouterRecette #content h2 {
font-size: 32px;
line-height: 50px;
color: #d92719;
padding: 0 0 20px 55px;
font-weight: bold;
font-style: italic;
display: block;
float: left;
background: transparent url(../../images/puceTrouverRecette.gif) no-repeat;}

fieldset.carnet,
fieldset.ajouterRecette
{text-align: left;
border: 1px #d92719 solid;}

.carnet .recherche .lineForm,
.ajouterRecette .recherche .lineForm {

width: 870px;
display: block;
float: left;
margin-bottom: 10px;}

.carnet .blocRecherche .lineForm label {
display: block; width: 122px; text-align: left;
float: left;}

.ajouterRecette .lineForm label {
display: block; width: 200px; text-align: left;
float: left;}

.carnet .lineForm input,
.ajouterRecette .lineForm input {border: 1px red solid;
display: block;
text-align: left;}
    
.carnet .lineForm .bigInput {
display: block;
float: left;
margin: 0 5px 5px 0;
float: left;
width: 500px;}

.ajouterRecette .lineForm .bigInput {
display: block;
float: left;
margin: 0 5px 5px 0;
float: left;
width: 360px;}

.ajouterRecette .lineForm textarea {width: 610px; height: 80px;}

.carnet .recherche .row {
margin: 0 0 8px 0;}

.carnet .recherche .intitule {
display: block;
width: 130px;
float: left;}

.carnet .recherche .lineCheck {
display: block;
width: 500px;
float: left;
padding: 0 0 15px 0;}

.carnet .recherche .lineCheck label {
width: 100px;
float: left;
margin: 0 20px 0 0;}

.carnet .recherche .margeCheckbox {
float: left;
display: block;
margin: 0 2px 10px 0;}

.carnet .recherche .floatLeft {
display: block;
padding: 0 5px 0 0;
float: left;
}

.carnet .recherche .smallInput {
display: block;
margin: 0 5px 0 0;
float: left;
width: 25px;}

.carnet .recherche .lineSubmit {
text-align: right;}

.carnet .btnRondOk 
{float: right;
width: 37px;
height: 37px;
color: #fff;
display: block;
background: transparent url(../../images/btnRondOk.gif) no-repeat;}

.carnet a.pagination{
color: #d92719;}

.carnet #contenu #colLstRecettes{
float: left;
width: 155px;}

.carnet #contenu #colLstRecettes h3{
padding: 0 0 10px 0;
font-size: 12px;
display: block;
float: left;}

.carnet #contenu #colDetailRecettes{
float: left;
width: 710px;}

.carnet #contenu #colDetailRecettes table {
text-align: left;
width: 710px;
font-size: 11px;
border-collapse: collapse;
float: left;
margin: 10px 0 10px 0;
border-left: 1px #d92719 solid;}

th {
font-size: 11px;
text-align: left;
padding: 2px;
background-color: #d92719;
color: #fff;
height: 25px;
white-space: nowrap;
}

.cellB,
.cellC,
.cellD,
.cellE
{text-align: center;
font-size: 11px;
border-right: 1px #fff solid;}

.cellE
{font-size: 11px;}

.cellF{
text-align: left;
border-right: 1px #d92719 solid;}

td {
border: 1px #d92719 solid; padding: 2px;}

a.lnkRecette {text-decoration :none;}

a:hover.lnkRecette {color: #d92719;}

.carnet #navRecettes {
margin: 0 5px 10px 0;
width: 155px;
float: left;
display: block;}

.carnet #navRecettes ul {
list-style: none;}

.carnet #navRecettes li 
{display: block;
margin: 0 0 3px 0;}

.carnet #navRecettes li a  {
border: 1px #d92719 solid;
text-decoration: none;
display: block;
padding: 5px;
margin: 0 5px 0 0;
background-color: #fff;
color: #d92719;}

.carnet #navRecettes li a:hover  {
border: 1px #d92719 solid;
text-decoration: none;
display: block;
padding: 5px;
margin: 0 5px 0 0;
background-color: #d92719;
color: #fff;}

.carnet .btnCarnetRecettes {float: right;
margin: 20px 0 0 0;}

.ajouterRecette .boutons {
border: 1px red solid;
display: block;
width: 600px;}

.ajouterRecette .btnValider
{float: right;
width: 160px;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
color: #fff;}

/***********************************************************************************************/
/*														Les petits chefs - Les recettes Mmmm */
/***********************************************************************************************/

/*											 Navigation rubrique Petits chefs */
/*********************************************************/
#navDroite {
float: left;
width: 125px;}

.mains {
float: left;
list-style: none;
width: 125px;}

.mains li {
float: left;}

.mains li span {
display: none;}

.mains li#mainRose a,
.mains li#mainVerte a,
.mains li#mainBleue a {
width: 122px;
height: 121px;
display: block;
padding: 0 0 5px 0;}

.mains li#mainRose {
background: transparent url(../../images/btnRecettesChefs.gif) no-repeat;}

.mains li#mainVerte {
background: transparent url(../../images/btnPliageCrepes.gif) no-repeat;}

.mains li#mainBleue {
background: transparent url(../../images/btnDrolesPizzas.gif) no-repeat;}

/*							Fin Navigation rubrique Petits chefs */
/*****************************************************/



.recettesPetitsChefs #contenu {
text-align: left;
padding: 0 0 50px 0;
float: left;
width: 750px;}

.recettesPetitsChefs #contenu p {
padding: 5px 0 5px 0;}


.recettesPetitsChefs #colVisuel {
float: left;
width: 275px;}


.recettesPetitsChefs #sucreSel {
padding: 20px 0 0 0;
float: left;
width: 700px;}

.recettesPetitsChefs #sucreSel select {
width: 100%;
font-size: 16px;
border: 1px #74b223 solid;}


.recettesPetitsChefs #sucreSel .sucre {
margin: 0 10px 0 0;
float: left;
width: 340px;}

.recettesPetitsChefs #sucreSel .sel {
float: left;
width: 340px;}

.recettesPetitsChefs .titreSucre {
display: block;
width: 230px;
height: 33px;
background: transparent url(../../images/titreSucrees.gif) no-repeat;}

.recettesPetitsChefs .titreSel {
display: block;
width: 197px;
height: 33px;
background: transparent url(../../images/titreSalees.gif) no-repeat;}


.recettesPetitsChefs .titreSucre span,
.recettesPetitsChefs .titreSel span {
display: none;}




.recettesPetitsChefs #lstRecettes {
float: left;
width: 275px;}

.recettesPetitsChefs #lstRecettes ul {
list-style : none;
padding: 10px;}

.recettesPetitsChefs #lstRecettes ul li {
float: left;}

.recettesPetitsChefs #lstRecettes li a {
font-weight: bold;
width: 230px;
color: #d92719;
text-decoration: none;
line-height: 20px;
height: 20px;
padding: 0 0 5px 30px;
display: block;}

.recettesPetitsChefs #lstRecettes li#pictoCoeur a {
background: transparent url(../../images/pictoCoeur.gif) no-repeat;}

.recettesPetitsChefs #lstRecettes li#pictoTete a {
background: transparent url(../../images/pictoTete.gif) no-repeat;}

/***********************************************************************************************/
/*																	    Les petits chefs - Le pliage des crêpes */
/***********************************************************************************************/
.pliageCrepes #contenu {
position: relative;
padding: 0 0 50px 0;
float: left;
width: 750px;}

.pliageCrepes #colVisuel {
float: left;
width: 496px;}

.pliageCrepes #colVisuel img {
float: left;}


#pictoPliage {
position: relative;
margin: 30px 0 0 20px;
float: right;
width: 750px; }

#pictoPliage img{
float: left;
border: 0;
margin: 10px 10px 0 0;
}

.pliageCrepes .blocDetail {
background-color: #fff;
position: absolute;
top: 180px;
left: 0;
z-index: 50;
width: 500px;
border: 1px #d92719 solid;
padding: 10px;}

.ficheRecette .blocDetail {
background-color: #fff;
position: relative;
top: 270px;
left: 250px;
z-index: 50;
width: 390px;
border: 1px #d92719 solid;
padding: 10px;}

.pliageCrepes .blocDetail h4,
.ficheRecette .blocDetail h4 {
display: block;
width: 300px;
font-size: 14px;
color: #d92719;
margin: 0 0 10px 0;}

.pliageCrepes .blocDetail p,
.ficheRecette .blocDetail p {
display: block;
padding: 20px 0 0 0;
text-align: justify;}

.pliageCrepes .blocDetail .btnFermer a,
.ficheRecette .blocDetail .btnFermer a {
position: absolute;
left: 440px;
top: 15px;
padding: 3px 5px 3px 5px;
display: block;
text-decoration: none;
background-color: #fff;
border: 1px #d92719 solid;
color: #d92719;}

/***********************************************************************************************/
/*																				  Les petits chefs - Droles de pizzas */
/***********************************************************************************************/

.drolesPizzas #contenu {
position: relative;
padding: 0 0 50px 0;
float: left;
width: 750px;}

.drolesPizzas #colVisuel {
float: left;
width: 496px;}

.drolesPizzas #colVisuel h3 span {
display: none;}

/***********************************************************************************************/
/*																	   Le légume de la semaine */
/***********************************************************************************************/

.legumeSemaine #contenu {
padding: 0 0 30px 0;
float: left;
width: 870px;}


.legumeSemaine #content h2{
display: block;
width: 229px;
height: 44px;
padding: 0 0 20px 0;}

.legumeSemaine #content h2 span{
display: none;}

.legumeSemaine #content h2.legume{
background: transparent url(../../images/teteLegumeSemaine.gif) no-repeat;}
.legumeSemaine #content h2.poisson{
background: transparent url(../../images/tetePoissonSemaine.gif) no-repeat;}
.legumeSemaine #content h2.crustace{
background: transparent url(../../images/teteCrustaceSemaine.gif) no-repeat;}
.legumeSemaine #content h2.fruit{
background: transparent url(../../images/teteFruitSemaine.gif) no-repeat;}
.legumeSemaine #content h2.fromage{
background: transparent url(../../images/teteFromageSemaine.gif) no-repeat;}

.legumeSemaine #contenu #colLeft {
text-align: left;
width: 600px;
float: left;}

.legumeSemaine #contenu #colLeft h3{
font-size: 20px;
padding: 0 0 5px 0;}

.legumeSemaine #contenu #colLeft h4{
color: #d92719;
font-size: 16px;
padding: 10px 0 5px 0;}

.legumeSemaine #contenu #colRight {
margin: 0 0 0 20px;
text-align: center;
width: 240px;
float: left;}

.legumeSemaine #contenu #colRight img{
float: right;}



.legumeSemaine #contenu #colRight #blocVisuelsRecettes{
padding: 15px;
text-align: center;
width: 295px;}

.visuelRecette {
height: 190px;
padding: 10px;
width: 111px;
text-align: center;
display: block;
float: left;}

.visuelRecette a {
text-decoration: none;}

.visuelRecette img {
border: 0;}

/***********************************************************************************************/
/*																		      Cuisines en fêtes*/
/***********************************************************************************************/
#visuelFond {
display: block;
width: 690px;
height: 750px;
background: transparent url(../../images/visuelFondCuisinesenFete.jpg) no-repeat;
padding: 170px 0 0 0;}

#layerGagnant {
padding: 5px;
margin: 0 0 0 120px;
background: #fff;
width: 350px;
display: block;
border: 2px #D82719 solid;}

#layerGagnant h3 {
display: block;
color: #D82719;
padding: 7px 0 7px 0;}

dl.table-display
{width: 350px;}

.table-display dt
{font-size: 11px;
padding: 0 0 1px 0;
width: 150px;
float: left;
border-bottom: 1px solid #D82719;
font-weight: bold;
}

.table-display dd
{font-size: 11px;
padding: 0 0 1px 0;
float: left;
width: 200px;
border-bottom: 1px solid #D82719;
}

.ligneTableau{
   cursor:pointer;
}

/***********************************************************************************************/
/*																		                Top Ten*/
/***********************************************************************************************/

.topTen #contenu {
padding: 0 0 0 130px;
text-align: center;
width: 870px;
}



.topTen #contenu h1 {
text-align: left;
margin: 0 0 20px 0;
display: block;
width: 690px;
height: 130px;
background: transparent url(../../images/titreTopTen.gif) no-repeat;
}


.topTen h1 span {
display: none;
}

.blocTop {
margin: 0 0 15px 0;
float: left;}

.blocTop img {
border: 0;
width: 215px;
height: 215px;
display: block;
float: left;}

.blocTop img a {
border: 0;
width: 160px;
display: block;
float: left;
}

.blocTop h2 a {
width: 160px;
color: #e2001a;
text-decoration: none;
margin: 5px 0 0 0;
font-size: 12px;
display: block;
float: left;}

/***********************************************************************************************/
/*																		      Recettes de fêtes*/
/***********************************************************************************************/

#fetes {
margin: 0 0 0 120px;
display: block;
width: 686px;
border: 5px #c50000 solid;
}

.recettesFetes h2 {
text-align: left;
display: block;
width: 686px;
height: 177px;
background: transparent url(../../images/tetiereRecettesFetes.jpg) no-repeat;
}

.recettesFetes h2 span {
display: none;
}

.blocTop {
margin: 0 13px 8px 0;
width: 158px;
display: block;
float: left;}

.blocTop img {
width: 158px;
height: 158px;
margin: 0 3px 0 3px;
display: block;
float: left;}

.blocTop img a {
border: 0;
display: block;
float: left;
}

.blocTop h3 a {
text-align: center;
color: #e2001a;
text-decoration: none;
width: 158px;
margin: 5px 0 0 0;
font-size: 12px;
display: block;
float: left;}

/***********************************************************************************************/
/*																				  Page Iphone */
/***********************************************************************************************/
#appli #contenu {
padding: 0 !important;
margin: 0 !important;
width: 800px;}

.iphone #contenu #blocIphone {
position: relative;
display: block;
width: 567px;
height: 350px;
background: transparent url(../../images/introIphone.jpg) no-repeat;}

#blocIphone span {
display: none;}

.btnAppStore a {
position: absolute;
bottom: 35px;
right: 60px;
display: block;
width: 200px;
height: 77px;
background: transparent url(../../images/btnAppStore.gif) no-repeat;}

.btnAppStore a span {
display: none;}

#vignettes {
margin: 0 40px 0 0;
float: right;
width: 473px;
height: 200px;
overflow: hidden;
position: relative;}

.containerVignettes {
width: 400px; height: 200px; overflow: hidden; margin-left :15px;}

#vignettes .previous_button,
#vignettes .next_button {
   display: block; 
   width: 40px; 
   height: 250px;
   text-indent: -5000px; 
   overflow: hidden;}

#vignettes .previous_button {
   background: transparent url(../../images/flecheGauche.gif) no-repeat left 60px;
   float: left;}
   
#vignettes .next_button {
   background: transparent url(../../images/flecheDroite.gif) no-repeat right 60px;
   position: absolute; right: 0; top: 0;}

#vignettes ul {
padding: 0 0 0 10px;
   list-style: none;
   height:150px;
   position:absolute;
}
#vignettes ul li {
border: 0;
margin-right: 15px;
float: left; }

#vignettes ul {
list-style: none;
margin: 10px 0 0 0;
width: 3000px;
}

#vignettes li {
list-style: none;
width: 85px;
height: 150px;
}

.containerVignettes{
position:absolute;
left: 21px;
}

#vignettes .next_button{
   left: 445px;
   position:absolute;
   top:0px;
   width:27px;
   z-index:100;
   display:block;
}

#vignettes .previous_button{
   left:0px;
   position:absolute;
   top:0px;
   width:27px;
   z-index:100;
   display:block;
}
/***********************************************************************************************/
/*																				       Footer */
/***********************************************************************************************/
#footer {
background: transparent url(../../images/bkgFooter.jpg) no-repeat 0 0;
margin: 0 auto !important;
position: relative;
display: block;
width: 992px;
height: 212px;}


#mangerBouger {
position: absolute;
left: 100px;
top: 30px;
display: block;
color: #000;}

#mangerBouger a {
text-decoration: none;
color: #000}


#footer #blockTradeMarque {
background: transparent url(../../images/blockTradeMarque.gif) no-repeat;
display: block;
width: 218px; 
height: 33px;
position: absolute;
right: 0;
top: 21px;}

#blockTradeMarque span {
display: none;}

#rowCol {
margin: 0 0 20px 0;
width: 900px;
position: absolute;
top: 70px;
left: 100px;
display: block;
float: left;}

#col2 li.rss {
width: 190px;
display: block;
background: transparent url(../../images/pictoRss.gif) no-repeat right top;}

#col1,
#col2,
#col3, 
#col4 {
margin: 0 30px 0 0;
display: block;
float: left;
list-style: none;}

#col1 li {
font-weight: bold;
text-decoration: underline;
color: #000;
text-align: left;
display: block;}

#col2 li,
#col3 li,
#col4 li
{margin: 0 0 3px 0;
color: #000;
text-align: left;
display: block;}

#col2 li a,
#col3 li a,
#col4 li a {
color: #000;
height: 18px;
text-decoration: none;}

#col2 li a:hover,
#col3 li a:hover, 
#col4 li a:hover {
color: #000;
height: 18px;
text-decoration: underline;}

/***********************************************************************************************/
/*																				       Pas a pas */
/***********************************************************************************************/

.pasapas #contenu {
width: 870px;}


.pasapas h2 {
font-size: 22px !important;
margin: 0 0 10px 0;}

.pasapas h3 {
font-size: 16px;
margin: 0 0 10px 0;}

.pasapas h4 {
font-size: 16px;
margin: 0 0 5px 0;}

.pasapas h5 {
margin: 10px 0 10px 0;}

#navPas {
width: 870px;
margin: 10px 0 10px 0;
list-style: none;}

#navPas li{
font-weight: bold;
color: #d92719;
margin: 0 10px 0 0;
display: block;
float: left;}

#navPas li a {
color: #d92719;
}

#pasGauche {
text-align: left;
float: left;
display: block;
width: 520px;}

#pasImg {
margin: 0 0 0 10px;
float: left;
display: block;
width: 330px;}

/***********************************************************************************************/
/*																				        Sondage*/
/***********************************************************************************************/

.btnJeParticipe {
position: absolute;
top: 130px;
right: 60px;
padding: 6px 0 0 25px;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
border: 0;
display: block;
width: 125px;
height: 21px;
background: transparent url(../../images/btnJeParticipe.gif) no-repeat ;
}


.sondage #contenu {
text-align: left !important;
width: 850px;}

.sondage #contenu p {
margin: 0 0 8px 0;
text-align: left !important;}

.sondage fieldset.sond {
margin: 0 0 8px 0;
padding: 10px;
width: 850px;
display: block;
float: left;}

.sondage h2 {
margin: 0 0 10px 0;}

.sondage fieldset.sond .lineForm {
margin: 0 0 8px 0;
padding: 0;
width: 100%;
display: block;
float: left;}

.sondage fieldset h3 {
margin: 10px 0 5px 0;
width: 100%;
clear: both;
display: block;}

.sondage .lineForm label {
margin: 0 0 5px 0;}

.sondage .lineForm label.size {
width: 180px !important;}


.sondage select {
border: 1px #cc0000 solid;}

.sondage textarea.sizeTextarea {
margin: 0 0 10px 0;
float: left; 
width: 100% !important;
border: 1px #cc0000 solid;}


.sondage .lineRadio {border: 1px red solid;
padding: 5px !important;
margin: 0 0 20px 0;
float: left;
clear: both;
}

.sondage .lineRadio label {

margin: 0 0 0 50px;
float: left;
display: block;
width: 520px;
clear: both;
}

.sondage .lineRadio ul {
float: left;
clear: both;
}

.sondage input.btnRadio {
width: 20px !important;
display: block;
float: left;
border: 0 !important;}

.sondage select {
color: #000000;}

.sondage .btnJeContinue {
margin: 10px 20px 20px 0;
float: right;
padding: 6px 0 0 0;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
border: 0;
display: block;
width: 125px;
height: 21px;
background: transparent url(../../images/btnJeParticipe.gif) no-repeat ;
}

/******* *******************************************************************************/
/*                                                                       Les inratables*/
/**************************************************************************************/

.inratables #content  {
padding: 0 0 0 14px;
display: block;
float: left;
width: 956px !important;}

.inratables #contenu {
float: left;
width: 956px !important;}

#slideInratables {
text-align: left;
float: left;
width: 679px;}

.hide {display: none;}
.slide a {position: relative; margin: 0 !important; padding: 0 !important;}

#blocSlide {
padding: 0 0 10px 0;}

#btnDejaCoinPerso {
margin: 20px 0 20px 130px;
float: left;
overflow: hidden;
text-indent: -5000px;
display: block;
width: 173px;
height: 27px;
background: url(../../images/btnDejaCoinPerso.gif) no-repeat ;
}

#btnPasCoinPerso {
margin: 20px 0 20px 80px;
float: left;
overflow: hidden;
text-indent: -5000px;
display: block;
width: 180px;
height: 27px;
background: url(../../images/btnPasCoinPerso.gif) no-repeat ;
}

#formDeja fieldset {
display: block;
float: left;
width: 400px;
margin: 0 0 20px 0;}

#formDeja .colA {
display: block;
float: left;
margin: 0 0 20px 0;}

#formDeja .btnValider
{width: 100px;
float: right;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;
margin: 0;}


#formPas .colA,
#formPas .colB {
display: block;
float: left;
width: 50%;
margin: 0 0 20px 0;}

#formPas .btnValider
{width: 160px;
float: right;
text-align: center;
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
background-color: #d92719;
border: 1px #d92719 solid;
color: #fff;
margin: 0 20px 0 0;}

#visuelPromo {
margin: 0 0 0 10px;
float: left;
border: 1px red solid;
width: 249px;}

/******* *******************************************************************************/
/*                                                                Menus Gastronomiques*/
/**************************************************************************************/

.lstGastro #content  {
padding: 0 0 0 14px;
display: block;
float: left;
width: 956px !important;}

.lstGastro #content .blocRecette {
position: relative;
margin: 0 0 20px 24px;
display: block;
float: left;
width: 438px;
height: 560px;}

.lstGastro #content .blocRecette a img {
border: 1px #fff solid;}

.lstGastro #content .blocRecette a:hover img {
border: 1px #FF0000 dashed;}


.lstGastro #content .blocRecette img {
border: 0;}

.lstGastro #content .blocRecette .btnImprimerMenuGastro {
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
text-indent: -5000px;
background: url(../../images/imgMenusGastro/btnImprimerMenuGastro.gif) no-repeat;
width: 142px;
height: 31px;}


.menuGastro #content #menuGastro .btnImprimerMenuGastro {
text-indent: -5000px;
overflow: hidden;
margin: 10px 0 0 42%;
display: block;
background: url(../../images/imgMenusGastro/btnImprimerMenuGastro.gif) no-repeat;
width: 142px;
height: 31px;}


.lstGastro #content .blocRecette .btnDecouvrir {
position: absolute;
left: 0;
bottom: 10px;}

.lstGastro #content .blocRecette .btnDecouvrir {
text-decoration: underline;
color: #000000;}

.lstGastro #content .blocRecette .btnDecouvrir:hover {
text-decoration: underline;
color: #FF0000;}


.menuGastro #content  {
padding: 0 0 0 14px;
display: block;
float: left;
width: 956px !important;}


.menuGastro #content #menuGastro {
background: url(../../images/imgMenusGastro/bkgMenuGastro.gif) repeat-y;
width: 940px;}

.menuGastro #content #menuGastro h2 {
overflow: hidden;
text-indent: -5000px;
background: url(../../images/imgMenusGastro/bkgHeaderMenuGastro.gif) no-repeat;
width: 940px;
height: 101px;}


.menuGastro #content #menuGastro .zoneDetailMenu {
margin: 20px auto 0 auto;
width: 770px;}

.menuGastro #content #menuGastro .zoneDetailMenu .zoneTitre {
text-align: left;
margin: 0 10px 0 0;
display: block;
float: left;
width: 220px;
height: 110px;}

.menuGastro #content #menuGastro .zoneDetailMenu h3 a {
text-decoration: underline;
color: #000000;}

.menuGastro #content #menuGastro .zoneDetailMenu h3 a:hover {
text-decoration: underline;
color: #FF0000;}

.menuGastro #content #menuGastro .zoneDetailMenu h3 {
padding: 20px 0 0 0;
font-size: 12px;
text-align: left;}

.menuGastro #content #menuGastro .zoneDetailMenu .rect1,
.menuGastro #content #menuGastro .zoneDetailMenu .rect2,
.menuGastro #content #menuGastro .zoneDetailMenu .rect3,
.menuGastro #content #menuGastro .zoneDetailMenu .rect5 {
padding: 5px;
text-align: center;
background: #ffffff;
border: 1px #000 solid;
display: block;
float: left;
width: 219px;
}

.menuGastro #content #menuGastro .zoneDetailMenu .rect4 {
margin: 15px 38px 0 0;
padding: 5px;
text-align: center;
background: #ffffff;
border: 1px #000 solid;
text-align: center;
display: block;
float: left;
width: 485px;
}

.sousRect4 {
width: 50%; 
float: left;}

.sousRect4 .nomRecette {
margin: 5px 0 0 12px !important;}


.menuGastro #content #menuGastro .zoneDetailMenu .rect1,
.menuGastro #content #menuGastro .zoneDetailMenu .rect2 {
margin: 0 36px 0 0;
}

.menuGastro #content #menuGastro .zoneDetailMenu .rect5 {
margin: 15px 0 0 0;
}

.menuGastro #content #menuGastro .zoneDetailMenu a img {
margin: 0 0 0 1px;
text-align: center;
border: 1px #fff solid;}

.menuGastro #content #menuGastro .zoneDetailMenu a:hover img {
text-align: center;
border: 1px #FF0000 solid;}

.menuGastro #content #menuGastro .zoneDetailMenu .nomRecette {
margin: 5px 0 0 0;
clear: both;
text-align: left !important;}

.menuGastro #content #menuGastro .zoneDetailMenu .nomRecette a {
border: 0;
text-align: left;
color: #000;
text-decoration: underline;}

.menuGastro #content #menuGastro .zoneDetailMenu .nomRecette a:hover {
border: 0;
color: #FF0000;
text-decoration: underline;}

.menuGastro #content #menuGastro .zoneDetailMenu .rect6 {
border: 1px #000 solid;
margin: 15px 0 0 0;
padding: 5px;
text-align: center;
background: #ffffff;
text-align: center;
display: block;
float: left;
width: 754px;
}

.menuGastro #content #menuGastro .zoneDetailMenu .rect6 ol,
.menuGastro #content #menuGastro .zoneDetailMenu .rect6 ul {
margin: 0 0 10px 0;
width: 636px; 
padding: 5px;
list-style-position: inside;
float: left;
}

.menuGastro #content #menuGastro .zoneDetailMenu .rect6 ol a,
.menuGastro #content #menuGastro .zoneDetailMenu .rect6 ul li a {
color: #000;
text-decoration: underline;
}

.menuGastro #content #menuGastro .zoneDetailMenu .rect6 ol a:hover,
.menuGastro #content #menuGastro .zoneDetailMenu .rect6 ul li a:hover {
color: #FF0000;
text-decoration: underline;
}

.menuGastro #content #menuGastro .zoneDetailMenu .rect6 .abus {
font-size: 11px;
text-align: right !important;}

.menuGastro #content #menuGastro #footerMenu {
background: url(../../images/imgMenusGastro/bkgFooterMenuGastro.gif) no-repeat;
width: 940px;
height: 55px;}


/***********************************************************************************************/
/*																				       Footer */
/***********************************************************************************************/

.voeux2010 {
margin: 50px 0 0 70px;}