@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
}

.NoScript { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.FdpBody {background-color:#99ccff; font-family: Arial, Helvetica, sans-serif; color:#66ccff; font-size:16px; background-image:url(../images/FDP_body.jpg); background-repeat:repeat-x; margin:0px; border:0px; }
.FdpHome {background-color:#99ccff; font-family: Arial, Helvetica, sans-serif; color:#66ccff; font-size:16px; background-image:url(../images/FDP_accueil.jpg); background-repeat:repeat-x; margin:0px; border:0px; min-height: 750px; }
.FdpBodyBai {background-color:#99ccff; font-family: Arial, Helvetica, sans-serif; color:#66ccff; font-size:16px; background-image:url(../images/FDP_body_Bai.jpg); background-repeat:repeat-x; margin:0px; border:0px; }
.FdpHomeFlash {background-image:url(../images/fdp_home2010.gif); background-repeat:repeat-x; background-color:#99ccff; height:615px;}

#Page {position: relative; min-height: 100%;}
.ClearL {clear:left;}
#Onglet {height:40px; vertical-align:bottom; padding-left:24px;}
#OngletJeu {height:40px; vertical-align:bottom; padding-left:10px; margin-top:20px;}


.Header { width:100%; height:150px; border:0px; clear:both; max-height:150px; min-width:971px; }

#Logo { background-image:url(../images/IMG_logo.jpg); background-repeat:repeat-x; width:271px; height:150px; float:left;}
#MenuTop {width:700px; height:65px; float:left; background-image:url(../images/FDP_bai_menutop.gif); background-repeat:repeat-x; height:65px; }
#MenuEtire { background-image:url(../images/FDP_bai_menutop.gif); background-repeat:repeat-x; height:65px; }


#MenuBasHome { height:59px; background-image:url(../images/fdp_menu_homeflash.jpg); width:100%; background-color:#99ccff; }
#TexteMenuBasHome { width:480px; margin-left:20px; color:#339900; font-size:10px; font-family:Arial, Helvetica, sans-serif; clear:left; padding-top:12px;}
a.MenuBasHome { color:#339900; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#339900; text-decoration:none;}
a.MenuBasHome:hover {text-decoration:underline;}
.SepMenuBasHome {background-image:url(../images/img_separateur_homeflash.gif); width:1px; height:12px; float:left; margin: 0px 15px 0px 15px;}

a.MenuBasHomeDecouvrir {background-image:url(../images/IMG_MENU_home_decouvrir.jpg); width:271px; height:59px; float:left; margin-left: 20%;}
a.MenuBasHomeDecouvrir:hover {background-image:url(../images/IMG_MENU_home_decouvrir_over.jpg); float:left; margin-left: 20%;}

a.MenuBasHomeNutrition {background-image:url(../images/IMG_MENU_home_nutrition.jpg); width:163px; height:59px; float:left;}
a.MenuBasHomeNutrition:hover {background-image:url(../images/IMG_MENU_home_nutrition_over.jpg); float:left;}

a.MenuBasHomeBai {background-image:url(../images/IMG_MENU_home_bai.jpg); width:221px; height:59px; float:left;} 
a.MenuBasHomeBai:hover {background-image:url(../images/IMG_MENU_home_bai_over.jpg); float:left;}

a.MenuBasHomeFilm {background-image:url(../images/IMG_MENU_home_film.jpg); width:163px; height:59px; float:left; margin-left:10px; } 
a.MenuBasHomeFilm:hover {background-image:url(../images/IMG_MENU_home_film_over.jpg); float:left; width:163px; height:59px;}

#TitreGrandBai {margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_bai_titregrand.gif); background-repeat:no-repeat; width:460px; height:60px;}
#TitrePetitBai {margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_bai_titrepetit.gif); background-repeat:no-repeat; width:327px; height:60px; float:left;}
#TitreGrandDecouvrir {margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_decouvrir_titregrand.gif); background-repeat:no-repeat; width:600px; height:60px;}
#TitrePetitDecouvrir {margin-left:10px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_decouvrir_titrepetit.gif); background-repeat:no-repeat; width:422px; height:60px; float:left;}
#TitreGrandNutrition {margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_nutrition_titregrand.gif); background-repeat:no-repeat; width:255px; height:60px;}
#TitrePetitNutrition{margin-left:10px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_nutrition_titrepetit.gif); background-repeat:no-repeat; width:320px; height:60px; float:left;}
#TitrePetitJeu{margin-left:10px; border:0; vertical-align:bottom; bottom:0px; /*background-image:url(../images/IMG_jeu_titrepetit.gif);*/ background-repeat:no-repeat; width:320px; height:40px; float:left; margin-top:20px;}
#TitreGrandPlan{margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_plan_titregrand.jpg); background-repeat:no-repeat; width:460px; height:60px;  float:left;}
#TitreGrandMention{margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_mention_titregrand.jpg); background-repeat:no-repeat; width:480px; height:60px; float:left;}
#TitreGrandReglement{margin-left:30px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_reglement_titregrand.jpg); background-repeat:no-repeat; width:612px; height:60px; float:left;}
#TitrePetitFilm{margin-left:10px; margin-top:20px; border:0; vertical-align:bottom; bottom:0px; background-image:url(../images/IMG_film_titrepetit.jpg); background-repeat:no-repeat; width:320px; height:40px; float:left;}

#Conteneur {background-color:#FFFFFF; width:100%; background-color:#FFFFFF;}
#ConteneurBai {background-color:#FFFFFF; width:1000px; background-color:#FFF; padding-bottom:140px;}
#ConteneurHD {background-color:none; background-image: url(../images/IMG_bai_N1_hd.gif); background-repeat:no-repeat; }

#Vague_Bai { background-image:url(../images/IMG_bai_N1_vague.gif); background-repeat:no-repeat; background-position:left; height:120px; }

.Footer {position:absolute; bottom:0; width:100%;}
.FooterBai {position:absolute; bottom:0; width:1000px;}
#FooterTextBaiN1 { font-family:Arial, Helvetica, sans-serif; font-size:9px; padding-top:3px; padding-bottom:10px; color:#0066cc;  text-align:left;  }
#FooterTextBaiN2 { font-family:Arial, Helvetica, sans-serif; font-size:9px; padding-top:3px; padding-bottom:10px; color:#999999;  text-align:left;  }

a.FooterTextBaiN1  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
a.FooterTextBaiN1:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0066cc; text-decoration:underline; }
a.FooterTextBaiN1:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }

a.Reglement  { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:underline;}
a.Reglement:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:underline; }
a.Reglement:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; }

a.FooterTextBaiN2  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#99cc33; text-decoration:none;}
a.FooterTextBaiN2:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#99cc33; text-decoration:underline; }
a.FooterTextBaiN2:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#99cc33; text-decoration:none; }

a.FooterTextJeu { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:none;}
a.FooterTextJeu:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:underline; }
a.FooterTextJeu:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:none; }

a.MenuD { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc99cc; text-decoration:none; text-align:right; line-height:12px;}
a.MenuD:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc99cc; text-decoration:underline; text-align:right; }
a.MenuD:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc99cc; text-decoration:none; text-align:right; }

a.Suivant { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:none; line-height:12px; text-align:left; padding-left:5px;}
a.Suivant:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:underline; text-align:left; }
a.Suivant:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:none; text-align:left; }

a.Precedent { font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:10px; color:#6699cc; text-decoration:none; line-height:8px; padding-left:15px; padding-right:5px; padding-right:0px; right:0px;  }
a.Precedent:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:underline; text-align:right; }
a.Precedent:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6699cc; text-decoration:none;  text-align:right;}

a.Log { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:underline;}
a.Log:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0066cc; }
a.Log:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }

a.Fiche { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center;}
a.Fiche:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }
a.Fiche:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px;}

a.LienJeu { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:underline; text-align:left; left:15px;}
a.LienJeu:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none }
a.LienJeu:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px;}

a.Plan { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#66ccff; text-decoration:none; text-align:left; font-weight:bold;}
a.Plan:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#66ccff; text-decoration:underline; text-align:left;}
a.Plan:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#66ccff; text-decoration:none; text-align:left;}

a.PlanPetit { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; text-align:left;}
a.PlanPetit :hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; text-decoration:underline; text-align:left;}
a.PlanPetit :visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; text-decoration:none; text-align:left;}

.Content {min-height:400px; position:relative; padding-bottom:300px;}
.ContentBai { min-height:400px; position:relative; padding-bottom:220px;}
.ContentJeu { min-height:400px; position:relative; padding-bottom:240px;}

#TabContenu {margin-left:30px;}

.TexteNorm { padding-left:30px; }
.TexteNormGris { font-size:14px; color:#666666; text-align:justify;}
.TexteNormDecouvrir { color:#6699cc; padding-left:30px; font-size:12px; }
.TexteIntroDecouvrir { font-size:16px; font-weight:bold; }
.TexteNormNutrition { color:#6699cc; padding-left:30px; font-size:12px; }
.TexteIntroNutrition { font-size:14px;}
.TexteGris { font-size:13px; color:#666666; padding-left:18px; padding-right:30px; text-align:justify;}
.TexteGrisFiche { font-size:14px; color:#666666; font-weight:bold;}
.TexteGrisGros {font-size:25px; margin-top:-10px; }
.TexteMauve { font-size:13px; color:#cc99cc;}
.TexteMauveMoyen { font-size:16px; color:#cc99cc; font-weight:bold; line-height:25px;}
.TexteMauveGros {font-size:25px; margin-top:-10px; color:#cc99cc; }
.TexteBlancPetit {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight: bold; text-align:center;}
.TexteBlancPetit02 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:left;}
.TexteBlancGros {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight: bold; font-style:italic;}
.TexteBlancMoyen {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; font-weight: bold; text-align:center;}
.TexteBlancMoyen02 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight: bold; text-align:center;}
.TexteBlancReponse {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; font-weight: bold; text-align:left; padding-left:15px; vertical-align:text-bottom;}
.TexteOrangeGros {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffcc00; font-weight: bold; font-style:italic; text-align:left;}
.TexteVert {color:#33cc00; font-weight:bold; }
.TexteVertPlan {color:#33cc00; font-size:12px; font-weight:bold; padding-left:18px; }
.TexteBleu { color:#6699cc; font-weight:bold; font-size:15px;}
.TextePlanOff { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; text-align:left;}

.TexteForm {color:#ffcc00; font-size:12px;}
.TexteMention {color:#000000; font-size:9px; padding-top:15px;; padding-bottom:15px;}

colA_BaiN2 { width:760px; float:left; width:100%;}
colB_BaiN1 { width:210px; float:left;}

H1 {font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ffcc00; font-weight:bold; padding-top:20px; padding-bottom:5px; line-height:10px;}
H1.jeu {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; font-weight:bold; padding-bottom:0px; padding-top:0px; line-height:18px;}
H1.fiche {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#ffcc00; font-weight:bold; font-style:italic; padding-bottom:0px; padding-top:0px; line-height:25px;}
H2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#66ccff; font-weight: normal; padding-bottom:0px; padding-top:8px; padding-right:10px; margin:0px;  } 
H2.titredecouvrir {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ff9900; font-weight: normal; padding-bottom:0px; padding-top:8px; padding-right:10px; margin:0px;  }
H2.titrenutrition {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#cc99cc; font-weight: normal; padding-bottom:0px; padding-top:8px; padding-right:10px; margin:0px;  }  
H2.jeu {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffcc00; font-weight:bold; padding-bottom:5px; line-height:10px;}
H3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#66ccff; font-weight: normal;} 
H3.jeu {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; padding-bottom:0px; padding-top:0px; line-height:10px; margin-top:0px;}
H4 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ffcc00; font-weight: bold; font-style:italic; }
H4.titrenutrition {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#cc99cc; font-weight: bold; font-style:italic; padding-bottom:12px; }
H5.titrenutrition {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffcc00; font-weight: bold; font-style:italic; padding-bottom:3px; }
H5.fiche {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffcc00; font-weight: bold; font-style:italic; margin-bottom:0px; }

.Chiffre { vertical-align: text-top; }

.Form {height:16px; color:#666666; border:1px; border-bottom-color:#000000; border-right-color:#000000; border-bottom-style:solid; border-right-style:solid; margin-bottom:10px; margin-right:10px;   }
.FormListe {height:20px; color:#666666; border:1px; border-bottom-color:#000000; border-right-color:#000000; border-bottom-style:solid; border-right-style:solid; margin-bottom:10px; margin-right:10px;   }
.FormCoche {color:#666666; border:1px; border-bottom-color:#000000; border-right-color:#000000; border-bottom-style:solid; border-right-style:solid; }

#FdpTraitPage {background-image: url(../images/FDP_TraitPage.gif); background-repeat:repeat-x; background-position:bottom; }
#FdpTraitMenud { background-image: url(../images/FDP_traitm_menud.gif); background-repeat:repeat-y;}
.FdpJaune {background-color:#ffcc00; color:#FFFFFF; padding-top:5px; padding-bottom:5px; font-size:20px; font-weight:bold; text-align:center; line-height:10px; }
.FdpMauve{background-color:#f08a00;}
.FdpBleu{background-color:#6699cc;}


/* LISTES */
ul { margin: 20px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #999999; font-size:14px;}
li { line-height: 20px; padding-top:10px; padding-left: 25px; padding-bottom:18px; background-image:url(../images/Puce.gif); background-position: 20px 5px ; background-repeat:no-repeat; list-style:none;}

ul.orange { margin: 20px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #666666; font-size:14px;}
li.orange { line-height: 20px; padding-top:10px; padding-left: 25px; padding-bottom:18px; background-image:url(../images/puce_orange.gif); background-position: 20px 15px ; background-repeat:no-repeat; list-style:none; text-align:justify;}

ul.orangeplan { margin: 10px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #666666; font-size:14px;}
li.orangeplan { line-height: 18px; padding-top:10px; padding-left: 25px; padding-bottom:18px; background-image:url(../images/puce_orange.gif); background-position: 20px 15px ; background-repeat:no-repeat; list-style:none; text-align:justify;}

ul.mauve { margin: 20px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #cc99cc; font-size:16px; font-weight:bold; font-style:italic;}
li.mauve { line-height: 20px; padding-top:10px; padding-left: 25px; padding-bottom:18px; background-image:url(../images/puce_mauve.gif); background-position: 30px 15px ; background-repeat:no-repeat; list-style:none;}


ul.gris { margin: 0px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #666666; font-size:13px;}
li.gris { line-height: 12px; padding-top:0px; padding-left: 22px; padding-bottom:5px; background-image:url(../images/IMG_flechegrise.gif); background-position: 30px 3px ; background-repeat:no-repeat; list-style:none;}

ul.grisplan { margin: 0px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #666666; font-size:13px;}
li.grisplan { line-height: 14px; padding-top:0px; padding-left: 22px; padding-bottom:5px; background-image:url(../images/IMG_flechegrise.gif); background-position: 30px 3px ; background-repeat:no-repeat; list-style:none;}

ul.mauvepetite { margin: 0px 10px -10px -10px ; text-indent:30px; list-style:none; padding:0px; color: #666666; font-size:13px;}
li.mauvepetite { line-height: 12px; padding-top:0px; padding-left: 22px; padding-bottom:5px; background-image:url(../images/puce_mauvepetite.gif); background-position: 30px 3px ; background-repeat:no-repeat; list-style:none;}

ul.carre{ margin: 0px 0px 0px 0px ; text-indent:20px; list-style:none; padding:0px; color: #666666; font-size:13px; margin:0px;}
li.carre { line-height: 18px; padding-left: 10px; padding-bottom:0px; padding-top:0px; background-image:url(../images/puce_carre.gif); background-position: 15px 4px ; background-repeat:no-repeat; list-style:none; background-color:#faf1dd; margin:0px;}

ul.rond{ margin: 0px 0px 0px 0px ; text-indent:20px; list-style:none; padding:0px; color: #666666; font-size:13px; margin:0px;}
li.rond { line-height: 18px; padding-left: 10px; padding-bottom:0px; padding-top:0px; background-image:url(../images/puce_rond.gif); background-position: 15px 4px ; background-repeat:no-repeat; list-style:none; background-color:#faf1dd; margin:0px;}

ul.triangle{ margin: 0px 0px 0px 0px ; text-indent:20px; list-style:none; padding:0px; color: #666666; font-size:13px; margin:0px;}
li.triangle { line-height: 18px; padding-left: 10px; padding-bottom:0px; padding-top:0px; background-image:url(../images/puce_triangle.gif); background-position: 12px 4px ; background-repeat:no-repeat; list-style:none; background-color:#faf1dd; margin:0px;}


.MenuD {padding-bottom:7px;}
.ReglementJeu {font-size:14px; color:#666666; text-align:justify; padding: 0 20px 0 20px;}


.NutritionOnglet {margin-top:20px;}
#QuizzResultatHg {background-image: url(../images/FDP_nutrition_arrondihg.gif);}
#QuizzResultatHd {background-image: url(../images/FDP_nutrition_arrondihd.gif);}
#QuizzResultatBg {background-image: url(../images/FDP_nutrition_arrondibg.gif);}
#QuizzResultatBd {background-image: url(../images/FDP_nutrition_arrondibd.gif);}