/* ---------------------------------- CADRES DECOUPE PAGE */
body{
   background-color:#ffffff;
   /*background-image:url(images/fond_body.gif);*/
   background-position:center;
   background-repeat:repeat-y;
   line-height:0px; /* pour les espaces entre les images */
   padding:0px;

   margin:0px;
   padding-top:0px;   
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000000;
}
.texte_saisie{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000000;
}

.zone_centre{
     position:absolute;
     left: 50%; 
     width: 960px;
   /*  height: 582px;*/
     margin-top: 0px;
     margin-left: -480px;
    height: auto !important;
}

.centre_bandeau_accueil{

   float:left;
   width:960px;
   height:169px;
}

.ligne_menu_1{
background-color:#0941A8;

   width:960px;
   float:left;
/*   height:35px;*/
}
.ligne_menu_1_sous{
   width:960px;
   float:left;
/*   height:35px;*/
}

.ligne_espace_vide{
   height:15px;
      width:960px;
   float:left;
}
.ligne_espace_vide_bas{
   height:5px;
      width:960px;
   float:left;
}
   .zone_contenu{
   width:950px;
   float:left;


   }
   .zone_contenu_texte{
   width:860px;
   float:left;
   font-size:11px;
    color:#67481F;
    line-height:17px;
     padding-left:47px;
   }
   .zone_contenu_accueil{
   width:887px;
   float:left;
   font-size:11px;
    color:#000000;
    line-height:16px;
     padding-left:38px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
   }
   .zone_contenu_interne{
   width:859px;
   float:left;
   font-size:11px;
    color:#000000;
    line-height:16px;
     padding-left:46px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
   }   
   .zone_contenu_ref{
   width:600px;
   float:left;
   font-size:11px;
    color:#000000;
    line-height:16px;
     padding-left:10px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
   }
   .extranet_contenu_gauche{
   width:210px;
   float:left;
   }      
   .accueil_contenu_gauche{
   width:260px;
   float:left;
   }
   .zone_menu_extranet{
   width:188px;
   padding-left:10px;
   float:left;
   background-image:url(images/menu_extranet_2.gif);
   background-position:middle;
   background-repeat:repeat-y;
   }
   .texte_menu_extranet{
   padding-left:15px;
   padding-right:15px;
   line-height:20px;
   }
   .rub_extranet_en_cours{
   color:#7CC5FF;
   font-weight:bold;
   }
   .texte_presentation{
   width:250px;
   padding-left:10px;
   float:left;
   }
   .accueil_video{
   width:260px;
   }   
   
   .extranet_contenu_droite{
   width:675px;
   float:left;
   }
   
   .titres_tableau{
   font-weight:bold;
   height:35;
   }
   .tableau_detail_commande{
   border-color:#B3AEA8;
   border-style:solid;
   border-width:1px;
   }   
   .tableau_commandes{
   width:98%;
   border-color:#B3AEA8;
   border-style:solid;
   border-width:1px;
   }
   
   .fond_gris{
   background-color:#F7F7F7;
   }
   .accueil_contenu_droite{
   width:627px;
   float:left;
   }
   .anim{
   width:627px;
   
   }
   .sous_anim{
   width:627px;

   }   
   .avantages_1{
   background-image:url(images/avantages_1.gif);
   background-repeat:no-repeat;
   float:left;
   width:627px;
   height:37px;
   }
   .avantages_2{
   background-image:url(images/avantages_2_fond.gif);
   background-repeat:repeat-y;

   float:left;
   width:627px;
   
   }
   .avantages_texte{
      width:260px;
      padding-left:20px;   
      float:left;
   }
   .derniere_rea_texte{
   z-index:11;
         float:left;
      width:302px;
      padding-left:30px;   
   }
   .avantages_3{
   background-image:url(images/avantages_3_bas.gif);
   background-repeat:no-repeat;
   float:left;
   width:627px;
   height:10px;
   }
.pied_page{
background-color:#ffffff;

width:960px;
height:35px;
float:left;
}   
/* ---------------------------------- POUR PAGE VIDEO */
.video_texte{
width:450px;
float:left;
font-size:11px;
}
.video_film{
width:391px;
float:right;
}


/* ---------------------------------- POUR MENU */
.blanc_gauche{
      background-image:url(images/menu_blc_gauche.gif);
   width:46px;
   float:left;
   height:35px;
}
.extranet{
   width:868px;
   float:left;
   height:35px;
}
.accueil{
   width:118px;
   float:left;
   height:35px;
}
.gauche_sous_menu_cap{
   width:162px;
   float:left;
/*   height:35px;*/
}
.cap{

   width:166px;
   float:left;
   height:35px;
}
.cap_sous_menu{
padding-left:162px;
/*   width:166px;*/
   float:left;
}
.etude{
   width:199px;
   float:left;
   height:35px;
}
.etude_sous_menu{
padding-left:328px;
/*   width:166px;*/
   float:left;
}
.videos{
   width:155px;
   float:left;
   height:35px;
}
.clients{
   width:119px;
   float:left;
   height:35px;
}
.devis{
   width:111px;
   float:left;
   height:35px;
}
.blanc_droite{
   width:46px;
   float:left;
   height:35px;
   background-image:url(images/menu_blc_droite.gif);
}

.blanc_gauche_2{
   width:43px;
   float:left;
   height:35px;
}


.pied_extranet{
background-image:url(images/fond_contact_firefox.gif);
   width:335px;
   float:left;
   height:35px;
}
.copyright{
   width:270px;
background-image:url(images/fond_contact_firefox.gif);
   float:left;
   height:35px;
}
.contact{background-image:url(images/fond_contact_firefox.gif);
   width:91px;
   float:left;
   height:35px;
}
.coord{background-image:url(images/fond_coord_firefox.gif);
   width:84px;
   float:left;
   height:35px;
}
.infos_legales{background-image:url(images/fond_infos_firefox.gif);
   width:86px;
   float:left;
   height:35px;
}
.plan_site{
   width:74px;background-image:url(images/fond_rea_firefox.gif);
   float:left;
   height:35px;
}
.vide_2{
   width:107px;background-image:url(images/fond_rea_firefox.gif);
   float:left;
   height:35px;
}
.realisation{
background-image:url(images/fond_rea_firefox.gif);
   width:165px;
   float:left;
   height:35px;
}
.blanc_droite_2{
   width:40px;
   float:left;
   height:35px;
}
/* ---------------------------------- POUR IMAGES */
.img_diff_texte{
display: block;
}
img{
border:0px;
line-height:0px;
}
.bord_image{
border:1px;
border-color:#CCCCCC;
}
.image_droite{
float:right;
}

.image_gauche{
float:left;
}

/* ------------------------------------- POUR TEXTES */
.valeur_texte_1{
font-weight:bold;
color:#FB7802;
}
.valeur_texte_0{
font-weight:bold;
color:#1D55B5;
font-size:12px;
}
.texte_clients{
line-height:20px;
vertical-align:top;
text-align:left;
}
.texte_ecma{
line-height:20px;
vertical-align:top;
text-align:center;
}
/******************  LES LIENS  ******************************/

a:link{
   text-decoration:none;
   font-weight:bold;
   color: #0C43A8;
}
a:visited{
   text-decoration:none;
   color: #0C43A8;
   font-weight:bold;   
}
a:hover {
   color: #5182D8;
   text-decoration:none;
   font-weight:bold;   
}
a:active
{
   color: #5182D8;
   text-decoration:none;
   font-weight:bold;   
}


















div#caddie {
   float:right;
   margin-top:100px;
   margin-right:50px;
   width:70px;
   height:105px;
   position:absolute;
   left:710px;
}*/

.centre_image{
text-align:center;
line-height:13px;
}



.centre_haut{
   float:left;
   height:23px;
}

.centre_bandeau{
height:108px;
   float:left;
}

.ligne_titre{
   float:left;
   height:52px;
}

   .zone_titre_site{
   width:519px;
   float:left;
   }

   .zone_titre_arrondissement{
   width:447px;
   float:left;
   text-align:right;
   }
   
   .sous_ligne_titre_1{
   width:447px;
   }
   .sous_ligne_titre_1_col_1{
   width:379px;
   height:30px;
   float:left;
   }
   .sous_ligne_titre_1_col_2{
   width:68px;
   float:left;
   }
   .sous_ligne_titre_2{
   width:447px;   
   float:left;
   }   




.ligne_espace{
   height:20px;
   float:left;
}
   



.tableau_produit_bord{
padding:0px;
float:left; /* sinon écart entre les div ..*/
height:5px;
width:729px;
background-position:right;
background-image:url(images/bord_tableau_interne.gif);
background-repeat:no-repeat;
}

.tableau_produit_conteneur{
padding:10px;
width:709px;
line-height:14px;
text-align:center;
background-color:#FFFFFF;
background-position:right;
background-image:url(images/bord_tableau_vertical.gif);
background-repeat:repeat-y;
}
.tableau_produit_contenu_texte{
padding:10px;
width:709px;
line-height:17px;
text-align:left;
background-color:#FFFFFF;
background-position:right;
background-image:url(images/bord_tableau_vertical.gif);
background-repeat:repeat-y;
}

.zone_image_produit{
text-align:center;
   width:506px;
   float:left;
}

.zone_descriptif_produit{
   width:228px;
   float:left;
   line-height:14px;
}




.image_gauche_chocolat{
float:left;
border-right: thick solid #5B4A41;
}
.image_gauche_vanille{
float:left;
border-right: thick solid #F4E3C9;
}

.bord_marron{
border: 6px solid #5B4A41;
}

.centrer{
text-align:center;
}

.gras{
font-weight:bold;
}

 /******************** TABLEAUX ****************************/
 
.tableau_produits{
border:none;
}
 
.cellule_photo_produit{
width:170px;
height:145px;
text-align:center;
vertical-align:bottom;
}
.cellule_nom_produit{
width:160px;
height:15px;
text-align:center;
vertical-align:middle;
font-style:italic;
}



.fond_chocolat{
height:2000px;
width:50%;
background-color:#5B4A41;
float:left;
}

.fond_vanille{
background-color:#F4E3C9;
height:auto;
width:100%;
float:left;

}


.fond_gauche{
background-color:#5B4A41;float:none;
width:50%;
}

.fond_milieu{
float:left;
width:970px;
}

.fond_droite{
background-color:#F4E3C9;float:left;
width:50%;
}










.globalaccueil {
     position:absolute;
     left: 50%; 
     width: 966px;
     height: 582px;
     margin-top: 0px;
     margin-left: -483px; /* moitié de la largeur */
 /*    border: 1px solid #000;*/
    height: auto !important;
}

.anim_intro {
z-index:1;
     width: 966px;
     height: 582px;
    background-color:#B5AB76; /*cadre anim intro*/
    padding-left:2px;
    padding-top:2px;
}
.cadre_page {
 
float:left;
     width: 962px;
    position:relative;
   height:auto;
    background-color:#B5AB76; /*cadre anim intro*/
    padding-left:2px;
    padding-top:2px;

}

.globalinterne {
     position:absolute;
     left: 50%; 
     width: 966px;
     height: 550px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left: -483px; /* moitié de la largeur */
    height: auto !important;
}


.bandeau_interne {

     width: 958px;
    height:149px;
}
.centre_interne {

     width: 958px;   
    float:left; /* Obligé sinon probleme d'alignement du texte sous le menu !*/
    height:auto;
    background-color:#FECEC2;

}
.centre_interne_jeux {
     width: 958px;   
    float:left; /* Obligé sinon probleme d'alignement du texte sous le menu !*/
    height:auto;
    background-color:#E5D3AB;
}

.centre_interne_infos_pratiques{
     width: 958px;   
    float:left; /* Obligé sinon probleme d'alignement du texte sous le menu !*/
    height:auto;
    background-color:#D7DEFA;
}
.centre_interne_doudous {
     width: 958px;   
    float:left; /* Obligé sinon probleme d'alignement du texte sous le menu !*/
    height:auto;
    background-color:#FFE657;
       background-image:url(images/doudous_decor/degrade_fond.jpg);
       background-repeat:repeat-x;    
}
.menu_interne {
     width: 194px;
    float:left;
    text-align:center;
        background-color:#FECEC2;
       height:100%;
}
.menu_interne_jeux {
     width: 194px;
    float:left;
    text-align:center;
        background-color:#E5D3AB;
       height:100%;
}
.menu_interne_infos_pratiques {
     width: 194px;
    float:left;
    text-align:center;
        background-color:#D7DEFA;
       height:100%;
}
.menu_interne_doudous {
     width: 194px;
    float:left;
    text-align:center;
        background-color:#FFE657;
       height:100%;
       background-image:url(images/doudous_decor/degrade_fond.jpg);
       background-repeat:repeat-x;
       
}
.contenu_interne {
   float:left;
 /*   height:auto;*/
   width: 750px;

    padding-left:5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:5px;
}
.pied_interne {
   float:left;
     width: 958px;
   
    background-color:#FECEC2;

}
.contenu_titre1 {
    font-size:14px;
    color:#5B8B00;
        line-height:5px;
}
.contenu_titre2 {
    font-size:13px;
    color:#B60003;
            line-height:15px;
}
.titre_produit {
    font-size:12px;
    color:#B60003;
    font-weight:bold;
    margin-left:10px;
    line-height:13px;
}
.titre_fiche_produit {
    font-size:13px;
    color:#B60003;
    font-weight:bold;
    margin-left:0px;
    line-height:13px;
}
.contenu_texte {
   margin-left:0px;
font-size:12px;
    color:#67481F;
    line-height:17px;
     padding-left:0px;
}
.italique{
font-style:italic;

}
.italic_souligne{
font-style:italic;
text-decoration:underline;
}
.italic_aligne_droite{
font-style:italic;
text-align:right;
}
.texte_copyright{
margin-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
 color:#7B7448;
}


div#ligne_menu2 {
   margin-top:0px;
   margin-left:0px;
     width: 966px;
   height:20px;

}


.accueil_fenetre_gauche {
     float:left;
     width: 174px;  
}
.accueil_fenetre_gauche_1 {
     width: 174px;  
}
.accueil_fenetre_centre {
  width: 618px;
       float:left;
    
     
}
.accueil_fenetre_droite{
     width: 174px;
          float:left;
}
.zone_drapeaux{
   float:left;
   display: block;
}


img.imagedifftexte {
display: block;
}

.centrer_image_v{
vertical-align:middle;
}

img.pbdisplay {
line-height:0px;/*pour pas d'écart entre les images*/
}

div#bandeau {
   background-image:url(images/bandeau_nutrideal.gif);
   background-repeat:no-repeat;
   width:974px;
   height:127px;
   }
div#menu {
   float:left;
   width:177px;
   height:400px;
   }
div#menu_haut {
   width:177px;
   height:auto;
   background-image:url(images/fond_menu_haut.gif);   
   }
   div#menu_centre {
   width:177px;
   height:10px;
   background-image:url(images/fond_menu_centre.gif);
   }
div#menu_bas {
   width:177px;
   }
.tableau_menu1{
width:177px;
background-image:url(images/rappel_fond.gif);
text-align:center;
padding:0px;
margin:0px;
}   
.formulaire_rappel{
margin:0px;
}
div#contenu {
   float:left;
   text-align:left;
   width:797px;
   padding:0px;
   }
.contenu_texte
{
   margin-top:0px;
   margin-left:10px;
   margin-right:10px;
   }
div#bloc_anim {
   float:right;
   width:797px;
   height:125px;
   }

div#bloc_player {
   float:right;
   margin-top:105px;
   margin-right:8px;
   width:30px;
   height:20px;
}
   /*
div#pied_page {
   clear:both;
   width:974px;
   height:29px;
   background-image:url(images/pied_page.gif)
   
}*/
div#menu3{
text-align:right;
   float:right;
   margin-top:5px;
   margin-right:15px;
   width:500px;
   height:20px;
}
.texte_menu3{
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
 color:#474979;
}


div#copyright {
   float:left;
    width: 174px;
   height:20px;
   text-align:left;
}
div#menu2 {
   float:left;
    width: 618px;
   height:20px;
   text-align:center;
}
div#realisation {
   float:left;
    width: 174px;
   height:20px;
   text-align:right;
}

.image_bottom{
vertical-align:bottom;
}
.image_centree{
vertical-align:middle;
line-height:0px;
font-size:0px;
margin:0px;
padding:0px;
}


/******************  LES LIENS  ******************************/

a.lien_produit:link{
   text-decoration:none;
   font-weight:bold;
   color: #BB110B;
}
a.lien_produit:visited{
   text-decoration:none;
      font-weight:bold;
   color: #BB110B;
}
a.lien_produit:hover {
   color: #8C0C08;
      font-weight:bold;
   text-decoration:none;
}
a.lien_produit:active
{
   color: #8C0C08;
      font-weight:bold;
   text-decoration:none;
}

a.sous_menu_1:link{
   text-decoration:none;
   color: #516B09;
}
a.sous_menu_1:visited{
   text-decoration:none;
   color: #516B09;
}
a.sous_menu_1:hover {
   color: #C60063;
   text-decoration:none;
}
a.sous_menu_1:active
{
   color: #C60063;
   text-decoration:none;
}
/***************************** Pour page Interne seulement *******************/

div#pied_page_interne {
   clear:both;
   width:974px;
   height:53px;
   line-height:0px;
   /*background-image:url(images/pied_page_interne.gif)*/
}

.sous_menu{
margin-top:2px;
margin-left:50px;
margin-bottom:2px;
line-height:15px;
font-size:12px;
color:#516B09;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.sous_rub_en_cours{
color:#C60063;
}

.contenu_texte_interne
{
   margin-top:0px;
   margin-left:10px;
   margin-right:20px;
   line-height:15px;
   font-size:11px;
   color:#3F406C;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:justify;
}

div#bloc_anim_interne {
   float:right;
   width:797px;
   height:87px;
}
div#ligne_menu2_interne {
line-height:0px;
   margin-top:-4px;
   margin-left:0px;
     width: 974px;
   height:30px;
   background-color:#DBEF96;
}

.texte_copyright_interne{
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
 color:#739318;
}
.texte_copyright_interne{
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
 color:#739318;
}


/***************************** CONTENUS TEXTES **********************************/
/* Titre page */
.titre{
/*color:#D92B82;*/ /*rose*/
font-size:14px;
font-weight:bold;
color:#8FB60F;
}
.texteblc{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}


.contenuMisEnValeur{
color:#F2850C;
font-weight:bold;
}




.citation{
/*color:#7C9E14;*/
color:#D92B82;
font-size:13px;
font-style:italic;
font-weight:bold;
}
.centrer{
text-align:center;
}

.tableau_citation{
border: 1px solid #D92B82;
text-align:center;
padding:5px;
}
.alignement_droit{
text-align:right;
}

.signature{
color:#464773;
font-size:13px;
font-style:italic;
font-weight:bold;
}


texte_souligne
{
font-weight:bold;

}
.retrait{
margin-left:40px;
}

.temoignagesssssssssssssssssssss{
font-style:italic;
}

#popup{
   background-color: #FFC642;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#191970;
   width:320px;
   line-height:14px;
   text-align:left;
   
}
#popup td{
   vertical-align:top;
}
#tab_clients li {
   background-repeat: no-repeat;
   background-image: url(images/fleche.gif);
   background-position: 0 7px;
   padding-left: 12px;
}
.box_yellow_top {
   background-image: url(images/bg-box-yel-top.gif);
   height: 37px;
   margin: 0;
}
.box_yellow_in {
   background-image: url(images/bg-box-yel-in.gif);
   background-repeat: repeat-y;
}
.box_yellow_btm {
   background-image: url(images/bg-box-yel-btm.gif);
   background-repeat: no-repeat;
   height: 10px;
}



.line_actu {
   padding: 4px 0;
   cursor: pointer;


}
.line_actu p {
   margin: 0;
   font-size: 11px;
}
.line_actu h2 {
   font-size: 12px;
   margin: 0;
}
.line_actu h2 a,.line_actu h2 a:hover,.line_actu h2 a:link{
   color:#000;
   text-decoration:none;
}



.cell_content {
   float: left;
   display: inline;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
   clear: both;
   line-height: 0px;
   height: 0px;
   margin: 0;
    }
#cell_left {
   width: 300px;
}
#cell_left  h1 {
   font-size: 12px;
   color: #00297b;
   border-bottom: solid 2px #FEDE67;
   padding-bottom: 6px;
   margin-bottom: 12px;
}

#cell_center {
   width: 548px;
   margin-left: 10px;
}
#cell_center p {
}
#cell_center h1 {
   font-size: 14px;
   color: #00297b;
}
#cell_center h2 {
   font-size: 12px;
   margin: 0;
   padding: 8px 0;
}
.left_menu a {
   background-color: #E7EEF5;
   display: block;
   font-weight: normal;
   padding: 2px;
}
.left_menu a:hover {
   background-color: #DDE7F0;
   text-decoration: none;
   color: #00297B;
   font-weight: normal;
}

.left_menu li {
   background-image: url(images/fleche_bleue.gif);
   background-repeat: no-repeat;
   background-position: 0 7px;
   padding-left: 10px;
   margin-bottom: 8px;
}