body {
margin: 0;
padding: 0;
background-color: #000000;
}


/* styles du document */
/* --*-*-*-*-*-*-*-*-*-*--  */

#main_logo {width:1004px; 
	margin: 0;
	padding: 0;
	background-color: #ea4f00; 	
	height: 50px;
}

#main {width: 1004px;
	position: absolute;
	background: #ffffff; 
	top: 72px;
	left: 0;
	margin: 0;
	padding: 0;
}
#main1 {width: 808px;
	background: #f8f8f5; 
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	padding-bottom:10px;
	padding-top:5px;
}


	
#partie_gauche {
	width:194px;
	float: left;
	display:block;
	background: #ffffff; 
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;

	padding: 0;	
}

.programme {
	width: 480px;
	margin: 0;
	padding: 0;
	}



#partie_centrale {width:470px;
	float: left;
	/*background-color: #00ff00;*/
	background-color: #f8f8f5;
	margin: 0;
	padding-left: 25px;
	padding-right: 5px;
	z-index:0;
	/*align-text: center;*/	
}
#partie_droite {
	width:298px;
	float: left;
	display:block;
	background-color: #f8f8f5;
	margin: 0;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;	
	text-align: center;
}



#main_transversal {
clear: both;
margin-left: 195px;
width:808px; 
height: 30px; 
background-color: #ea4f00; 
padding: 0; 
background-image: url(http://www.rueleon.net/maquette/aaa.png); 
background-repeat: no;
} 



#menu_vertical {
position: absolute;
top: 1em;
left: 3px;
    margin: 0 5px;
     width: 160px; 
     height: 20px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_vertical dt {
line-height: 20px;
margin: 2px 0;
width: 160px;
}

#menu_vertical dd {
background: #ffffff;
border: 0px solid gray;
}

#menu_vertical ul {
width: 172px;
display: block;
border:1px dashed #e0e0e0;
}
#menu_vertical li {
text-align: right;
font-size: 10px;
font-family: arial;
text-decoration: none;
height:16px;
padding-right:3px;
}
#menu_vertical li a {
color: #555;
text-decoration: none;
display: block;
height:16px;
}
#menu_vertical li a:hover {
color: #2aa;
text-decoration: none;
text-align: right;
font-size: 10px;
height:16px;
background-image: url(maquette/menu4.png); /* source de l'image de départ */
background-repeat: repeat-y;
}


#menu_vertical dt a {
display: block;
     text-align: left;
     border: 1px solid #e0e0e0;
     text-decoration: none;
     color: #666680;
     background: #fff;
     font-family: arial;
     font-size: 10px;
     padding-left: 15px;
background-image: url(maquette/menu.png); /* source de l'image de départ */
background-repeat: repeat-y;
width: 160px;
line-height: 20px;
}

#menu_vertical dt a:hover {
display: block;
color: #333;
background: #ffffff;
border: 1px solid #ffff00; 
text-decoration: none;
background-image: url(maquette/menu2.png); /* source de l'image de départ */
background-repeat: repeat-y;
width: 160px;
line-height: 20px;
}

.video {
	font-family: courier, arial;
	font-size: 12px;
	color: #aa99ff;
	font-weight: bold;	
	vertical-align: top;
	padding-left:4px;
	padding-right: 2px;
}
.video_date {
	font-family: courier, arial;
	font-size: 12px;
	color: #ffcc00;
	font-weight: normal;	
	vertical-align: top;
	padding-left:4px;
	padding-right: 2px;
}		
.video2 {
	font-family: courier, arial;
	font-size: 12px;
	color: #bbccff;
	font-weight: bold;
	padding-left:4px;
	padding-right: 2px;	
	
}	

		 
.table_video{
margin-top: 3px;
margin-bottom: 4px
background-color: #000000;
}

.video_vignette{

margin:0;
padding:0;
margin-top: 3px;
margin-bottom: 2px
width: 460px;
border: none;
}

.video_vignette_td11 {
margin:0;
padding:0;
width: 348px;
background:#0078d4;
background-image: url(maquette/video3.png);
background-repeat: repeat-x;
border: none;
height:10px;
}
.video_vignette_td12 {
margin:0;
padding:0;
width: 112px;
background:#0078d4;
background-image: url(maquette/video2.png);
background-repeat: no-repeat;
border: none;
height:10px;
}
.video_vignette_td21 {
width: 348px;
background:#406095;
text-align:left;
margin:0;
padding:0;
border: none;
height:2px;
}
.video_vignette_td22 {
width: 112px;
background:#000000;
text-align:center;
margin:0;
padding:0;
border: none;
height:2px;

}
/*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/
/* styles de la mise en forme du texte */
/*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/

.parag {
	font-family: arial;
	font-size: 10px;
	color: #555555;

	}
	
.legende {
	font-family: arial;
	font-size: 9px;
	color: #333333;
	margin-top: -2px;
	}
	
.date {
	font-family: arial;
	font-size: 11px;
	color: #ffdd00;
	}	
	
.hypertexte {
	margin-top: 2px;
	margin-bottom: 4px;

	}	
.hypertexte2 {

	font-family: arial;
	font-size: 11px;
	color: #00a055;
	font-weight: bold;


	}	
.texte {
	font-family: arial;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	margin-bottom: 8px;
	letter-spacing: 1px;	

	}
.intro {
	font-family: arial;
	font-size: 12px;
	color: #669988;
	font-weight: normal;
	margin-top: 4px;
	font-weight: bold;
	margin-bottom: 6px;
	}		

.select {
	font-family: arial;
	font-size: 12px;
	color: #3366f0;
	font-weight: bold;
	}


.type{
	font-family: arial;
	font-size: 13px;
	color: #555566;
	font-weight: bold;
	background: #ffffff;
	/*height: 20px;*/
	}	
.parag2 {
	font-family: arial;
	font-size: 10px;
	color: #666699;
	}
.pages {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 8px;
	}
.sppages {
	display: inline;
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	background: #996600;
	}		
.sppages2 {
	display: inline;
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	background: #fa4f00;
	}	
		
.sppages3 {
	display: inline;
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	background: #006ff0;
	}	
.parag_gd {
	font-family: arial;
	font-size: 11px;
	color: #444466;
	}

.titre_principal{
	font-family: arial;
	font-size: 15px;
	color: #33a055;
	font-weight: bold;
	background-image: url(maquette/petit_rond.png);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 30px;
	margin-bottom:12px;
	margin-top:4px	
	}

.titre_rub{
	font-family: arial;
	font-size: 16px;
	color: #449944;
	font-weight: bold;
	background-image: url(maquette/petit_rond.png);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 30px;
	margin-bottom:12px;
	margin-top:6px	
	}
.titre_programme{
	font-family: arial;
	font-size: 14px;
	color: #448866;
	font-weight: bold;
	background-image: url(maquette/petit_rond.png);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 30px;
	margin-bottom:12px;
	margin-top:0px	
	}	
.titre_gd{
	font-family: arial;
	font-size: 18px;
	color: #5544cf;
	font-weight: bold;
	letter-spacing: 1px;	
	margin-top: 0px;
	margin-bottom: 0px;
	}

.sous_titre_gd{
	font-family: arial;
	font-size: 14px;
	color: #5544cf;
	font-weight: bold;
	}

.sous_titre{
	font-family: arial;
	font-size: 14px;
	color: #cf4455;
	font-weight: bold;
	}

.titre_rub_bleu{
	font-family: arial;
	font-size: 13px;
	color: #3366f0;
	font-weight: bold;
	background-image: url(maquette/carre18_22.png);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 30px;
	margin-bottom:12px;
	margin-top:0px	
	}
	
.tit_droit{
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	background-color: #3366f0;
}
.lien_bas {
	font-family: arial, verdana;
	font-size: 10px;
	color: #ffffff;
	font-stretch: expanded;
	font-weight: bold;
	text-align: center;
	margin-top:12px;
	margin-bottom:5px;
	letter-spacing: 3px;
	}
	
.titre {
	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px
	}


.liste_puce{
	list-style-type: disc;
	margin-left: 20px;
	font-family: arial;
	font-size: 12px;
	color: #555555;	
	margin-top:0;
	margin-bottom: 0;
	padding:0;
}
.ressource a {
	font-family: arial;
	font-size: 14px;
	color: #55aaaa;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 3px
}
. ressource a:hover {color: #aaaa55;}


.main a:hover {
    	background-image: url(bandeau_blanc.png);
	background-repeat: no-repeat; 
	background-position: top left;	
	width: 241px;	
}




.spacer {
	clear: both;
	}
hr {
	clear: both;
	visibility: hidden;
	}
	
.reaction{
	width: 460px;
	padding-left: 3px;
	padding-right: 2px;
	border: dashed 1px #29d055;
	margin-bottom: 5px;
	color: #444444; 
	font-weight: normal; 
	font-family: courier, arial; 
	font-size: 11px;	
}