html, #container
{
	margin: 0px auto 5px auto;
}
body
{
	background-color: #C0C0C0;
    color: #333;
    font-family: Arial, Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: normal;
	text-align: center;
	z-index: 0;
}
div, ul, li, p
{
	margin:0px;
	padding:0px;
}
img
{
	border:0px;
}
a 
{
	color: #CC0000; 
	font-weight: bold;
}
a:hover
{
	text-decoration:none;
}
form
{
	padding:0px; 
	margin:0px;
}
td
{
	font-size: 12px;
}

#container{
	background-color: #FFF;
	text-align:left;
	width:1000px;
}
#header{
	background-image: url('/images/head_01.gif');
	height:24px;
}
.head{
	background-image: url('/images/top.png');
	width: 978px;
}
.head1{
	background-image: url('/images/head.png');
	margin-top: 10px;
	margin-left: 20px;
	width: 469px;
	height: 97px;
	float: left;
}
.head2{
	float: left;
	margin: 10px;
}
#navbar, #navbar .head{
	height:120px;
}
#navbar{
	padding:0px 11px;
	clear:both;
}


#content{
	position:relative;
	padding:0px;
	width: 100%;
	margin: 0px 11px;
	background: url('/images/head/bg.gif') top left repeat-y;
}

#col1, #col2, #col3{
	overflow:hidden;
	float:left;
	position:relative;
}
#col1{
	width:470px;
	margin-left: 1px;
	padding-right: 5px;
}
#col2{
	width:300px;
	margin-right: 1px;
}
#col3, #col3 div{
	width:200px;
	background: #fff;
	text-align:center;
}
#col3 div ul{
	list-style-type: none;
}
#col3 {
	text-align: right;
}

#footer{
	background: url('/images/footer.gif') no-repeat;
	width:1000px;
	height:20px;
	overflow: hidden;
	margin-top: 10px;
	font-size: 10px; 
	text-align: center;
}


#menu{
	height: 25px;
	list-style-type: none;
	top: 0;
	margin: 0px;
	padding: 0px;
	background-image: url('/images/nav.png');
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
#menu li {
	float: left; /*position:relative;*/
}
#menu a:link, #menu a:visited{
	display: block;
	color: #FFF;
	padding: 5px 8px 5px 8px;
	font:12px /*Geneva, */Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
}
#menu .submenu {
	border-right: 1px solid #FFF;
	width: 95px;
	text-align: center;
}
#menu a:hover {
	display: block;
	background-color: #AE0205;
	background-image: none;
}
#menu .sousmenu {
	display: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	border: 1px solid #8E0809;
	position: absolute;
	font-weight:normal;
	z-index:100;
}
#menu .sousmenu li{
	float: none;
	text-align:left;
	white-space:nowrap;
	font-weight:normal;
}
#menu .sousmenu a:link, #menu .sousmenu a:visited{
	display: block;
	color: #FFF;
	text-decoration: none;
	background: #CC0000;
	background-image: none;
	font-weight:normal;
}
#menu .sousmenu a:hover{
	background-image: none;
	color: #FFFF00;
	background-color: #B90101;
}
#menu li:hover .sousmenu {
	display: block;
	margin: 0px;
	padding: 0px;
}

label {
	display:block;
	float:left;
	width:180px;
}

p {
	margin: 5px;
}

.pubtop {
	margin-left: 130px; 
	margin-top: 10px;
}

/*Ajout*/

.titre_breve
{
	background: #C00407; 
	font-weight: bold;
	padding: 3px;
}

.breve
{
	padding: 5px;
}

.ss_col1, .ss_col2 {
	overflow:hidden;
	float:left;
	position:relative;
	padding: 3px;	
}
.ss_col1{
	width:225px;
	margin-left: 1px;
	padding-right: 5px;
}
.ss_col2{
	width:225px;
	margin-right: 1px;
}

h2
{
	border-bottom: 1px solid black;
}





/*Pour le menu*/

/* CSS du menu horizontal, bieler batiste */

.menuu
{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    border-bottom:1px solid #FFF;
    background-image: url('/images/nav.png');
    height: 25px;
}
    
   #menu{
	height: 25px;
	list-style-type: none;
	top: 0;
	margin: 0px;
	padding: 0px;
	background-image: url('/images/nav.png');
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

.menuu ul{
    position:absolute;
    display:block;
    width:95px;
    /*margin:0;*/
    padding:0;
    }
    
.menuu li ul{
	visibility:hidden;
	z-index: 30;
	background-image: url('/images/nav.png');
    }

.menuu li li ul{

    position:absolute;
    margin-left:95px;
    margin-top:-23px;
    z-index: 30;
    }
    
.menuu li{
    list-style:none;
    width:95px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    z-index: 30;
    }
    
.menuu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menuu li li{
    display:inline;
    }

.menuu a{
	border-top: 1px solid white;
    text-align:center;
    display:block;
    width:100%;
    text-decoration:none;
    padding:4px 0;
    height: 16px;
    z-index: 30;
    color: white;
    border-left: 1px solid white;
    }
    
.menuu a:hover
{
    background-color:#AE0205;
}

.avid a
{
	width: 145px; text-align: left; padding-left: 5px; border-right: 1px solid white;
}

.norm a
{
	border-right: 1px solid white;
	width: 89px; 
	text-align: left; 
	padding-left: 5px;
}

.titre_menu
{
	border: 1px dashed rgb(204, 204, 204); 
	margin: 10px 20px 10px 0px; 
	padding: 5px; 
	background: rgb(241, 239, 247) none repeat scroll 0% 0%; 
	font-size: 15px; 
	font-weight: bold;
}

#haut1, #haut2{ 
                            overflow:hidden;
	           float:left;
	           position:relative;
}
#haut1{
                             width:230px;
                              height:90px;
	           margin-left: 1px;
	           padding-right: 1px;     
                              text-align: center;  
}
#haut2{
                            width:745px;
                              height:90px;
	           margin-right: 1px;  
                            text-align: center;     
}  

/****** ARTICLE ******/
	.article .top1 {
		border: 1px dashed #CCCCCC; 
		background: #F1EFF7; 
		padding: 5px; 
		margin-top: 10px; 
		margin-bottom: 10px; 
		height: 38px;
	}
	
	.article .img1 {
		width: 470px; 
		height: 75px; 
		margin-top: 10px; 
		padding-top: 300px; 
		margin-bottom: 10px; 
		margin-left: 40px; 
		border: 1px solid #CCC;
	}

	.article .titre {
		width: 460px; 
		height: 75px; 
		padding-left: 10px; 
		background-image: url('/images/trans.png'); 
		color: white; 
		font-size: 30px; 
		text-transform:uppercase; 
		font-family: Impact;
	}
	
	.article .buzz1 {
		margin-left: 160px; 
		background-image: url(/images/buzz.png); 
		height: 36px; 
		width: 225px; 
		padding-left: 25px; 
		padding-top: 8px; 
		margin-bottom: 10px;
		font-size: 16px; font-family: 'Trebuchet MS'; font-weight: bold; margin-right: 20px;
	}
	
	.article .intro1 {
		font-weight: bold; 
		margin-bottom: 10px; 
		margin-top: 10px;
	}
	
	.article .body1 {
		text-align:justify; 
		margin-top: 10px;
		margin-bottom: 10px;
	}


/****** FIL INFOS ******/
	.fil-infos .top1, .fil-infos .top2, .fil-infos .mid1, .fil-infos .mid2, .fil-infos .end {
		width: 300px; 
	}

	.fil-infos .top1 {
		margin-top: 10px; 
		background-image: url('/images/bg_fil_1.png'); 
		height: 98px;
	}

	.fil-infos .top2{
		width: 300px; 
		background-image: url('/images/bg_fil_3.png'); 
		height: 41px;
	}

	.fil-infos .mid1, .fil-infos .mid2 {
		background-image: url('/images/bg_fil_2.png'); 

	}

	.fil-infos .mid1 {
		height: 255px;
	}


	.fil-infos .bot1, .fil-infos .bot2 {
		margin-left: 20px; 
		margin-right: 20px;  
		border: 1px solid #CCC; 
		padding: 5px;
	}
	.fil-infos .bot1 {
		overflow: auto; 
		height: 240px; 
	}
	.fil-infos .end {
		background-image: url('/images/bg_fil_4.png'); 
		height: 29px; 
		margin-bottom: 10px;
	}

/****** LIVE ******/
	.live .top1 {
		width: 300px; 
		margin-top: 10px; 
		background-image: url('/images/bg_live_1.png'); 
		height: 63px;
	}
	.live .mid1 {
		width: 300px; 
		background-image: url('/images/bg_fil_2.png'); 
	}
	.live .mid2 {
		margin-left: 20px; 
		margin-right: 20px; 
		padding: 5px;
	}
	.live .end1 {
		width: 300px; 
		background-image: url('/images/bg_fil_4.png'); 
		height: 29px; 
		margin-bottom: 10px;
	}

/****** PORTRAIT ******/
	.portrait .top1 {
		width: 300px; 
		margin-top: 10px; 
		background-image: url('/images/bg_pdm_1.png'); 
		height: 63px;
	}

	.portrait .mid1 {
		width: 300px; 
		background-image: url('/images/bg_fil_2.png'); 
		height: 55px; 
		padding-left: 30px;
	}
	.portrait .end1 {
		width: 300px; 
		background-image: url('/images/bg_fil_4.png'); 
		height: 29px; 
		margin-bottom: 10px;
	}
	.portrait .img1 {
		 width: 470px; 
		 height: 75px; 
		 margin-top: 10px; 
		 padding-top: 300px; 
		 margin-bottom: 10px; 
		 margin-left: 40px; 
		 border: 1px solid #CCC;
	}
	
	.portrait .img1 .titre {
		width: 460px; 
		height: 75px; 
		padding-left: 10px; 
		background-image: url('/images/trans.png'); 
		color: white; 
		font-size: 30px; 
		text-transform:uppercase; 
		font-family: Impact;
	}	
	.portrait .infos {
		border: 1px dashed #CCCCCC; 
		background: #F1EFF7; 
		padding: 5px; 
		margin-top: 10px; 
		margin-bottom: 10px;
	}
	.portrait .texte {
		text-align:justify;
		margin-bottom: 10px;
	}
	
/****** SONDAGE ******/
	.sondage .top1 {
		background-image: url("/images/bg_sond_1.png");
		width: 200px; 
		height: 62px; 
		margin-top: 12px;
	}
	.sondage .body1 {
		width: 200px; 
		background-image: url('/images/bg_sond_2.png');
	}
	.sondage .bot1 {
		width: 200px; 
		height: 24px; 
		background-image: url('/images/bg_sond_3.png'); 
		margin-bottom: 10px;
	}
	.sondage .rep1 {
		margin-left: 20px;
	}
	.sondage .cadre1 {
		border: 1px solid #CCCCCC; 
		height: 10px; 
		width: 150px; 
		float: right; 
		margin-top: 1px; 
		margin-right: 15px;
	}
	.sondage .cadre2 {
		background: #CC0000; 
		height: 10px; 
		float: right;
	}
	.sondage .quest1 {
		font-size: 12px; 
		font-weight: bold; 
		margin-left: 15px; 
	}
	
/****** CONCOURS ******/
	.concours .back1 {
		margin-top: 5px;  
		width: 976px; 
		border: 1px solid #CCC; 
		background: #a5090a; 
		background-image: url('/concours/concours.png'); 
		background-repeat: no-repeat;
	}
	
	.concours .body1 {
		margin: 15px; 
		width: 700px; 
		margin-top: 130px; 
		color: white; 
		font-weight: bold; 
		font-size: 110%; 
	}