/* CSS Document */

body {
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
background:url(design/BGbis.png) bottom repeat-x;
}
img.image-droite {float:right; margin: 5px;}
img.image-gauche { float:left; margin: 5px;}
img {
border:none;
}
a:link {
	color:#0375B3;
	text-decoration:none;
}
a:visited {
	color:#0375B3;
	text-decoration:none;
}
a:hover {
	color:#FF33CC;
	text-decoration:none;
}
a:active {
	color:#0375B3;
	text-decoration:none;
}


.bannière{
width:1000px;
height:150px;
margin:auto;
margin-top:-15px;
}

.menu{
	margin: auto;
	padding: 0px ;
	list-style-type: none;
	width:1000px;
font-weight:bold;
text-align:center;
color:#000000;
}

ul.menu li
{
	float:left;
	color:#F7F7F7;
	width:100px;
	height:25px;
	display:block;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul.menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:100px;
	color:#F7F7F7;
	height:25px;
	padding-top:3px;
	background: url(design/onglet.png) no-repeat; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul.menu p
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:100px;
	color:#F7F7F7;
	height:25px;
	padding-top:3px;
	margin-top:0px;
	background: url(design/onglet2.png) no-repeat;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul.menu li a:hover
{
width:100px;
height:25px;
color:#F7F7F7;
padding-top:3px;
background: url(design/onglet2.png) no-repeat; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/**/

.lastline{
font-weight:bold;
text-align:center;
color:#000033;
width:1000px;
text-align:center;
margin:auto;
}
.lastline a:link{
color:#ffffff;
}
.lastline a:hover{
color:#FF33CC;
}

/*BLOC*/
.bloc {
width:1000px;
margin:auto;
padding:5px;
background:url() repeat-x top;
}
.bloc1 {
width:212px;
height:auto;
border:#0066CC 1px dashed;
border-top:0px;
vertical-align:top;
}

.bloc2 {
width:780px;
height:auto;
}
.unblock{
height:700px;
width:780px;
display:block;
text-align:left;
overflow:auto;
}



/*BLOC1*/
.sub_titre {
padding-top:10px;
padding-bottom:10px;
}
.list{
padding-left:4px;
padding-right:4px;
padding-top:4px;
font-size:12px;
}
.bloc1_click{
background:url(design/rub_line.png) no-repeat bottom left;
width:210px;
height:20px;
padding-bottom:2px;
padding-left:2px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
}

.bloc1_click a{
	color:#0375B3;
	text-decoration:none;
}
.bloc1_click a:hover {
	color:#FF33CC;
	text-decoration:none;
}

/*TEXTE*/
.ss_titre{
color:#333333;
font-size:11px;
font-style:italic;
text-align:right;
}
.date {
color:#999999;
font-size:9px;
}
.logo_titre {
letter-spacing:2px;
color:#0066CC;
font-size:16px;
text-align:justify;
font-style:italic;
margin-bottom:10px;
margin-top:10px;
}
.lineblue {
border-bottom:1px solid #0099FF;
}
.forum_cadre {
border:#FF00CC 1px dotted;
padding:3px;
float:right;
margin-right:20px;
margin-top:10px;
}
.forum {
font-size:12px;
font-weight:bold;
text-align:center;
}
.forum a:hover {
color:#FF00CC;
background:#FFFFFF;
}
/*VU DANS LA RUE */
.encadre{
border:#0066CC 1px solid;
padding:5px;
font-size:12px;
letter-spacing:2px;
width:700px;
margin-left:25px;
margin-top:20px;
text-align:justify;
}
.archive_vdr{
font-size:12px;
width:720px;
margin-left:25px;
text-align:justify;
}
h1{
color:#0066CC;
font-style:italic;
letter-spacing:2px;
font-size:25px;
}
h2{
coloR:#FF00CC;
font-style:italic;
letter-spacing:2px;
font-size:14px;
margin-top:10px;
padding:4px;
}

/*ZIK*/

.zik_top {
color:#FF00CC;
font-size:25px;
font-style:italic;
font-weight:bold;
padding:5px;
text-align:center;
border-bottom:1px solid #FF00CC;
border-top:1px solid #FF00CC;
}
.zik_topmenu{
border:1px solid #FF00CC; 
padding:5px; 
margin-left:20px;
height:auto;
width:145px;
margin-bottom:10px;
}
.zik_bloc {
padding:5px;
text-align:justify;
}
.zik_bloc h1 {
font-size:20px;
font-weight:bold;
font-style:italic;
color:#0066CC;
padding-bottom:5px;
}
.zik_bloc h2 {
font-weight:bold;
color:#0066CC;
font-size:12px;
}
.zik_rose {
font-size:12px;
color:#FF00CC;
}
.zik_rosebold {
font-size:12px;
color:#FF00CC;
font-weight:bold;
}
.zik_bloc_img {
float:left;
padding-right:6px;
padding-bottom:1px;
padding-top:2px;
}
.zik_bloc_img2 {
float:right;
padding-left:6px;
padding-bottom:1px;
display:block;
padding-top:2px;
}

/*EVENEMENTS*/
.evenement_bloc {
padding:5px;
text-align:justify;
}
.evenement_bloc h1 {
font-size:30px;
font-weight:bold;
font-style:italic;
color:#0066CC;
padding-bottom:5px;
}
.ev_img{
float:left;
padding:3px;
margin-top:-20px;
}  
.ev_img_spe{
float:left;
padding:3px;
margin-top:-50px;
}
.ev_img2{
float:right;
padding:3px;
margin-top:0px;
}                                                                                                                                            
/*CINEBULLE*/
.cine_img {
text-align:center;
padding:5px;
}
.cine_titre {
font-size:14px;
font-style:italic;
border-bottom:solid 1px #FF99FF;
padding-left:10px;
}

/* INTW */

.intw_bloc {
padding:5px;
text-align:justify;
}
.intw_bloc h1 {
font-size:30px;
font-weight:bold;
font-style:italic;
color:#0066CC;
padding:5px;
}
.intw_bloc h3 {
font-weight:bold;
color:#FF00CC;
font-size:12px;
}
.intw_bloc h4 {
font-weight:bold;
font-size:12px;
color:#0066CC;
}
.intw_bloc h2 {
font-size:18px;
font-weight:bold;
font-style:italic;
color:#0066CC;
margin-top:20px;
margin-left:135px;
text-align:center;
width:520px;
}
.intw_img {
float:left;
display:block;
padding:5px;
}

/* TV */

.tv_text {
text-align:justify;
padding:6px;
}
.tv_titre {
font-size:25px;
color:#0066CC;
font-style:italic;
font-weight:bold;
}
.tv_bloc h1 {
font-size:20px;
color:#0066CC;
border-bottom:#FF00CC 1px solid;
}
.tv_bloc h2 {
font-size:13px;
color:#000000;
}
/* SERIE */
.serie_mot {
width:600px;
padding:7px;
margin-left:75px;
text-align:justify;
border: #FF00CC 2px outset;
}
.serie_credit{
color:#333333;
font-size:10px;
font-style:italic;
width:145px;
padding-left:3px;
padding-right:3px;
text-align:left;
float:left;
}
.serie_credit2{
color:#333333;
font-size:10px;
font-style:italic;
width:252px;
padding-left:3px;
padding-right:3px;
text-align:right;
float:right;
}
.serie_credit3{
color:#333333;
font-size:10px;
font-style:italic;
width:200px;
padding-left:4px;
padding-right:4px;
text-align:right;
float:right;
}
.serie_credit4{
color:#333333;
font-size:10px;
font-style:italic;
width:205px;
padding-left:4px;
padding-right:5px;
text-align:left;
float:left;
}
.serie_archivesdate{
font-size:12px;
color:#000000;
font-style:italic;
font-weight:bold;
text-align:left;
width:220px;
padding:3px;
margin-left:10px;
background:#91C8FF;
border:#0066CC 1px solid;
}

/* ZAP */

.zap{
border:#0066CC 1px dashed;
width:1000px;
margin:auto;
}
.zap_img{
margin-left:-40px;
}
.zap_menu {
height:570px;
width:200px;
overflow:auto;
text-align:center;
}
.zap_date {
margin-left:-85px;
color:#0066CC;
font-size:11px;
font-style:italic;
}

/* ZAP RADIO */
.zapping {
width:398px;
height:98px;
margin-left:-10px;
margin-top:-15px;
background:#0066CC no-repeat url(design/ZAPRADIO/bg1.png) ;
border: 1px solid #FF00CC;
position:absolute;
}

/*VU DANS LA RUE */

.vudanslarue_titre {
color:#0066CC;
font-style:italic;
font-size:30px;
font-weight:bold;
}
.parag{
padding:5px;
text-align:justify;
}

/*ACTUCINE*/

.actucine {
padding:5px;
text-align:justify;
}
.actucine ul {
color:#0066CC;
font-size:12px;
font-weight:bold;
padding:6px;
margin:0px;
}
.actucine_participation {
text-align:center;
letter-spacing:2px;
color:#0066CC;
font-size:13px;
}
.actucine h2 {
font-size:12px;
color:#0066CC;
text-align:left;
font-style:normal;
}

/*UNE VOIX*/

.voix_bloc{
padding:5px;
text-align:justify;
}
.voix_titre {
font-size:30px;
font-weight:bold;
color:#0099FF;
font-style:italic;
}
.voix_sstitre{
color:#0099FF;
font-style:italic;
font-size:20px;
font-weight:normal;
}
.voix_cita{
font-size:15px;
color:#FF00CC;
font-style:italic;
font-weight:bold;
}
/*PROG RADIO*/
.radio {
padding:15px;
height:520px;
overflow:auto;
text-align:left;
}
.radio_agenda{
color:#0066CC;
font-size:13px;
font-style:italic;
font-weight:bold;
padding:3px;
}
.bloc_radio {
width:1000px;
margin:auto;
margin-top:-2px;
background:url(design/bg_bloc2.png) repeat-x top;
border:2px #0066CC dotted; 
border-top:0px;
}