@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background-image: url(../img/bg_degradeNoir_h1px.png);
	background-repeat: repeat-y;
	background-position: center;
}
form{margin:0;padding:0}
p {margin:0;}
img {border:solid 3px #FFFFFF;}
img:hover {border:solid 3px #999;}
#wrapper {
	width:100%;
	overflow:auto; /*pour que l'arrière-plan suive sur firefox*/
	background-image: url(../img/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#header {
	height: 192px;
	width: 1021px;
	margin: 0 auto;
	
}
#header h1 {
	font: lighter 20px "Lucida Grande", Verdana, sans-serif;
	margin: 0px -2000px;
	color:#333;
	padding-top: 160px;
	padding-left: 250px;
	float:left;
}

#news {
	float:right;
	margin-right:37px;
	margin-top:25px; 		/*firefox*/
	/*/margin-top:25px;*/		 /*IE7*/
	_margin-right:25px;		/*IE6*/
	height:50px;
	width:180px;
	padding-left:10px;
	background-image: url(../img/flecheBlc.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	color:#FF0050;
	font-weight:bold;
}
#news input[type=text] {
	width: 133px;
	font-size: 10px;
	/*color:#999999;*/
	background-color:#ff0050;
	color:#FFFFFF;
	/*border: solid 2px #9a988d;	*/
	
}

#news input[type=submit] {

	font-size: 12px;
	background:transparent url(../img/btn-ok.gif) no-repeat;
	width: 40px;
	height:28px;
	/height:25px;
	border: none;
	color:#fff;
}

#wrapper1 {
	width:100%;
	overflow:auto; /*pour que l'arrière-plan suive sur firefox*/
	background-color:#333333;
}

#menu {
	height: 45px;
	/height:48px;
	width: 1021px;
	margin: 0 auto;
	
}

#soir {
	float:left; 
	/*width: 200px; */
	color: #fff; 
	font-size: 15px; 
	padding-top: 13px; 
	padding-left: 45px;
	/*background:url(../img/bg_cesoir.gif) no-repeat left bottom;*/
	height: 30px;
}
#navigation {
		float:right; 
		margin-right: 50px;
		/margin-right: 25px; 
		/*width:525px;*/
				
}

#navigation ul {margin:0; padding:0}

#navlist li
{
	float:left;
	list-style:none;
	padding:12px 4px;
	height:12px;
	margin-top:4px;
	/margin-top:0px;	
}
#navlist a
{
	color:#fff;
	text-decoration:none;
	font-size: 16px;
	margin-right: 5px;
	/*font-weight:bold;*/
}

#navlist a:hover
{	
	color:#93c20d;
	text-decoration:none;
	font-size: 16px;
	margin-right: 5px;
	/*ont-weight:bold;*/
	border-bottom: 3px solid #93c20d;
}




#navlist #ici 
{
	color:#93c20d;
	background:  url(../img/bg-lien.png) no-repeat center top  ;
	border-bottom: 3px solid #93c20d;
	margin-right: 5px;
	padding-top: 16px;
	/padding-top: 12px;
	font-size: 16px;
	
	
}

#wrapper2 {
	width:100%;
	overflow:auto; /*pour que l'arrière-plan suive sur firefox*/
	background-image: url(../img/fondRose1800_flechecesoir.png);
	background-repeat: no-repeat;
	background-position: center top;
}




#programmes {
	/*background: url(../img/bg_programmes_04.jpg) no-repeat;  */
	height:172px;
	/height:185px;
	padding-left: 20px; 
	width: 1021px;
	margin: 0 auto;
	
}

.description_programme {
	width: 215px;
	height:133px;
	margin-left: 20px;
	margin-top:10px;
	float:left;
	padding:20px 20px 20px 0px;
	display:inline; /*pour ie 6*/
	background-image:url(../img/filet.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}

.description_programme img{ 
	float:left; 
	margin-right: 10px;
	text-align:justify;
	
}

/*.description_programme a {border:solid 3px #FFFFFF;}
.description_programme a {border:solid 3px #999;}*/


.description_programme p.align_d a{ 
	color:#333333;
	text-decoration:none;
	background-image: url(../img/flecheGris.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left:9px;
}
	
.description_programme p.align_d a:hover{ 
	color:#333333;
	text-decoration:underline;
}

.description_programme p a:visited{ 
	color:#000;
	text-decoration:none;
}	

.align_d	{
	text-align:right;
}
h2  {
	font-size: 18px;
	color: #ff0050;
	background: url(../img/fleur.gif) no-repeat left center;
	padding-left: 30px;
}

/*====================== actus de gauche=====================*/
#wrapper3 {
	width:1021px;
	overflow:auto; /*pour que l'arrière-plan suive sur firefox*/
	margin:0 auto 30px auto;
}
#bas_gauche {
	float:left; 
	width: 373px; 
	margin-left:15px;
}

#actushautvert {
	background: url(../img/actu_vert_top.png) no-repeat;
	width: 401px;
	height: 60px;
}
#actusbasvert {
	background:  url(../img/actu_vert_bottom.png) no-repeat center bottom; 
	height:23px;
	width: 401px;
}

#actusmidvert {
	line-height: 20px;
	padding:  2px 18px  10px 22px;
	/padding:  2px 18px  10px 22px;
	width: 361px;
	overflow:auto;
	background-image: url(../img/actu_vert_mid.png);
	background-repeat: repeat-y;
	background-position: center center;
	text-align:justify;
}
	
#actushautvert h3 {
	color: #ED0043;
	margin: 0px;
	padding-left: 50px;
	padding-top: 20px;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
}	


#actusmidvert img, #actusmidbleu img  {
	float:right;
	margin: 0 20px 0 7px;
}	
 	
#actushautbleu { 
	margin-top: 5px;
	background: url(../img/actu_bleu_top.png) no-repeat;
	/background-position:1px;
	width: 401px;
	height: 58px;
}

#actusmidbleu{
	line-height: 20px;
	padding:  2px  17px  14px 20px;
	/padding:  2px  17px  10px 21px;
	width: 361px;
	background-image: url(../img/actu_bleu_mid.png);
	background-repeat: repeat-y;
	background-position: center center;
	text-align:justify;
}
#actusbasbleu {
	background:  url(../img/actu_bleu_bottom.png) no-repeat center bottom; 
	height:16px;
	width: 399px;
	margin-bottom: 20px;
}
#actushautbleu h3 {
	color: #9EBC37;
	margin: 0px;
	padding-left: 50px;
	padding-top: 20px;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
}	

/*====================== actus de gauche=====================*/

/*====================== actus de droite=====================*/

#bas_droit {
	float:left; 
	width: 500px; 
	margin-left:65px;
	_margin-left: 30px; /*poir IE 6 qui double les marges !*/
	line-height: 20px;
	text-align:justify;
}

#bas_droit img{
	float:right; 
	margin: 10px;
	
}

#bas_droit ul {padding:0; margin:0 5px; list-style-type:none;font-weight:bold;};
#bas_droit ul li {
	padding:0;
	margin:0;
}
/*les classes*/

.font20px {font-size: 20px;}
.rouge {color: #ff0050;;}
.titreprogramme {font-size : 13px ; color:#333; line-height:14px;}
.separateur { color: #525252; font-weight:bold;}
.vert {color: #93c20d;}
.blanc{color:#FFFFFF}

a.vert {text-decoration: none;}
a.vert:hover {text-decoration:underline}

#cadrehaut { 
	background: url(../img/cadre_top.png) no-repeat;
	width: 272px;
	height: 19px;
	margin:0;
	padding:0;
}

#cadremid{
	padding: 0px 15px 10px 15px;
	width: 242px;
	min-height:90px;
	background-image: url(../img/cadre_mid.png);
	background-repeat: repeat-y;
	background-position: center center;
	color:#9F9F9F;
	cursor:pointer;
}

#cadremid img{
	 padding: 2px;
	 margin: 3px;
	 border: 2px solid #DADADA;
	 float: left;
}

#cadremid a.lien{
	background-image: url(../img/fleche.png);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#FF3366;
	text-decoration:none;
	font-weight:bold;
}

#cadremid a.lien:hover{
	background-image: url(../img/fleche.png);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#FF3366;
	text-decoration:underline;
	font-weight:bold;
}
#cadrebas {
	background:  url(../img/cadre_bottom.png) no-repeat center bottom; 
	height:8px;
	width: 272px;
}
.flecherose {
	font-style: italic;
	background-image: url(../img/flecheRose.png);
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-left: 10px;
	padding-top:10px;
}