/**********************************************************************
************************** MISE EN PAGE DES BLOCS *********************
**********************************************************************/
#contenu
{
	width:701px;
	height:485px;
	background:url("images/contenu_gris.png") no-repeat #FFF;
}

#sous_menu
{
    margin:0 0 10px 40px;
    padding:10px 0 0 0;
}

#carrousel_produits
{
    width:680px;
    height:450px;
    padding:20px 0 0 0;
    margin:0 0 0 10px;
}

#recettes_produit
{
    width:616px;
    height:260px;
    margin:0 0 0 40px;
    text-align:justify;
}

#recettes_ingredients
{
    width:616px;
    height:360px;
    overflow-y:auto;
    margin:0 0 0 40px;
    text-align:justify;
}

#recettes_rations
{
    width:650px;
    height:370px;
    overflow-y:auto;
    margin:0 0 0 20px;
    padding:0 10px 0 0;
    text-align:justify;
}

#panorama_croquettes
{
    width:680px;
    height:380px;
    overflow-y:auto;
    margin:0 0 0 10px;
}

/****************** Page conseil *********************/
.conseil_alimentation
{
    position:absolute;
    margin:10px 0 0 150px;
}

/*.conseil_monmaitre
{
    position:absolute;
    margin:10px 0 0 370px;
}*/

.conseil_lesvacances
{
    position:absolute;
    margin:65px 0 0 470px;
}

.conseil_activites
{
    position:absolute;
    margin:214px 0 0 45px;
}

.conseil_recompenser
{
    position:absolute;
    margin:250px 0 0 340px;
}
/***************** FIN Page conseil ******************/

/****************** PAGES Les recettes ***************/
#sous_menu_rouge
{
    width:608px;
    height:66px;
    border-bottom:3px solid #cc021a;
    margin-bottom:20px;
}
#sous_menu_orange
{
    width:608px;
    height:66px;
    border-bottom:3px solid #ff9900;
    margin-bottom:20px;
}
#sous_menu_marron
{
    width:608px;
    height:66px;
    border-bottom:3px solid #8b3f1f;
    margin-bottom:20px;
}
#sous_menu_vert
{
    width:608px;
    height:66px;
    border-bottom:3px solid #c5cd20;
    margin-bottom:20px;
}
#saviezvous
{
    position:relative;
    width:661px;
    height:130px;
    margin:10px 0 0 40px;
}

#saviezvous_txt
{
    position:relative;
    width:527px;
    height:66px;
    margin:0 0 0 0;
    padding:10px 15px 5px 5px;
    background:url('images/bgd_saviezvous.png') no-repeat;
}

#saviezvous_img
{
    position:absolute;
    right:2px;
    top:-78px;
}
/************** FIN PAGES Les recettes ***************/

/**********************************************************************
********************** FIN MISE EN PAGE DES BLOCS *********************
**********************************************************************/


/**********************************************************************
************************** MISE EN FORME GENERALE *********************
**********************************************************************/
p
{
    margin:0;
    padding:0;
}
/**********************************************************************
********************** FIN MISE EN FORME GENERALE *********************
**********************************************************************/


/**********************************************************************
************************* MISE EN FORME SPECIFIQUE ********************
**********************************************************************/

/****************** Sous menu *********************/
ul.liste_sous_menu
{
    width:616px;
    height:66px;
    list-style:none;
    margin:0;
    padding:0;
}

ul.liste_sous_menu li
{
    float:left;
}

ul.liste_sous_menu li a
{
    display:block;
    height:66px;
    margin:0;
    padding:0;
}

ul.liste_sous_menu li span
{
    position:absolute;
    top:-5000px;
    left:-5000px;
    z-index:1;
}
/************** FIN Sous menu *********************/

/****************** menu_croq_mix *********************/
.menu_croq_mix a
{
    width:133px;
    height:66px;
    background:url("images/ss_menu_croq_mix.png") no-repeat left top;
}

.menu_croq_mix a:hover
{
    background:url("images/ss_menu_croq_mix.png") no-repeat left bottom;
}

.menu_croq_mix_active a
{
    width:133px;
    height:66px;
    background:url("images/ss_menu_croq_mix.png") no-repeat left bottom;
}
/******************************************************/

/****************** menu_croq_mix_02 *********************/
.menu_croq_mix_02 a
{
    width:189px;
    height:66px;
    background:url("images/ss_menu_croq_mix_02.png") no-repeat left top;
}

.menu_croq_mix_02 a:hover
{
    background:url("images/ss_menu_croq_mix_02.png") no-repeat left bottom;
}

.menu_croq_mix_02_active a
{
    width:189px;
    height:66px;
    background:url("images/ss_menu_croq_mix_02.png") no-repeat left bottom;
}
/******************************************************/

/****************** menu_bien_etre *********************/
.menu_bien_etre a
{
    width:133px;
    height:66px;
    background:url("images/ss_menu_bien_etre.png") no-repeat left top;
}

.menu_bien_etre a:hover
{
    background:url("images/ss_menu_bien_etre.png") no-repeat left bottom;
}

.menu_bien_etre_active a
{
    width:133px;
    height:66px;
    background:url("images/ss_menu_bien_etre.png") no-repeat left bottom;
}
/******************************************************/

/****************** menu_mini_compagnon *********************/
.menu_mini_compagnon a
{
    width:133px;
    height:66px;
    background:url("images/ss_menu_mini_compagnon.png") no-repeat left top;
}

.menu_mini_compagnon a:hover
{
    background:url("images/ss_menu_mini_compagnon.png") no-repeat left bottom;
}

.menu_mini_compagnon_active a
{
    width:133px;
    height:66px;
    background:url("images/ss_menu_mini_compagnon.png") no-repeat left bottom;
}
/******************************************************/

/****************** menu_tendres_bouchees *********************/
.menu_tendres_bouchees a
{
    width:189px;
    height:66px;
    background:url("images/ss_menu_tendres_bouchees.png") no-repeat left top;
}

.menu_tendres_bouchees a:hover
{
    background:url("images/ss_menu_tendres_bouchees.png") no-repeat left bottom;
}

.menu_tendres_bouchees_active a
{
    width:189px;
    height:66px;
    background:url("images/ss_menu_tendres_bouchees.png") no-repeat left bottom;
}
/******************************************************/

/****************** menu_snacks *********************/
.menu_snacks a
{
    width:189px;
    height:66px;
    background:url("images/ss_menu_snacks.png") no-repeat left top;
}

.menu_snacks a:hover
{
    background:url("images/ss_menu_snacks.png") no-repeat left bottom;
}

.menu_snacks_active a
{
    width:189px;
    height:66px;
    background:url("images/ss_menu_snacks.png") no-repeat left bottom;
}
/******************************************************/


/****************** menu_panorama *********************/
.menu_panorama a
{
    width:150px;
    height:66px;
    background:url(images/ss_menu_panorama.png) no-repeat left top;
}

.menu_panorama a:hover
{
    background:url(images/ss_menu_panorama.png) no-repeat left bottom;
}

.menu_panorama_active a
{
    width:150px;
    height:66px;
    background:url(images/ss_menu_panorama.png) no-repeat left bottom;
}
/******************************************************/

/****************** menu_valeurs *********************/
.menu_valeurs a
{
    width:181px;
    height:66px;
    background:url(images/ss_menu_ingredients.png) no-repeat left top;
}

.menu_valeurs a:hover
{
    background:url(images/ss_menu_ingredients.png) no-repeat left bottom;
}

.menu_valeurs_active a
{
    width:181px;
    height:66px;
    background:url(images/ss_menu_ingredients.png) no-repeat left bottom;
}
/******************************************************/

/****************** menu_valeurs_02 *********************/
.menu_valeurs_02 a
{
    width:234px;
    height:66px;
    background:url(images/ss_menu_ingredients_02.png) no-repeat left top;
}

.menu_valeurs_02 a:hover
{
    background:url(images/ss_menu_ingredients_02.png) no-repeat left bottom;
}

.menu_valeurs_02_active a
{
    width:234px;
    height:66px;
    background:url(images/ss_menu_ingredients_02.png) no-repeat left bottom;
}
/******************************************************/

/****************** menu_rations *********************/
.menu_rations a
{
    width:149px;
    height:66px;
    background:url(images/ss_menu_rations.png) no-repeat left top;
}

.menu_rations a:hover
{
    width:149px;
    height:66px;
    background:url(images/ss_menu_rations.png) no-repeat left bottom;
}

.menu_rations_active a
{
    width:149px;
    height:66px;
    background:url(images/ss_menu_rations.png) no-repeat left bottom;
}
/******************************************************/

/****************** menu_rations_02 *********************/
.menu_rations_02 a
{
    width:185px;
    height:66px;
    background:url(images/ss_menu_rations_02.png) no-repeat left top;
}

.menu_rations_02 a:hover
{
    width:185px;
    height:66px;
    background:url(images/ss_menu_rations_02.png) no-repeat left bottom;
}

.menu_rations_02_active a
{
    width:185px;
    height:66px;
    background:url(images/ss_menu_rations_02.png) no-repeat left bottom;
}
/******************************************************/


#saviezvous p
{
    color:#FFF;
    font-weight:bold;
    font-style:italic;
    text-align:center;
}

/* Carrousel */
#carrousel_gamme h1
{
    margin:0 0 10px 40px;
    padding:0;
    color:#cc0000;
    font-size:14px;
    font-weight:bold;
}

#carrousel_gamme h2 a
{
    margin:0 0 5px 40px;
    padding:0;
    color:#000;
    font-size:12px;
    font-weight:bold;
}

#carrousel_gamme p
{
    margin:0 0 0 40px;
    padding:0;
}

#carrousel_gamme p a
{
    color:#CC0000;
}

#carrousel_gamme p a:hover
{
    text-decoration:none;
}
/* Fin Carrousel */


/*Formatage de la page produit*/
#recettes_produit h1, #recettes_produit h2
{
    margin:0 0 0 0;
    padding:0;
    color:#cc0000;
    font-size:12px;
    font-weight:bold;
}

#recettes_produit p.rouge, #recettes_produit p.rouge a
{
    margin:0;
    padding:0;
    color:#cc0000;
    font-size:12px;
}
/*Fin Formatage de la page produit*/


/*Formatage page panorama des croquettes*/
#panorama_croquettes h1
{
    margin:0 0 5px 30px;
    padding:0;
    color:#ff9900;
    font-size:13px;
    font-weight:bold;
}

#panorama_croquettes #anim_flash
{
    width:680px;
    height:360px;
}

#anim_flash h2
{
    margin:5px 0 0px 30px;
    padding:0;
    font-size:12px;
}

#anim_flash p
{
    margin:0 0 2px 30px;
    padding:0;
}
/*FIN Formatage page panorama des croquettes*/


/*Formatage page ingredients et valeurs analytiques*/
#recettes_ingredients h1
{
    font-size:13px;
}
#recettes_ingredients h2
{
    font-size:13px;
    color:#8b3f1f;
}
/* FIN Formatage page ingredients et valeurs analytiques*/


/*Formatage page rations journalieres*/
#recettes_rations h1
{
    margin:0;
    padding:0;
    color:#FFF;
    font-size:16px;
    text-transform:uppercase;
}

#recettes_rations p
{
    font-size:11px;
}

.tablo_rations, .tablo_rations2
{
    border-collapse:collapse;
    margin:0 auto;
}

.tablo_rations tr th
{
    background:#c5cd20;
    color:#FFF;
    padding:5px 0;
    font-size:14px;
    text-align:center;
}

.tablo_rations tr th.separation, .tablo_rations2 tr th.separation
{
    border-bottom:3px solid #FFF;
}
.tablo_rations tr td
{
    padding:4px 20px;
    background:#dfdb5c;
    color:#999;
    font-size:12px;
    font-weight:bold;
}

.tablo_rations tr td.separation
{
    width:9%;
    padding:0;
    background:url('images/bgd_separation.png') repeat-x center #dfdb5c;
}

.tablo_rations tr th
{
    background:#c5cd20;
    color:#FFF;
    padding:3px 0;
    font-size:14px;
}

.tablo_rations2 tr th
{
    background:#c5cd20;
    color:#FFF;
    padding:2px 0;
    font-size:12px;
}

.tablo_rations2 tr td
{
    padding:3px 20px;
    background:#dfdb5c;
    color:#999;
    font-size:12px;
    font-weight:bold;
}

.tablo_bordure
{
    /*border:1px solid #FFF;*/
    border-collapse:collapse;
}

.tablo_bordure tr th, .tablo_bordure tr td
{
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
    background:#dfdb5c;
    font-size:10px;
    padding:2px 5px;
}
.tablo_bordure tr td
{
    font-weight:normal;
}
/*FIN Formatage page rations journalieres*/


sup
{
    font-weight:normal;
    font-size:9px;
}
/**********************************************************************
********************* FIN MISE EN FORME SPECIFIQUE ********************
**********************************************************************/