* { padding: 0; margin: 0; }
a{text-decoration:none; color:#CC9933;}
a.with{text-decoration:underline; color:#FC0;}
img a{outline:none;}
.cie_name{font-size:1.3em; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; word-spacing:-1pt;}
.clear{clear:both;}
address{color:#Fc0;margin-bottom:0; padding-bottom:0;}
span.subtitle{font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
body {
 font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 100%;
 background:#000033 url(images/bgbody2.jpg) repeat top center ;

 
}
#wrapper { 
 margin: 10px auto;
 width: 922px;
 

}
#wrapcontent{background:url(images/bgwrap.jpg); width:920px; height:600px;}
#header {
position:relative;
 width: 920px;
padding:0px;
height: 70px;
 margin: 0px;
 background:#FFF;

}

h1, h2, h3 {
	margin-top: 0;
}
h1, h3

{

font-family: "Trebuchet MS",Verdana,Sans-Serif;

}

h2

{font-family:Georgia, "Times New Roman", Times, serif;

font-size: 1.5em;

letter-spacing: 0.4pt;

color:#Fc0;
 padding-top: 0em;
text-align:center;

}

h1 {
padding: 0;
font-size: 1.5em;
color:#006699;

}


h1.logo {width: 195px; height: 70px; margin-top: 0px; margin-left:15px;}
h1.logo a {display: block; width: 195px; height: 70px; background: url(images/logopetit.jpg) no-repeat;text-indent: -5000px; overflow: hidden;}




h2.tagline{position: absolute; top:57px; left: 5px;padding-top:19px;padding-left:0px; font-size:0.9em; font-style:italic; font-weight:bold;color:#006699;text-align:left;}



 


.slider{z-index: 1;position:absolute;width: 641px;height: 70px;top:0px; left:280px;}

#nav {

 padding: 0;
 margin:0;
 background: url(images/bg-nav.jpg) no-repeat top center;
 width:920px;
 height:46px;
 text-align:center;
}

ul#mainnav{ list-style:none; width:552px;text-align:center; padding:10px 0px;margin:0 auto;}
ul#mainnav li{display: inline; }
ul#mainnav li a{padding:0.5em; margin-left:0.2em; color:white; font-size: 1em; }










#leftcolumn {

 display: inline;
 color: #333;
 margin: 10px 5px 0px 5px;
 padding: 0px;
 width: 186px;
 float: left;
 position:relative;
}



#programmes{

width:168px;
height:288px;
position:absolute;
margin:0; padding-top: 15px;

}

#programmes h2{
font-size:1.1em;font-weight:bold;color:#333;margin: 0em 0em 0.5em 0.3em;
color:#3366FF;

}
#programmes h3{
font-size:1em; font-variant:small-caps; color:#333;margin-left:0.5em;
text-align: center;
}

#programmes h4{
font-size:0.9em; font-variant:small-caps; color: #0099CC;margin-left:0.5em; font-weight:bolder;
text-align: center;
}

#programmes h5{
font-size:0.8em; margin-left:0.5em; font-weight:bolder; text-align:center;
}





#actus h2{
font-size:1.1em; text-transform:uppercase;color:#F60;margin: 1em 0em 2em 1em;

}
#actus h3{
font-size:1em; font-variant:small-caps; color:#FF9900;margin-left:0.5em;
}

#actus h4{
font-size:1em; color:#FFF;margin-left:0.5em; font-weight:bolder;
}

#partner h2{
font-size:1.1em; text-transform:uppercase;color:#F60;margin: 0em 0em 1em 1em;}


#content {

 float: left;
 color: #333;
 margin: 0px;
 padding: 10px 0px;
 width: 490px;
 display: inline;
 position: relative;

}




#screen{width:100%; padding:20px 20px 80px ; margin:0px;

background: url(images/screen.jpg) no-repeat top center;

}



#tvplayer{ width:450px; height:400px;text-align:center; margin:0 auto; padding:0;}
#rightcolumn { 

 display: inline;
 position: relative;
 color: #333;
 margin: 10px auto;
 text-align:center;
 padding: 0px;
 width: 200px;
 float: right;
}






#rightcolumn img {
margin: 2px;
padding:0;
}

#rightcolumn a img {
text-decoration:none;
outline:none;
border:0;
width: 70px;
height: 50px;

}
/*
#conteneur_avenir, #conteneur_topvideo{margin-bottom:10px; padding:0; background:url(images/bg-vignetvideos.png) no-repeat top center; }
*/
#conteneur_topvideo h2{
font-size:0.9em;
padding:15px 0px 5px;
color:#36F;
text-transform:uppercase;
font-weight:bold;

}
 #conteneur_avenir h2{
font-size:0.9em;
padding:15px 0px 5px;
color:#36F;
text-transform:uppercase;
font-weight:bold;



}

.rightvideolink{
	padding: 4px;
	font-size: 0.9em;
}
/*tableau zebra */

/*le rang des videos pour la colonne video*/

.ranklastvideo{
background: url(images/bg_num_orange.png) no-repeat center;
padding: 4px;
}

.ranktopvideo{
background: url(images/bg_num_blue.png) no-repeat center;
padding: 4px;
}



#conteneur_avenir tbody tr td, #conteneur_topvideo tbody tr td{
      background-color: #eee;
      height: 30px;
    }
#conteneur_avenir tbody tr.odd td, #conteneur_topvideo tbody tr.odd td{
  background-color: #fff;
}




#footer{ 

width:900px;
height:80px;
clear:both;
margin:0;
padding:10px;
background:url(images/bgfooter.jpg) repeat-x top left;
font-size:1em;color:#666; font-weight:bold;
}




footer a{color:#FFF;margin:0; padding:0;}

.clear { clear: both; background: none;margin: 2em 0; }

body#chaine p{color:#FFF; font-size:0.8em;margin-bottom:0.4em;}
body#chaine h3 {color:#FF9900;font-size:1em;}

/*#wrapcontent    {background:url(images/bgwrap2.jpg) no-repeat; width:920px; height:600px;}*/



body#partenaires #wrapcontent {background:url(images/bgwrapart.jpg) top center no-repeat; width:920px; height:485px; }
body#partenaires #content {
float: left;
 color: #333;
 margin: 0px auto;
 padding: 10px;
 width: 100%;
 display: inline;
 position: relative;}
 
 body#partenaires #h2 {margin-top:0px; padding:0;}


body#equipe #content{ overflow : scroll;overflow-x: hidden; height:370px;margin-left:1.5em; }
body#partenaires #partner{ overflow : scroll;overflow-x: hidden; height:370px;width:800px;margin:0 auto;padding:0; }
body#chaine #wrapcontentchaine{ overflow : scroll;overflow-x: hidden; height:370px;margin-left:3em; }
body#actu #actus{ overflow : scroll;overflow-x: hidden; height:370px;margin-left:3em; }
body#equipe h3{color:#FFF; margin-bottom:1.8em;}



 

 ul#leftnav {list-style:none;}
 ul#leftnav li a:link, ul#leftnav li a:visited { color:#FF9900;font-weight:bold;}
 ul#leftnav li a:active, ul#leftnav li a:hover  {color:#006699; font-weight:bold;}
 ul#leftnav li a.current{color:#006699;}


#galerie {
width:28.2em;
margin:2em auto 10em auto;
text-align:center; }
 
div.pic {float: left; height: 210px; width: 82px;
padding: 10px; margin: 10px 3px; background:#000;
border: 1px solid; border-color: #AAA #444 #444 #AAA;}


div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}

div.pt img {height: 120px; width: 80px; margin: 0px; padding:0;}




p.recrutement{
text-align:justify;
font-size:1em;
line-height:1.2em;
color:#FFF;

}
.enumer{color:#FF9933; font-size:1.5em; }

body#recrute #wrapcontentchaine{ overflow :none;margin-left:3em; }