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

#contenu_centre_home
{
    width:701px;
	height:425px;
}

#contenu_bas_home
{
    width:649px;
    height:50px;
    padding:0px 20px 0 20px;
    margin:0 0 0 7px;
    background:url("images/separation_home.png") no-repeat top left;
}

#contenu_bas_home_gauche
{
    float:left;
    width:270px;
    padding: 15px 0 0 55px;
}
#contenu_bas_home_droite
{
    float:left;
    width:300px;
    padding:10px 0 0 0;
}

#contenu_centre_texte
{
    width:640px;
    height:440px;
    margin:0 0 0 30px;
    padding:20px 0 0 0;
}

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

#sous_menu_orange
{
    width:608px;
    height:66px;
    border-bottom:3px solid #ff6b00;
    margin-bottom:20px;
}

#sous_menu_jaune
{
    width:608px;
    height:66px;
    border-bottom:3px solid #ff9900;
    margin-bottom:20px;
}

#saga_fido
{
    width:610px;
    height:350px;
}

#pub_home
{
    position:relative;
    height:280px;
}

#pub_01
{  
    position:absolute;
    float:left;
    top:243px;
    left:0px;
}

#pub_02
{  
    position:absolute;
    float:left;
    top:157px;
    left:21px;
}

#pub_03
{  
    position:absolute;
    float:left;
    top:165px;
    left:255px;
}

#pub_04
{  
    position:absolute;
    float:left;
    top:118px;
    left:454px;
}

#pub_05
{  
    position:absolute;
    float:left;
    top:88px;
    left:134px;
}

#pub_06
{  
    position:absolute;
    float:left;
    top:0px;
    left:9px;
}

#pub_07
{  
    position:absolute;
    float:left;
    top:17px;
    left:362px;
}

#pub_08
{  
    position:absolute;
    float:left;
    top:17px;
    left:250px;
}

#pub_09
{  
    position:absolute;
    float:left;
    top:227px;
    left:428px;
}

#details_pub
{
    width:210px;
    height:300px;
    margin:0 0 0 50px;
}

#lien_retour
{
    position:absolute;
    width:50px;
    height:20px;
    top:430px;
    left:50px;
}

#flash_player
{
    position:absolute;
    width:380px;
    height:380px;
    top:103px;
    right:15px;
    z-index:30;
}

#contenu_conseils
{
    position:relative;
    width:640px;
    height:440px;
    margin:0 0 0 30px;
    padding:20px 0 0 0;
}

#conseils_texte
{
    width:600px;
    height:330px;
    margin: 0 0 20px 30px;
    padding:0 10px 0 0;
    overflow:auto;
}

#goodies_centre
{
    width:680px;
    height:440px;
    margin:0 0 0 10px;
    padding:20px 0 0 0;
}

.goodies_gauche
{
    float:left;
    width:184px;
    height:420px;
    padding:0 30px 0 10px;
    text-align:center;
}

#goodies_img
{
   float:left;
   margin:50px 0 0 0;
}
/**********************************************************************
********************** FIN MISE EN PAGE DES BLOCS *********************
**********************************************************************/


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


/**********************************************************************
************************* MISE EN FORME SPECIFIQUE ********************
**********************************************************************/
#contenu_bas_home_gauche p
{
    color:#cc0000;
    font-weight:bold;
    font-size:16px;
}

/****************** 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_histoire *********************/
.menu_histoire a
{
    width:132px;
    height:66px;
    background:url("images/ss_menu_histoire.png") no-repeat left top;
}

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

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

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

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

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

/* L'histoire fido */
#saga_fido p
{
    margin:0 0 10px 0;
    font-size:13px;
}

#saga_fido h1
{
    margin:0 0 10px 0;
    font-size:15px;
    color:#ff6b00;
}
/* FIN L'histoire fido */

/* Pub TV */
h1.txt_pub
{
    color:#ff6b00;
    font-size:16px;
    font-weight:bold;
}

#details_pub p
{
    margin:0;
    padding:0;
}


#details_pub p.date
{
    font-size:50px;
    color:#ff9900;
    font-weight:bold;
    margin:0 0 15px 0;
}

#details_pub h1, #flash_player h1
{
    color:#CC0000;
    font-size:16px;
    margin:0 0 20px 0;
    padding:0;
}


/*Fin Pub TV*/


/* Les conseils */
#contenu_conseils a
{
    color:#f3c74e;
}

#contenu_conseils a:hover
{
    color:#e2001a;
}
#contenu_conseils h1
{
    margin:0 0 10px 60px;
    padding:0;
}

#contenu_conseils h2
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin:0 0 10px 0;
}

#contenu_conseils h3
{
    color:#FFF;
    background:url('images/h2_bgd_rouge_tres_petit.png') no-repeat #FFF;
    padding:12px 15px 0 10px;
    margin:0 0 10px 40px;
    width:323px;
    height:25px;
    font-size:15px;
}

#contenu_conseils h4
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:0 0 5px 0;
    color:#e2001a;
}

#contenu_conseils h5
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration:underline;
    margin:0 0 2px 0;
}

#contenu_conseils h2.jaune_petit
{
    color:#cc0000;
    background:url('images/h2_bgd_jaune_petit.png') no-repeat #FFF;
    padding:13px 15px 0 10px;
    width:363px;
    height:24px;
}

#contenu_conseils h2.jaune_moyen
{
    color:#cc0000;
    background:url('images/h2_bgd_jaune_moyen.png') no-repeat #FFF;
    padding:13px 15px 0 10px;
    width:363px;
    height:24px;
}

#contenu_conseils h2.jaune_grand
{
    color:#cc0000;
    background:url('images/h2_bgd_jaune_grand.png') no-repeat #FFF;
    padding:13px 15px 0 10px;
    width:435px;
    height:24px;
}

#contenu_conseils h2.rouge_petit
{
    color:#FFF;
    background:url('images/h2_bgd_rouge_petit.png') no-repeat #FFF;
    padding:11px 15px 0 10px;
    width:363px;
    height:26px;
}

#contenu_conseils h2.rouge_moyen
{
    color:#FFF;
    background:url('images/h2_bgd_rouge_moyen.png') no-repeat #FFF;
    padding:11px 15px 0 10px;
    width:408px;
    height:26px;
}
/* FIN les conseils */


/* Les goodies*/
.goodies_gauche h1
{
    font-size:20px;
    color:#0e2f4f;
}

.goodies_gauche .jaune
{
    color:#f29400;
}

.goodies_gauche .rouge
{
    color:#e2001a;
}

.goodies_gauche p
{
    color:#315c85;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:12px;
}

.goodies_gauche a
{
    text-decoration:none;
    font-size:11px;
}

.goodies_gauche a:hover
{
    text-decoration:underline;
}
/*FIN Les goodies*/

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




/* JEUX */
#contenu_centre_ts3
{
    position:absolute;
    width:680px;
    height:425px;
    margin:0 0 0 7px;
    background:url("../../images/toy-story.png") no-repeat;
}

#savoirplus
{
    position:absolute;
    width:128px;
    height:41px;
    top:367px;
    left:433px;
}

.textbox
{
    width: 200px;    
}

.textboxlong
{
    width: 200px;   
    height: 100px; 
}