/* CSS Document */
/* { border: 1px solid red;}*/



html { height:100%}
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; height:100%; font-size:12px;}
p {margin:0; padding:0;}
ul {margin:0; padding:0;}
li {margin:0; padding:0;}
a { color:#510043}

.left {float:left}
.right {float:right}

/*-- Elements Communs ---*/

/*-bando top-*/

#inscription_news {float:right;height:30px;}
#bandeau_violet #inscription_news {float:right;height:30px;}
#BandeauHome { float:left;}

#recherche {float:right;width:295px;margin:0 0 0 15px;color:#FFFFFF;font-size:16px;	font-weight:bold;}
#recherche p {margin-top:6px;float:left;}
#recherche_form {float:right;}
#recherche_form #recherche_field {width:122px;height:15px;vertical-align:top;margin:4px 15px 0 0;}
#recherche_form #btn_ok {margin:0 5px 0 0;}
/*--*/

#conteneur {margin-left:auto;margin-right:auto;width:979px;  position:relative; height:100%	}

/*--- HomePage ---*/

#pub_home {width:979px;height:89px;background:url(../images/gabarit/home/home_pub.gif) top left no-repeat;}

#bandeau_violet {width:979px;height:30px;background-color:#982283;}

#milieu_accueil {	width:979;	height:465px;	background:url(../images/gabarit/home/home_milieu.jpg) top left no-repeat;}
#mise_en_avant {	position:relative;	width:342px;	height:296px;	float:right;	margin:59px 6px 0 0;}
.mise_en_avant_contenu { position:absolute; float:left; top:66px; right:0px;}
#mise_en_avant_marque { background:url(../images/gabarit/home/mise_en_avant_marque.jpg); width:342px; height:230px;}
#mise_en_avant_marque .mea_titre, #mise_en_avant_produits .mea_titre  {float:left; width:101px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold; padding:6px 0 0 5px;}
#mise_en_avant_produits .mea_titre { margin-left:112px;}
#mise_en_avant_marque img.mea_visuel, #mise_en_avant_produits img.mea_visuel { float:left; clear:both; position:relative; top:17px; left:7px;}
#mise_en_avant_marque .mea_contenu, #mise_en_avant_produits .mea_contenu, #mise_en_avant_actus .mea_contenu {float:right; width:185px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; padding:30px 8px 0 0; _padding-top:62px;}
*+html #mise_en_avant_marque .mea_contenu  {padding-top:62px;}
#mise_en_avant_produits { background:url(../images/gabarit/home/mise_en_avant_produits.jpg); width:342px; height:230px; visibility:hidden; }
#mise_en_avant_produits #visuels { height:100px; width:325px; margin:60px 0 0 15px; _margin:60px 0 0 8px; }
#mise_en_avant_produits #visuels img { margin:0 5px;}
#mise_en_avant_produits #visuels div { width:105px;}
#mise_en_avant_actus {background:url(../images/gabarit/home/mise_en_avant_actus.jpg) no-repeat; width:342px; height:230px; visibility:hidden;}
#mise_en_avant_actus #visuels { height:180px; width:105px; margin:45px 0 0 40px; _margin:45px 0 0 20px;}
#mise_en_avant_actus #visuels img { margin-bottom:5px;}
#mise_en_avant_actus .mea_contenu { margin-top:70px; _margin-top:35px;}

#bas_accueil {}
#bas_gauche {float:left;width:307px;}
#bas_gauche .texte {}
#bas_centre {width:380px;float:left;padding:17px 0 0 31px;}
#accueil_texte {float:left}
#accueil_texte p {width:195px;font-size:12px;text-align:justify;margin-bottom:35px;}
#visuels {float:left;}
#bas_droite {float:right;}

/*-- Pages Interieures ---*/

/*-TOP-*/

#top_orange {width:979px;height:31px;background-color:#FABD42;}
#bandeau {	width:980px;height:185px;}
/*-menu top-*/
ul#menu_haut {width:980px; height:38px; list-style:none;}
#menu_haut li.marque a, #menu_haut li.marque{float:left;display:block;width:227px;height:38px;}
#menu_haut li#marque_off{background:url(../images/gabarit/pages/menu/marque.gif)}
#menu_haut li#marque_on{background:url(../images/gabarit/pages/menu/marque_on.gif)}
#menu_haut li.produits, #menu_haut li.produits a {float:left;display:block;width:207px;height:38px;}
#menu_haut li#produits_off{background:url(../images/gabarit/pages/menu/produits.gif)}
#menu_haut li#produits_on{background:url(../images/gabarit/pages/menu/produits_on.gif)}
#menu_haut li.actus, #menu_haut li.actus a {float:left;display:block;width:252px;height:38px;}
#menu_haut li#actus_off{background:url(../images/gabarit/pages/menu/actus.gif)}
#menu_haut li#actus_on{background:url(../images/gabarit/pages/menu/actus_on.gif)}
#menu_haut li.mag, #menu_haut li.mag a{float:left; display:block;width:294px;height:38px;}
#menu_haut li#mag_off{background:url(../images/gabarit/pages/menu/mag.gif)}
#menu_haut li#mag_on{background:url(../images/gabarit/pages/menu/mag_on.gif)}

/*-MILIEU-*/

#milieu_page {display:block; position:relative; width:980px; background-color:#fabd42; _height:530px; min-height:530px; float:left}
#milieu_page_silhouette {height:100%;}
/*--menu-*/
#milieu_page #menu_gauche {background-color:#FABD42; width:227px; float:left; }
#milieu_page #menu_gauche ul{ padding:20px 0 0 30px; color:#982283; font-size:12px; list-style-image:url(../images/gabarit/pages/puce_blanche.gif)}
#milieu_page #menu_gauche li { margin:0 0 6px 12px;}
#milieu_page a#onglet_off {color:#982283; font-size:12px; text-decoration:none;}
#milieu_page a#onglet_on {color:#982283; font-size:12px; font-weight:bold; text-decoration:none}
#milieu_page #menu_gauche ul.sous_menu { padding-top:8px;}
#milieu_page #pave_parole { float:right;}
.pour_quoi ul { list-style-type:none;}
.pour_quoi ul strong { color:#FABD42;}
 #milieu_page .pour_quoi ul li { margin:10px 0;}

/*-identification-*/
#menu_gauche #identification { width:185px; height:350px; background:url(../images/gabarit/pages/fond_ident.gif) top left no-repeat; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:10px; margin:20px 0 0 11px;}
#menu_gauche #identification ul { list-style-image:url(../images/gabarit/pages/puce_violet.gif)}
#menu_gauche #identification li, #menu_gauche #identification li a { color:#FFFFFF; font-size:11px; text-decoration:none; padding-left:5px; margin-bottom:4px;}
#menu_gauche #identification #ident_log { width:135px;}
#menu_gauche #identification #ident_mdp { width:90px;}
#menu_gauche #identification .bonjour_user { font-weight:bold; text-transform:capitalize; }


#footer {margin-top:20px;margin-right:auto;margin-left:auto;width:980px;height:60px;color:#510043;background-color:#F3F5C4;text-align:center; float:left; clear:both z-index:6}
#footer a {color:#510043;text-decoration:none;}
#footer .pipe { color:#FABD42; margin:0 15px;}
#footer_top {font-size:10px;margin-top:6px;}
#footer_bottom {margin-top:7px;font-size:12px;font-weight:bold;}
#bande_violette {background-color:#982283;width:980px;height:9px;}
#contenu {position:relative; top:15px; float:right; display:block; _width:733px; width:733px; background-color:#FFFFFF;_height:530px; min-height:530px; }
#contenu_recette { float:left; clear:left;color:#510043;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}




/*-fil d ariane-*/
#ariane { color:#530044; font-size:11px; list-style-type:none; padding:5px 0 0 20px; height:18px;}
#ariane li { float:left; padding-left:5px;}
li.nivo_1 a { color:#982283}
li.nivo_2 { font-weight:bold}

/*-titres-*/
.titre_1 {float:left;clear:left; margin-bottom:25px;}
.titre_2 {float:left; margin-bottom:37px;}

/*-imprimer-*/
.imprimer { float:right; position:relative; bottom:110px;}

/*-texte-*/
#contenu .texte {float:left;clear:left;width:440px;padding-left:20px;color:#510043;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contenu .separateur { margin:2px 0 4px 0;}

/*-produits-*/
#produits_cold { float:right; width:250px; padding-top:110px;}
#produits_cold img { padding:0 5px 5px 0;}
.dec_prod { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#510043; border-collapse:collapse; margin-top:15px; width:221px;}
#produits_cold .center { text-align:center}
.dec_prod .SousTitre { background-color:#f3f5c2; text-align:center}
.dec_prod td, .dec_prod th{ border: 1px solid #FABD42; padding:3px 0; text-indent:3px;}
.dec_prod th{background:url(../images/gabarit/pages/tableau_top.gif) top right no-repeat;  border:none;  border-left:1px solid #FABD42;height:41px; _height:35px; font-weight:normal; }
.dec_prod .last_line td { border-right:0; border-top:0;}
#lasttd { border:none; background:url(../images/gabarit/pages/last_td.gif) bottom right no-repeat;}

/*-recettes-*/
#contenu_recette { padding-left:20px; width:700px;}
#encart_recette { width:230px; height:162px; float:left; background:url(../images/recettes/Maquette_07.jpg) top left no-repeat; margin-bottom:7px; position:relative;}
#encart_recette img.visuel_recette { float:left; clear:right}
.titre_recette { font-size:14px; font-weight:bold;}
.texte_recette { float:left; clear:left; width:720px;}
#encart_recette p { width:77px; float:left; clear:right; padding:4px 5px 0 5px; text-align:left; font-weight:bold; font-size:11px; color:#510043;}
#encart_recette .voir { position:absolute; top:127px; left:16px;}
.visuel_recette { float:left; margin-right:20px;}
#contenu_recette .recette_suivante, #contenu_recette .recette_suivante a {font-size:11px; color:#510043; display:inline; width:250px; text-decoration:none;}
#contenu_recette .recette_suivante {display:block; float:left; clear:left;}

/*-contributions-*/
#ecrire_contrib {float:left; clear:left; margin-left:20px; width:435px; color:#510043; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#ecrire_contrib span { float:left; display:block; height:18px; margin:4px 0 8px 0;padding-top:2px; clear:both}
#ecrire_contrib input, #ecrire_contrib select, #ecrire_contrib textarea {width:188px; margin:4px 0 8px 0; background-color:#FABD42; border:none; height:18px; padding-top:2px; float:right;color:#510043;}
#ecrire_contrib textarea { height:150px; width:300px;}
#contributions { margin:90px 0 0 20px; }
#ecrire_contrib  #valid_contrib { width:120px; height:42px; float:right; clear:both; background: none;}
.encart_contrib{ width:230px; height:163px; position:relative;float:left; padding:13px 0 0 10px; background:url(../images/contributions/fond.jpg) top left no-repeat; text-align:justify; color:#510043; font-size:11px;}
.encart_contrib p { width:200px;}
.encart_contrib .titre { font-weight:bold; margin-bottom:8px; display:block}
.contrib_voir { position:absolute; top:125px; left:20px;}
.contrib_suiv {display:block; float:left; clear:left;}
.contrib_suiv a, .contrib_suiv  {font-size:11px; color:#510043; display:inline; width:250px; text-decoration:none;}


/*-formulaire inscription-*/
 /*#inscription { float:left; clear:left; margin-left:20px; width:435px; color:#510043; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#inscription input { width:188px; margin:4px 0 8px 0; background-color:#FABD42; border:none; height:18px; padding-top:2px;color:#510043;}
#inscription select {margin:4px 0 8px 0; background-color:#FABD42; border:none; height:19px; padding-top:2px;color:#510043;}*/
#form_col_gauche { float:left;}
#form_col_droite{ float:right;}
#form_bas { clear:both;}
#form_bas input { width:12px; margin:0; padding:0; background:none;}
#form_bas .radio_text { position:relative; bottom:5px; _bottom:0px; font-size:14px; font-weight:bold; margin-right:8px;}
*+html #form_bas .radio_text { bottom:0px;}
#form_bas .check_text { position:relative; bottom:3px; }
#form_bas #btn_submit {width:auto; height:auto; float:left;}
#form_bas #btn_annuler	 {width:auto; height:auto; float:right;}

/*-Oubli mot de passe-*/
#oubli_mdp { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:350px; margin-left:15px; clear:left}
#oubli_mdp span { font-size:14px; font-weight:bold; color:#510043; }
#oubli_mdp #chps_mail {background-color:#FABD42; border:none; width:220px; height:20px; color:#510043; padding:0; margin:0;}
#form_contact .coche_ml {color:#510043;}
#form_contact .coche_ml input{position:relative; margin-left:274px; width:20px; color:#510043;}