/*
orange : #ff6600
bleu foncé : #0d3b82
bleu clair : #428ef9
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.3em;
	margin: 0;
	padding: 0;
	background-color:#000000;
	background-image:url('../images/background_header.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	color:#FFFFFF;

}

#general{
	position:relative;
	left:0;
	margin:auto;
	padding:auto;
}

#page {
	position:relative;
	width: 1022px;
	margin: 0 auto;
}

#header {
	position:relative;
	top:0px;
	width: 1022px;
	height: 299px;
	margin-left:-7px;
	/*background-image:url('../images/header.png');
	background-repeat:no-repeat;
	background-position:top center;*/
}

#contenu {
	padding:20px 20px 20px 20px;
	margin-bottom:20px;

}
#contenu_border{
	width:870px;
	padding:50px 20px 0px 20px;
	margin-left:36px;
	float:left;
}
#contenu_border_no_marge{
	width: 890px;
	background-color:#000000;
	float:left;
	padding:0;
	margin:0;
}
#contenu_border_bottom{
	float:left;
	width:910px;
	height:30px;
	/*background-image:url('../images/bottom_content_border.png');
	background-repeat:no-repeat;	*/

}
#footer {
clear:both;
z-index:1;
width:910px;
height:112px;
}

#footer_logos {
	list-style-type:none;
	margin:0 0 0 52px;
	padding:30px 0 0 0;
}

#footer_logos li{
	display:inline;
	margin:0;
	padding:0;
}

p {
	margin: 0;
}

.noBorder{
border:none;
}
.border_yellow{
border:1px solid  #ffe415;
}
.border_white{
border:1px solid #ffffff;
}
.gras{
font-weight:bold;
}
.underline{
text-decoration:underline;
}
.italic{
font-style:italic;
}
.justify{
text-align:justify;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.spacer{
clear:both;
}
.position_left{
float:left;
}
.position_right{
float:right;
}
.middle{
vertical-align:middle;
}
/********************************/
/********** MENU HAUT ***********/
/********************************/
#menu{
position: absolute;
top: 299px;
left:46px;
padding:0;
z-index:1000;
width:1022px;
height:63px;
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}
.first_item{
float:left;
}
#menu li{
margin:0;
line-height:0;
}
#menu a{
margin:0;
padding:0;
}
#menu img{
margin:0;
padding:0;
}
#smenu1{
width:96px;
height:87px;
}
.smenu{
margin:0;
padding:0;
position:relative;
top:-12px;
}
.smenu li{
margin:0;
padding:0;
width:96px;
height:22px;
}

.smenu a{
/*text-indent:4px;
line-height:1.5em;
display:block;
color:#0d3b82;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;*/

}
.smenu a:hover{
/*color:#ff6600;*/
}
/********************************/
/********** CONTENU   ***********/
/********************************/
/****HOMEPAGE***********/
#home_left{
width:550px;
float:left;
}
#home_left_bg{
width:550px;
height:310px;
float:left;
}

#home_right{
position:relative;
left:0;
width:305px;
float:left;
background-image:url('../images/home_video_bg.png');
background-repeat:no-repeat;
padding-left:15px;
padding-top:10px;
}

#home_btn_radio{
float:left;
width:200px;
}

#home_btn_videos{
float:left;
width:100px;
}

#home_btn_quizz{
position:absolute;
top:385px;
left:290px;
}
/*****DEFI****/
#contenu_gauche{
width:405px;
float:left;
}
#contenu_centre{
width:455px;
float:left;
padding-left:10px;
}
#contenu_pleine_page{
width:870px;
float:left;
padding-left:10px;
padding-right:10px;
}


#defi_comp_gauche{
background-image:url('../images/defi/image_BG_competition.jpg');
background-repeat:no-repeat;
float:left;
width:520px;
height:249px;
}
#defi_comp_droite{
background-image:url('../images/defi/image_HD_competition.jpg');
background-repeat:no-repeat;
float:left;
width:478px;
height:599px;
}
#defi_comp_droite_contenu{
position:relative;
top:130px;
left:90px;
width:75%;
}
#defi_dot_gauche{
background-image:url('../images/defi/image_BG_dotations.jpg');
background-repeat:no-repeat;
float:left;
width:520px;
height:249px;
}
#defi_dot_gauche_contenu{
padding:25px;
position:relative;
top:-2px;
left:202px;
color:#FFFFFF;
font-weight:bold;
width:53%;
}
#defi_dot_droite{
background-image:url('../images/defi/image_HD_dotations.jpg');
background-repeat:no-repeat;
float:left;
width:478px;
height:599px;
}
#defi_dot_droite_btn{
margin-top:530px;
margin-left:195px;
}

#defi_kart_droite{
background-image:url('../images/defi/image_HD_kart.jpg');
background-repeat:no-repeat;
float:left;
width:478px;
height:599px;
}
#defi_kart_droite_contenu{
position:relative;
top:30px;
left:90px;
width:75%;
color:#FFFFFF;
font-weight:bold;
}
/*******INSCRIPTION************/
#contenu_gauche_inscription{
width:418px;
float:left;
}
#defi_inscription_gauche{
background-image:url('../images/inscription/BG_inscription.jpg');
background-repeat:no-repeat;
width:418px;
height:358px;
}
#inscription_reglement{
margin:15px 0 15px 0;
overflow:auto;
overflow-x: hidden; 
float:left;
width:400px;
height:140px;
border:1px solid #d3d3d3;
}
#inscription_reglement_contenu{
padding:15px;
float:left;
width:530px;
}
#inscription_bg{
background-image:url('../images/inscription_fond.png');
background-repeat:no-repeat;
width:865px;
height:176px;
color:#FFFFFF;
}
/*****INVITE TES POTES *********/
#form_invite_potes{
padding:15px 0px 25px 0;
width:350px;
}
#form_invite_potes p{
padding:0 1em 1.8em 0;
clear:both;
font-weight:bold;
}
#form_invite_potes label{
float:left;
display:block;
width:100px;
clear:both;
padding-top:0.3em;
}
.input_text_short{
width:100px;
border:1px solid #d3d3d3;
background-color:#FFFFFF;
color:#319EE1;
}
.input_text_long{
width:230px;
border:1px solid #d3d3d3;
background-color:#FFFFFF;
color:#319EE1;
}
.input_text_very_long{
width:320px;
border:1px solid #d3d3d3;
background-color:#FFFFFF;
color:#319EE1;
}
.input_submit_black{
border:1px solid #d3d3d3;
background-color:#FFFFFF;
color:#319EE1;
cursor:pointer;
}
.input_submit_yellow{
border:1px solid #d3d3d3;
background-color:#FFFFFF;
color:#319EE1;
cursor:pointer;
}

.input_form_black{
border:1px solid #d3d3d3;
background-color:#FFFFFF;
color:#319EE1;
}
/***** JEU QUIZZ *********/
#quizz1{
background-image:url('../images/quizz/image_quizz1.jpg');
background-repeat:no-repeat;
width:890px;
float:left;
margin-top:-10px;
}
#form_jeu_quizz{
float:left;
}

#form_jeu_quizz p{
padding:0 1em 0.7em 0;
font-weight:bold;
}
#form_jeu_quizz label{
float:left;
width:100px;
padding-top:0.3em;
}

#jeu_invitation_fond{
background-image:url('../images/quizz_fond.jpg');
background-repeat:no-repeat;
float:left; 
width:420px;
height:220px;
}
#jeu_invitation_contenu{
margin-top:30px;
margin-left:50px;
color:#FFFFFF;
}
.input_text_long_yellow{
background-color:#003B61;
border:1px solid #FFAE00;
color:#FFFFFF;
width:200px;
}

#form_jeu_invitation{
float:left;
margin-top:220px;
padding-left:115px;
}

#form_jeu_invitation p{
padding:0 1em 1.5em 0;
font-weight:bold;
}
#form_jeu_invitation label{
float:left;
width:50px;
padding-top:0.3em;
}

#quizzbuzz_friends{
background-image:url('../images/quizzbuzz_friends.jpg');
background-repeat:no-repeat;
float:left; 
width:847px;
height:120px;
margin-top:20px;
color:#FFFFFF;
padding:10px;
}

/********************************/
/********** POLICE    ***********/
/********************************/
.txt9{
font-size:9px;
}
.txt10{
font-size:10px;
}
.txt11{
font-size:11px;
}
.txt12{
font-size:12px;
}
.txt13{
font-size:13px;
}
.txt14{
font-size:14px;
}
.txt15{
font-size:15px;
}
.txt16{
font-size:16px;
}
/********************************/
/********** ESAPCE    ***********/
/********************************/
.padding5{
padding:5px;
}
.padding5_top{
padding-top:5px;
}
.padding5_bottom{
padding-bottom:5px;
}
.padding10{
padding:10px;
}
.padding10_top{
padding-top:10px;
}
.padding10_bottom{
padding-bottom:10px;
}
.padding8_top{
padding-top:8px;
}
.padding10_left{
padding-left:10px;
}
.margin10{
margin:10px;
}
.margin10_top{
margin-top:10px;
}
.margin15{
margin:15px;
}
.margin15_top{
margin-top:15px;
}
.margin25_top{
margin-top:25px;
}
.padding15{
padding:15px;
}
.padding15_top{
padding-top:15px;
}
.padding25_top{
padding-top:25px;
}
.padding20{
padding:20px;
}
.padding20_top{
padding-top:20px;
}
.padding20_left{
padding-left:20px;
}
.padding20_right{
padding-right:20px;
}
.padding25{
padding:25px;
}
.padding30{
padding:30px;
}
.padding30_top{
padding-top:30px;
}
.padding35{
padding:35px;
}
.padding35_top{
padding-top:35px;
}
.padding40{
padding:40px;
}
.padding40_top{
padding-top:40px;
}
.margin20_top{
margin-top:20px;
}
.margin15_right{
margin-right:15px;
}
.margin25_right{
margin-right:25px;
}
.no_marge{
margin:0;
pading:0;
}
.text_indent_left{
padding-left:1.7em;
}
.text_indent_left_check{
padding-left:2.2em;
}
/********************************/
/***** NIVEAU DE TITRE  *********/
/********************************/
h1,h2,h3,h4{
font-weight:bold;
color:#428ef9;
margin-top : 0.7em;
margin-bottom:0.7em;
line-height:1.3em;
}

h1{
font-size:18px;

}
h2{
font-size:14px;
}
h3{
font-size:13px;
}
h4{
font-size:12px;
}

/********************************/
/*****     COULEURS     *********/
/********************************/
.color_white{
color:#FFFFFF;
}
.color_black{
color:#000000;
}
.color_blue{
color:#0d3b82;
}
.color_orange, .color_blue_light{
color:#ff6600;
font-weight:bold;
}
.color_sombre{
color:#999999;
}

/********************************/
/*****       LIENS      *********/
/********************************/
a{
color:#ff6600;
text-decoration:none;
}
a:hover{
color:#ff6600;
text-decoration:none;
}
a.lien_fonce{
color:#003B61;
text-decoration:none;
}
a.lien_fonce:hover{
color:#FFAE00;
text-decoration:none;
}
a.lien_white{
color:#FFFFFF;
text-decoration:none;
}
a.lien_white:hover{
text-decoration:none;
}
a.lien_yellow{
color:#ffe415;
text-decoration:underline;
}
a.lien_yellow:hover{
text-decoration:none;
}

a.lien_pair{
color:#FFFFFF;
text-decoration:underline;
}
a.lien_pair:hover{
color:#FFFFFF;
text-decoration:none;
}
a.lien_impair{
color:#FFFFFF;
text-decoration:underline;
}
a.lien_impair:hover{
color:#FFFFFF;
text-decoration:none;
}


a.lien_over_pair{
color:#FFFFFF;
text-decoration:none;
}
a.lien_over_pair:hover{
color:#FFFFFF;
text-decoration:none;
}
a.lien_over_impair{
color:#003B60;
text-decoration:none;
}
a.lien_over_impair:hover{
color:#003B60;
text-decoration:none;
}


.alert{
font-weight:bold;
color:#FF0000;
padding-top:10px;
padding-bottom:10px;
}
/********************************/
/*****    DIAPORAMA     *********/
/********************************/
.ajax_progress{
text-align:center;
width:150px;
heigth:100px;
margin:auto;
padding:auto;
}
.diaporama_first_image{
width:150px;
}


.top{
vertical-align:top;
}
.pair{
color:#FFFFFF;

}
.impair{
color:#003B60;
}
.calendrier_pair{
color:#FFFFFF;

}
.calendrier_impair{
color:#FF6600;
/*background-color:#FFFFFF;
opacity:0.3;
-moz-opacity:0.3;
filter : alpha(opacity=3); */
background-image:url('../images/calendrier_tableau_bande.png');
background-repeat:repeat-x;
}

#calendrier{
position:relative;
left:0;
float:left;
width:550px;
}
#calendrier_content{
position:relative;
left:0;
top:20px;
float:left;
width:550px;
}
#calendrier_table{
position:relative;
width:680px;
margin-top:0px;
margin-left:-90px;
font-weight:bold;
}
#calendrier_table td{
padding-top :5px;
padding-bottom:5px;
padding-left:5px;
}
#calendrier_table th{
font-size:16px;
text-align:left;
padding-bottom:8px;
}


#resultats_bg{
position:relative;
left:0;
float:left;
width:420px;
height:260px;
/*background-image:url('../images/resultats_fond.jpg');
background-repeat:no-repeat;*/
}

#resultats_table{
width:380px;
margin-top:15px;
margin-left:10px;
font-weight:bold;
}
#resultats_table td{
padding-top :5px;
padding-bottom:5px;
padding-left:5px;
}
#resultats_table th{
font-size:16px;
text-align:left;
padding-bottom:15px;
}

#resultats_table_layer{
width:400px;
height:190px;
overflow-y:auto;
}
#resultats_table_content{
width:370px;
height:270px;
margin-top:0px;
margin-left:10px;
font-weight:bold;

}
#resultats_table_content td{
padding-top :5px;
padding-bottom:5px;
padding-left:5px;
}

#resultats_data{
position:relative;
width:420px;
height:270px;
overflow-y:auto;
color:#FFFFFF;
}


/********formulaire sms*******/
#form_sms{

}
#form_sms p {
 padding:5px 0 5px 0;
 clear: both;

}
#form_sms label {
 width:70px;
 display:block;
 float:left;
}

/********News Ticker Homepage*******/
#newsticker {
	background: transparent url("../images/home_ticker.png") no-repeat 0 0;
	height:71px;
	position:relative;
	top:8px;
}
#newsticker ul {
	list-style: none;
	min-height: 1.6em;
	line-height:1.3em;
	width:380px;
	padding-top:27px;
	position:relative;
	left:40px;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	/*background: transparent url("../images/icon_closenewsticker.gif") no-repeat 0 0;*/
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}