*{
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

body {
	margin: 0; /* pour éviter les marges */
	font-size: 10px;
	text-align: center; /* pour corriger le bug de centrage IE */
	background: url(../gfx/bg.jpg) repeat-y center;
}

#global {
width: 990px;
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
color:#999;
}

img{
border:none; 
}
#cor_px{
	margin-left:-1px;
}
div#header{
width:990px;
margin:0; 
}

div#container{
text-align:left;
}

div#content p{
line-height:1.4;
}

div#footer{
display:block; 
height:92px;
background:url(../gfx/bg_footer.jpg) repeat-x; 
color: #FFF;
}

div#footer p{
padding:5px 10px;
margin:0;
}

div#container{
width:990px;
margin:0 auto;
}

div#navigation{
float:right;
width:458px;
}

div#extra{

float:right;
width:458px
}

div#footer{
clear:both;
width:100%
}

a{
color:#999;
text-decoration:none;
}

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

form{
margin: 0;
padding: 0;
}

input, textarea{
line-height:13px;
margin-bottom:2px;
padding-bottom:1px;
vertical-align:middle;
border:1px solid #aaaaaa;
background:#ffffff url(../gfx/inputBg.gif) top left no-repeat;
font-size:10px;  
}

select {
height:16px;
line-height:16px;
margin: 0;
padding: 0;
vertical-align:middle;
border:1px solid #aaaaaa;
background:#ffffff url(../gfx/inputBg.gif) top left no-repeat;
font-size:10px;  

}
.input_large{
width:250px;
}
.input_small{
width:120px;
}

.input_middle{
width:180px;
}

.input_extra_large{
width:305px;
}

.gris_fonce{
color: #555;
}

.gris_semi_fonce{
color: #666;
}

.gris_clair{
color:#999;
}

.h1_gris{
margin:0px;
margin-top:4px;
margin-left:10px;
padding:0px;
font-size:12px;
color:#666;
}

.h1_blanc{
margin:0px;
margin-top:4px;
margin-left:13px;
padding:0px;
font-size:12px;
color:#fff;
}

.h1_random{
margin:0px;
margin-bottom:10px;
padding:0px;
font-size:24px;
color:#ff0000;
}

/*wrap header top*/
#wrap_header_top{
height:74px; 
width:990px;
}

#header_banner{
float:left; 
width:100%;
}




/*fin wrap header top*/

/*wrap header middle*/
#wrap_header_middle{
height:84px;
width:990px;
background-color:black;
}

#header_logo{
float:left;
margin-left:20px; 
margin-top:5px; 
}

#header_newsletter{
float:right;
width:318px;
background-color:#555;
}

#header_newsletter_cartouche{
height:62px;
background:url(../gfx/bg_newsletter.jpg) repeat-x;
}

#header_newsletter h1{
height:18px;
line-height:18px;
margin:0px;
margin-left:13px;
padding:0px;
font-size:12px;
color:#fff;
}

#header_newsletter_text{
float:left;
margin-left:13px;
margin-top:10px;
color:white;
}

#header_newsletter_input{
float:left; 
margin-top:10px;
margin-left:13px;
}

.btn_submit{
height:16px;
width:16px;
margin-left:5px;
vertical-align:middle;
background-image:url(../gfx/btn_valider_mini.jpg);
border:none;
cursor: pointer;
}


/*fin wrap header middle*/

/*wrap header accueil*/
#wrap_header_accueil{
height:164px;
background:url(../gfx/bg_inscription.jpg) repeat-x; 
}

#header_accroche{
float:left;
height:164px;
width:606px;
}

#header_accroche_texte{
height:107px;
width:277px;
margin-left:231px;
margin-top:56px;
background-image:url(../gfx/bg_div_text_ban_random_tempo.png);
}

#header_accroche_texte_bigrouge{
float:left;
width:290px;
margin-left:14px;
margin-top:10px;
}

#header_inscription{
float:right;
height:164px;
width:384px;
padding:0;
color:#fff;
}

#header_inscription_h1{
margin:0px;
margin-top:9px;
margin-left:13px;
padding:0px;
font-size:12px;
color:#fff;
}
#cont_header_inscription{
margin-left:15px;
padding-top:3px;
font-size:12px;
}
#cont_header_inscription h2{
color:#f00;
font-size:18px;
margin-top:10px;
}
/*fin wrap header accueil*/


/* wrap header profil*/

#wrap_header_profil{
width:990px;
height: 80px;
}

#header_profil_h1{
height:19px;
}

#header_profil_cartouche{
height:69px;
background:url(../gfx/bg_scroll.jpg) repeat-x;
}

/*fin wrap header profil*/

/*wrapper*/
div#wrapper{
float:left;
display:block;
height:564px;
width:100%; 
background:url(../gfx/bg_accueil_tempo.jpg) repeat-x;
}


#wrapper #cartouche{
clear:both;
margin-top:17px; 
margin-left:12px; 
margin-bottom:0px; 
padding-bottom:0px;
}

#wrapper #cartouche_top{
clear:both; 
height:24px;
line-height:24px;
margin-bottom:0px; 
padding-bottom:0px;
}

#wrapper #cartouche_middle{
clear:both;
height:430px;  
width:502px;
margin-top:0px; 
padding-top:0px; 
background:white; 
}



.une_ligne .img_gauche{
float:left;
height:38px; 
width:38px; 
margin-top:6px; 
margin-left:6px; 
}

.une_ligne .description{
float:left;
width:190px;
margin-left:6px;
}

.une_ligne .content_type{ 
height:13px;
width:104px;
margin-top:50px;
margin-left:170px ;
position:absolute;
position:relative !important!;
}

.une_ligne .content_type:hover .annonce {
color:white;
text-decoration:none;
}

.une_ligne .content_type .icone_actu{
height:13px;
width:15px;
background:url(../gfx/icone_actu.png) no-repeat;
}

.une_ligne .content_type:hover .icone_actu{
height:13px;
width:15px;
background-image:url(../gfx/icone_actu_hover.png);
}
.une_ligne .content_type .annonce{
color:#999;
text-decoration:none;
float:left;
width:81px;
height:13px;
background-color:white;
text-align:center;
font-size:9px;
}

.une_ligne .content_type:hover .annonce{
background-color:#cc3333;
}

.une_ligne .h3_actu{
margin-top:4px;
margin-bottom:0px; 
padding-bottom:0px; 
padding-top:0px; 
font-size:11px; 

}


.une_ligne .content_type img{
float:right; 
margin-top:0px;
}

/*fin wrapper*/

div#navigation{
float:right;
display:block;
height:410px; 
width:458px; 
background:url(../gfx/bg_video_jour.jpg) repeat-x; 
}

#navigation #cartouche_video{
height:340px; 
width:442px; 
margin-left:9px; 
margin-top:17px; 
padding-top:15px; 
background-image:url(../gfx/bg_div_video.jpg); 
background-repeat:no-repeat;
}

#navigation #centrage_video{
text-align: center;
}

#navigation #centrage_video2{
width:416px;
margin-left: auto; 
margin-right: auto; 
text-align: left;
}

/*footer*/
div#footer #contenu{
 text-align:center; padding-top:40px; font-size:10px; width:100%; 
}
/*fin footer*/




/*index temporaire*/

#header_banner h2{
	color:#f00;
	font-size: 12px;
	padding:0;
	margin:0;
}
#header_banner h1{
	color:#fff;
	font-size: 12px;
	padding:0;
	margin:0;
	padding-top:5px;
}
.planning{
	background-image: url(../gfx/bg_planning.png);
	background-repeat: no-repeat;
	float:left;
	display:block;
	width:194px;
	height:42px;
	margin-top:12px;
	padding-left:15px;
	font-weight: bold;
}


div#wrapper #gauche #conteneur_g h1{
font-size:24px; 
color:white;
padding:0;
margin:0;
padding-top:12px;
padding-bottom:10px;
}
div#wrapper #gauche #conteneur_g h2{
padding:0;
margin:0;
padding-top:20px;
padding-bottom:9px;
color:#FFFFFF;
font-size:12px;
}

div#wrapper #gauche{
width:320px;
}

div#wrapper #gauche #conteneur_g{
margin-left:23px;
color:white;
font-size:12px;
 position: relative;
height:215px;
margin-top:14px;
}
div#wrapper #gauche #conteneur_actu{
margin-top:9px;
}
div#wrapper #gauche h2{
font-size:12px;
color:#fff;
padding:0;
margin:0;
padding-bottom:11px;
margin-left:17px;
margin-top:4px;
}

div#wrapper #gauche #conteneur_temoignage{
background-image:url(../gfx/bg_actu_tempo.png);
background-repeat: no-repeat;
width:283px;
height:227px;
margin-top:5px;
margin-left:15px;
padding:8px;
text-align:justify;
}
div#wrapper #gauche #conteneur_temoignage .temoignage{
padding-bottom:20px;
color:#ccc;
}


.actu{
background-image:url(../gfx/bg_actu_solo_tempo.png);
width:283px;
height:68px;
margin-bottom:15px;
}



div#wrapper #milieu{
background-image: url(../gfx/bg_inscription_tempo.png);
width:401px;
height:411px;
   z-index: 2;
   position: absolute;
top: 329px;
top: 316px!important!;
margin-left:287px;
}

div#wrapper #milieu #conteneur{
font-size:12px;
color:#707070;
margin-top:25px;
margin-left:50px;
}

div#wrapper #milieu #conteneur_m{
margin-top:28px;
margin-left:54px;
height:350px;
width:315px;
}

div#wrapper #milieu #conteneur_m h2{
font-size:12px;
color:#707070;
padding:0;
margin:0;
}
div#wrapper #milieu #conteneur_m h3{
font-size:14px;
color:#000;
padding:0;
margin:0;
padding-bottom:2px;
padding-top:3px;

}

div#wrapper #milieu #conteneur_m p{
padding-top:7px;
padding-bottom:7px;
padding-bottom:12px !important!;
margin:0;
}

div#wrapper #milieu #conteneur_m input {
height:25px;
line-height:25px;
margin-bottom:2px;
padding-bottom:1px;
vertical-align:bottom;
border:1px solid #aaaaaa;
background:#ffffff url(../gfx/inputBg.gif) top left no-repeat;
font-size:17px;
}

div#wrapper #milieu #conteneur_m select {
height:25px;
line-height:25px;
margin: 0;
padding: 0;
vertical-align:middle;
text-align:center;
border:1px solid #aaaaaa;
background: url(../gfx/inputBg.gif) top left no-repeat;
font-size:17px;  
margin-left:65px;
}

div#wrapper #milieu #conteneur_m #envoie_inscription input{
background-image: url(../gfx/envoie_inscription.png);
background-color:transparent;
border:none;
font-size:15px;
color:white;
width:106px;
height:33px;
line-height:32px;
margin-top:-8px !important!;
padding:0;
margin-left:100px;
cursor: pointer;
}


.rouge{
color:#f00;
}

.vert{
	color: Green;
}

div#wrapper #droite{
	background-image:url(../gfx/bg_recherche_amis_tempo.jpg);
	width:323px;
	height:172px;
	   z-index: 1;
   position: absolute;
top: 400px;
top: 387px!important!;
margin-left:668px;
}

div#wrapper #droite #conteneur_d{
margin-top:-25px;
margin-left:15px;
font-weight:bold;
font-size:12px;
}

div#wrapper #droite #conteneur_d h2{
font-size:12px;
color:#fff;
padding:0;
margin:0;
padding-bottom:15px;
height:20px!important!;
}

div#wrapper #droite #conteneur_d #conteneur_logo {
	width:240px;
	margin-left:30px;
	display:block;
	padding-top:10px;
	height:70px;
}


div#wrapper #droite #conteneur_d .logo_rech_amis{
	float:left;
	display:block; 
	height:25px; 
	width:100px; 
	background-color:#fff;
	margin-right:14px; 
	margin-bottom:6px; 
	text-align: center;
}


.btn_valider{
height:16px; 
width:104px; 
border:none;
background-image:url(../gfx/btn_valider.jpg); 
color:white;
cursor: pointer;
}

div#wrapper input, textarea{
line-height:16px;
margin-bottom:2px;
padding-bottom:1px;
vertical-align:middle;
border:1px solid #aaaaaa;
background:#ffffff url(../gfx/inputBg.gif) top left no-repeat;
font-size:10px;  
}

div#wrapper .btn_valider{
height:16px; 
width:104px; 
border:none;
background-image:url(../gfx/btn_valider.jpg); 
color:white;
}

div#wrapper select {
height:16px;
line-height:16px;
margin: 0;
padding: 0;
vertical-align:middle;
border:1px solid #aaaaaa;
background:#ffffff url(../gfx/inputBg.gif) top left no-repeat;
font-size:10px;  

}
div#wrapper .input_large{
width:250px;
}
div#wrapper .input_small{
width:120px;
}

div#wrapper .input_middle{
width:180px;
}
div#wrapper #droite #conteneur_video h2{
	padding-top:4px;
		padding-top:0px!important!;
		margin-top:10px!important!;
}
div#wrapper #droite #video{
	background-image: url(../gfx/bg_video_tempo.png);
	background-repeat: no-repeat;

	width:301px;
	height:234px;
	padding-top:15px;
	margin-left:15px;
}
div#wrapper #droite h2{
font-size:12px;
color:#fff;
padding:0;
margin:0;
padding-bottom:16px;
margin-top:12px;

margin-left:15px;
}

div#wrapper #droite #video #centrage{
text-align: center;
}

div#wrapper #droite #video #centrage2{
width:301px;
margin-left: auto; 
margin-right: auto; 

}

#div_login{
	color:#000; margin-top:25px; margin-left:3px;
}

#password-strength{
	height:12px;
}

#header_login_cartouche_input{
	padding-top:15px;
	padding-left:5px;
}

#header_login_cartouche_text{
	padding-top:5px;
		padding-left:5px;
}
/*fin index temporaire*/