body {
margin: 0;
padding: 0;
background-color: #000;
}
.h4{margin-bottom: 0; margin-top: 3px; color: #ec3000; font-weight: bold; font-family: "Lucida Grande", arial; font-size: 14px;
	font-weight: normal;

	font-weight: bold;
	padding-left:3px;
	padding-right: 3px;
}
#adresse{
width:190px;
position:relative;
text-align:center;
/*background:#44f966;*/
padding-top:2px;
padding-bottom:2px;
}
.image{
border: 5px #44f966 solid;
}
.image_centrale {
	margin-bottom: 4px;
	margin-top: 4px;
	padding-left:25px;
	padding-right:42px;	
}
/* styles du document */
/* --*-*-*-*-*-*-*-*-*-*--  */
#test {
width:1004px;
height:30px;
background: #0000ff;
clear:both;
float:left;
display:block;
}


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

#main {width: 1004px;

	position: absolute;
	background: #ec3000; 
	top: 93px;
	left: 0;
	margin: 0;
	padding: 0;
	
}
#main1 {width: 810px;
	background-color: #fff400; 
	float: left;
	margin: 0;
	padding: 0;
	
	padding-bottom:10px;
	padding-top:5px;
	/*height:360px;*/
}

#main_menu_horizontal {
	display:block;
	width: 810px;
	background: #fff400; 
	float: left;
	margin: 0;
	padding: 0;

	padding-bottom:10px;
	padding-top:0px;
	
}	
#partie_gauche {
	width:194px;

	float: left;
	display:block;
	background:#ec3000;; 
	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: #fff400;
	margin: 0;
	padding-left: 25px;
	padding-right: 5px;
	z-index:0;
	/*align-text: center;*/	
}

#partie_droite {
	width:298px;
	float: left;
	display:block;
	background-color: #fff400;
	margin: 0;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;	
	text-align: center;
	
}



#main_transversal {
width:1004px;
height:85px;
clear:both;
float:left;
display:block;
text-align:left;
background: transparent url(maquette/sub.png) top left no-repeat;
} 

#search {
top: 1em;
    margin-left:4px;
 
   	   background:#ec3000;
}


.form1 {
    	border: 1px solid #f03000; 
	font-family: Arial, Helvetica, sans-serif;
	color:#f03000;
	font-size: 12px;
	margin-left:2px;
}
.fieldset {
	border: 1px solid #fff400;
	font-family: arial, courier;
	font-size: 11px;
	font-weight: bold;
	color: #fff400;
	width: 160px;
	padding-bottom:4px;
	   background:#ec3000;
	
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* menu vertical */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
#gauche {
position: absolute;
top: 5em;
    margin: 0;
     width: 194px; 
  
}
#logos{
	text-align:center;
}


#menu_vertical {
/*position: absolute;
top: 5em;*/
left: 0px;
    margin: 0;
     width: 194px; 
     height: 20px;
}

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

#menu_vertical dt {
line-height: 20px;
margin: none;
width: 194px;
}

#menu_vertical dd {
background: #000000;
}

#menu_vertical ul {
width: 194px;
display: block;
background: #000;
}
#menu_vertical li {
text-align: right;
font-size: 11px;
font-family: verdana, arial;
text-decoration: none;
padding-right:2px;
}
#menu_vertical li a {
color: #ff0;
text-decoration: none;
display: block;
height:16px;
}
#menu_vertical li a:hover {
color: #ffffff;
background:#555;
text-decoration: none;
text-align: right;
font-weight:normal;
/*background-image: url(maquette/menu4.png); /* source de l'image de départ */
background-repeat: repeat-y;*/
height:16px;

}


#menu_vertical dt a {
display: block;
     text-align: left;
    padding-left:4px;
    padding-right:3px;
     text-decoration: none;
     color: #ffffff;
	font-weight: bold;
     background: #ff3000;
     font-family: arial;
     font-size: 12px;

/*background-image: url(maquette/menu.png); /* source de l'image de départ */
background-repeat: repeat-y;*/
line-height: 20px;
}

#menu_vertical dt a:hover {
display: block;
color: #f00;
background: #ffff00;
text-decoration: none;
/*background-image: url(maquette/menu2.png); /* source de l'image de départ */
background-repeat: repeat-y;*/
line-height: 20px;
    padding-left:4px;
    padding-right:3px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* les petites vidéos
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

.video {
	font-family: verdana, arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;	
	vertical-align: top;
	padding-left:0px;
	padding-right: 0px;
}
.video_date {
	font-family: verdana, courier, arial;
	font-size: 12px;
	color: #ffcc00;
	font-weight: normal;	
	vertical-align: top;
	padding-left:4px;
	padding-right: 2px;
}		
.video2 {
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	padding-left:0px;
	padding-right: 0px;	
	
}
.videob {
	font-family: arial;
	font-size: 12px;
	color: #fff400;
	font-weight: bold;
	padding-left:0px;
	padding-right: 0px;
}	
		
.video2b {
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	padding-left:0px;
	padding-right: 0px;	
	
}	
		 
.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:#e93000;
background-image: url(maquette/video3.png);
background-repeat: repeat-x;
border: none;
height:10px;
}
.video_vignette_td12 {
margin:0;
padding:0;
width: 112px;
background:#e93000;
background-image: url(maquette/video2.png);
background-repeat: no-repeat;
border: none;
height:10px;
}
.video_vignette_td21 {
width: 348px;
background:#e93000;
text-align:left;
margin:0;
padding:4px;
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: 10px;
	color: #444444;
	background:#e9e9e9;
	margin-top: -2px;
	letter-spacing: 1px;
	}
	
.date {
	font-family: verdana, arial;
	font-size: 0.9em;
	color: #ff0000;
	font-weight: normal;
	background:#e5e5e5;
	font-weight: bold;
	margin:0;

	
	}	
	
.hypertexte {
	margin-top: 2px;
	margin-bottom: 4px;

	}	
.hypertexte2 {

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


	}	
.texte {
	font-family: verdana, "Lucida Grande", arial, verdana, arial;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	margin-bottom: 8px;
	padding-left:25px;
	padding-right:42px;	
	text-align: left;

	}
.petit_texte {
	font-family: verdana, "Lucida Grande", arial, verdana, arial;
	font-size: 0.6em;
	color: #333333;
	font-weight: normal;
	margin-bottom: 8px;
	padding-left:25px;
	padding-right:42px;	
	text-align: left;

	}

.intro {
	font-family: "Lucida Grande",  arial, courier, arial;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	
	padding-left:25px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right:42px;	

	}		

.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 {
	padding-left:3px;
	padding-right: 3px;
	font-family: "Lucida Grande", arial;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	
	font-weight: normal;
	}
.center {
	text-align:center;
	background:#fff400;
}
.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: verdana, arial;
	font-size: 0.8em;
	color: #222222;
	text-align:left;
	padding-left: 6px;
	border-left: 3px #44f966 dashed;
	}

.titre_principal{
	font-family: "Lucida Grande", 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: "Lucida Grande", verdana, arial;
	font-size: 1em;
	color: #333333;
	font-weight: bold;
	background-image: url(maquette/carre18_22.png);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 24px;
	margin-bottom:12px;

	margin-top:14px	;

	}
.tit {
	background:#ffffff;
	padding-left:0px;
	border:1px #000000 dashed;
}
.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: "Lucida Grande", arial;
	font-size: 0.8em;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;	
	background:#44f966;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:1px;
	border: 1px #00aa00 dashed;
	}

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

.sous_titre{
	font-family: "Lucida Grande", verdana, arial;
	font-size: 14px;
	color: #222222;
	font-weight: bold;
	margin-top: 16px;
	}

.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: 12px;
	color: #ffffff;
	/*font-stretch: expanded;*/
	font-weight: bold;
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:194px;
	letter-spacing: 4px;
	background: #44f966; 
	height:85px;
	padding-left:4px;
	}
	
.titre {
	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px
	}


.liste_puce{
	
	margin-left: 24px;
	height:20px;
	font-family: arial, verdana, arial;
	font-size: 0.8em;
	font-weight:bold;
	color: #333333;	
	margin-top:0px;
	margin-bottom: 0;
	padding-left:26px;
	background-image: url(maquette/cercle.png); 
	background-repeat: no-repeat;
	list-style-type: none;
	
	
}
.liste_ul{
	margin-top:20px;
}

	
	
}
.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;	
}

.menu_horizontal li {
float: left;
}

.menu_horizontal a {
margin: 0 3px;
width:150px;
height: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #000;
background: #fff;
}

.menu_horizontal a:hover {
background: #fff;
font-weight: bold;
}

.menu_horizontal a:active {
background: gray;
color: #fff;
}

.ongletOn {  
font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #112233; 
text-decoration: none;
}


.ongletOn a {  
font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold; 
color: #ff0000; 
text-decoration: none;
}


.ongletOff {  
font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: normal; 
color: #555555; 
text-decoration: none;
}

.ongletOff a {  
font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #555555; 
text-decoration: none;
}
.ongletOff a:hover {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold; 
color: #ffffff; 
text-decoration: none;
}

.titreOnglet{  
font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold; 
color: #ff0000; 
letter-spacing: 3px;
}