/* 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;}
.bannière{
width:1000px;
height:150px;
margin:auto;
margin-top:-15px;
}
.full{
margin:2px;}
ul.menu{
	margin: auto;
	padding: 2px ;
	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;
	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 */
}

/*CORPS*/

.bloc {
width:1000px;
margin:auto;
padding:5px;
}
.bloc1 {
width:730px;
height:auto;
}
.bloc2 {
width:260px;
height:auto;
}

/*CADRE*/

.titre{
width:730px;
margin:auto;
height:350px;
margin-bottom:5px;
margin-top:5px;
}

.tv{
width:360px;
height:197px;
float:left;
margin-top:0px;
background:url(design/bg_tv.jpg) no-repeat;
}

.zik{
width:360px;
height:197px;
float:right;
margin-top:0px;
background:url(design/bg_zik.jpg) no-repeat;
}

.video{
margin-top:0px;
width:730px;
height:120px;
text-align:left;
background:url(design/bg_video.png);
}
.video img {
margin:1px;
}

.news {
overflow:hidden;
 
border-left: 1px dashed #0099FF;
border-bottom: 1px dashed #0099FF;
border-top: 1px dashed #0099FF;

width:260px;
height:235px;
margin-bottom:0px;
margin-top:0px;
background:url(design/bg_news.png) no-repeat;
}
.news_text {
width:200px;
padding-left:10px;
text-align:justify;
}
.news2{
margin-top:0px;
}
.search {
margin-left:4px;
height:25px;
padding-top:3px;
}
.zap {
display:block;
float:right;
width:260px;
height:120px;
margin-top:5px;
background:url(design/bg_zap.png) no-repeat;
}
.unevoix {
width:260px;
height:280px;
background:url(design/bg_voix.png);
}
.unevoix img {
margin-top:38px;
}
.lastline{
font-weight:bold;
text-align:center;
color:#000033;
width:1000px;
text-align:center;
margin:auto;
}
.lastline a:link{
color:#F7F7F7;
}
.lastline a:hover{
color:#FF33CC;

}
/*textes*/

.encadre{
color:#000000;
padding:5px;
font-size:12px;
letter-spacing:2px;
width:700px;
margin-left:10px;
}

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

.date {
color:#999999;
font-size:10px;
}

/*ADMIN*/
.bloc_admin{
margin:auto;
width:1000px;
border:1px solid #0066CC;
}

/*ARCHIVES*/

.archive{
font-size:20px;
letter-spacing:2px;
color:#0066CC;
font-weight:bold;
font-style:italic;
}
.bloc_archive {
height:630px;
width:1000px;
border: 1px solid #0099FF;
text-align:justify;
margin:auto;
padding-left:5px;
padding-top:5px;
}
img {
border:0px;
}
.text_archive{
height:630px;
overflow:auto;
}
.sub_archive {
font-size:15px;
color:#ffffff;
letter-spacing:2px;
background:#0099CC;
padding:5px;
}

/* FORMULAIRE */

.form {
padding:1px;
}
.form h1 {
font-size:20px;
color:#0066CC;
font-style:italic;
font-weight:bold;
border-bottom:#FF00CC 1px solid;
}
.form h2 {
font-size:13px;
color:#000000;
}
.form_form {
width:800px;
margin-left:90px;
}
.form legend {
color:#FF00CC;
}

/*IE*/
.opt{
color:#CEE7FF;
font-size:10px;
font-style:oblique;
margin:auto;
padding-top:2px;
}