/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");
html{
height:100%;
}
div.init {
    clear       : both;
}
body{
margin:0;
background:#C5D103 url(../images/fond_left.gif) no-repeat;
height:100%;
font-family:arial, sans-serif;
color:#02572C;
}


p, ul{
margin:0;
}



div#menu_left {
    position        : absolute;
    z-index         : 50;
    width           : 180px;
    left            : 50%;
    margin          : 109px 0 0 -510px;
}

hr{
clear: both;
margin:0;
visibility:hidden;
}


#fond_content{
   position : relative;
   background:#C5D103 url(../images/fond_bot.jpg) 50% 50% repeat-y;
   height:100%;
   width:1000px;
    margin : auto;
    z-index : 3;
}

#content{
   position             : relative;
   background           : #C5D103 url(../images/fond_img.jpg) no-repeat scroll left top;
   width                : 990px;
}

.filh1{
  font-size:9px;
  margin:0px;
  display:inline;
  color:#02572C;
}



/*

########  #######  ########
   ##    ##     ## ##     ##
   ##    ##     ## ########
   ##     #######  ##

*/

#logo{
background:url(../images/logo.png) no-repeat;
width:222px;
height:110px;
position:absolute;
margin-left:-10px;
z-index:40;
cursor:pointer;
}

#logo a{
display:block;
width:205px;
height:110px;
}

#slogan{
    position        : relative;
    margin-bottom   : 10px;
    padding-left    : 240px;
    padding-top     : 25px;
}
span.slogan_light {
    display             : block;
    font-size           : 23px;
    width               : 510px;
    float               : left;
}
span.slogan_bold {
    display             : block;
    font-size           : 23px;
    font-weight         : bold;
    float               : left;
    width               : 180px;
}

/*

##     ## ######## ##    ## ##     ##
#### #### ##       ####  ## ##     ##
##  #  ## ######   ## ## ## ##     ##
##     ## ##       ##   ### ##     ##
##     ## ######## ##    ##  #######

*/


#menu{
    padding-top:100px;
    float:left;
    width:180px;
    position:relative;
    z-index:30;
}
a.menu_elem:link,
a.menu_elem:active,
a.menu_elem:visited,
a.menu_elem:focus,
a.menu_elem:hover {
    display                 : block;
    margin                  : 3px 0 2px 3px;
    background-repeat       : no-repeat;
    height                  : 40px;
    padding                 : 5px 0 0 55px;
    color                   : #02572C;
    font-size               : 14px;
}
a.menu_elem_tab:link,
a.menu_elem_tab:active,
a.menu_elem_tab:visited,
a.menu_elem_tab:focus,
a.menu_elem_tab:hover {
    color                   : #02572C;
    font-size               : 14px;
    display                 : block;
    width                   : 110px;
}
td.menu_elem_tab {
    color                   : #02572C;
    font-size               : 14px;
    width                   : 110px;
    padding-top             : 3px;
}

#menu_left img,
#menu img{
border:0;
margin:5px 0 0 0;
}

.ssmenu li{
list-style:square inside url(../images/ssmenu_fleche.gif);
}
span.menu_regular {
    display         : block;
    width           : 125px;
    font-size       : 14px;
}



/*.sssmenu li{
list-style:square inside none !important;
}*/

.sssmenu{
margin:0px 0px 0px 20px ;
}


.ssmenu{
margin:5px 0 0 10px;
}

#menu_left a,
#menu a{
text-decoration: none;
color:#02572C;
}

#menu_left a:hover,
#menu a:hover{
text-weight:bold;
}
#menu_left a:hover,
#menu a:hover{
color:#02572C;
}

.ssmenu{
  display:none;
}

.onlook{
background:white;
}

.ssmenu.on{
  display:block;
}

.sssmenu li {
    list-style:url(../images/sss_arrow.gif) !important;
    margin-left:10px;
    padding:0px;
    vertical-align : top;
}

/*

########  ##        #######   ######  ##    ##
##     ## ##       ##     ## ##    ## ##   ##
########  ##       ##     ## ##       #####
##     ## ##       ##     ## ##       ##  ##
########  ########  #######   ######  ##    ##

*/
#block_home,
#block{
    width               : 633px;
    height              : 528px;
    float               : left;
    position            : relative;
    z-index             : 19;
}
#block_home {
    background          : url(../images/block_wisy.jpg) no-repeat;
}
div#block_home div#wisy {
    margin              : 7px 0 0 5px;
}

.interne{
width:800px !important;
height:523px !important;
}

.monde {
  background:url(../images/interne_fond_monde.jpg) no-repeat !important;
}
.mondehistoire {
  background:url(../images/interne_fond_monde_histoire.jpg) no-repeat !important;
}

.mondelhistoire {
  width         : 790px !important;
  background:url(../images/interne_fond_monde_lhistoire.jpg) no-repeat !important;
}

.recette {
  margin-top:20px;
  background:url(../images/interne_fond_recette.jpg) no-repeat !important;
}

.recettetruc {
  background:url(../images/block_wisy_truc.jpg) no-repeat !important;
}

.produit {
    background:url(../images/interne_fond_produit.jpg) no-repeat !important;
}

.qualite {
    background:url(../images/interne_fond_qualite.jpg) no-repeat !important;
}
.contenu {
    background:url(../images/interne_fond_qualite.jpg) no-repeat !important;
}
.contenu #wisy {
    padding         : 0 !important;
    margin          : 34px 0 0 34px;
    width           : 730px;
    height          : 440px;
    overflow        : auto;
}

.plaisir {
    background:url(../images/interne_fond_plaisir.jpg) no-repeat !important;
}
.bienfaits {
    background:url(../images/interne_fond_plaisir.jpg) no-repeat !important;
}
.delicieux {
    background:url(../images/delicieux.jpg) no-repeat !important;
}

.gamme {
    background:url(../images/toute_la_gamme.jpg) no-repeat !important;
}

.plaisiralim {
    background:url(../images/interne_fond_plaisir_alim.jpg) no-repeat !important;
}

.interne #fil{
    margin-top:0px;
}

#cateimg {
    padding-left:70px;
    z-index:99;
}


.interne #wisy{
  padding: 30px 40px;
}


#fil{
font-family:arial, sans-serif;
color:#02572C;
text-transform: uppercase;
font-size:9px;
font-weight: bold ;
margin-left:77px;
margin-top:7px;
}

#wisy{
padding:20px;
}

#mycarousel li {
  list-style:none !important;
  margin:0px;
}

#wisy li{
  list-style          : none url(../images/sss_arrow.gif);
  margin-bottom       : 4px;
  /*height              : auto !important; /* Restore height for non-IE6 */
  /*height              : 10px; /* triggers hasLayout on IE6 */
  /*min-height          : 10px; /* triggers hasLayout on IE7 */
}
#wisy li a:hover{
  text-decoration:none;
  background: #FECA00;
}


/*
 #  #    # ######  ####   ####
 #  ##   # #      #    # #
 #  # #  # #####  #    #  ####
 #  #  # # #      #    #      #
 #  #    # #       ####   ####
*/


#infos{
    float           :right;
    margin-top      :5px;
    color           :white;
    font-size       :11px;
    line-height     :11px;
}

#infos .block{
    width           : 165px;
}

#infos .block h1{
font-size:11px;
padding:2px;
margin:0;
margin-bottom:5px;
}



#infos .block .top{
background:url(../images/infos_top.jpg) no-repeat;
height:11px;
width:166px;
}

#infos .block .bot{
background:url(../images/infos_bot.jpg) no-repeat;
height:11px;
width:166px;
}

#infos .content{
    background      : url(../images/infos_mid.jpg);
    line-height     : 10px;
    padding         : 0 12px 0 12px;
    width           : 142px;
    overflow        : hidden;
}

#infos .content p{
  margin-left:5px;
}

#infos .block a{
float:right;
color:white;
text-decoration:none;
}
#infos .block img{
border:0;
}

.infos_wisy{
display:none;
}


/*
########  #######   #######  ######## ######## ########
##       ##     ## ##     ##    ##    ##       ##     ##
######   ##     ## ##     ##    ##    ######   ########
##       ##     ## ##     ##    ##    ##       ##   ##
##        #######   #######     ##    ######## ##     ##
*/

#foot{
    position            : absolute;
    width               : 365px;
    margin              : 620px 0 0 260px;
}
#foot_home {
   position            : absolute;
   width               : 430px;
   margin              : 600px 0 0 190px;
}

#foot_home li,
#foot li{
float:left;
list-style-type: none;
margin-right:5px;
font-size:9px;
margin-top:3px;
}
#foot_home a,
#foot a{
color:#02572C;
text-transform: uppercase;
text-decoration : none;
}
#foot_home a:hover,
#foot a:hover{
text-decoration : underline;
}

div#mangerbouger{
    position : absolute;
    background : url( ../images/mangerbouger.jpg) top center no-repeat;
    width:396px;
    height:18px;
    font-size:9px;
    right: 0;
    padding: 3px 0 0 0;
    margin-top: 598px;
    text-align:center;
}
a#manger_bouger_interne:link,
a#manger_bouger_interne:active,
a#manger_bouger_interne:visited,
a#manger_bouger_interne:focus,
a#manger_bouger_interne:active,
a#manger_bouger:link,
a#manger_bouger:active,
a#manger_bouger:visited,
a#manger_bouger:focus,
a#manger_bouger:active {
    position        : absolute;
    background      : url(../images/manger_bouger.jpg) no-repeat;
    width           : 357px;
    height          : 17px;
    right           : 5px;
}
a#manger_bouger:link,
a#manger_bouger:active,
a#manger_bouger:visited,
a#manger_bouger:focus,
a#manger_bouger:active {
    margin-top      : 602px;
}
a#manger_bouger_interne:link,
a#manger_bouger_interne:active,
a#manger_bouger_interne:visited,
a#manger_bouger_interne:focus,
a#manger_bouger_interne:active {
    margin-top      : 621px;
}
#tomate{
    position        : absolute;
    width           : 330px;
    height          : 295px;
    background      : url(../images/tomate.png) no-repeat;
    margin          : 400px 0 0 -559px;
    left            : 50%;
    z-index         : 1;
}
#bord_tomate{
    position        : absolute;
    width           : 78px;
    height          : 87px;
    background      : url(../images/bord_tomate.png) no-repeat;
    margin          : 522px 0 0 -320px;
    z-index         : 20;
    left            : 50%;
}
#tomate_gauche {
    position        : absolute;
    width           : 239px;
    height          : 209px;
    background      : url(../images/tomate_gauche.png) no-repeat;
    margin          : 400px 0 0 -559px;
    z-index         : 20;
    left            : 50%;
}
#tomate_bas {
    position        : absolute;
    width           : 330px;
    height          : 87px;
    background      : url(../images/tomate_bas.png) no-repeat;
    margin          : 609px 0 0 -559px;
    z-index         : 20;
    left            : 50%;
}



/*
########  ######   ####### ######## ## ########
##    ## ##    ##  ##         ##          ##
#######  ##    ##  #######    ##    ##    ##
##       ##    ##       ##    ##    ##    ##
##        ######   #######    ##    ##    ##
*/
.postit h1{
  height:50px;
}

.img_postit{
  position:relative;
  z-index:99;
}

.postit #cate{
  height:225px;
  width:400px;
}

.postit a{
  cursor:pointer;

}

.postit_infos{
    display:none;
}
div#content_diapo {
    position            : absolute;
    bottom              : 145px;
    right               : 95px;
    width               : 245px;
    height              : 165px;
    overflow            : hidden;
}
div#content_diapo img {
    position            : absolute;
    width               : 245px;
    height              : 165px;
}
img.img_diapo {
    position            : absolute;
    width:245px;
    height:165px;
    bottom              : 145px;
    right               : 95px;
}
.postit_infos img{
    position            : absolute;
    width:245px;
    height:165px;
}
.video_ajax img {
    bottom:0;
    position:static;
    right:auto;
    width:auto;
    height:auto;
    visibility:visible;
    vertical-align:middle;
}
#video_side {
    position:  absolute;
    z-index: 3000;
    display:none;
}
/* close button positioned on upper right corner */
#video_side .close {
    background-image:url(../images/close_overlay.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.postit_desc{
  position:relative;
  float:left;
  height:170px;
  margin-top:10px;
  overflow:auto;
  padding:10px;
  width:280px;
  z-index:99;
}

.postit .liste{
  display: inline; /* Double margin bug IE 6 */
  float:left;
  margin-right:5px;
  width:90px;
}

#tele{
    position        : absolute;
    background      : transparent url(../images/interne_tele_carre.png) no-repeat scroll 0 0;
    bottom          : 35px;
    height          : 370px;
    right           : 45px;
    width           : 305px;
    z-index         : 10;
}

#saga {
background:transparent url(../images/interne_cadre.png) no-repeat scroll 0 0;
bottom:89px;
height:285px;
position:absolute;
right:22px;
width:260px;
}

.postit a{

}

.postit a:hover, .postit .on{
    background-color:#9ac017 !important;
}

/*
######## ########  ######  #######  ##     ##   ##  ########  #######
##    ## ##    ## ##    ## ##    ## ##     ##          ##    ##
#######  #######  ##    ## ##    ## ##     ##   ##     ##    #######
##       ##    ## ##    ## ##    ## ##     ##   ##     ##          ##
##       ##    ##  ######  #######   #######    ##     ##    #######
*/
div#categorie_carre {
    position            : absolute;
}
div#categorie_titre {
    position            : absolute;
    margin              : 0 0 0 238px;
}
div#categorie_description {
    position            : absolute;
    width               : 455px;
    height              : 56px;
    overflow            : hidden;
    padding             : 10px;
    margin              : 118px 0 0 238px;
}
div#categorie_vignette {
   position             : absolute;
   margin               : 184px 0 0 317px;
}
div#visuel_ss_cat {
   position             : absolute;
   width                : 141px;
   height               : 220px;
   margin               : 211px 0 0 176px;
}
div#categorie_menu {
    position            : absolute;
    width               : 160px;
    height              : 220px;
    margin              : 211px 0 0 15px;
    z-index             : 21;
}
li {
   /* list-style-image    : url(../images/sss_arrow.gif) !important; */
}


ul.categorie_menu {
    margin-left         : 25px;
}
ul.categorie_ss_menu li {
    margin              : 0 0 0 25px;
    list-style          : disc !important;
    margin              : 0 0 0 35px;
}
#wisy ul.categorie_ss_menu li {
    list-style-type     : disc;
}
div#visuel_ss_cat div {
    position            : absolute;
    visibility          : hidden;
}
img#fond_produit {
    position            : absolute;
    margin              : 171px 0 0 207px;
}
div#carousel_produits {
    position            : absolute;
    margin              : 207px 0 0 235px;
    height              : 116px;
    width               : 440px;
    overflow            : hidden;
}
div#content_produits {
    position            : absolute;
    margin              : 238px 0 0 8px;
}
div.content_produit {
    position            : absolute;
    /*display             : none;*/
    visibility          : hidden;
}
img.produit_nouveau {
    position            : absolute;
    margin              : 18px 0 0 0;
}
div.visuel_produit {
    position            : absolute;
    margin              : 0 0 0 45px;
}
div.description_produit {
    position            : absolute;
    margin              : 51px 0 0 233px;
    width               : 430px;
    height              : 138px;
    overflow            : hidden;
}
table.tableau_produit {
    width               : 430px;
    height              : 128px;
}
div.produit_titre {
    font-weight         : bold;
    font-size           : 14px !important;
    margin:0;
}

div.produit_titre h1{
    font-size           : 14px !important;
}

img.visuel_ingredient {
    padding-left        : 20px;
}
li.li_no {
    display             : block;
}
img.prod_carousel {
    cursor              : pointer;
}
div.conteneur_nom_court {
    position            : absolute;
    background          : url(../images/pointe.gif) top center no-repeat;
    padding             : 5px 0 0 0;
    width               : 78px;
    left                : 50%;
    margin-left         : -39px;
    display             : none;
}
div.conteneur_nom_court_nouveautes {
    margin-top          : 13px;
    background          : url(../images/pointe.gif) top center no-repeat;
    padding             : 5px 0 0 0;
}
div.conteneur_nom_court_nouveautes div,
div.conteneur_nom_court div {
    padding             : 3px;
    background          : #feca07;
    text-align          : center;
    font-family         : arial, sans-serif;
    font-size           : 10px;
}
div#fond_nouveautes {
    position            : relative;
    width               : 707px;
    height              : 452px;
    background          : url(../images/fond_nouveautes.jpg) no-repeat;
}
div#texte_nouveautes {
    position            : absolute;
    margin              : 127px 0 0 0;
    width               : 475px;
    font-size           : 12px;
}
ul#menu_nouveautes {
    position            : absolute;
    margin              : 252px 0 0 0;
}
div.affiche_nouveautes {
    position            : absolute;
    margin              : 238px 0 0 136px;
    width               : 314px;
    height              : 190px;
    overflow            : auto;
    visibility          : hidden;
}
table.table_nouveautes td {
    width               : 80px;
    padding             : 0 8px 10px 8px;
}
ul#menu_nouveautes li {
    cursor              : pointer;
    padding             : 2px;
    width               : 110px;
}
ul#menu_nouveautes li.selected_cat {
    background          : #feca0a;
}
div#menu_nouveautes span {
    cursor              : pointer;
}
a.lien_retour:link,
a.lien_retour:active,
a.lien_retour:visited,
a.lien_retour:hover,
a.lien_retour:focus {
    display             : block;
    height              : 13px;
    padding             : 2px 0 0 19px;
    background          : url(../images/retour.gif) no-repeat;
    text-decoration     : none;
    text-transform      : uppercase;
    color               : #01572c;
    font-weight         : bold;
    font-size           : 11px;
    float               : right;
}


/*
 #####  ######  ####  ###### ##### ##### ######  ####
 #    # #      #    # #        #     #   #      #
 #    # #####  #      #####    #     #   #####   ####
 #####  #      #      #        #     #   #           #
 #   #  #      #    # #        #     #   #      #    #
 #    # ######  ####  ######   #     #   ######  ####
*/
div#recherche_recette {
    position            : absolute;
    width               : 700px;
    height              : 436px;
    margin              : 0 0 0 0;
    background          : url(../images/fond_recherche_recette.jpg) bottom no-repeat;
}
div#content_wys {
    position            : absolute;
    margin              : 90px 0 0 0;
    width               : 700px;
    height              : 65px;
    overflow            : hidden;
}
div#content_left_recette {
    position            : absolute;
    margin              : 173px 0 0 12px;
    height              : 251px;
    width               : 430px;
    overflow            : auto;
}
div#menu_recherche_recette {
    width               : 150px;
    position            : absolute;
    margin              : 55px 0 0 0;
}
div#detail_recette_menu h1,
div#recette_moteur_recherche h1,
div#menu_recherche_recette h1 {
    color               : #02572c;
    font-size           : 18px;
    font-weight         : normal;
    margin              : 0;
}
ul.categorie_recette {
    font-size           : 13px;
    margin              : 7px 0 0 17px;
}
div#numerotation {
    margin-left         : 30px;
    height              : 20px;
}
ul.categorie_recette li a.on:link,
ul.categorie_recette li a.on:active,
ul.categorie_recette li a.on:visited,
ul.categorie_recette li a.on:hover,
ul.categorie_recette li a.on:focus,
ul.categorie_recette li a:hover{
  text-decoration:none;
  background: #ee7f00 !important;
}
div#visuel_categorie_recette {
    z-index             : 1;
    position            : absolute;
    margin              : 17px 0 0 166px;
}
div#visuel_categorie_recette div {
    position            : absolute;
    font-size           : 0;
    display             : none;
}
div#scotch_haut {
    position            : absolute;
    margin              : 0 0 0 236px;
    z-index             : 2;
    visibility          : hidden;
}
div#scotch_bas {
    position            : absolute;
    margin              : 0 0 0 236px;
    z-index             : 2;
    visibility          : hidden;
}
div#recette_moteur_recherche {
    position            : absolute;
    margin              : 223px 0 0 497px;
    width               : 174px;
}
div#recette_formulaire {
    font-size           : 13px;
    padding             : 13px 0 0 0;
}
div#recette_formulaire input,
div#recette_formulaire label {
    display             : block;
    margin-bottom       : 4px;
}
div.liste_fleche,
div#recette_formulaire label {
    background          : url(../images/ssmenu_fleche) 0 3px no-repeat;
    padding             : 0 0 0 15px;
}
div#recette_formulaire input.champ,
div#recette_formulaire select.champ {
    border              : none;
    background          : #f9cc79;
    color               : #02572c;
    width               : 160px;
    margin-left         : 6px;
}
div#recette_formulaire input#submit_recherche {
    margin              : 15px 0 0 12px;
    display             : block;
    border              : 0;
    width               : 145px;
    height              : 17px;
    background          : url(../images/lancer_recherche.gif) no-repeat;
    cursor              : pointer;
}
div#affiche_resultats {
    margin              : 3px 0 0 13px;
}
div#fond_detail_recette {
    position            : absolute;
    width               : 455px;
    height              : 369px;
    margin              : 77px 0 0 247px;
    background          : url(../images/fond_detail_recette.jpg) no-repeat;
}
div#detail_recette {
    position            : absolute;
    width               : 415px;
    height              : 305px;
    overflow            : auto;
    margin              : 40px 0 0 20px;
}
div#contenu_recette_style {
    position            : absolute;
    width               : 415px;
    height              : 305px;
    overflow            : auto;
    margin              : 40px 0 0 20px;
}
div#detail_recette_menu {
    position            : absolute;
    width               : 238px;
    margin              : 127px 0 0 9px;
    z-index             : 21;/*Dans un div englobant de z-index 20 donc sert à rien...*/
}
div#conteneur_liste_recette {
    position            : relative;
    width               : 238px;
    height              : 220px;
    overflow            : hidden;
}
div.control_diaporama_bouton_on,
div.control_diaporama_bouton {
    padding             : 2px;
}
div.control_diaporama_bouton {
    text-decoration     : underline;
    cursor              : pointer;
}
div.control_diaporama_bouton_on {
    text-decoration     : none;
}
div#contenu_recette_style h1,
div#detail_recette h1 {
    color               : #ee7f00;
    font-size           : 16px;
    font-weight         : bold;
    margin              : 0;
}
div#detail_recette_left {
    position            : relative;
    width               : 164px;
    float               : left;
    overflow            : hidden;
}
div#outil_detail_recette {
    padding             : 5px;
}
div.liste_ingredients {
    color               : #02572C;
    padding             : 10px 20px;
}
div.liste_ingredients p {
    display             : list-item;
}
div.liste_ingredients p,
div.liste_ingredients ul li {
    list-style-image    : none !important;
    margin-left         : 10px;
}
div#detail_recette_right {
    padding-left        : 30px;
    float               : left;
    width               : 180px;
    overflow            : hidden;
}
a#retour_recherche:link,
a#retour_recherche:active,
a#retour_recherche:visited,
a#retour_recherche:focus,
a#retour_recherche:hover {
    margin              : 2px 0 0 78px;
    display             : block;
    width               : 159px;
    height              : 15px;
    background          : url(../images/retour_recherche.gif) no-repeat;
}
a#retour_envie:link,
a#retour_envie:active,
a#retour_envie:visited,
a#retour_envie:focus,
a#retour_envie:hover {
    margin              : 2px 0 0 85px;
    display             : block;
    width               : 142px;
    height              : 15px;
    background          : url(../images/btn_envie_de.gif) no-repeat;
}

#zindexover {
    left                : 50%;
    margin-left            :-273px;
    margin-top            : 59px;
    position            : absolute;
    width                : 800px;
    z-index                : 9999;
}



div#player_flash {
    position            : absolute;
    margin              : 597px 0 0 60px;
    width               : 70px;
    height              : 20px;
}

div#tomacouli {
    position            : absolute;
    margin              : 422px 0 0 370px;
    z-index             : 20;
}


div.simple_li {
    position            : relative;
    padding             : 0 0 7px 20px;
}