@charset "utf-8";

/*
 * Global redeclarations
 */
html,
*{
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 11px;
	margin:0 auto;
	background:url(images/background1.jpg) repeat-x top center;
	background-color: #017195;
}

/*
* Global links
*/
   
a,
a:link,
a:visited{
  color: #536884;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

/*
* Titles
*/

h1{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #2e4565;
  margin : 18px 0 0 0;
}

h2{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 17px;
  margin : 16px 0 0 0;
  color: #333;
}

h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin : 16px 0 0 0;
	color: #05678E;
}

h3.searchLink{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #326a81;
  padding: 0 0 0 0;
  margin: 10px 0 0 0;
}

h4{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #0E6294;
}

h5{
  font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333;
}

h6{
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #808080;
}

ul {
  margin: 0;
  padding:0;
}

/*
* Various
 */
 
abbr, acronym {
  cursor:help;
  border-bottom: 1px dotted #808080;
}

 
img{
  border : none;
}

p {
  margin: 0;
}

table,
tr,
td{
 border: none;
 text-align: left;
}

/*
* Global forms
 */
 
label,
input,
option,
textarea,
select,
button{
  font-size: 11px;
  }
  
option{
  padding-left: 10px;
}
/**
 * Global classes
 */

.clear {
  clear : both;
}

.hSpacer{
  display: block;
  height:10px; 
  clear:both;
}

.doubleHSpacer{
  display: block;
  height:20px; 
  clear:both;
}

.halfScreen{
  width: 250px;
  float: left;
  margin-right: 20px;
}

.pos{
  color :#3c7939;
}

.warn{
  color :#ff8400;
}

.coltxt{
  color :#05678E;
  font-size:12px;
}

.neg{
  color: #c40900;
}

.small{
  font: 10px Arial, Helvetica, sans-serif;
}

a.simple{
  font: 10px Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #333;
}

a.simple:hover{
  text-decoration: underline;
}

.titreprogramme{
  font: bold 24px Arial, Helvetica, sans-serif;
  color: #4797c4;
}

.titreprogramme2{
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #b30000;
}

.titrebleufonce{
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #2c5c78;
}
.small a{
  color :#696969;
  text-decoration: underline;
}

p.error {
  font: bold italic 11px/13px Arial, Helvetica, sans-serif;
  color :#cd0000;
  background-color : #efefef;
  border : 1px solid #cc6d6d; 
  padding : 10px; 
  margin: 16px 0 0 0;
}

p.success {
  font: bold italic 11px/12px Arial, Helvetica, sans-serif;
  color :#3c7939;
  background-color : #e3f4e2;
  border : 1px solid #4f9d4b;  
  padding : 10px; 
  margin: 16px 0 0 0;
}

p.warning {
  font: bold italic 11px/12px Arial, Helvetica, sans-serif;
  color :#ff8400;
  background-color : #f4ede2;
  border : 1px solid #e37602;  
  padding : 10px; 
  margin: 16px 0 0 0;
}

.onTopTv{
  position: relative;
  z-index: 1000;
  left: 20px;
}

/**
 *Autocompletion
 */
 
div.autocomplete {
      position:absolute;
      width:400px;
	  height: 100px;
	  overflow: auto;
      background-color:white;
      border:1px solid #c0c0c0;
      margin:0px;
      padding:0px;
    }
	
div.autocomplete ul  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-color: #fefce3; }

div.autocomplete ul li {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
}

/* ****************************************** STRUCTURE DU SITE *********************************************/

/*************************************************ENTETE **************************************************/

#conteneur{
	width : 960px;
	margin: 0 auto;
}

#header{
  width: 960px;
  height : 188px;
  background : url(images/header-bg.png) scroll no-repeat bottom left;
}

#flash{
	width: 960px;
}

/*************************************************MENU**************************************************/

#menuwrapper{
  position: relative;
  width: 960px;
  height: 30px;
  background : url(images/menu-bg.png) scroll no-repeat 0 0;
  text-align:left;
  font-size:12px;
  z-index: 99;
  clear: both;
}

#videoswrapper{
  position: relative;
  width: 960px;
  padding:10px;
  clear: both;
}

#blocrotator{
  position: relative;
  background-image:url(images/bgrotator.png);
  width:595px;
  height:220px;
  padding:10px 10px 15px 10px;
  z-index:7;
}

#revuepresse{
  position: relative;
  background-image:url(images/revue_bg.jpg);
  background-repeat:no-repeat;
  width:280px;
  padding:0px 10px 0px 10px;
  color:#4d4d4d;
}

#menu{
  position: absolute;
  margin-top:-67px;
  top : 34px;
  left: 25px;
  width: 742px;
  height: 24px;
  text-align:left;
  margin-left:193px;
  font-size:12px;
  z-index: 1;
  clear: both;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li {
  list-style: none;
}

#menu ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #cc0c0c;
}

#menu ul.horizontal li.level1 {
  float: left;
  height: 25px;
  width:106px

}

#menu ul.horizontal li.level1:hover {
  background:url(images/menu-li-off.png) no-repeat;
}

#menu ul.horizontal li.level1 a {
  padding-top: 3px;
  font: bold 15px arial;
  font-variant: small-caps;
  color: #cc0c0c;
}

#menu ul.horizontal li.level1 a:hover {
  color: #263e61;
}


#menu ul.horizontal > li.level1 a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 190px;
  background:url(images/bgmenu.jpg) repeat-x;
  border-left: 0px solid #bcbcbc;  
  border-top: 0px;
  border-right: 0px solid #bcbcbc; 
  border-bottom: 1px solid #dc813a;
  padding-bottom:5px; 
  margin-top:3px;
  padding-left:1px;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
}

#menu ul.dropdown li.level2 a,
#menu ul.flyout li.level3 a {
  color:#000;
  width: 165px;
  font-size: 12px;
  height: 14px;
  padding: 2px 0 2px 4px;
  font-weight: normal;
  margin-left : 2px;
  background-image: none;
  font-variant: normal;
}

#menu ul.dropdown li.level2 a:hover,
#menu ul.flyout li.level3 a:hover {
  width: 180px;
  color:#808080;
  background-color: #efefef;
  padding: 2px 0 2px 4px;
  margin-left : 2px;
  background-image : none;
}

#menu ul.horizontal a#accueil {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-accueil-off.png) no-repeat;
}

#menu ul.horizontal a#accueil:hover, #menu ul.horizontal a#accueil_over {
  background:url(images/menu-accueil-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#charte {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-charte-off.png) no-repeat;
}

#menu ul.horizontal a#charte:hover, #menu ul.horizontal a#charte_over {
  background:url(images/menu-charte-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#mouvement {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-fede-off.png) no-repeat;
}

#menu ul.horizontal a#mouvement:hover, #menu ul.horizontal a#mouvement_over {
  background:url(images/menu-fede-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}



#menu ul.horizontal a#forum {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-forum-off.png) no-repeat;
}

#menu ul.horizontal a#forum:hover, #menu ul.horizontal a#forum_over {
  background:url(images/menu-forum-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#seformer {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-seformer-off.png) no-repeat;
}

#menu ul.horizontal a#seformer:hover, #menu ul.horizontal a#seformer_over {
  background:url(images/menu-seformer-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#media {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-mediatheque-off.png) no-repeat;
}

#menu ul.horizontal a#media:hover, #menu ul.horizontal a#media_over {
  background:url(images/menu-mediatheque-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#boutique {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-boutique-off.png) no-repeat;
}

#menu ul.horizontal a#boutique:hover, #menu ul.horizontal a#boutique_over {
  background:url(images/menu-boutique-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}


#menu ul.horizontal a#udt2010 {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-udt-off.png) no-repeat;
}

#menu ul.horizontal a#udt2010:hover, #menu ul.horizontal a#udt2010_over {
  background:url(images/menu-udt-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}



#secondarynav {
	float:right;
	font: 11px arial;
	width: 300px;
	padding-right:10px;
	margin-top:-10px;
	text-align:right;
}

#secondarynav #imgFede{
	position : relative;
	top: 9px;
	left: -6px;
}

#prechargement {
	display: none;
}

/*************************************************PAGE**************************************************/

#contentwrapperindex{
	background : url(images/bgcontent.jpg) scroll no-repeat 0 0;
	background-color: #fff;
}

#contentwrapper{
	background : url(images/bgcontent2.jpg) scroll no-repeat 0 0;
	background-color: #fff;
}

#contentwrappercampagne{
	background : url(images/bgcontent3.jpg) scroll no-repeat 0 0;
	background-color: #fff;
}

#contentwrappercampagne2{
	background : url(images/bgcontent4.jpg) scroll no-repeat 0 0;
	background-color: #fff;
}

#pathway{
  color: #173f52;
  width: 960px;
  height : 18px;
  padding: 8px 0 0 20px;
  background : url(../../images/pathway.png) scroll no-repeat 0 0;
}

#pathway a{
  color: #808080;
  text-decoration: underline;
}

#pathway a:hover{
  text-decoration: none;
}

#pageLeft{
	width: 615px;
	float: left;
	padding: 0 20px 0 20px;
}

#pageContent{
	font-size: 11px;
	padding-top:10px;
}

#pageRight{
	width: 300px;
	float: right;
}

#daily {
	width: 300px;
	text-align:right;
	margin-top:10px;
}

.magazineEntry {
  width: 230px;
  padding-left: 20px;
  text-align: center;
  float: left;
}

.imagesnews{
  float: left;
  padding:0px 5px 5px 0px;
}

.imagesdroite{
  float: right;
  padding:0px 0px 5px 5px;
}

/************************************************CONTENT***************************************************/

#pageLeft img{
  border : none;
  margin : 4px;
}

#pageLeft h2{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 19px;
  margin : 16px 0 0 0;
  color: #3b5887;
}

#pageLeft p{
	margin: 10px 0 0 0;
}

#pageLeft ul{
	margin: 10px 0 0 20px;
}

#pageLeft ul li{
	list-style-type: none;
	font-style: italic;
	font-weight: bold;
	margin: 4px 0 0 0;
}


#pageLeft ul.normal li{
	font-weight: normal;
	font-style: normal;
}

#pageLeft #message1{
	padding: 10px;
	margin: 20px 0;
	color: #808080;
}

#pageLeft .formlink{
	font-size: 11px;
	font-weight: bold;
	color: #ff8400;
}

#pageLeft #contactForm{
	margin: 10px 0 0 0;
	padding: 10px 20px;
	border: 1px solid #c0c0c0;
	background-color: #efefef;
}

#pageLeft #linklist{
	margin: 10px 0 20px 0;
}


 #newsletter {
  padding: 0 10px 40px 25px;
}

 #search {
  position :relative;
  top : -18px;
  left: 110px;
}

 #search input.field {
  height: 15px;
  width: 120px;
  border: 1px solid #c0c0c0;
  background : #fff url(../../images/search.png) scroll no-repeat 1px 2px;
  padding: 4px 0 0 15px;
}

#pageLeft .linkCategoryEntry{
	margin: 10px 10px 0 0;
	padding: 8px 8px 16px 20px;
  	width: 220px;
	height: 100px;
	float: left;
}

#pageLeft .linkCategoryEntry h4{
  font: 16px bold arial, sans-serif;
  padding: 0;
  margin:0;
  color: #9c0909;
}

#pageLeft .linkCategoryEntry p{
  padding: 0;
  margin:0;
}

#pageLeft h3.subtitle{
  font: 12px bold arial, sans-serif;
  margin : 0;
}

#pageLeft .article{
  padding: 10px 0 ;
}

#pageLeft .separation{
 	background : url(images/bg_ligne.png) scroll repeat-x 0 0 ;
	height: 14px;
	clear: both;
}

#pageLeft .shareBtn {
  font: 11px bold arial, sans-serif;
  margin: 0 0 10px 0;
  color: #215770;
}

#pageLeft .tractEntry {
  width: 190px;
  float: left;
}

#allVideosLink{
	position: relative;
	z-index: 100;
	width: 120px;
	top: -42px;
	left: 200px;
}

#pageRight #videoList{
	margin: 2px 0 2px 20px;
	border: 1px solid #c0c0c0;
	border-width: 0 0 1px 0;
	height: 174px;
	width: 300px;
	overflow: auto;
    background : url(../../images/bg_contact_other.png) scroll no-repeat top center;
	position: relative;
	top: -40px;
}

#pageRight #video2List{
	margin: 2px 0 2px 20px;
	border: 1px solid #c0c0c0;
	border-width: 0 0 1px 0;
	height: 174px;
	width: 300px;
	overflow: auto;
    background : url(../../images/bg_contact_other.png) scroll no-repeat top center;
	position: relative;
	top: -20px;
}

#pageRight .videoEntry{
  padding: 2px 2px 2px 0px;
  height: 45px;
  border: 1px solid #d4d4d4;
  border-width: 0 0 1px 0;
  clear: both;
}

#pageRight .videoEntry img{
  float : left;
  margin-right : 10px;
}

#pageRight .videoEntry h4{
  padding: 0;
  margin:0;
  font: bold 11px/12px Arial, Helvetica, sans-serif;
  color: #266f95;
}


#pageRight .videoEntry p{
  padding: 0;
  margin:0;
}

#pageRight #contactlist{
	margin: 10px 0 20px 20px;
	border: 1px solid #c0c0c0;
	border-width: 0 0 1px 0;
	height: 224px;
	width: 300px;
	overflow: auto;
    background : url(../../images/bg_contact_other.png) scroll no-repeat top center;
}

#pageRight .contactEntry{
  padding: 8px 8px 16px 0px;
}

#pageRight .contactEntry h4{
  padding: 0;
  margin:0;
  font: bold 11px/12px Arial, Helvetica, sans-serif;
  color: #266f95;
}


#pageRight .contactEntry p{
  padding: 0;
  margin:0;
}


.articleIntro{
	padding: 4px 0 8px 10px;
}

.articleIntro p{
	padding: 0;
	margin: 0;
}
.searchLink{
  color: #2c7d37;
  font: 11px Arial, Helvetica, sans-serif;
}

#socialbookmarks ul li {
	float: left;
	margin-right: 2px;
}
/*************************************************HOME*****************************************************/

#videoplayer1{
  width: 335px;
  height: 300px;
  background : url(../../images/tv-bg.png) scroll no-repeat top center;
  position: relative;
  top: -20px;
}

#videocontainer1{
	text-align: center;
	position: relative;
	top : 20px;
	left: 20px;
	width: 270px;
	height: 219px;
	display: block;
}

#videoBar {
  width : 300px;
  height : 300px;
}

#magazineModule{
  margin: 0px 10px 30px 40px;
}

#pagination{
  text-align: center;
  margin: 16px 0;
  font-weight: bold;
  font-size: 1.4em;
  }
  
#pageLeft  p.readon{
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant : small-caps;
	text-align: right;
}

#pageLeft  p.readon a{
	text-decoration: none;
	position: relative;
	left: -10px;
	color : #cc071e;
	
}

#pageLeft  p.readon a:hover{
	text-decoration: underline;
}
/*************************************************TABS*****************************************************/
.panel {
	clear: both;
	display: none;
	padding: 1em;
}

.panel.active-tab-body {
	display: block;
}

.bar {
	padding: 5px;
	background-color: #3e3e3e;
}

#tabs {
	height: 28px;
	list-style: none;
	border-bottom: 1px solid #c0c0c0;
	padding: 0;
	margin: 20px 0 0 0;
}

#tabs li {
	float: left;
	margin: 0;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-right: 6px;
	margin-bottom: 0;
	background-color: #DCDCDC;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #3e3e3e;
	border-top: 3px solid #666;
	padding-top: 3px;
	color: #ccc;
}

#tabslink {
	height: 28px;
	list-style: none;
	border-bottom: 1px solid #c0c0c0;
	padding: 0;
	margin: 0;
}

#tabslink li {
	float: left;
	margin: 0;
}

#tabslink a {
	float: left;
	padding: 5px 8px;
	margin-right: 6px;
	margin-bottom: 0;
	background-color: #DCDCDC;
	text-decoration: none;
	color: #999999;
}

#tabslink a.active-tab {
	background-color: #3e3e3e;
	border-top: 3px solid #666;
	padding-top: 3px;
	color: #ccc;
}

/*************************************************SMS*****************************************************/
#smsAlert {
  width: 605px;
  height: 47px;
  background : url(images/sms_bg.jpg) scroll no-repeat 0 0; 
  padding: 10px 5px 10px 5px;
  margin-top: 5px;
}

/*************************************************BOTTOM*****************************************************/

#bottom1 {
	width : 960px;
	height:58px;
	background:url(images/bg_footer.png) no-repeat top left;
	text-align: center;
	padding-top:41px;
	color: #fff;
}

#bottom1  a{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #00758c;
}

#bottom1  a:hover{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:underline;
}

#bottom1  p{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #fff;
}
/*************************************************DEBUG*****************************************************/
#sqlDebug {
	width : 80%;
	margin : 20px auto;
	border: 1px solid #cbdadd; 
	text-align: left;
	padding : 10px 20px;
	background-color: #ececec;
}

#sqlDebug  p{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

#sqlDebug  li{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

#fedebox{
  height: 490px;
  overflow: auto;
}