body {
	margin: 0px;
	padding: 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color: #000000;
	background: url("pic/design/bg_gradient.gif");
	background-repeat: repeat-x;
	background-attachment: fixed; 
	background-position: left top;
}

select {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}

.texte {  
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.texte a {  
	font-family: Verdana;
	font-size: 10px;
	color: #2E3899;
	text-decoration: none;
}

.texte a:hover {  
	font-family: Verdana;
	font-size: 10px;
	color: #2E3899;
	text-decoration: underline;
}

.texte_blanc, .texte_blanc a, .texte_blanc a:hover {  
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.video_share, .video_share a, .video_share a:hover {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #DADADA;
	text-decoration: none;
}

.bigpub {
	background-color: #FFFFFF;
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	width: 160px;
	height: 1200px;
}

.conteneur {
	width: 821px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
/*
	float: left;
	margin-left: 20px;
*/
}

.head1 {
	float: left;
	background-image: url('pic/design/haut4.gif');
	height: 33px;
}

.head2 {
	float: left;
	background-image: url('pic/design/1b2.gif');
	height: 145px;
}

.logo {
	position: absolute;
	margin-right: 0px;
	margin-top: 0px;
	border: 0;
}

.pub {
	background-color: #FFFFFF;
	background-repeat:repeat;
	position: absolute;
	margin-left: 250px;
	margin-top: 15px;
	border: 1px dashed #336699;
}

.contenu {
	float: left;
	padding:0;
	background-image: url('pic/design/fond_contenu.gif');
	float: left;
	width: 821px;
}

.gauche {
	float: left;
	width: 170px;
}

.centre {
	float: left;
	background-image: url('pic/gigalol.gif');
	margin-right: 9px;
	margin-left: 10px;
	width: 469px;
}

.droite {
	float: left;
	width: 161px;
	text-align: center;
}

.bas1 {
	float: left;
	background-color: #D8D8D8;
	width: 820px;
	height: 27px;
	border-right: 1px solid #000000;
	text-align: left;
}

.bas2 {
	float: left;
	background-image: url('pic/design/bas1.gif');
	width: 821px;
	height: 19px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 1px;
}

.bas3 {
	float: right;
	background-image: url('pic/design/bas2.gif');
	width: 821px;
	height: 23px;
	padding-top: 9px;
	text-align: center;
}

.footer {
	float: right;
	background-color: #D8D8D8;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 5px;
	width: 360px;
	height: 35px;
	border: 1px solid #000000;
	text-align: center;
}

/* VIDEOS */

.video {
	margin-top: 7px;
	text-align: center;
	width: 469px;
}

.descvideo {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.visuvideo {
	float: left;
	text-align: center;
	width: 120px;
}

.encadre_desc {
	float: right;
	margin-right: 15px;
	width: 300px;
	border: 1px dashed #336699;
	background-color: #ADD6FF;
	padding: 7px;
	text-align: left;
}

.encadre_comm {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	width: 300px;
	border: 1px dashed #FF7800;
	background-color: #FFF2BD;
	padding: 7px;
	text-align: left;
}

.videoption {
	text-align: center;
	float: left;
	margin-top: 0px;
	width: 100%;
}

.videoplay {
	text-align: center;
	float: left;
	padding-bottom: 10px;
	width: 100%;
}


/* MENU */ 

.menu, .menu a, .menu a:hover {  
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none
}

.menu {
	width: 162px;
	margin-top: 0px;
}

.menutitre-untop {
	position:relative; top:0px; left:0px;
	padding-left: 6px;
	margin-left: 11px;
	margin-bottom: 3px;
	width: 140px;
	font-weight: bold;   
	text-align: left;
}

.menutitre {
	position:relative; top:0px; left:0px;
	background-image: url('pic/design/ligne.gif');
	background-repeat: no-repeat;
	padding-top: 7px;
	margin: 0px;

	padding-left: 6px;
	margin-top: 15px;
	margin-left: 11px;
	margin-bottom: 5px;
	width: 140px;
	font-weight: bold;   
	text-align: left;
}

.reponse {
	padding-left: 6px;
	margin-top: 15px;
	margin-left: 11px;
	margin-bottom: 5px;
	width: 140px;
	font-weight: bold;   
	text-align: left;
}

.menucentre {
	margin-left: 11px;
	width: 140px;
	text-align: center;
}

.menubloc {
	margin-left: 11px;
	width: 140px;
	text-align: right;
}

.menufooter {
	background-image: url('pic/design/menu1milieu.gif');
	height: 42px;
}

.menuhaut {
	float: right;
	margin-right: 0px;
	margin-top: 94px;
}


input,textarea {
	color:#000000;
	border: solid 1px #828282;
	background-color:#D8D8D8;
	font-size:10px;
	font-weight: none;
	font-family: Verdana;
}

.inputclean {
	border: 0;
	background-color:#FFFFFF;
	font-weight: none;
}

.submit {
	border: solid 1px #828282;
	background-color:#FF8080;
	font-weight: none;
}

.infos {
	padding-top: 7px;
	padding-right: 5px;
	float: right;
}

.texte_droite {
	float: right;
}

.texte_gauche {
	float: left;
}







.menu_standard {
	position:relative; top:0px; left:0px;
	background-image: url('pic/design/ligne.gif');
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-left: 5px;
	background-color: #FFFFFF;
}

.menu_orange_hover {
	position:relative; top:0px; left:0px;
	background-image: url('pic/design/ligne.gif');
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-left: 5px;
	background-color: #FFA347; 
	color: #000000; 
}

.menu_rouge_hover {
	position:relative; top:0px; left:0px;
	background-image: url('pic/design/ligne.gif');
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-left: 5px;
	background-color:#FF6363; 
}




.rondelle {
	font-family: Arial, Helvetica, sans-serif;
	font-variant : small-caps;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align:justify;
	border: 1px dashed #FF0000;
	background-color: #FF8080;
	padding: 5px;
	text-align: left;
}

.rondelle a {
	color: #2E3899;
	text-decoration: none;
}

.rondelle a:hover {
	color: #2E3899;
	text-decoration: underline;
}

.titre_edito {
	FONT-SIZE: 11px; 
	color: #000000;
	text-decoration: none;
	border: 1px dashed #336699;
	background-color: #ADD6FF;
	padding: 7px;
	text-align: left;
}

.titre_edito a {
	FONT-SIZE: 11px; 
	color: #262D69;
	text-decoration: none;
}

.titre_edito a:hover {
	FONT-SIZE: 11px; 
	color: #FF8000;
	text-decoration: underline;
}

.encadre_edito {
	FONT-SIZE: 11px; 
	background-color: #FFF2BD;
	padding: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.sondage_graph {
	padding-left : 17px;
	padding-bottom : 0px;
	width: 150px;
	text-align: left;
	font-size: 11px;
}







.slogan, .slogan A:link , .slogan A:hover, .slogan A:visited {
	COLOR: #000000; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: none;   
	TEXT-DECORATION: none; 
	font-variant : small-caps;
	margin-bottom: 10px;
	cursor: default;
}

.titre {  font-family: Verdana; font-size: 12px; color: #000000; text-decoration: none}
.titre a {  font-family: Verdana; font-size: 12px; color: #000000; text-decoration: none}
.titre a:hover {  font-family: Verdana; font-size: 12px; color: #FF8000; text-decoration: none}

.video-detail A:hover {
	COLOR: #0080FF;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;   
	TEXT-DECORATION: none; 
	font-variant : small-caps;
}

.video-detail, .video-detail A:link, .video-detail A:visited {
	COLOR: #000000; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;   
	TEXT-DECORATION: none; 
	font-variant : small-caps;
}

.encadre_edito A:hover, .encadre_edito A:link, .encadre_edito A:visited {
	COLOR: #0080FF;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;   
	TEXT-DECORATION: none; 
	font-variant : small-caps;
}


.encadre_rondelle ,.encadre_rondelle a:hover ,.encadre_rondelle  a:link,.encadre_rondelle  a:visited {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant : small-caps;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: 1px dashed #FF0000;
	background-color: #FF8080;
	padding: 5px;
	text-align: left;
}

.encadre_video {
	border: 1px dashed #000000;
}

.sec {position:relative;display:none;}

.note0, .note0 a, .note0 a:hover {
	background-color: #FF0000;
}

.note1, .note1 a, .note1 a:hover {
	background-color: #FF0000;
}

.note2, .note2 a, .note2 a:hover {
	background-color: #FF0000;
}

.note3, .note3 a, .note3 a:hover {
	background-color: #FFB400;
}

.note4, .note4 a, .note4 a:hover {
	background-color: #FFB400;
}

.note5, .note5 a, .note5 a:hover {
	background-color: #F0FF00;
}

.note6, .note6 a, .note6 a:hover {
	background-color: #F0FF00;
}

.note7, .note7 a, .note7 a:hover {
	background-color: #F0FF00;
}

.note8, .note8 a, .note8 a:hover {
	background-color: #00FF30;
}

.note9, .note9 a, .note9 a:hover {
	background-color: #00FF30;
}

.note10, .note10 a, .note10 a:hover {
	background-color: #00FF30;
}