/* CSS Document */

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}

*{
margin:0;
border:none;
padding:0;
}

.gauche{
	float:left;
}

body{
/*background-image:url(images/fond_site2.jpg);
background-attachment:fixed;*/
background-color:#CCCCCC;
}

#main{
width:990px;
margin:auto;
background-color:#ffffff;
overflow:hidden;

}

#menu_rapide2{
width:95px;
float:right;
margin:0 20px 0 0px;
padding:0;
}

#menu_rapide2 a{
width:95px;
height:67px;
border:none;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:0;
}

#menu_rapide2 div{
margin:0;
padding:0;
height:67px;
width:95px;
float:right;

}



/**************************************************** headbanner et menu haut *****************************************************/

#logo{
height:148px;
width:243px;
top:0px;
left:0px;
float:left;
margin:0;
padding:0;
}

#menu{
background-image:url(images/fond_head.jpg);
background-repeat:repeat-x;
background-position:top;
position:relative;
height:148px;
width:747px;
top:0px;
left:0px;
float:left;
}

#menu_haut{
position:relative;
top:34px;
left:0px;
width:747px;
height:39px;
background-image:url(images/menu_haut.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#menu_haut ul{
padding-top:20px;
color:#e77d00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
margin-right:40px;
}

#menu_haut li{
display:inline;
padding-left:110px;
}

#menu_haut li a:link{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
text-decoration:none;
}

#menu_haut li a:visited{
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
text-decoration:none;
}

#menu_haut li a:hover{
color:#e77d00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
text-decoration:none;
}

#main_menu{
position:relative;
top:34px;
left:0px;
width:747px;
height:30px;
background-image:url(images/main_menu.gif);
background-repeat:no-repeat;
background-position:top left;
}

#main_menu ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #e77d00;
font-size:14px;
padding-top:5px;
padding-left:40px;
}

#main_menu li{
display:inline;
padding-right:52px;
}

#main_menu li a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #000;
text-decoration:none;
}

#main_menu li a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #000;
text-decoration:none;
}

#main_menu li a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #e77d00;
text-decoration:none;
}

#sous_menu{
position:relative;
top:34px;
left:0px;
width:747px;
height:26px;
border-bottom:1px solid #000;
}

#sous_menu ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
list-style:none;
padding-left:17px;
padding-top:4px;
padding-bottom:2px;

}

#sous_menu li{
display:inline;
color:#e77d00;
padding-left:23px;
padding-right:35px;
}

#sous_menu li a:link{
text-decoration: none;
color:#000;
}

#sous_menu li a:visited{
text-decoration: none;
color:#000;
}

#sous_menu li a:hover{
text-decoration: none;
color:#e77d00;
}

#titre form{
padding:0px;
margin:0px;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding-top:15px;
padding-right:30px;
color:#fff;
}

#titre form p{
font-size:10px;
}

#titre form input{
border:1px solid #666666;
padding:0px;
margin:0px;
vertical-align:middle;
display:inline;
}

#grille{
position:relative;
border:0;
padding:0;
margin:0;
top:5px;
left:40px;
float:left;
height:28px;
width:180px;
}

/***************************************************************** fin headbanner et menu haut **********************************************************/

/***************************************************************** menu gauche **************************************************************/

#left_menu{
width:183px;
float:left;
}

#left_menu ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#e77d00;
padding-left:10px;
padding-top:40px;
}

#left_menu li.bienvenue{
color:#000;
font-size:13px;
border-bottom:1px solid #666666;
}

#left_menu li{
display:block;
list-style:none;
padding:3px;
padding-left:0px;
margin:0px;
border-bottom:1px solid #666666;
}

#left_menu li a:link{
text-decoration:none;
color:#000;
}

#left_menu li a:visited{
text-decoration:none;
color:#000;
}

#left_menu li a:hover{
text-decoration:none;
color:#e77d00;
}

#left_menu ul.sousmenu_left{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#e77d00;
padding-top:2px;
margin:0px;
}



#left_menu li.sousmenu_left{
display:block;
list-style:none;
padding-left:15px;
padding-top:0px;
border-bottom:none;
margin:0px;
border:0px;
}

#left_menu li.sousmenu_left a:link{
text-decoration:none;
color:#000;
}

#left_menu li.sousmenu_left a:visited{
text-decoration:none;
color:#000;
}

#left_menu li.sousmenu_left a:hover{
text-decoration:none;
color:#e77d00;
}

#left_menu p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
margin:0 0 0 10px;
}

.mailfield{
margin:0 0 0 10px;
width:130px;
color:#666666;
border:1px solid #555;
}
.valid{
margin:0 0 0 10px;
width:25px;
border:1px solid #555;
}
#pastille{
margin-top:10px;
position:relative;
width:183px;
height:300px;
bottom:0px;
left:0px;
float:left;
}

/********************************************************************** fin menu gauche **********************************************************/
/********************************************************************** accueil ******************************************************************/

#base_acceuil{
width:792px;
position:relative;
margin:0 0 0 15px;
background-image:url(images/accueil-fond.jpg);
background-repeat:no-repeat;
height:1100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#base_acceuil h1{
font-size:24px;
color:#333333;
margin:0 0 12px 0;
}

#base_acceuil h2{
font-size:15px;
color:#000;
margin:15px 0 0px 0;
text-decoration:underline;
font-weight:bolder;
}

#base_acceuil p{
font-size:12px;
color:#333333;
margin:0 0 5px 0;
}


#menu_rapide{
width:190px;
float:right;
margin:0 20px 0 0px;
padding:0;
}

#menu_rapide a{
width:95px;
height:67px;
border:none;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:0;
}

#menu_rapide div{
margin:0;
padding:0;
height:67px;
width:95px;
float:left;

}
.bouton1 {
background-image:url(images/tntop-bouton-1-2.jpg);
}
.bouton2 a:hover{
background-image:url(images/tntop-bouton-2-2.jpg);
}
.bouton3{
background-image:url(images/tntop-bouton-3-2.jpg);
}
.bouton4{
background-image:url(images/tntop-bouton-4-2.jpg);
}


.bouton1 a{
background-image:url(images/tntop-bouton-1.jpg);
}

.bouton1 a:hover{
background-image:url(images/tntop-bouton-1-2.jpg);
}

.bouton2 a{
background-image:url(images/tntop-bouton-2.jpg);
}

.bouton2 a:hover{
background-image:url(images/tntop-bouton-2-2.jpg);
}
.bouton3 a{
background-image:url(images/tntop-bouton-3.jpg);
}

.bouton3 a:hover{
background-image:url(images/tntop-bouton-3-2.jpg);
}
.bouton4 a{
background-image:url(images/tntop-bouton-4.jpg);
}

.bouton4 a:hover{
background-image:url(images/tntop-bouton-4-2.jpg);
}

#bloc_tvcablesat{
width:88px;
height:47px;
margin:10px 20px 0 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
text-align:left;
float:right;
}
#espace_canape{
width:390px;
height:180px;
float:left;
}
#texte_accueil{
width:750px;
height:450px;
float:left;
margin:0px 0 0 20px;;
left:30px;
}
#texte_accueil .bloc_index{
	width:350px;
	margin:20px 23px 50px 0;
	float:right;
	
}


#acc_promo{
width: 320px;
height:130px;
float:right;
margin-top:20px;
text-align:left;
font-size:12px;
}
#acc_promo img{
border:0;
margin:0;
padding:0;
}

#spotpub{
float:right;
width:300px;
margin-top:0px;
text-align:left;
position:relative;
clear:right;
}

#acc_jeux{
width: 320px;
float:right;
margin-top:0px;
text-align:left;
font-size:12px;
}

#titre-jeux{
background-image:url(images/titre-jeux.jpg);
background-repeat:no-repeat;
width: 300px;
height:35px;
text-align:center;
}

#titre-jeux h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
color:#000;
padding-top:5px;
}

#contenue-jeux{
width: 300px;
background-image:url(images/fond-jeux.jpg);
background-repeat:repeat-y;
}

#contenue-jeux h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:30px;
font-weight:bold;
padding-top:10px;
}

#contenue-jeux p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:30px;
padding-right:30px;
text-align:justify;
}

#contenue-jeux img.tof{
margin-left:30px;
}

#jouez{
width:270px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}

#jouez a:link{
text-decoration:none;
color:#000;
}

#jouez a:visited{
text-decoration:none;
color:#000;
}

#jouez a:hover{
text-decoration:underline;
color:#000;
}


/**** les blocs sauvahes de l'acceuil***/
#bloc_accueil_1{
width:210px;
height:150px;
margin:0;
padding:0;
margin-left:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
text-align:left;
float:left;
}

#bloc_accueil_noel{
width:211px;
height:270px;
margin:0;
padding:0;
margin-left:130px;
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
text-align:left;
float:left;
}
#marge_accueil{
float:left;
height:50px;
width:51px;

}
#flash_accueil{
	position:relative;
	z-index:2;
width:247px;
height:161px;
margin: 21px 0 0 0px;
padding:0;
float:left;
background-color:#660000;
}

/***************************************/


#separateur_index{
height:100px;
width:792px;
clear:both;
margin:0;
padding:0;
background-image:url(images/tnt-top-separateur.jpg);
background-position:bottom;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
text-align:left
}

#separateur_index span{
margin: 10px 40px 0;
display:block;
}


#programmes{
margin:auto;
width:700px;
height:200px;
}

.emission{
width:232px;
height:160px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
font-weight:bold;

}

.emission img{
margin:0 10px 0 0;
}


#bas_gauche{
clear:both;
width:331px;
height:44px;
background-image:url(images/bas_acc.jpg);
background-position:top;
}

#bas_gauche p{
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
}

/**********************ANCIEN ACCUEIL *************************************
#acc_gauche{
float:left;
width:331px;
height:450px;
padding-top:6px;
padding-left:13px;
}
#texte{
width:331px;
height:406px;
}
#texte p{
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#texte img{
padding-left:5px;
}


#acc_droit{
float:left;
margin-top:6px;
width:463px;
height:450px;

}
/******************************************************************/
/********************************************************************** contenu des pages ********************************************************/

#contenu{
position:relative;
width:807px;
top:0px;
left:0px;
float:left;
}

#titre{
position:relative;
width:807px;
top:0px;
left:0px;
height:55px;
background-image:url(images/bandeau_titre.jpg);
background-repeat:no-repeat;
}

#titre ul{
width:750px;
color:#f29401;
padding-top:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding-left:40px;
}

#titre li{
display:inline;
padding-left:40px;
}

#titre li a:link{
font-size:12px;
color:#fff;
text-decoration:none;
}

#titre li a:visited{
font-size:12px;
color:#fff;
text-decoration:none;
}

#titre li a:hover{
font-size:12px;
color:#f29401;
text-decoration:none;
}

#titre img{
margin-top:-14px;
}

#lien_contact_distrib{
width:190px;
float:right;
color:#f29401;
padding-top:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}
#en_savoir_plus{
	color:#000;
	text-decoration:none;
	}

#lien_contact_distrib a:link{
text-decoration:none;
color:#fff;
}

#lien_contact_distrib a:visited{
text-decoration:none;
color:#fff;
}

#lien_contact_distrib a:hover{
text-decoration:none;
color:#f29401;
}

/******************************************* les chaine *********************************************/

#chaines{
float:left;
margin-top:20px;
margin-left:18px;
width:250px;
height:174px;
background-image:url(images/fond_chaine.jpg);
background-repeat:no-repeat;
}

#chaines p{
font-family: Helvetica, sans-serif;
font-size:9px;
color:#000;
}

#chaines2{
float:left;
margin-top:20px;
margin-left:10px;
width:250px;
height:174px;
background-image:url(images/fond_chaine.jpg);
background-repeat:no-repeat;
}

#chaines2 p{
font-family:Helvetica, sans-serif;
font-size:9px;
color:#000;
}

#tps{
float:left;
margin-top:20px;
margin-left:120px;
width:401px;
height:174px;
background-image:url(images/fond_tps.jpg);
background-repeat:no-repeat;
}

#tps p{
font-family:Helvetica, sans-serif;
font-size:9px;
color:#000;
}

/******************************************* fin chaines ********************************************/

#titre h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#f29401;
padding-top:18px;
padding-left:25px;
}

#fond_contenu{
width:807px;
min-height:340px;
background-image:url(images/fond_contenu.jpg);
background-repeat:repeat-y;
background-position:bottom;
float:left;
}

#fond_contenu_seul p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding:10px;
padding-left:40px;
}

#fond_contenu_seul h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000;
padding:10px;
padding-left:40px;
padding-top:20px;
}

#fond_contenu_seul h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#e77d00;
padding:10px;
padding-left:40px;
}

#fond_contenu_seul h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000;
padding:10px;
padding-left:40px;
}

#fond_contenu_seul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#e77d00;
}

#fond_contenu_seul a:hover{
text-decoration:none;
color:#000;
}

#fond_contenu_acc{
width:807px;
height:1120px;
float:left;
background-image:url(images/fond_contenu.jpg);
background-repeat:repeat-y;
background-position:right top;
}

#bloc_img_acc{
padding-top:3px;
padding-left:120px;
}

#bloc_droit{
width:300px;
height:470px;
float:right;
margin-right:10px;
margin-top:10px;

}

#bloc_droit p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
padding-left:25px;
padding-bottom:55px;
}

#bloc_droit h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#fff;
text-align:center;
padding-top:23px;
padding-bottom:35px;
}

#bloc_droit_bouquet{
width:300px;
height:420px;
float:right;
margin-right:0px;
margin-top:10px;
}

#bloc_droit_bouquet img{
padding-top:20px;
}

#bloc_droit_coffret{
width:330px;
height:460px;
float:right;
margin-right:4px;
margin-top:10px;
}

#bloc_droit_coffret h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#000;
padding-top:20px;
padding-bottom:20px;
}

#bloc_droit_coffret h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#000;
padding-bottom:20px;
}

 



#bloc_gauche{
width:420px;
min-height:420px;
float:left;
margin-left:20px;
margin-top:30px;
}

#bloc_gauche p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
font-weight:bold;
padding-bottom:20px;
}

#bloc_gauche span.euro{
font-size:22px;
font-weight:bold;
}

#bloc_gauche h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#000;
padding-bottom:20px;
}

#bloc_gauche h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e77d00;
font-size:12px;
font-weight:bold;
padding-bottom:20px;
}

#bloc_gauche h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:14px;
font-weight:bold;
padding-bottom:20px;
}

#bloc_gauche li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-bottom:10px;
color:#000;
margin-left:20px;
list-style-type:none;
}

#bloc_gauche li span{
color:#e77d00;
}

#asterisque{
width:770px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
padding-left:35px;
}

#footer_contenu{
position:relative;
width:990px;
height:57px;
background-image:url(images/footer_contenu.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}

#footer_contenu p{
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color:#000;
padding-left:220px;

}

#footer_contenu_acc{
position:relative;
width:990px;
height:57px;
background-image:url(images/footer_contenu_acc.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}

#footer_contenu_acc h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;

color:#fff;
padding-top:10px;
padding-left:250px;
}

/************************************************************ fin contenu des pages *************************************************/

#footer{
position:relative;
bottom:0px;
left:0px;
width:990px;
height:103px;
float:left;
background-image:url(images/footer_01.jpg);
background-repeat:repeat-x;
text-align:right;
}

#boutons{
width:990px;
height:84px;
float:left;
}

#menu_footer{
width:990px;
height:19px;
float:left;
background-color:#f8b916;
}

#menu_footer ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
text-align:right;
padding-right:10px;
}

#menu_footer li{
display:inline;
padding-right:2px;
}

#menu_footer li a:link{
color:#000;
font-weight:bold;
text-decoration:none;
}

#menu_footer li a:visited{
color:#000;
font-weight:bold;
text-decoration:none;
}

#menu_footer li a:hover{
color:#fff;
font-weight:bold;
text-decoration:none;
}

/************************************************* page avec formulaire ***********************************************/

#formulaire{
padding-top:20px;
padding-left:40px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

#formulaire p{
padding-left:10px;
}

#formulaire input{
border:1px solid #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

#formulaire select{
border:1px solid #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

#formulaire h3{
background-image: url(images/titre_formulaire.jpg);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
padding:5px;
}

#formulaire h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
padding:10px;
}

#formulaire span{
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#e20919;
}

#formulaire a:link{
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#e20919;
}

#formulaire a:visited{
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#e20919;
}

#formulaire a:hover{
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
font-size:12px;
color:#e20919;
}

#formulaire p.obligatoire{
padding-left:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#000;
}


/**************************************************** pages chaine ********************************************/

#chaine_blocgauche{
float:left;
width:250px;
margin-left:30px;
margin-top:80px;
}

#description_chaine{
float:right;
width:480px;
margin-right:30px;
margin-top:130px;
}

#description_chaine p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
}


/**************************************************** page contact ********************************************/

#contenu_contact{
float:left;
width:365px;
}

#bloc_contact{
width:327px;
height:115px;
background-image:url(images/fond_contact2.jpg);
background-repeat:no-repeat;
margin-top:10px;
margin-left:40px;
}

#bloc_contact a{
background-image:url(images/fond_contact.jpg);
display: block;
width: 327px;
height: 115px;
color:#000;
text-decoration:none;
}

#bloc_contact a:hover{
background-image:url(images/fond_contact2.jpg);
display: block;
width: 327px;
height: 115px;
color:#000;
text-decoration:none;
}

#bloc_contact h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:5px;
padding-left:15px;
padding-top:17px;
}

#bloc_contact p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:5px;
padding-left:15px;
}

#bloc_contact span{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bolder;
color:#e77d00;
}

#bloc_contact span.prix{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000;
}

#bloc_contact span.email{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
font-style:italic;
padding-left:15px;
color:#ff9900;
text-decoration:underline;
}

#formulaire_contact{
float:left;
width:414px;
height:451px;
background-image:url(images/fond_form_contact.jpg);
margin-left:5px;
margin-top:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#formulaire_contact table{
margin-left:20px;
margin-top:20px;
}

#formulaire_contact input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}

#formulaire_contact textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #999999;
}

/**************************************************** page avec bloc distributeur ********************************************/


#acces_gauche{
float:left;
margin:0px;
width:356px;
height:146px;
margin-top:150px;
padding-left:60px;
background-image:url(images/fond_acces1.gif);
background-position:right;
background-repeat:no-repeat;
}

#acces_gauche h2{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
padding-top:35px;
}

#acces_gauche h2 a{
text-decoration:none;
color:#000;
}

#colonne_acces{
float:right;
width:206px;
height:400px;
padding-top:20px;
padding-right:90px;
}

#acces_droit{
width:206px;
height:88px;
margin-top:10px;
margin-left:30px;
background-image:url(images/fond_acces2.gif);
}
#acces_droit2{
width:206px;
height:186px;
margin-top:10px;
margin-left:30px;
background-image:url(images/fond_acces3.gif);
}

#acces_droit3{
width:206px;
height:88px;
margin-top:10px;
margin-left:30px;
background-image:url(images/fond_acces2.gif);
}

#acces_droit3 h4{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:3px;
}

#acces_droit3 h4 a{
text-decoration:none;
color:#000;
}

#acces_droit h4{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:20px;
}

#acces_droit h4 a{
text-decoration:none;
color:#000;
}

#acces_droit2 h4 span{
color: #999999;
}

#acces_droit2 h4{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding-top:20px;
}

#acces_droit2 h4 a{
text-decoration:none;
color:#000;
}

#acces_droit2 h4 span{
color: #999999;
}

/**************************************************** FAQ ********************************************/

.question {
list-style-type:circle;
font-size:12px;
font-weight:bold;
padding:0px 30px 0px 30px;
margin:0;
}

.question a:{
color:#FF0000;}

.reponse {
font-size:4px;
font-weight:bold;
padding:0px 30px 0px 60px;
margin:0;
}

/************************************************ page s'abonner *************************************************/
#bloc123{
width:320px;
float:left;
margin-left:20px;
margin-top:30px;
}
#bloc123 p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
font-weight:bold;
padding-bottom:20px;
}

#bloc_aumilieu{
width:175px;
float:left;
margin:30px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:9px;
font-weight:bold;
}

#bloc_aumilieu img{
margin:0 5px 0 10px;
}


}
#flecheabo{
margin-top:20px;
}

.aligndroite{
text-align:right;
}
.plusgros{
font-size:16px;
}

.prix{
font-size:18px;
}

#bloc_pratique{
width:252px;
height:292px;
float:right;
margin-right:10px;
margin-left:0px;
margin-top:10px;
background-image:url(images/tntop-pratique.jpg);
background-repeat:no-repeat;
}

#bloc_rapide{
width:252px;
height:292px;
float:right;
margin-right:5px;
margin-left:0px;
margin-top:10px;
background-image:url(images/tntop-rapide.jpg);
background-repeat:no-repeat;
}

#bloc_simple{
width:252px;
height:292px;
float:right;
margin-right:5px;
margin-left:0px;
margin-top:10px;
background-image:url(images/tntop-simple.jpg);
background-repeat:no-repeat;
}

#texttoppratique{
width:200px;
margin:auto;
position:relative;
top:60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
font-weight:bold;

}
#texttoppratique a{
width:189px;
height:92px;
display:block;
margin:auto;
background-image:url(images/revend.jpg);
color:#66FF00;
text-decoration:none;
border:none;
}

#texttoppratique a:hover{
background-image:url(images/revend-rollover.jpg);
}	

#texttoppratique a.rapide{
width:189px;
height:92px;
display:block;
margin:auto;
background-image:url(images/enregistre.jpg);
color:#66FF00;
text-decoration:none;
border:none;
}

#texttoppratique a.rapide:hover{
background-image:url(images/enregistre-rollover.jpg);
}	

#texttoppratique a.pratique{
width:189px;
height:92px;
display:block;
margin:auto;
background-image:url(images/commande.jpg);
color:#66FF00;
text-decoration:none;
border:none;
}

#texttoppratique a.pratique:hover{
background-image:url(images/commande-rollover.jpg);
}	

.separ{
color:#FFF;
height:0;
border:none;
clear:both;
margin:0;
padding:0;
}

#troisfacon img{
margin-left:180px;
}

#troisfacon p{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-align:center;
margin-top:20px;
margin-bottom:10px;
}

#bas_sabonner_gauche{
clear:both;
width:366px;
height:384px;
margin:0 0 0 15px;
float:left;

}
#bas_sabonner img{
border:none;
margin:0;
}



#bas_sabonner_droit{
width:400px;
height:384px;
margin:0;
float:left;
background-image:url(images/fond-spirale.jpg);
background-repeat:no-repeat;
}

#bas_sabonner_droit p{
margin: 5px 0 5px 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
font-weight:bold;
width:310px;
}

#bas_sabonner_droit p.deux{
margin-top:48px;
margin-left:84px;
margin-bottom:0px;
}

#bas_sabonner_droit p.trois{
margin-top:30px;
margin-left:80px;
margin-bottom:0px;
}

#bas_sabonner_droit h2{
margin: 50px 0 10px 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:16px;
font-weight:bold;
}

.credits{
font-size:8px;
font-weight:normal;
}
/********************************************************************** Chaine ******************************************************************/

#entete_chaine{
height:67px ;
width:800px; 
margin:20px 0 0 0; 
float:left;
}

#base_chaine{
width:792px;
position:relative;
margin:0 0 0 15px;
background-image:url(images/chaine-fond.jpg);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#fond_contenu_chaine{
width:807px;
float:left;
background-image:url(images/fond_contenu.jpg);
background-repeat:repeat-y;
background-position:right top;
}


#base_chaine h1{
font-size:18px;
color:#333333;
margin:0 0 12px 0;
}

#base_chaine h2{
font-size:15px;
color:#000;
margin:15px 0 0px 0;
text-decoration:underline;
font-weight:bolder;
}

#base_chaine p{
font-size:12px;
font-weight:bold;
color:#333333;
margin:0 0 5px 0;
}

#marge_chaine{
float:left;
height:50px;
width:28px;

}
#flash_chaine{
width:323px;
height:213px;
margin: 22px 0 0 0px;
padding:0;
float:left;
background-color:#660000;
}

#footer_chaine{
clear:both;
position:relative;
width:990px;
height:57px;
background-image:url(images/footer_contenu_acc.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}

#footer_chaine h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
color:#fff;
padding-top:10px;
padding-left:250px;
}

#logo_chaine{
width:70px;
height:180px;
text-align:center;
margin-left:30px;
margin-top:50px;
float:left;
}

#logo_tntbig{
width:232px;
height:110px;
text-align:center;
margin-right:70px;
margin-top:10px;
float:right;
}

#menu_chaine2{
width:200px;
height:90px;
text-align:center;
margin-top:20px;
margin-right:10px;
float:right;
}
#menu_chaine{
width:270px;
height:120px;
text-align:center;
margin-left:30px;
margin-top:40px;
float:left;
}
#resume{
width:265px;
margin:50px 0 0 40px;
padding:0;
height:auto;
float:left;
}
#resume2{
width:350px;
margin:50px 0 0 40px;
padding:0;
height:auto;
float:left;
}

#momentfort{
float:left;
margin-top:30px;
}

#image_moment{
float:left;
width:250px;
height:180px;
background-image:url(images/ombre-chaine.jpg);
background-position:right;
background-repeat:no-repeat;
}

#image_moment img{
margin-left:20px;
margin-top:5px;
}

#resume_moment{
float:left;
width:500px;
padding-left:10px;
}

#resume_moment p{
font-weight:normal;
}

#resume_moment h3{
font-size:16px;
}

#menu_chaines{
height:75px;
clear:both;
background-image:url(images/separation-chaine.jpg);
background-repeat:no-repeat;
background-position:right;
}

#separateurchaines{
width:120px;
height:75px;
float:left;
margin:0;
padding:0;
}
#euro{
float:left;
margin:0;
border:none;
text-decoration:none;
}
#euro a{
background-image:url(images/logo_01.jpg);
display:block;
width:86px;
height:75px;
}

#euro a:hover{
background-image:url(images/logo_over_01.jpg);
}

#planete{
float:left;
border:none;
text-decoration:none;
margin:0;
display:block;
}
#planete a{
background-image:url(images/logo_02.jpg);
display:block;
width:67px;
height:75px;
}

#planete a:hover{
background-image:url(images/logo_over_02.jpg);
}

#tf6{
float:left;
border:none;
text-decoration:none;
display:block;
margin:0;

}
#tf6 a{
background-image:url(images/logo_03.jpg);
display:block;
width:85px;
height:75px;
}

#tf6 a:hover{
background-image:url(images/logo_over_03.jpg);
}

#premiere{
float:left;
border:none;
text-decoration:none;
display:block;
margin:0;

}
#premiere a{
background-image:url(images/logo_04.jpg);
display:block;
width:88px;
height:75px;
}

#premiere a:hover{
background-image:url(images/logo_over_04.jpg);
}

#lci{
float:left;
border:none;
text-decoration:none;
display:block;
margin:0;

}
#lci a{
background-image:url(images/logo_05.jpg);
display:block;
width:70px;
height:75px;
}

#lci a:hover{
background-image:url(images/logo_over_05.jpg);
}

#tnt{
float:left;
border:none;
text-decoration:none;
display:block;
margin:0;

}
#tnt a{
background-image:url(images/logo_06.jpg);
display:block;
width:68px;
height:75px;
}

#tnt a:hover{
background-image:url(images/logo_over_06.jpg);
}

#tpsstar{
float:left;
margin:0 0 0 40px;
border:none;
text-decoration:none;
display:block;
}
#tpsstar a{
background-image:url(images/logo_08.jpg);
display:block;
width:73px;
height:75px;
}

#tpsstar a:hover{
background-image:url(images/logo_over_08.jpg);
}

#canal{
float:left;
border:none;
text-decoration:none;
display:block;
margin:0;

}
#canal a{
background-image:url(images/logo_09.jpg);
display:block;
width:75px;
height:75px;
}

#canal a:hover{
background-image:url(images/logo_over_09.jpg);
}

#resume-tnt{
float:left;
width:791px;
height:275px;
background-image:url(images/fond-tnt.jpg);
margin-bottom:20px;
margin-top:50px;
}

#resume-tnt p{
padding-top:150px;
padding-left:20px;
padding-right:20px;
}

#chaine_top{
width:225px;
height:150px;
float:left;
text-align:center;
padding-left:40px;
margin-top:20px;
}

#chaine_top p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#chaine_top2{
width:225px;
height:150px;
float:left;
text-align:center;
margin-left:15px;
margin-top:20px;
}

#chaine_top2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#chaine_gratuite{
width:780px;
height:150px;
clear:both;
text-align:center;
margin-left:15px;
margin-top:20px;
}

#separateur-chaine{
width:1px;
height:150px;
float:left;
background-image:url(images/separateur-chaine.jpg);
margin-top:20px;
margin-left:15px;
}

/******************************************plan du site************************************************/


#plandusite{
width:400px;
margin:10px auto ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
}

#plandusite ul ul{
margin:0 0 0 30px;
}

#plandusite a{
color:#FF6600;
text-decoration:none;
}
/******************************************jeu***********************************************************/


#jeu_main{
width:780px;
clear:both;
text-align:center;
margin-left:15px;
margin-top:20px;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}

#reglement_jeu{
	width:500px;
	margin:auto;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#FFF;
	padding:5px;
}

.spetable{
	border:#000 1px solid;

}
/***********************************************/

#chemindefer{
	margin:0 0 0 20px;
}


/***********************************************/


/************************************* Alerte ***********************************************************/

#alerte{
	position:absolute;
	width:530px;
	height:560px;
	margin:0px 0px 0px -256px;
	top:100px;
	/*background-image:url(images/transpafond.png);*/
	z-index:900;
	left:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	/*border:#FC0 solid 1px;*/
	border:none;
}
#logo-alerte{
	position:relative;
	width:120px;
	height:81px;
	margin:0px;
	float:left;
}
#alertefermer{
	position:relative;
	width:70px;
	height:15px;
	float:right;
	color:#FC0;
	font-weight:bold;
	margin:5px 15px 0 0;
	background-image:url(images/transpafond.png);

}
#textealerte {
	position:relative;
	clear:both;
	width:500px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	text-align:justify;
}

#textealerte h1{
	text-align:center;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:20px;
}

#alerte a{
	text-decoration:none; 
	color:#FC0;	
}
#alerte a:hover{
	text-decoration:none; 
	color:#FF3;	
}