* { 
margin: 0;
padding: 0;
}

html, body {
	/*height: auto;*/
	background:#000;
	}
	
body,td,th {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

/*-- languette haut --*/
a.vignet{
	display:block;
	width:152px;
	height:20px;
	background: url(../pictures/b_vign_haut.gif) no-repeat left top;
	color: #f2d88a;
	line-height:20px;
	margin: 0 auto;
	text-decoration:none;
	}
a.vignet:hover{
background-position: left bottom;
color:white;
}

#global {
	background: url(../pictures/b_global_bg.gif) repeat left top;
	}
/*=======================================*/
/*-===============HEADER===============-*/	

#header_bg {
	width:100%;
	height:248px;
	background: url(../pictures/b_header_bg.gif) repeat-x left top;
}

#header {
	width:788px;
	height:248px;
	background: #000;
	margin: 0 auto;
}

#header_haut{
	display:block;
	height:28px;
	background: #000;
}

#header_bas{
	display:block;
	width:788px;
	height:220px;
	background: url(http://ressources.carpediem.fr/content/sv-diffusion_header_sb.jpg) no-repeat left top;
	margin: 0 auto;
	padding:10px;
}

#header_bas a{
	margin-left:455px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#b47a20;
}
#header_bas a:hover {
color:#fad028;
}

#header_bas h4{
	margin-top:150px;
	font-size:12px;
	color:#6e0707;
}


/*----------------- ptit flag  --------------*/
#header_haut ul {
	display:block;
	height:16px;
	float:left;
	margin-top:0px;
}

#header_haut a {
	display:block;
	width:22px;
	height:16px;
	float:left;
	margin:2px;
}

#header_haut a.fr {
background: url(../pictures/flag_fr_0.gif) no-repeat left top;
}
#header_haut a.fr:hover {
background: url(../pictures/flag_fr_1.gif) no-repeat left top;
}

#header_haut a.eng {
background: url(../pictures/flag_eng_0.gif) no-repeat left top;
}
#header_haut a.eng:hover {
background: url(../pictures/flag_eng_1.gif) no-repeat left top;
}

#header_haut a.es {
background: url(../pictures/flag_es_0.gif) no-repeat left top;
}
#header_haut a.es:hover {
background: url(../pictures/flag_es_1.gif) no-repeat left top;
}

#header_haut a.it {
background: url(../pictures/flag_it_0.gif) no-repeat left top;
}
#header_haut a.it:hover {
background: url(../pictures/flag_it_1.gif) no-repeat left top;
}

#header_haut a.ro {
background: url(../pictures/flag_ro_0.gif) no-repeat left top;
}
#header_haut a.ro:hover {
background: url(../pictures/flag_ro_1.gif) no-repeat left top;
}

#header_haut a.rss {
width: 45px;
text-align:left;
color:orange;
float:right;
background: url(../pictures/rss_ico.gif) no-repeat right top;
}
#header_haut a.rss:hover {
background-position: right bottom;
}

/*=============== END- HEADER ===============*/	

/* ----------------------  Mail PROMO CD ----------------- */ 
/* --------------------------------------------------------------- */ 
#block-promo {
width:786px;
height:auto;
background:#f4f2ef;
margin-left:1px;
}

#ban-mail-cd {
	width:500px;
	height:125px;
	overflow:hidden;
	display:block;
	background:url(../pictures/b_promo_mail_bas.jpg) no-repeat bottom left;
	margin-left:143px;
}
#ban-mail-titre {
	height:67px;
	display:block;
	line-height:23px;
	overflow:hidden;
	padding-left:130px;
	background:url(../pictures/b_promo_mail_haut.jpg) no-repeat bottom left;
	}
#ban-mail-titre h1 {
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	word-spacing:-0.05em;
	}
#ban-mail-content {
	height:58px;
	width:500px;
	overflow:hidden;
	display:inline;
	/*padding-top:10px;*/
	display:block;
	}
#ban-mail-content span{
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	display:block;
	float:left;
	}
	
#ban-mail-content form{
	display:block;
	width:500px;
	height:50px;
	padding:18px 0px 0px 15px;
	}
#ban-mail-content a{
	display:block;
	width:90px;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	background:url(../pictures/b_promo_mail_bt.gif) no-repeat top left;
	float:left;
}
#ban-mail-content a:hover {
	background-position:bottom left;
}
.textarea_cd {
	border: 1px solid orange;
	background-color:#FFF; 
	display:block;
	margin:5px;
	float:left;
}
/* --------------------------------------------------------------- */ 
/* ----------------  END Mail PROMO CD ----------------- */ 


/*=================  CENTRE ==================*/	
#content_centre {
	display:block;
	width:788px;
	height:1% auto;
	margin: 0 auto;
	background: url(../pictures/b_centre_bg.gif) repeat-y left top;
}

/*--------------------------------Compteur Page--------------------------------------*/
#def_page {
	display: block;
	width:400px;
	height:auto /*34px*/;
	text-align:center;
	margin:0 auto;
	padding:25px;
	position: relative;
	margin-bottom:25px;
	}
	
.ja_def_page ul{
	padding-left: 20px;
	list-style:none;
}
	
.ja_def_page li{
	display:block;
	list-style:none;
	}
	
.ja_def_page a{
	width: 20px;
	height: 20px;
	float: left;
	Border: 1px solid;
	border-color: #fa6900;
	margin-left: 12px;
	color: #932a05; 
	line-height: 20px;
	background-color: #fabb28;
	}
.ja_def_page  li strong{
	width: 20px;
	height: 20px;
	float: left;
	Border: 1px solid #a2752e;
	margin-left: 12px;
	color: #FFF; 
	line-height: 20px;
	background-color: #ff5f11;
	}
	
.ja_def_page a:hover{
	background-color: #e49c3e;
	color: #FFF;
	}
	
/* ------------------- BLOCK VIDEO ----------------- */

#vid_global {
	display:block;
	width:780px;
	height:720px;
	margin:4px;
	margin-bottom:80px;
	padding:px;
}

#vid_title {
	display:block;
	width:auto;
	height:33px;
	line-height:33px;
	background: url(../pictures/b_titre_bg.gif) no-repeat left top #f4f2ef;
	text-align:left;
	margin-bottom:2px;
	}
#vid_title h1{
	font-size:22px;
	margin-left:15px;
	color:black;
}

#vid_detail {
	background: url(../pictures/b_video_bg.gif) no-repeat left bottom #f4f2ef;
}

#vid_grd_thumb{
	width:510px;
	height:383px;
	display:block;
	Border: 1px Solid #896b38;
	overflow:hidden;
}
#vid_ptit_thumb a,img{
	text-decoration:none;
	list-style:none;
	border-style:none;
}

#vid_ptit_thumb span{
	display:block;
	float:left;
	width:120px;
	height:90px;
	Border: 1px Solid #896b38;
	margin:2px;
}

#vid_param {
	display:block;
	height:46px;
	width:392px;
	background: url(../pictures/b_vid_desc_bg.gif) repeat-x left top;
	line-height:46px;
}
#vid_param h2{
	font-size:16px;
	color:white;
}

#vid_texte {
	display:block;
	width:392px;
	height:272px;
}
#vid_texte p{
	display:block;
	text-align:Justify;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	padding:5px;
	height:247px;
	overflow:hidden;
}
#vid_texte h3{
	font-size:14px;
	font-weight:bold;
	color:#da6621;
	bottom:0;
}
#paiment {
display: block;
height:30px;
width:380px;
line-height:30px;
background: url(../pictures/b_paiment_bg.gif) no-repeat left top;
}
#paiment h3{
font-size:18px;
color: yellow;
}

/*---------------------- Promo Video ------------------*/
#promo-video {
	display:block;
	width:780px;
	height:auto;
	margin: 25px 0px 25px 0px;
}
#promo-video h2{
	display:block;
	width:780px;
	height:20px;
	background: url(../pictures/b_titre_bg.gif) no-repeat left top #f4f2ef;
	line-height:20px;
	font-size:14px;
	margin-left:2px;
	text-align:left;
}
#bloc-promo-video {
	display:block;
	width:780px;
	height:auto;
	background-color:#f4f2ef;
	margin-top:3px;
}
#bloc-promo-video a:hover{
	color:orange;
}



/*=============  END-CENTRE ===============*/

/*-===============  FOOTER  =============== */	
#footer {
	display:block;
	width:788px;
	height: 1% auto;
	bottom: 0;
	overflow: visible;
	padding:0px 1px 0px 1px;
}
#footer_haut {
	display:block;
	width:780px;
	height:150px;
	/*margin: 10px 4px 0px 4px;*/
}
#footer_haut ul{
	padding:5px;
	padding-left:15px;
}
#footer_haut li a{
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	color:4d4d4d;
}
#footer_haut li a:hover{
	color:8a5800;
}


#footer_haut h2{
	display:block;
	width:386px;
	height:20px;
	background: url(../pictures/b_titre_bg.gif) no-repeat left top #f4f2ef;
	line-height:20px;
	font-size:14px;
	margin-left:2px;
	text-align:left;
	}


#f_h_gauche {
	display:block;
	width:386px;
	height:150px;
	background:#f4f2ef;
	margin:2px;
	text-align:left;
}
#f_h_droit {
	display:block;
	width:386px;
	height:150px;
	background:#f4f2ef;
	margin:2px;
	text-align:left;
}

#footer_bas {
	display:block;
	width:786px;
	height:80px;
	background: url(../pictures/b_footer_bas_bg.gif) repeat-x left top;
	text-align:center;
}
#footer_bas h4,a{
	font-size:11px;
	color:9b9b9b;
	text-decoration:none;
}
#footer_bas a:hover{
	color:white;
}

/*----------------------Disclaimer ----------------------------- */

#disclaimer{ 
text-align:left; 
}

#disclaimer-fond{ 
position:absolute;
z-index:1000; width:100%;
height:2650px; background:white; 
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
text-align:center;
line-height:normal;
clear:both;
 }
 
#disclaimer-conteneur{ 
position:absolute; 
z-index:1001; 
width:100%; 
text-align:center; 
clear:both;
}

#disclaimer-cadre{ 
width:550px; 
margin-left:auto; 
margin-right:auto; 
text-align:center; 
margin-top:200px; 
padding:15px; 
font-size:12px; 
border:#885401 3px solid; 
background: url(../pictures/b_video_bg.gif) no-repeat left bottom #f4f2ef;
color:#555; 
}

#disclaimer-cadre b{ 
font-size:16px; 
color:black; 
}

#disclaimer-cadre a{ 
text-decoration:none; 
font-size:24px; 
font-weight:bold; 
color:#f77000; 
}
#disclaimer-cadre a:hover{ 
color:red; }

