/* ELEMENTS GLOBAUX ***********************************************************************************************************************************/
*          { margin:0; padding:0; }
HTML       { zoom:1; }
BODY       { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#574E4F; }
A          { color:#E50005; text-decoration:underline; }
A:hover    { text-decoration:underline; }
IMG        { border:none; }

/* GLOBAL *********************************************************************************************************************************************/
#global { position:relative; left:50%; width:988px; margin:0 0 0 -494px; padding:0 0 50px 0; }
#main   { width:970px; padding:0 9px 0 9px; background:url(../pics/charte/bg-global.png) top left repeat-y; position: relative; }

/* LOGO ***********************************************************************************************************************************************/
H1#logo   { position:absolute; top:0; left:9px; z-index:900; width:215px; height:209px; }
H1#logo A { position:relative; z-index:900px; display:block; width:215px; height:209px; background:url(../pics/charte/bg-logo.png) top left no-repeat; font-size:0; text-indent:-9000px; }

/* FIL D'ARIANE ***************************************************************************************************************************************/
P#ariane         { float:right; width:680px; height:18px; text-align:left; color:#B4B2B4; text-transform:uppercase; line-height:18px; font-size:10px; }
P#ariane A       { float:left; color:#B4B2B4; text-decoration:none; }
P#ariane A:hover { text-decoration:underline; }
P#ariane SPAN    { float:left; }
P#ariane .point  { padding:0 7px 0 7px; height:18px; background:url(../pics/charte/bg-ariane-point.jpg) center center; }

/* ARTICLE ********************************************************************************************************************************************/
#article { clear:right; float:right; width:960px; height:500px; padding:60px 10px 10px 0; color:#1B1B1F; position:relative; line-height:16px; }
HTML>BODY>#global>#main>#article { min-height:500px; height:auto; }
/* éléments sans la col gauche */
#article H1      { width:695px; line-height:40px; margin:0 0 65px 265px; color:#E60003; font-weight:normal; font-size:40px; }
#article H1.withh2 { margin:0 0 15px 265px; }
#article H2      { width:695px; margin:0 0 30px 265px; color:#1B1B1F; font-weight:normal; font-size:24px; line-height:20px; }
#article H3      { width:695px; margin:0 0 5px 265px; padding:0 0 5px 0; color:#E60003; font-size:14px; background:url(../pics/charte/bg-h3.png) bottom left repeat-x; }
#article H3 A    { color:#E60003; text-decoration:none; }
#article H4      { margin:0 0 10px 0; color:#99C000; font-size:12px; font-weight:normal; text-transform:uppercase; }
#article P       { width:695px; margin:0 0 8px 265px; }
#article UL      { list-style:outside; width:680px; margin:0 0 10px 265px; }
#article UL LI   { margin:0 0 0 15px; }
#article A       { color:#574E4F; }

/* éléments avec col gauche */
#article .colGauche      { clear:both; float:left; width:225px; padding:0 20px 0 20px; text-align:right; }
#article .colGauche P    { width:100%; margin:0 0 8px 0; }
#article .gauche         { width:695px; float:left; padding:0; position: relative; }
#article .gauche H1      { width:100%; margin:0 0 0 0; }
#article .gauche H2      { width:100%; margin:0 0 65px 0; }
#article .gauche H3      { width:100%; margin:0 0 5px 0; }
#article .gauche P       { width:100%; margin:0 0 8px 0; }
#article .gauche UL      { width:95%; margin:0 0 10px 0; }
#article .gauche UL LI   { margin:0 0 0 15px; }

/* HOME **********************************************************************************************************************************************/
#home { clear:right; float:right; width:960px; padding:5px 10px 10px 0; }

#logos   { float:left; width:165px; padding:160px 0 0 0; text-align:center; }
#logos P { margin:0 0 15px 0; }

#homeRight { position:relative; float:right; width:790px; height:294px; margin:0 0 12px 0; padding:10px 0 10px 0; }
#flash { width:790px; height:294px; background:url(../pics/flash-home.jpg) top left no-repeat; }

#temoignage          { position:absolute; bottom:0; right:0; width:180px; height:153px; padding:8px 7px 0 7px; color:#fff; }
#temoignage H3       { font-size:18px; text-transform:uppercase; font-weight:normal; }
#temoignage A        { color:#fff; text-decoration:none; }
#autresTemoignages   { position:absolute; bottom:0; right:0; width:194px; height:29px; }
#autresTemoignages A { display:block; width:194px; height:29px; background:url(../pics/charte/bg-autres-temoignages.png) top left no-repeat; font-size:0; text-indent:-9000px; }

#homeBottom { clear:right; float:right; width:795px; }

.encart            { position:relative; float:left; width:192px; height:183px; margin:0 7px 0 0; background:url(../pics/charte/bg-encart-home.png) top right repeat-y; }
.encart H2         { height:25px; font-size:0; text-indent:-9000px; }
.encart .item      { clear:both; padding:0 7px 0 0; border-bottom:1px solid #CED0D2; }
.encart .item.last { border-bottom:none; }
.encart P          { line-height:14px; }
.encart A          { color:#574E4F; text-decoration:none; }
.encart STRONG     { font-size:11px; color:#000; }
.encart IMG        { margin:0 5px 0 0; }
.encart .infos     { height:10px; padding:5px 0 5px 14px; line-height:10px; }
.encart .date      { color:#9F9B9D; text-transform:uppercase; padding:0 0 0 5px; }
.encart .more      { position:absolute; bottom:0; left:0; width:185px; height:13px; padding:0 0 0 0; font-size:0; text-indent:-9000px; }
.encart .more A    { display:block; width:100%; height:13px; }

#actualites H2     { background:url(../pics/charte/h2-actualites.png) top left no-repeat; }
#actualites .infos { background:url(../pics/charte/flecheRouge.jpg) center left no-repeat; }
#actualites .cat   { color:#E60003; }
#actualites .more  { background:url(../pics/charte/toutesActualites.png) top left no-repeat; }
#actualites A      { text-decoration:none; }

#outils H2     { background:url(../pics/charte/h2-outils.png) top left no-repeat; }
#outils .infos { background:url(../pics/charte/flecheOrange.jpg) center left no-repeat; }
#outils .cat   { color:#EE7900; }
#outils .more  { background:url(../pics/charte/tousOutils.png) top left no-repeat; }

#recette    { width:392px; margin:0; background:none; }
#recette H2 { background:url(../pics/charte/h2-recette-semaine.png) top left no-repeat; }

/* PAGES INTERNES ***********************************************************************************************************************************/
/* Plan du site */
.sitemap { float:left; width:270px; margin:0 50px 50px 0; line-height:18px; }
.sitemap UL UL { list-style:none!important; }
.sitemap A { text-decoration:none; }
.sitemap A:hover{ text-decoration:underline; }

/* company history */
#article UL.history { list-style:none; margin:0 0 10px 0; }
#article UL.history LI { margin:0 0 15px 0; padding:0 0 0 8px; background:url(../pics/charte/bg-ul.jpg) 0px 6px no-repeat; }
UL.history .keydate { color:#E60003; }

/* brands */
#article .brand { float:left; width:223px; height:138px; margin:0 8px 8px 0; background:url(../pics/charte/bg-brand.jpg) top left no-repeat; text-align:center; }
#article .brand H2 { height:23px; margin:0; color:#fff; font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; line-height:23px; letter-spacing:1px; }
#article .brand A { display:block; width:223px; height:115px; }
.brandAnchor { clear:both; padding:30px 0 0 0; height:1px; background:url(../pics/charte/brandAnchor.jpg) 235px 15px no-repeat; }

/* recipes */
.recipe { clear:both; position:relative; height:115px; margin:0 0 20px 0; background:url(../pics/charte/bg-recipe.jpg) bottom left no-repeat; }
.recipe H2 { float:left; width:540px!important; margin:0 0 5px 0!important; padding:0 0 0 20px; color:#99C000!important; font-size:16px!important; text-transform:uppercase; background:url(../pics/charte/flecheRecette.jpg) 0 4px no-repeat; }
.recipe IMG { float:left; margin:0 10px 0 0; }
.recipe IMG.produit { position:absolute; bottom:5px; left:125px; }
.recipe .ficheRecette { display:block; position:absolute; bottom:0; right:0; height:14px; border-left:5px solid #fff; font-size:0; text-indent:-9000px; letter-spacing:-50px; }

.ficheRecette.fr { width:121px; background:url(../pics/charte/br-fiche-fr.jpg) top left no-repeat; }
.ficheRecette.de { width:215px; background:url(../pics/charte/bg-fiche-de.jpg) top left no-repeat; }
.ficheRecette.uk { width:167px; background:url(../pics/charte/bg-fiche-uk.jpg) top left no-repeat; }
.ficheRecette.es { width:156px; background:url(../pics/charte/bg-fiche-es.jpg) top left no-repeat; }

/* FOOTER *******************************************************************************************************************************************/
#footer         { position:relative; height:82px; background:url(../pics/charte/footer.png) top left no-repeat; color:#fff; text-transform:uppercase; }
#footerlinks   { position:absolute; bottom:20px; width:220px; left:50%; margin:0 auto 0 -105px; font-size:10px; }
#footerlinks A { display:block; float:left; height:7px; border-left:1px solid #FFF; padding:0 15px 0 15px; line-height:7px; color:#FFF; text-decoration:none; }
#footerlinks A:hover { text-decoration:underline; }

/* CLASSES ***************************************************************************************************************************************/
.spacer    { float:none!important; clear:both; }
.gauche    { float:left!important; }
.droite    { float:right!important; }
.clear     { float:none!important; clear:both; height:0px; padding:0; margin:0; line-height:0; font-size:0; }
IMG.border { border:1px solid #97979B; }
.maj { text-transform: uppercase; }
.center { text-align: center !important; }
.right { text-align:right!important; }
.rouge { color:#E60003!important; }
.noir { color:#1B1B1F!important; }