body{background-color:#BEB7A7;color:#544524; font-family:arial;font-size:12px; margin:0;padding:0;}

* { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
/*HAUT*/
#container-haut {width:100%;background: url('img/bg_header.png') repeat-x; background-position: top center; margin:0; padding:0; height:167px;/*border:solid 1px navy;*/}
#header { margin: 0 auto; padding: 0; background:#fff url('img/bg_header_in.png') no-repeat scroll 0% 0%; width: 1000px; height: 112px;}

#logo {margin:10px; border:none;}
#pub-banner { float:right;margin: 7px 10px; border:0;}
#pub-right { margin:0; border:0; z-index:1;}
#pub-right:first-child { margin:0; border:0; z-index:1;}

#menu { margin:9px auto; padding: 0px 0;  
width: 1000px; height: 37px;
background: url('img/bg_menu.png') no-repeat scroll 0% 0%; /*border:solid 1px green*/ }
ul#topnav {margin: 0; padding: 0; width: 100%; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 1.3em; }
ul#topnav li:first-child {margin: 0 0 0 10px; padding: 0pt; float: left; position: relative; }
ul#topnav li {margin: 0; padding: 0pt; float: left; position: relative;}
ul#topnav li a {float: left;height: 15px;background: url('img/bg_menu_a.gif') no-repeat; font-weight:bold; padding:10px;color:#544524; text-align:center; text-decoration:none;}
ul#topnav li:hover a, ul#topnav li a:hover {background: url('img/bg_menu_ahover.png') repeat-x;color:#DB001B; text-decoration:none; }
ul#topnav a.home {width:80px;}
ul#topnav a.programme {width: 120px; }
ul#topnav a.emissions {width: 120px; }
ul#topnav a.team {width: 100px; }
ul#topnav a.community {width: 100px; }
ul#topnav a.pub {width: 100px; }
ul#topnav a.partner {width: 100px; }
ul#topnav a.contact {width: 80px; }

ul#topnav li .sub { padding: 20px; background: #F5F2EB url('img/sub_bg.png') repeat-x scroll 0% 0%; position: absolute; top: 35px; left: 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; float: left; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; display: none;  z-index:11111;}
ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; width: 150px; float: left; }
ul#topnav .sub ul li { width: 100%; color:#fff;  font-size:11px;}
ul#topnav .sub ul li h2 { margin: 0pt; padding: 0pt; font-size: 1.1em; font-weight: normal; }
ul#topnav .sub ul li h2 a { padding: 5px 0pt; background-image: none; color:#DB001B; font-size: 1.1em;}
ul#topnav .sub ul li h2 a:hover { padding: 5px 0pt; background-image: none; color:#111; font-size: 1.1em;}
ul#topnav .sub ul li a { padding: 7px 3px 7px 9px; background: transparent url('img/navlist_arrowm.png') no-repeat scroll 1px 12px; float: none; text-indent: 0pt; height: auto; font-weight:normal; font-size: 11px;-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: block; text-decoration: none; color:#705B30; text-align:left;}
ul#topnav .sub ul li a:hover { color:#111;background: transparent url('img/navlist_arrowm.png') no-repeat scroll 1px 12px;}

/*MILIEU*/
#container-milieu {width: 100%; background: #ffffff url('img/bg_body.png') repeat-x; background-position: top center; margin:0; padding:0;}
#contenu { margin: 0 auto; padding: 0;
width: 1000px; min-height: 600px;}

#bloc662
{width:662px;margin: 0 15px 10px 0; padding:0px; float:left;}
#bloc662 .bloc662_haut
{background: url('img/bg_bloc662_h.gif') no-repeat 0% 0%; height:29px; margin:0;padding:0;}
#bloc662 .bloc662_haut h2
{padding:8px 0 0 25px; margin:0; color:#FFFFFF;}
#bloc662 .bloc662_int
{background: #fff url('img/bg_bloc662_int.png') no-repeat 0% 0%; padding:10px;}
#bloc662 .bloc662_int h4, h3
{padding: 5px 10px 0 10px;}
#bloc662 .bloc662_int p
{padding:5px 10px;}
#bloc662 .bloc662_bas
{background: url('img/bg_bloc662_b.png') no-repeat 0% 0%; height:6px;}

#bloc322
{width:322px;margin:0px 0px 10px 0px; padding:0px; float:left;}
#bloc322 .bloc322_haut
{background: url('img/bg_bloc322_h.gif') no-repeat 0% 0%; height:29px;}
#bloc322 .bloc322_haut h2
{padding:8px 0 0 25px; margin:0; color:#FFFFFF;}
#bloc322 .bloc322_int
{background: #fff url('img/bg_bloc322_int.png') no-repeat 0% 0%; padding:10px;}
#bloc322 .bloc322_int ul
{ margin:0;}
#bloc322 .bloc322_int li
{ margin:0; padding:0; list-style-type:none;}
#bloc322 .bloc322_bas
{background: url('img/bg_bloc322_b.png') no-repeat 0% 0%; height:6px;}


#bloc1000
{width:1000px;margin:0 0px 10px 0; padding:0; clear:both;}
#bloc1000 .bloc1000_haut
{background: url('img/bg_bloc1000_h.png') no-repeat 0% 0%; height:29px;}
#bloc1000 .bloc1000_haut h2
{padding:5px 0 0 20px; margin:0;}
#bloc1000 .bloc1000_int
{background: #fff url('img/bg_bloc1000_int.png') no-repeat 0% 0%; padding:0 1px 0 2px ;}
#bloc1000 .bloc1000_bas
{background: url('img/bg_bloc1000_b.png') no-repeat 0% 0%; height:6px;}



/*BAS*/
#container-bas {width: 100%; background:#CEC5A2;background: url('img/bg_bas.png') repeat-x scroll top center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#footer { margin: 0pt auto; padding:20px 0 0 0; width: 1000px; height: 100px; color:#F5F2EB; }
#footer div a{text-decoration:none;color:#F5F2EB;}
#footer div a:hover{text-decoration:none; color:#fff;}



/*CLASS et FONT*/
a{text-decoration:none;color:#DB001B;}
a:hover{text-decoration:none; color:#111;}
a img {border:0;}


h1 {font-size:1.5em;margin:0 0 15px 0;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;margin:0 0 4px 0;}
h3 img {margin:0 0 0 6px;width:20px;height:12px;border:0;}
h3 span {font-size:1.15em;}

ul, ol {margin: 0 0 6px 0;}
ol {padding-left:24px;}

p {font-size:12px;line-height:1.15em;margin: 0 0 6px 0;}
p.c { clear:both;}
br.c { clear: both; }

/*CLASS*/
/*COLOR*/
.noir{ color:#000;}
.rouge { color:#DB001B;}
.marron { color:: #544524;}
.marronclair { color:: #705B30;}
.beige { color::#CEC5A2;}
.sable { color:: #AA9C72;}
.sableclair { color:: #DFD8BA;}
.clair { color:: #F5F2EB;}

/*ALL*/
.fleft{float:left;}
.w333{ width:333px; min-width:333px;}
.w640{ width:630px; min-width:630px;}
.ml30{ margin-left:30px;}
.right{ text-align:right;}
.small {font-size:0.9em;}
.xsmall {font-size:0.7em;}
.centre { text-align:center;}
.gauche {float:left;}
.droite {float:right;}
.partner {border:0; padding:0 50px 0 100px; text-align:center;}
#listepartner td { text-align:center; font-weight:bold; font-size:14px;}
#listepartner td+td { text-align:center; font-weight:bold; font-size:14px;}

/*NEWS*/
ul#news {list-style-type:none;height:20px;font-family:arial;margin:0;padding:0;font-size:11px;visibility:hidden;}
ul#news li {height:20px;line-height:20px;font-size:11px;}
ul#news li a {text-decoration:none;line-height:20px;}
ul#news li a img {border:0;vertical-align:middle;width:9px;height:9px;border:0;}


h3.listemission{ display:inline; width:180px; min-width:180px;}
h4.listemission{ display:inline; color:#DB001B; min-width:444px; width:444px;}
h4.listemission span{ float:right; text-align:right; color:#544524;}
p.listemission { text-align:justify;}

/*SWF*/
a.media   { display: block; }
div.media { font-size: small; margin: 0px; width: 100% !important }



/* caption styling */

.caption-top, .caption-bottom {
	color: #fff;	
	padding: 1em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #DFD8BA;
	background: #AA9C72;
}
.caption-top {
   border-width: 0px 0px 4px 0px;
}
.caption-bottom {
   border-width: 4px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #AA9C72;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #AA9C72;
	text-decoration: none;
}
.caption-wrapper {
	/*float: left;*/
}

.images { vertical-align:top;}
.images a img{
	background: none;
	padding: 0;	
	border: 3px solid #AA9C72; 
	margin-right: 4px; 
	margin-bottom: 4px;
}
.images a:hover img {
	background: none;
	padding: 0;	
	border: 3px solid #AA9C72; 
	margin-right: 4px; 
	margin-bottom: 4px;
}
span.legende 
{ font-weight:bold;}

/* ------------------------------------*/
/* captify                       */
/* ------------------------------------*/

/*FORM*/

form{border:0;}
fieldset{border:0;}
legend{display:none;color:#544524;}
input[type=submit], input[type=reset] {
 border:2px outset #544524;
 font-weight:bold;
 cursor:pointer;
 padding:4px 24px;
 }
input[type=submit]:hover, input[type=reset]:hover {
 border:2px outset #705B30;
 background-color:#705B30;
 }
input[type=submit]:active, input[type=reset]:active {
 border:2px inset #705B30;
 background-color:#705B30;
 color:#fff;
 }
  
/*--------------------------------------------*/
/*TABS*/
/*---------------------------------------------*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(img/marron3.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/* tab pane styling */
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:auto;
	font-size:14px;
	background-color:#fff;
}

/*EMISSION UNE*/

/* single tab */
.emissionune {  
	width: 200px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
.emissionune li { list-style-type:none;}
/* link inside the tab. uses a background image */
.emissionune li a { 
	font-size:11px;
	display:block;
	text-align:left;	
	text-decoration:none;
	color:#DB001B;
	padding:0px;
	margin:0px;	
}

.emissionune li a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.emissionune li a:hover {	
	color:#111;	
}


/* invisible & visible style */
.nuit { visibility: hidden; display: none;	}
.jour { visibility: visible; display: inline; }