/*
    Document   : main.css
    Created on : 15 janv. 2010, 14:43:52
    Author     : magalie - Globalis Multimedia
    Author     : c.sidney - Globalis Multimedia
    

    IE6+, FF3+, Opera10+, safari4+ compatible
*/


body { background:#fafafa; color:#7a7a7a; font:normal 100% Arial, sans-serif; }
a { color:#4a4a4a; text-decoration:none; }
a:hover { text-decoration:underline; }
form, input {padding:0; margin:0; }
input { font-family: arial; }
.clear { clear:both; }
p{}

/* container */
#conteneur_principal { width:999px; margin: 0 auto 0 auto;}
#conteneur { background:#fff url(../../../../image/layout/bg_conteneur.png) 0 0 repeat-y; margin:0 auto; padding: 0 0 0 24px; width:975px; position:relative;  float:left; }

/* init blocks  */
#header, #content, #footer { height:auto; }

/* header */
#header { }
    #header #zone_connection { height:24px; color: #a0a0a0; }
    /* left block */
    #header #zone_connection .block_gauche { margin-top:4px; float:left; width:385px; font-size:.6em; padding-left:316px;}
    /*#header #zone_connection a { font-size:1em; text-decoration:underline; color: #a0a0a0; }*/
    #header #zone_connection .block_gauche label, #header #zone_connection .block_gauche .submit { font-size:1em; }
    #header #zone_connection .block_gauche label { margin-left:10px; color: #a0a0a0;}
    #header #zone_connection .block_gauche .field { width:100px; height:15px; border:1px solid #878787; }
    #header #zone_connection .block_gauche .submit { background:#9AACC4; color:#fff; border:none; width:50px; padding-top:2px; vertical-align:top; font-size:1em; }
    /*#header #zone_connection input.submit { background:#9AACC4; width:100px; color:#fff; border:none; width:50px; font-size:.6em; }*/

    /* right block */
    #header #zone_connection .block_droite { height:24px; float:left; width:270px; text-align:right;  }
    #header #zone_connection .block_droite ul { list-style:none; background:#9AACC4; height:25px; float:right; }
    #header #zone_connection .block_droite ul li { display:inline; font-size:.8em; }
    #header #zone_connection .block_droite ul li a { font-size:.8em; padding:0px 10px 0 7px; color:#fff; vertical-align:middle; text-decoration:none; line-height:24px; }
    #header #zone_connection .block_droite ul li a.add_sep { border-right: 1px solid #fff; }

    /* navigation */
    #header #tetiere * { color: #a0a0a0; }
    #header #tetiere { height:74px; }
    #header #tetiere .logo { float:left; width:84px; }
    #header #tetiere #navigation{ float:left; width:866px; }
	#header #tetiere #navigation .inscription { height:44px; text-align:left; padding-left:241px; }
    #header #tetiere #navigation .inscription a { font-size:.6em; padding:0 20px 0 7px; background: url(../../../../image/icon/puce_header.png) no-repeat center left; }
	
    #header #tetiere #navigation .lien { height:20px; float:left; padding-left:50px; }
    #header #tetiere #navigation .lien ul { list-style:none; float:left; }
    #header #tetiere #navigation .lien ul li { display:inline;}
    #header #tetiere #navigation .lien ul li a{ font:.6em arial;  border-right:1px solid #79797B; padding:0 25px 0 22px; color:#79797B; text-transform:uppercase;}
	#header #tetiere #navigation .lien ul li a:hover { font:.6em arial;  border-right:1px solid #79797B; padding:0 25px 0 22px; color:#001A4B; text-decoration:none; text-transform:uppercase;}
	
    #header #tetiere #navigation .lien ul .last a:hover { font:.6em arial; border-right:0px; padding:0 25px 0 22px; }
    #header #tetiere #navigation .lien ul .last a  { border-right:0px; }

    #header #tetiere #navigation .lien ul .current a {font:.6em arial;  border-right:1px solid #79797B; padding:0 25px 0 22px; color:#001A4B; text-decoration:none; text-transform:uppercase; }
	
    #header #tetiere #navigation .whereami { padding-left:72px; padding-bottom:5px; text-align:left; font:.6em arial; color:#000; }
    #header #tetiere #navigation .whereami a { font-size:.9em; }

/* icones - communaute */
#communaute { text-align:right; margin-right:5px; padding-bottom:5px;}
    #communaute img { padding: 0 1px; }

/* content */
#content { background:url(../../../../image/screenshots/home_1.jpg) no-repeat top left; text-align:left; height:467px; /* position: relative; */ /*same height as background image*/ }
    #content #fil_info { padding-left:5px; padding-right:5px; color:#fff; font-size:11px; float:left; }
    #content #marquee { width:325px; font-size:.7em; font-weight:bold; color:#fff; }
    #content #marquee ul { font-weight:bold; }
    #content #marquee ul li { display:inline; margin-right:40px; font-weight:bold; }
    #content #encart_tournant_home { margin:72px 0 0px 19px; position:relative; height:206px; width:259px; }
    #content #encart_tournant_home .border{ filter:alpha(opacity=30); -khtml-opacity:.3; -moz-opacity:.3; opacity:.3; background:#fff; }

    #content #encart_tournant_home .border { position:absolute; padding:4px; top:0; left:2px; width:246px; height:195px; float:left; }
    #content #encart_tournant_home .content2 { position:absolute; text-align:left; width:244px; height:191px; top:7px; left:7px; float:left; }
    #content #encart_tournant_home .content2 .title { background:#222; height:26px; width:244px; }
    #content #encart_tournant_home .content2 .title h1 { position:relative; float:left; color:#fff; font-size:12px; font-weight:bold; padding:4px; }

.encart{
	margin: 20px 0 0 0;
	height:84px;
}
.encart li{
	list-style-type: none;
	background: url(../../../../image/layout/puce_blanc.gif) top left no-repeat;
	padding: 0 0 0 10px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}
.titre_home{
	font-size: 24px;
	color: #ffffff;
	width: 433px;
	border-bottom: 1px solid #ffffff;
       
	font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;
	margin: 25px 0 0 537px;
}

.titre_home H1 {font:.8em; }

.conteneur_bloc {
	float: left;
	position: relative;
	width:257px;
	height:84px;
	margin:0 0 0 19px;
}
.color_titre{
	font:bold 14px Verdana, Arial;
	color: #2e62ab;
}
.conteneur_bloc2 {
	float: right;
	position: relative;
	width:123px;
	height:84px;
	margin:0 2px 0 0;
}


.bloc_left, .bloc_left_media {
	position: absolute;
	z-index: 1000;
	top: 12px;
	left: 16px;        
}

.bloc_left {font-size: 9px; width:122px;}
.bloc_left_media {width:82px;}

.bloc_left p, .bloc_left_media p,.bloc_left_media p.mediacenter {
	font-family: Arial,Tahoma, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 0 0 0;
}


.bloc_left_media p.mediacenter {font-size:13px; font-weight:bold; line-height:1.5em; padding-bottom:2px; visibility: hidden;}

.bloc_left h1 { font:bold 14px Verdana, Arial; color: #fff; text-transform:uppercase; visibility: hidden; padding: 0 0 5px 0;}
.bloc_left_media h1 { font:bold 14px Verdana, Arial; color: #fff; width:82px; text-transform:uppercase; visibility: hidden;}

.bloc_left ul li a, .bloc_left_media ul li a {font:normal 9px Arial; vertical-align:super;line-height: 9px; }

.liens_bloc {
	font-family: Arial,Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: underline;
}
.bloc_right {
	position: absolute;
	z-index: 1000;
	top: 12px;
	left: 151px;
}
.bloc_right2{
	position: absolute;
	z-index: 1000;
	top: 15px;
	left: 151px;
}
.opacity_back {
	position: absolute;
	/* background-color: #ffffff; */
	left: 0;
	top:0;
	width:257px;
	height: 84px;
	/* filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity: 0.20; */
	z-index:1;
}
.opacity_back2 {
	position: absolute;
	/* background-color: #ffffff; */
	left: 0;
	top:0;
	width:120px;
	height: 84px;
	/* filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity: 0.20; */
	z-index:1;
}
.opacity_bloc_1 {
	position: absolute;
	left: 5px;
	top:5px  ;
	/* background-color: #000000; */
	width:247px;
	height: 74px;
	/* filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75; */
	z-index:100;
}
.opacity_bloc_2 {
	position: absolute;
	left: 5px;
	top:5px  ;
/* 	background-color: #3a4752; */
	width:247px;
	height: 74px;
	/* filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75; */
	z-index:100;
}
.opacity_bloc_3 {
	position: absolute;
	left: 5px;
	top:5px  ;
/* 	background-color: #547185; */
	width:247px;
	height: 74px;
	z-index:100;
}
.opacity_bloc_4 {
	position: absolute;
	left: 5px;
	top:5px  ;
	/* background-color: #000000; */
	width:115px;
	height: 74px;
	/* filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity: 0.40; */
	z-index:100;
}






 /* PAGE INTERIEURE HOME RUBRIQUE */
  /* BLOC DE GAUCHE */

  h2{
	font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2a2a2a;
  }
  h3{
	font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px 0 0 10px;
  }
 #content_left{
	float: left;
	width: 240px;
	height:467px;
	overflow:hidden;	
 }
.decompte{
 }
.rubrique_left_photo{
}
.rubrique_left{
	width: 230px;
	height: 79px;
	background-color: #bcbcbc;
	margin: 1px 0 0 0;
	padding: 10px 0 0 10px;
}
/*
.rubrique_left:hover{
	background: url(../../../../image/layout/photo_evenement1.jpg) top left no-repeat;
}
*/
.rubrique_left p{
	font-family: Arial,Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

 /* BLOC DE DROITE */

 #content_right{
	float: right;
	width: 718px;
	margin: 0 4px 0 0;
	/* border: 1px solid red; */
 }
 .conteneur_rub_right li{
	list-style-type: none;
	background: url(../../../../image/layout/puce_blanc.gif) center left no-repeat;
	padding: 0 0 0 10px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
 }
 .endurance_anim{
	width: 718px;
	height: 242px;	
 }
 .conteneur_rub_right{
	background-color: #c0c0c0;
	width: 718px;
 }
 .rubrique_right{
	float: left;
	border-left: solid 1px #5f6061;
	width: 237px;
	height: 223px;
	background-color: #7c9baf;
	margin: 2px 1px 0 0;
 }
 .rubrique_right3{
	float: left;
	border-left: solid 1px #5f6061;
	width: 238px;
	height: 223px;
	background-color: #7c9baf;
	margin: 2px 0 0 0;
 }
 .rubrique_right_top{
	height: 73px;
	margin: 10px 0 0 10px;
	border-left: 1px solid #becdd7;
	padding: 0 0 0 10px;
 }
 .rubrique_right_photo{
	width: 237px;
	height: 140px;
	/*background: url(../../../../image/layout/photo_web_tv.jpg) top left no-repeat;*/
}
.rubrique_right_photo2{
	width: 237px;
	height: 140px;
	/*background: url(../../../../image/layout/photo_peug_endurance.jpg) top left no-repeat;*/
}
.rubrique_right_photo3{
	width: 237px;
	height: 140px;
	/*background: url(../../../../image/layout/photo_focus.jpg) top left no-repeat;*/
}
.titre_rub_home{
	border-left: 1px solid #e22119;
	padding: 0 0 10px 10px;
	margin: 153px 0 0 393px;
}
.titre_rub_home h1{
	font-size: 16px;
	color: #ffffff;
	width: 314px;
	border-bottom: 1px solid #ffffff;
	font-family: Verdana, Arial,Tahoma, Helvetica, sans-serif;

}
.titre_rub_home p{
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 0 0 0 20px;
}
.endurance_anim ul{
	margin: 0 0 0 20px;
}
.endurance_anim li{
list-style-type: none;
	background: url(../../../../image/layout/puce_rouge.gif) center left no-repeat;
	padding: 0 0 0 10px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
/* footer */
#footer { font-size:.6em; text-align:left; height:40px; padding-left:14px; line-height:50px;}
#footer_last { background: url(../../../../image/layout/bg_footer.png) no-repeat top center; width:999px; float: left; height:8px;}

/*  profil_psp */

.bandeau_h2{
	height: 21px;
	background-color: #0c789f;
	padding: 2px 0 0 13px;
}
.bandeau_h2 h2{
	color: #fff;
}
#content_profil_psp{
	border-left: 1px solid #b8c2c4;
	border-bottom: 1px solid #b8c2c4;
	border-right: 1px solid #b8c2c4;
	background:transparent url(../images/layout/back_profil_psp.jpg) no-repeat top left;
	height: 444px;
}
#content_psp_left{
	float: left;
	padding: 0 0 0 22px;
}
.bloc_profil{
	width: 353px;
	height: 99px;
	border: 1px solid #b8c2c4;
	margin: 23px 0 0 0;
	background-color: #fff;
}

.bloc_profil_info{
	border-left:1px solid #e22119;
	height:73px;
	margin:10px 0 0 10px;
	padding:0 0 0 10px;
}
.bloc_profil_info h2{	
	font-weight: bold;
}
#content_profil_psp li{
	background:transparent url(../images/layout/puce_gris.gif) no-repeat scroll left center;
	color:#5c5e5e;
	font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;
	font-size:10px;
	list-style-type:none;
	padding:0 0 0 10px;
	line-height: 17px;
}
#content_profil_psp a{
	color:#5c5e5e;
	font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}

#espace_club{
	float: right;
	width: 290px;
	height: 349px;
	margin: 23px 0 0 0;
	padding: 0 19px 0 0;
}
#content_espace_club{
	width: 288px;
	border-left: 1px solid #b8c2c4;
	border-bottom: 1px solid #b8c2c4;
	border-right: 1px solid #b8c2c4;
		background-color:#fff;
}
#content_espace_club img{
	display: block;
	margin: 10px auto 0 auto;
}
.bloc_profil_info2{
	border-left:1px solid #0c789f;
	height:38px;
	margin:0 0 0 13px;
	padding:0 0 0 10px;
}


#content_profil_psp #espace_club #content_espace_club .bt_sinscrire a{
	display: block;
	width: 83px;
	height: 21px;
	background-color: #0c789f;
	text-decoration: none;
	color:#fff;
	padding: 6px 0 0 25px;
	font-weight: bold;
	margin: 12px auto 16px auto;
}
#content_profil_psp #espace_club #content_espace_club .bt_sinscrire a:hover{
	text-decoration: underline;
}

/* accueil club psp */

.bloc_content_accueil_psp {
	border: solid 1px #BCBCBC;
	background-color: #F4F4F4;
	margin-bottom: 38px;
	/* padding: 10px 0 0 20px;  */
	padding:10px 0 0 13px;

}

.bloc_content_accueil_psp .bt_sinscrire a{
	display: block;
	width: 83px;
	height: 21px;
	background-color: #0c789f;
	text-decoration: none;
	color:#fff;
	padding: 6px 0 0 25px;
	margin-top: 15px;
	font-size: 11px;
	font-weight: bold;
	float: right;
}

.bloc_content_accueil_psp .bt_sinscrire a:hover{
	text-decoration: underline;
}

.bloc_content_accueil_psp .bloc_image img  {
	border: solid 1px #FCFCFC;
}

.bloc_content_accueil_psp p {
	font-weight: 600;
	color:#5C5E5E;
	font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;
	font-size:12px;
	_height:15px;
}
#vignette_container
{
	height:300px;
	_height:320px;	
}
#mp3_container
{
	margin-left:80px;
}
.bloc_content_accueil_psp .bloc_image img  {
	border: solid 1px #FCFCFC;
}

.bloc_image {
	float: left;
	
}

.bloc_image  span{
	font-size: 11px;
	font-weight: 700;
	line-height: 10px;
}

.club .bloc_image {
	width: 106px;
	margin: 13px 28px 0px 0;	
}

.pass .bloc_image {
	width: 136px;
	margin-top: 13px;
	margin-right: 33px;
}

.pass .texte_gauche {
	float: left;
	font-size: 10px;
	margin-top: 20px;
}

/* liste partenaires */

.liste_partenaire {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	
}

.liste_partenaire .titre {
	display: block;
	text-align: center;
	margin: 25px 0 15px 0;
	font-size: 12px;
	font-weight: 700;
	
}

.liste_partenaire ul {
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.partenaire {
	display: inline;
	text-align: center;
}

.partenaire img {
	border: solid 1px #FCFCFC;
}

.partenaire a {
	color: #0C789F;
	font-size: 10px;
	font-weight: bold;
	
}

/* pilote */
#nav_niveau2{
	height: 22px;
	background-color: #0c789f;
}
#nav_niveau2 li{
	list-style-type: none;
	display: inline;
	padding: 0 15px 0 15px;  
}

#nav_niveau2 .current a {text-decoration: underline;color: #ffffff;}

.nav_niveau2 {
	list-style-type: none;
	display: inline;
	background: url(../images/layout/separateur_niveau2.png) top left no-repeat;
	padding: 0 15px 0 15px;
}
#nav_niveau2 a{
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#nav_niveau2 a:hover{
	text-decoration: underline;
}

#content_fiche{
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	margin: 0 0 58px 0;
}
#nav_niveau3{
	height: 19px;
	background: url(../images/layout/degrade_nav3.png) top left repeat-x;
}

#nav_niveau3 li{
	float:left;
}

#nav_niveau3 a{
	display: block;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #555356;
	text-decoration: none;
	padding: 3px 15px 4px 12px;
}
#nav_niveau3 a:hover{
	background-color: #848585;
	color: #ffffff;
}

#nav_niveau3 .current a{
	background-color: #848585;
	color: #ffffff;
}

.fiche{
	float:left;
	width: 439px;
	padding: 30px 0 0 30px;
}
.fiche_img{
	float:right;
}
/*
.infos_g_gris{
	float: left;
	text-align: right;
	border-right: 1px solid #bdbbbc;
	padding: 0 5px 0 0;
}
.infos_g_bleu{
	float: left;
	text-align: left;
	color:#002454;
	font-weight: bold;
	margin: 0 0 0 10px;
}
*/


/* fiche technique*/

.colonne {
	background-color: #F4F4F4;
	float: left;
	font-size: 12px;
	margin: 15px 1px 20px 0;
}

.contenu {
	border: solid 1px #BCBCBC;
	height: 268px;
}

.deux_colonnes  {
	width: 356px;
}

.trois_colonnes  {
	width: 236px;
}

.colonne  h1 {
	background:transparent url(../images/degrade_titre.gif) repeat scroll left top;
	font-size:13px;
	font-weight:bold;
	height:21px;
	padding:4px 0 0 0;
	text-align:center;
	width:100%;
	color: #000000;
}

.colonne td {
	padding: 5px 0 0 10px;
}

.colonne .label {
	font-size: 12px;
	font-weight: 700;	
}

.colonne table {
	margin-top: 10px;
	width: 100%;
}

.black_border {
	float:left;
	background-color: #000000;
	height: 72px;
	width: 21px;
	margin: 0 1px;
}

#wrap a {
	float: left;
}

#wrap img {
	margin: 0 1px;
}

.logo_my_peugeot {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}