/* ************************* 

[MASTER STYLESHEET] 
 Project: LACTALIS
 Version: 1  
 Last change: 18/11/2008
 Assigned to: DIGITAL GARDEN - J.MARTINET 

[COLOR CODES]
p, a color:#333333
.bleu color:#3db3d0
.cyan color:#17839e

[XHTML STRUCTURE]  
+body
    + .container
			+ .header
				- .logo
			+ .mainmenu
			+ .wrapper
				- .wrapper1
				+ .wrapper2 / .wrapper3
					- .breadcrumb
					- .tabmenu
					- .blockdetexte / .blockderecettes  
 	+ .footer
 
************************* */

html{ padding:0; margin:0; font-size:100%;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; padding:0; margin:0; text-align:center; background:#f0f9fe url(../images/bg.gif) repeat-x ; color:#333333; }

/* Gestion des titres */
h1, h2,h3, h4,h5, h6,dl, dt, dd, img, p, img a{  padding:0; margin:0; list-style:none; border:none;}
.clear{ display:block; width:100%; clear: both; font-size: 1px;  line-height:0.1em;}
ul, li { padding:0; margin:0; list-style:none;  }

/* Gestion des formulaires */
fieldset{ padding:0; margin:0; border: none; display:block;}
form{ padding:0; margin:0; border: none; display:inline;}

.input{ color:#a4a493;background-color:#fff; }
.select{ color:#a4a493;background-color:#fff; }
.textarea{ color:#a4a493;background-color:#fff; }
textarea {font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size:11px;}
table, tr, td { border-collapse:collapse; padding:0; margin:0}

a { color:#333333; background-color:inherit;}
.bleu{color:#3db3d0; background-color:inherit; text-decoration:none!important }
.cyan { color:#17839e!important;background-color:inherit;}
a.bleu{color:#3db3d0; background-color:inherit; text-decoration:none; }
a:hover.bleu{ text-decoration:underline; }
.centrer { text-align:center}

/* *********************** */
/*    POSITIONNEMENT      */
/* ********************* */

.container { width:970px;  margin:0 auto; text-align:left; background:url(../images/container.png) repeat-y; }
.mainpage { padding:0 0 0 10px;}
.container .header { background:url(../images/header_V4.jpg) no-repeat 0 0; width:950px; height:131px;}
.container .header .logo h1 a{background:url(../images/lactalis_logo_V2.jpg) no-repeat 0 0; width:231px; height:131px; display:block; float:left; font-size:18px; text-decoration:none; color:#000000; background-color:inherit;}
.container .header .logo h1 a span{ display:none;}

.col200px { width:170px; float:left; min-height:450px }
.wrapper2 { width:740px; float:left; min-height:450px; padding:10px 0 10px 30px; }
.wrapper3 {width:775px;float:left; min-height:450px;  }


.footer { width:100%; clear:both; float:none;  height:32px; margin-left:-10px; font-family:Arial, Helvetica, sans-serif; font-size:11px}

.footer .content { width:970px;  background:url(../images/footer.png) no-repeat 0 0;  height:32px;}
.footer .content ul { float:right; padding:12px 40px 0 0}
.footer .content ul li {display:inline; color:#0f586a; background-color:inherit;}
.footer .content ul li a { color:#0f586a; background-color:inherit; text-decoration:none; padding:0 5px 0 0;}
.footer .content ul li a.blanc {text-decoration:underline;color: #FFFFFF;}
.footer .content ul li a:hover { text-decoration:underline}
.footer .searchbox { width:430px; float:left;}
.footer .searchbox p { background:url(../images/loupe.jpg) no-repeat 0 0; padding:0 0 0 20px; margin:10px 0 0 20px; }
.footer .searchbox p .selectbox { width:160px; height:18px;border:1px solid #06a4ce; color:#0f586a; background-color:#fff; font-size:11px}
.footer .searchbox p a{ text-decoration:none; font-size: 12px; color:#0F586A; font-weight:bold; }

/* *********************** */
/*    MAINMENU            */
/* ********************* */
.mainmenu { width:100%; clear:both; float:none;}
.mainmenu ul {}
.mainmenu ul li { display:inline;}
.mainmenu ul li a { display:block; float:left; height:110px; font-size:12px; text-align:center; font-weight:bold;}
.mainmenu ul li a span { display:none;}

.mainmenu ul li.item1 a { background:url(../images/mainmenu1.jpg) no-repeat 0 0; width:191px;}
.mainmenu ul li.item2 a { background:url(../images/mainmenu2.jpg) no-repeat 0 0; width:189px;}
.mainmenu ul li.item3 a { background:url(../images/mainmenu3.jpg) no-repeat 0 0; width:189px;}
.mainmenu ul li.item4 a { background:url(../images/mainmenu4.jpg) no-repeat 0 0; width:190px;}
.mainmenu ul li.item5 a { background:url(../images/mainmenu5.jpg) no-repeat 0 0; width:191px;}

.mainmenu ul li.item1 a:hover, .mainmenu ul li.item1 a.active { background-position: 0 -110px;}
.mainmenu ul li.item2 a:hover, .mainmenu ul li.item2 a.active { background-position: 0 -110px;}
.mainmenu ul li.item3 a:hover, .mainmenu ul li.item3 a.active { background-position: 0 -110px;}
.mainmenu ul li.item4 a:hover, .mainmenu ul li.item4 a.active { background-position: 0 -110px;}
.mainmenu ul li.item5 a:hover, .mainmenu ul li.item5 a.active { background-position: 0 -110px;}


/* *********************** */
/*    WRAPPER 2           */
/* ********************* */

.wrapper2 .breadcrumb {}
.wrapper2 .breadcrumb ul { width:90%; padding:0 0 15px 0;}
.wrapper2 .breadcrumb ul li { display:inline; color:#8f8f8f; background-color:inherit; font-size:10px;}
.wrapper2 .breadcrumb ul li a { color:#8f8f8f; background-color:inherit; text-decoration:none;  }
.wrapper2 .breadcrumb ul li a:hover { text-decoration:underline}  
.wrapper2 .breadcrumb ul li span { color:#c0c0c0; background-color:inherit;}

/* tabmenu  */
.tabmenu { clear:both; float:none; width:100%;}

.tabmenu .titre { float:left; padding:0 20px 0 0; display:inline;}
.tabmenu .titre img { padding:3px 0 0 0}
.tabmenu .titre span{ padding-left:10px}
.tabmenu ul{ padding:0; margin:0; list-style:none; float:left}
.tabmenu ul li{  list-style:none; display:inline; margin:0; padding:0;}
.tabmenu ul li a { padding:0 13px 0 0; margin:0; list-style:none; display:block; float:left; height:26px;  font-size:11px; font-weight:bold; color:#fff; background-color:inherit; text-decoration:none; background:url(../images/tabmenu_right.jpg) no-repeat  right -26px; line-height:2.5em;    }
.tabmenu ul li a span{ padding:0 0 0 13px; margin:0; list-style:none; display:block; float:left; height:26px; cursor:pointer; background:url(../images/tabmenu_left.jpg) no-repeat 0 -26px}

.tabmenu ul li a:hover, .tabmenu ul li.active a { background-position: right 0; color:#3DB3D0;background-color:inherit;}
.tabmenu ul li a:hover span, .tabmenu ul li.active a span { background-position: left 0}


/* blockvide */
.blockvide { height:12px; width:100%;}

/* blockdetexte */
.blockdetexte { width:680px; clear:both; float:none; padding:25px 0 0 0;}
.blockdetexte .clear { height:5px;}

.blockdetexte p { padding:0 0 20px 20px; font-size:11px}
.blockdetexte p.introduction { padding:0 0 20px 0; width:505px}
.blockdetexte p.titrelisteapuce { padding:0 0 5px 20px;}
.blockdetexte p.soustitre { color:#17839E; background-color:inherit; font-weight:bold; margin:0; padding:0 0 0 20px;}
.blockdetexte p.downloadpage { padding:0; margin:0}
.blockdetexte p.downloadpage a{ background:url(../images/download_page.jpg) no-repeat 0 0; padding:10px 0 0 44px; color:#17839e; background-color:inherit; text-decoration:none; height:70px; float:left; width:135px; display:block; font-weight:bold; font-size:11px; margin:0 0 0 20px}
* html .blockdetexte p.downloadpage a{ margin-left:10px;}
.blockdetexte p.downloadpage a:hover{ text-decoration:underline;}
.blockdetexte p.retourdepage { width:100%; clear:both; float:none; padding:0 0 25px 0;}
.blockdetexte p.retourdepage a { color:#18849F; background-color:inherit; font-size:11px;  font-weight: bold; text-decoration:none; float:right; background:url(../images/puce_cyan.gif) no-repeat 0 4px; padding:0 0 0 8px; }
.blockdetexte p.retourdepage a:hover { text-decoration:underline;}

.blockdetexte h2 { font-size:14px; color:#3DB3D0; background: url(../images/h2.gif) repeat-x 0 bottom; background-color:inherit; padding:0 0 6px 20px; margin:0 0 15px 0; width:100%}
.blockdetexte h3 { color:#3db3d0; background-color:inherit; font-size:22px; padding:0 0 0 20px}
.blockdetexte h4 { color:#17839E; background-color:inherit; font-size:17px; padding:0 0 0 20px }

.blockdetexte .imagehautgauche { float:left; padding:0 25px 5px 0;    }
.blockdetexte .imagehautdroite { float:right; padding:0 0 5px 25px;    }
.blockdetexte .imagemilieudroite { float:right; padding:25px 0 0 25px;}

.blockdetexte strong { color:#3db3d0; background-color:inherit;  }
.blockdetexte .listebleue{color:#3db3d0; background-color:inherit; text-decoration:none; }
.blockdetexte ul { padding:0 0 20px 27px}
.blockdetexte ul li { padding:0 0 0 10px ; background:url(../images/ul_li.gif) no-repeat 0 4px}

.blockdetexte .block2colonnes { width:100%; clear:both;  float:none;   text-align:left; padding:0 0 10px 0;}
.blockdetexte .block2colonnes .colonne1 { width:240px; float:left;  }
.blockdetexte .block2colonnes .colonne2 { width:440px;  float:right;  }
.blockdetexte  a.plus {
	color:#17839E;
	background-color:inherit;
	margin:0;
	padding:0 0 0 30px;
	text-decoration: underline;
	background-image: url(../images/fleche_bleue.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	display: block;
}

/* blockderecette */
.blockderecettes { width:740px; clear:both; float:none; padding:25px 0 0 0; }
.blockderecettes .clear { height:5px;}

.blockderecettes p { padding:0 0 20px 0; font-size:11px}
.blockderecettes p.introduction { padding:0 0 20px 0; width:505px}
.blockderecettes p.titrelisteapuce { padding:0 0 5px 0}
.blockderecettes p.soustitre { color:#17839E; background-color:inherit; font-weight:bold; margin:0; padding:0;}
.blockderecettes p.retourdepage { width:100%; clear:both; float:none; padding:0 0 35px 0;}
.blockderecettes p.retourdepage a { color:#18849F; background-color:inherit; font-size:11px;  font-weight: bold; text-decoration:none; float:right; background:url(../images/puce_cyan.gif) no-repeat 0 4px; padding:0 0 0 8px}
.blockderecettes p.retourdepage a:hover { text-decoration:underline;}

.blockderecettes h2 { font-size:14px; color:#16829D; background: url(../images/h2.gif) repeat-x 0 bottom; background-color:inherit; padding:0 0 6px 0; margin:0 0 15px 0; width:100%}
.blockderecettes h3 { color:#16829D; background-color:inherit; font-size:15px; padding:0 0 15px 0}
.blockderecettes h4 { color:#17839E; background-color:inherit; font-size:17px; padding:0  }

.blockderecettes .imagehautgauche { float:left; padding:0 25px 5px 0;    }
.blockderecettes .imagehautdroite { float:right; padding:0 0 5px 25px;    }
.blockderecettes .imagemilieudroite { float:right; padding:25px 0 0 25px;}

.blockderecettes strong { color:#3db3d0; background-color:inherit;  }
.blockderecettes .listebleue{color:#3db3d0; background-color:inherit; text-decoration:none; }
.blockderecettes ul { padding:0 0 20px 27px}
.blockderecettes ul li { padding:0 0 0 10px ; background:url(../images/ul_li.gif) no-repeat 0 4px}
.blockderecettes ul.listeingredients { padding:0 0 35px 0; margin:0;}
.blockderecettes ul.listeingredients li { padding:0; margin:0; background-image:none  }


.blockderecettes .block2colonnes { width:740px; clear:both;  float:none;   text-align:left; padding:0 0 10px 0;}
.blockderecettes .block2colonnes .colonne1 { width:395px; float:left; padding:0 10px 0 0; }
.blockderecettes .block2colonnes .colonne1 p { width:375px; }
.blockderecettes .block2colonnes .colonne2 { width:335px;  float:left;  }
.blockderecettes .block2colonnes .colonne2 p.imprimer { padding:0; margin:0}
.blockderecettes .block2colonnes .colonne2 p.imprimer a { background:url(../images/btn_imprimer.jpg) no-repeat 0 0; height:26px; padding:11px 0 0 40px; float:left; width:90px; color:#1788A4; background-color:inherit; text-decoration:none; font-weight:bold;}
.blockderecettes .block2colonnes .colonne2 p.imprimer a:hover { text-decoration:underline;}
.blockderecettes .block2colonnes .colonne2 p.voirfiche { padding:0; margin:0;}
.blockderecettes .block2colonnes .colonne2 p.voirfiche a { background:url(../images/btn_suivant.jpg) no-repeat 0 0; padding:11px 0 0 40px; height:26px; color:#1788A4; background-color:inherit; text-decoration:none; font-weight:bold; float:right}
.blockderecettes .block2colonnes .colonne2 p.voirfiche a:hover { text-decoration:underline}
.blockderecettes .block2colonnes .colonne2 p.image { float:none; clear:both; width:100%; padding:10px 0 0 0;}
/* blockretraitgauche */
.blockretraitgauche { width:435px; padding:0 0 0 30px;}
.blockretraitgauche .soutitre { font-size:13px;}

/* block2colonnesproduit */
.block2colonnesproduit { width:100%; clear:both; float:none; background:url(../images/h2.gif) repeat-x 0 top; padding:15px 0 0 0;}
.block2colonnesproduit .colonne1 { width:145px; float:left;  }
.block2colonnesproduit .colonne2 { width:440px;  float:left; padding:20px 0 0 0; }
.block2colonnesproduit .colonne2 p{ padding-bottom:10px; }

.block2colonnesproduit .colonne2 .downloadpage a { height:60px; width:400px}

/* blockdeliens */
.blockdeliens { width:100%; clear:both; float:none; padding:20px 0 0 10px}

.box_concours{
	height:161px;
	width:170px;
}

/* boxficherecette */
.boxficherecette { width:143px; margin:0 5px 15px 0; float:left; } 
.boxficherecette .top{ width:143px; background:url(../images/boxfiche_top.gif) no-repeat 0 0; height:9px; font-size:1px;}
.boxficherecette .center{ width:143px; background:url(../images/boxfiche_center.gif) no-repeat 0 bottom; text-align:center; min-height:240px; } /* modif MIKE => height */
* html .boxficherecette .center { height:240px;}
.boxficherecette .center p.image   { padding:1px 0 10px 0; }
/* modif MIKE .boxficherecette .center p.image img  { width:128px}*/

.boxficherecette .center p { width:128px; margin:0 auto;}
.boxficherecette .center p a { font-size:10px; color:#333; background-color:inherit; text-decoration:none;}
.boxficherecette .center p a:hover { color:#3DB3D0; background-color:inherit;  }

.boxficherecette .bottom{ width:143px; background:url(../images/boxfiche_bottom.gif) no-repeat 0 0; height:5px; font-size:1px}

.boxficherecette { width:143px;}
.boxficherecette { width:143px;}
.boxficherecette { width:143px;}



/* ********************************************* */
/*    WRAPPER 3 pour la page administration     */
/* ******************************************* */

/* blockadministration */
.blockadministration { width:775px; background:url(../images/blockadministration.gif) repeat-y;}
.no-bg {background:none;}

/* tabulation niveau 1 */
.blockadministration ul.tabnav_level1 { width:770px; height:27px; background:url(../images/tabnav_level1.gif) no-repeat 0 0;padding:8px 0 0 5px;}
.blockadministration ul.tabnav_level1 li { display:inline;}
.blockadministration ul.tabnav_level1 li a{ display:block; float:left;color:#0A7D9A; background-color:inherit; font-size:12px; font-weight:bold; padding:7px 14px 0 0; text-decoration:none; height:20px; }
.blockadministration ul.tabnav_level1 li a span { padding-left:20px}
.blockadministration ul.tabnav_level1 li a:hover, .blockadministration ul.tabnav_level1 li.active a { background:#44bcd6 url(../images/tabnav_level1_ul.gif) no-repeat right 0; color:#FFFFFF; }
.blockadministration ul.tabnav_level1 li a:hover span, .blockadministration ul.tabnav_level1 li.active a span  {   background:url(../images/tabnav_level1_ul_span.gif) no-repeat 7px 6px;   }

/* tabulation niveau 2 */
.blockadministration ul.tabnav_level2{ width:770px; background:url(../images/tabnav_level2.gif) no-repeat 0 0; height:27px; padding:0 0 0 5px; }
.blockadministration ul.tabnav_level2 li { display:inline;}
.blockadministration ul.tabnav_level2 li a{ display:block; float:left;color:#fff; background-color:inherit; font-size:12px; font-weight:bold; padding:7px 14px 0 0; text-decoration:none; height:20px; }
.blockadministration ul.tabnav_level2 li a span { padding-left:20px}
.blockadministration ul.tabnav_level2 li a:hover, .blockadministration ul.tabnav_level2 li.active a { background:#44bcd6 url(../images/tabnav_level2_ul.gif) no-repeat right 0; color:#FFFFFF; }
.blockadministration ul.tabnav_level2 li a:hover span, .blockadministration ul.tabnav_level2 li.active a span  {   background:url(../images/tabnav_level2_ul_span.gif) no-repeat 7px 6px;   }

/* tabulation niveau 3 */
.blockadministration ul.tabnav_level3{ width:770px; background:url(../images/tabnav_level3.jpg) no-repeat 0 0; height:27px; padding:0 0 0 5px; }
.blockadministration ul.tabnav_level3 li { display:inline;}
.blockadministration ul.tabnav_level3 li a{ display:block; float:left;color:#fff; background-color:inherit; font-size:12px; font-weight:bold; padding:7px 14px 0 0; text-decoration:none; height:20px; }
.blockadministration ul.tabnav_level3 li a span { padding-left:14px}
.blockadministration ul.tabnav_level3 li a:hover, .blockadministration ul.tabnav_level3 li.active a { background:url(../images/tabnav_level3_ul.gif) no-repeat right 0; color:#0a7d9a; }
 

/* contenu */
.blockadministration .contenu {  clear:both; float:none; padding:10px 15px 10px 0;   }


.blockadministration .gauche { float:left;padding:0 0 0 20px;}
.blockadministration .droite { float:right; padding:0 25px 0 0; }

/* appercuproduit */
.blockadministration .appercuproduit { width:330px;    }
.blockadministration .appercuproduit h2 { font-size:13px; font-weight:bold; color:#1788A4; background-color:inherit; padding:0 0 3px 0;  margin:0 0 5px 0; clear:both; float:none; min-height:22px}

.blockadministration .appercuproduit h2 a {  color:#1788A4; background-color:inherit; text-decoration:none; }
.blockadministration .appercuproduit h2 a:hover { text-decoration:underline; }
.blockadministration .appercuproduit h2 span {  float:left; padding:5px 0 0 0; width:290px;}
.blockadministration .appercuproduit h2 img {  float:right; }

.blockadministration .appercuproduit .content { border-top:1px solid #1788a4; width:100%; clear:both; float:none; padding:5px 0 0 0}

.blockadministration .appercuproduit .blockmedia { float:left; width:130px; }
.blockadministration .appercuproduit .blocktexte { float:left; width:190px; padding:20px 0 5px 0;  }
.blockadministration .appercuproduit .blocktexte p { min-height:60px; }
* html .blockadministration .appercuproduit .blocktexte p{ height:60px;}
.blockadministration .appercuproduit .blocktexte p.voirfiche { padding:0; margin:0;}
.blockadministration .appercuproduit .blocktexte p.voirfiche a { background:url(../images/btn_suivant.jpg) no-repeat 0 0; padding:2px 0 0 40px;   color:#1788A4; background-color:inherit; text-decoration:none; font-size:11px; display:block; height:40px} 
.blockadministration .appercuproduit .blocktexte p.voirfiche a span { font-size:13px!important; font-weight:bold}
.blockadministration .appercuproduit .blocktexte p.voirfiche a:hover { text-decoration:underline}

.blockadministration .clear { height:15px; width:100%;}
/* *********************** */
/*    col200px            */
/* ********************* */

/* bluebox */
.box_quisommesnous {width:170px;background:url(../images/bluebox.jpg) repeat-y; }
.box_quisommesnous .center {  width:170px; padding:45px 0 0 0; background:url(../images/fr_box_quisommes_nous.jpg) no-repeat 0 0; }
.box_quisommesnous .center ul { width:100%;}
.box_quisommesnous .center ul li { display:inline;}
.box_quisommesnous .center ul li a { font-size:11px; color:#FFFFFF; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.box_quisommesnous .center ul li a span { display:block; background:url(../images/bluebox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .box_quisommesnous .center ul li a { height:22px;}
.box_quisommesnous .center ul li a:hover, .box_quisommesnous .center ul li.active a { text-decoration:underline; background:url(../images/bluebox_li.jpg) repeat-y;}
.box_quisommesnous .bottom { clear:both; float:none;background:url(../images/bluebox_bottom.jpg) no-repeat 0 0; height:21px; width:170px; }


.box_quisommesnous .gastro {width:170px; padding:85px 0 0; background:url(../images/fr_box_gastronomique.jpg) no-repeat 0 0;}
.box_quisommesnous .gastro ul { width:100%;}
.box_quisommesnous .gastro ul li { display:inline;}
.box_quisommesnous .gastro ul li a { font-size:11px; color:#FFFFFF; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.box_quisommesnous .gastro ul li a span { display:block; background:url(../images/bluebox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .box_quisommesnous .gastro ul li a { height:22px;}
.box_quisommesnous .gastro ul li a:hover, .box_quisommesnous .gastro ul li.active a { text-decoration:underline; background:url(../images/bluebox_li.jpg) repeat-y;}

.box_quisommesnous .italienne {width:170px; padding:45px 0 0; background:url(../images/fr_box_italienne.jpg) no-repeat 0 0;}
.box_quisommesnous .italienne ul { width:100%;}
.box_quisommesnous .italienne ul li { display:inline;}
.box_quisommesnous .italienne ul li a { font-size:11px; color:#FFFFFF; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.box_quisommesnous .italienne ul li a span { display:block; background:url(../images/bluebox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .box_quisommesnous .italienne ul li a { height:22px;}
.box_quisommesnous .italienne ul li a:hover, .box_quisommesnous .italienne ul li.active a { text-decoration:underline; background:url(../images/bluebox_li.jpg) repeat-y;}

.box_quisommesnous .collective {width:170px; padding:45px 0 0; background:url(../images/fr_box_collective.jpg) no-repeat 0 0;}
.box_quisommesnous .collective ul { width:100%;}
.box_quisommesnous .collective ul li { display:inline;}
.box_quisommesnous .collective ul li a { font-size:11px; color:#FFFFFF; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.box_quisommesnous .collective ul li a span { display:block; background:url(../images/bluebox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .box_quisommesnous .collective ul li a { height:22px;}
.box_quisommesnous .collective ul li a:hover, .box_quisommesnous .collective ul li.active a { text-decoration:underline; background:url(../images/bluebox_li.jpg) repeat-y;}

.box_quisommesnous .boulangerie {width:170px; padding:65px 0 0; background:url(../images/fr_box_boulangerie.jpg) no-repeat 0 0;}
.box_quisommesnous .boulangerie ul { width:100%;}
.box_quisommesnous .boulangerieul li { display:inline;}
.box_quisommesnous .boulangerie ul li a { font-size:11px; color:#FFFFFF; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.box_quisommesnous .boulangerie ul li a span { display:block; background:url(../images/bluebox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .box_quisommesnous .boulangerie ul li a { height:22px;}
.box_quisommesnous .boulangerie ul li a:hover, .box_quisommesnous .boulangerie ul li.active a { text-decoration:underline; background:url(../images/bluebox_li.jpg) repeat-y;}


/* yellowbox */
.boxnosrecettes { width:170px;background:url(../images/yellowbox_center.jpg) repeat-y;}
.boxnosrecettes .center {  width:170px; padding:35px 0 0 0;background:url(../images/box_nosrecettes_V3.jpg) no-repeat 0 0 }
.boxnosrecettes .center ul { width:100%;}
.boxnosrecettes .center ul li { display:inline;}
.boxnosrecettes .center ul li a { font-size:11px; color:#6A4128; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.boxnosrecettes .center ul li a span { display:block; background:url(../images/yellowbox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .boxnosrecettes .center ul li a { height:22px;}
.boxnosrecettes .center ul li a:hover, .boxnosrecettes .center ul li.active a { text-decoration:underline; background:url(../images/yellowbox_li.jpg) repeat-y;}
.boxnosrecettes .bottom { background:url(../images/yellowbox_bottom_V2.jpg) no-repeat 0 0; height:93px; width:170px; clear:both; float:none;}


/* boxnouveautes */
.boxnouveautes { width:170px;background:url(../images/greenbox_center.jpg) repeat-y;}
.boxnouveautes .center { background:url(../images/fr_boxnouveaute.jpg) no-repeat;width:170px; padding:45px 0 0 0;}
.boxnouveautes .center p { margin:0 0 0 65px; width:95px; clear:both; float:none; color:#6A4128; background-color:inherit;}
.boxnouveautes .center p.ensavoirplus a { padding:0 0 0 10px; width:87px; color:#6A4128; background-color:inherit; text-decoration:none; background:url(../images/yellowbox_span.gif) no-repeat 0 4px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.boxnouveautes .center p.ensavoirplus a:hover { text-decoration:underline;}
.boxnouveautes .nouveaute { background:url(../images/boxnouveaute_bottom.jpg) no-repeat 0 bottom; 0; margin:1px 0 0 0; padding:0 0 15px 0 ;}

/* box_actualites */
.box_actualites {width:170px;background:url(../images/blocactualite_center.jpg) repeat-y; color:#6A4128; background-color:inherit; }
.box_actualites .center { background:url(../images/fr_blocactualite.jpg) no-repeat 0 0}
.box_actualites .center {  width:170px; padding:45px 0 0 0;  }
.box_actualites .center ul { width:100%;}
.box_actualites .center ul li { display:inline;}
.box_actualites .center ul li a { font-size:11px; color:#FFFFFF; background-color:inherit; min-height:20px; display:block;  font-weight:bold; text-decoration:none; padding:4px 0 0 18px}
.box_actualites .center ul li a span { display:block; background:url(../images/bluebox_span.gif) no-repeat 0 4px; padding:0 0 0 10px}
* html .box_actualites .center ul li a { height:22px;}
.box_actualites .center ul li a:hover, .bluebox .center ul li.active a { text-decoration:underline; background:url(../images/bluebox_li.jpg) repeat-y;}
.box_actualites .bottom { clear:both; float:none; background:url(../images/box_actualites_bottom.jpg) no-repeat 0 0; height:20px; width:170px; }
.box_actualites p.ensavoirplus { margin:0 0 0 20px; padding:5px 0 0 0}
.box_actualites p.ensavoirplus a{ color:#6A4128; background:url(../images/yellowbox_span.gif) no-repeat 0 5px; padding:0 0 0 10px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; background-color:inherit;}
.box_actualites p.ensavoirplus a:hover { text-decoration:underline;}

.boite_bleu {
	background : #f0f0f0 url(../images/cadre_haut_goche.gif);
	float : none;
	margin : 0 0 5px 100px;
}
.boite_bleu  p{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.boite_bleu  div {
	background : url(../images/cadre_bas_goch.gif) no-repeat 0 100%;
}
.boite_bleu  div  div {
	background : url(../images/cadre_haut_droit.gif) no-repeat 100% 0;
}
.boite_bleu  div  div  div {
	background : url(../images/cadre_bas_droit.gif) no-repeat 100% 100%;
	padding : 10px 10px 0px;
}
.boite_bleu  div  div  div  div {
background : none;
padding : 0;
} 


/* FICHE PRODUITS */

.ficheproduit { padding:25px 0 0 15px}

.ficheproduit .titre { color:#16829D; background-color:inherit; width:100%; margin:0 0 10px 0; min-height:47px  }
.ficheproduit .titre { height:47px  }

.ficheproduit .titre h2{ font-size:15px; color:#16829D; background-color:inherit; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 8px 0; margin:0; border-bottom:1px solid #16829D; width:615px; float:left;}
.ficheproduit .titre .logo { float:right;}


.ficheproduit .fichechapeau { width:100%; clear:both; float:none;}
.ficheproduit .fichechapeau .image{ float:left; width:175px; text-align:center;}
.ficheproduit .texte { width:335px; float:right; color:#333333; background-color:inherit; font-size:11px;  }
.ficheproduit .texte ul { width:100%; } 
.ficheproduit .texte ul li { display:block; float:left; margin:0 15px 10px 0 }
.ficheproduit .texte p { width:250px; float:left;}
.ficheproduit .bouton { float:right; width:225px; padding:15px 0 0 0}
.ficheproduit .bouton p { padding:0 0 5px 0}
h3 { font-size:14px; color:#16829d; background-color:inherit; background:url(../images/border.gif) repeat-x 0 bottom; margin:15px 0 10px 10px; padding:0 0 3px 0; }

ul.listeproduit { width:647px; margin-left:25px}
ul.listeproduit li { background:url(../images/puce_cyan.gif) no-repeat 0 4px; padding: 0 0 5px 10px;color:#333333; background-color:inherit; font-size:11px; }
ul.listeproduit li a{  color:#333333; background-color:inherit; text-decoration:underline }


.tablenutrition { margin:0 0 0 45px}
.tablenutrition td { border-bottom:1px solid #fff; color:#333333; background-color:#b4e4ee; padding:2px 5px}
.tablenutrition td.td1 { width:100px; text-align:left}
.tablenutrition td.td2 { width:45px; text-align:center}
.tablenutrition td.td3 { width:45px; text-align:center}


.tableconditionnement { margin:0 auto;  }
.tableconditionnement {   margin-top:10px; margin-bottom:10px }

.tableconditionnement th {  font-size:11px; color:#fff;background-color:#6acade;    border:1px solid #fff; padding:3px 10px}

.tableconditionnement td { font-size:11px; width:190px; color:#333333;background-color:#b4e4ee;    border:1px solid #fff; padding:15px 10px 5px 10px}
.tableconditionnement p { padding:0 0 2px 0}
.blockderecettes { margin-top:0; padding-top:0; margin-left:5px}

/* RECHERCHE PRODUITS */

.blocksearch{padding-left:20px;}
.blocksearch a{color:#0A7D9A; font-weight:bold; text-decoration:none}
.blocksearch a:hover {text-decoration:underline}
.blocksearch .search_form{padding:12px; }
.blocksearch .search_form .titres{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#17839E; padding:20px;}
.blocksearch .search_form  input{border: 1px solid #1C5180 }
.blocksearch .search_form .bt-ok{padding: 4px 20px 4px 20px; background:#17839E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; margin-left:140px;}

/* LIVRE_RECETTES */
#livre_recettes{width:740px;}

#livre_recettes .livre_recette{float:left; width:auto; margin:20px 30px 0 0; width:210px; height:235px; border:1px dashed #79B8C7}
#livre_recettes .livre_recette .image{height:180px; text-align:center;}
#livre_recettes .livre_recette .image img{margin-top:15px;}
#livre_recettes .livre_recette .text{height:30px; text-align:center; color:#00A1C6}
#livre_recettes .livre_recette .telecharger{height:25px; background-color:#00A1C6;}
#livre_recettes .livre_recette .telecharger img{height:25px;  padding-left:10px;background-color:#00A1C6; font-weight:bold; color:#FFFFFF; float:left;}
#livre_recettes .livre_recette .telecharger a{height:25px; padding-left:5px;line-height:25px; float:left;  font-weight:bold; color:#FFFFFF; text-decoration:none}
#livre_recettes .livre_recette .telecharger a:hover{text-decoration:underline}
#livre_recettes .livre_recette .telecharger a:visited{color:#FFFFFF}

.erreur { color:red; margin-top:10px;}
.valide { color:#009900;}

/* Page la_laitiere.php */
#la_laitiere .logo {margin:0 0 10px 0;}
#la_laitiere p {margin:0 0 10px 0; text-indent:20px;}
#la_laitiere p.sofres {text-indent:0; font-style:italic;}