html, body{ 
margin:0;
padding:0;
font:  12px Verdana;
/*font:  12px/1.5em Verdana;
background: #fff url(../inc/body.jpg) repeat-x;*/
color:#00509d;
/*****************************/
background: #fff url(../inc/bg.jpg) no-repeat center top;
/*width: 100%;
display: table;
overflow: hidden; */

} 
img {
border: 0;
vertical-align: middle;
}
img a:hover{
padding:2px;
border:1px solid #c0c0c0;
background:#f3f3f3;
}
a{
text-decoration:none;
color:#00509d;
}
#page{ 
width:921px; 
margin-left:auto; 
margin-right:auto;  
/*border: 1px solid red;*/
padding-top:4px;
/*background-color:white; */
} 
 
#header{
height:80px; 
width:921px;
background:white;
margin-top:10px;
} 

#logo{
padding-top:15px;
float:left;
height:80px;
width:300px;
/*border: 1px solid red;
margin-left:50px;*/

}

.menu_header{
float: right;
width:615px;
height:50px;
/*border: 1px solid red;*/
padding-top:10px;
}
.menu_header_gauche{
float: left;
width:380px;
height:40px;
/*border: 1px solid red;*/
font-size:11px;

}
.menu_header_droite{
float: right;
width:230px;
height:35px;
text-align:center;
color:white;
/*border: 1px solid #42a62a;
background:#42a62a;
font-size:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
}
.menu_header_gauche a{
font-size:11px;
color:#00509d;
text-decoration:none;
font-weight:normal;

}
.menu_header_gauche a:hover{
text-decoration:none;
color:#42a62a;
font-weight:normal;

}
.recherche{
width:150px;
height:15px;
border: 1px solid #42a62a;
color:#00509d;
font-weight:bold;
font-size:11px;
background:#f3f3f3 url(../inc/search.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:32px;


}
.ok{
height:15px;
vertical-align: middle;
margin-top:2px;
border: 1px solid #42a62a;
border-left:0px;
}
#heure{

}
.defilant, .defilant a{
/*position:absolute;
top:135px;
_position: relative;
_top: 20px;*/
margin-top:5px;
width:615px;
float:right;
height:20px;
font-weight: bold;
color:white;
background:#42a62a;
font-size:11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration:none;
z-index:1;
}

#conteneur{
width:910px; 
margin-left:auto; 
margin-right:auto;
margin-top:15px;
overflow:hidden;

}
.date_heure{
float:right;
margin-top:5px;
}
#menu{
float:left;
width:200px;
/*background:#ffffff url(../inc/menu_haut.jpg) no-repeat;
background-position:top;
border:1px solid #c0c0c0;*/
overflow:hidden;
margin-top:11px;
margin-left:5px;

}


#contenu{
width:680px;
/*border:1px solid #808080;
background:#f3f3f3;*/
overflow:hidden;
padding:10px;
text-align:justify;
float:right;
display:block;


}
#contenu_texte{
border:1px solid #42a62a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:white;
overflow:hidden;
padding:10px;
text-align:justify;
/*******************filtre de transparence**************************/
/*filter:alpha(opacity=50);*/ /* propri�taire IE */
/*-moz-opacity:0.50;*/ /* propri�taire Firefox */
/*opacity:0.50;*/ /* CSS3 */
/**********************/
min-height:500px;
/*-webkit-box-shadow: 10px 10px 5px #888;*/
}
#contenu_titre{
background:#42a62a;
font-size:11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:white;
font-weight:bold;
padding-left:10px;
margin-bottom:10px;
}
#chemin {
color: black;
font-size:11px;
font-weight:normal;
color: #00509d;
border-bottom:1px solid #42a62a;
margin-bottom:10px;
} 
#chemin a{
color:#00509d;
text-decoration:none;
}
#chemin a:hover{
text-decoration: underline;
color:#42a62a;
}
/*#contenu_texte img{
padding:2px;
border:0px solid white;
}*/
.photo:hover{

border:1px solid black;
}
#pied{
margin-top:20px;
border-top:5px solid #009933;
width:100%; 
margin-left:auto; 
margin-right:auto;
clear:both;
bottom:0;
background:#42a62a;
height:100%;
overflow:hidden; 
}
.pied{
margin-top:20px;
width:921px; 
margin-left:auto; 
margin-right:auto;
clear:both;
bottom:0;
/*border:1px solid red;*/
overflow:hidden;
}
#credits ul {
margin: 0 auto;
padding: 0px;
list-style:none;

}

#credits li{
display: inline; 
margin: auto;
padding: 0px;

}
.credits{
float:left;
display: block;
width: 175px;
/*overflow:hidden;
border:1px solid black;
background:#00509d;*/

margin:22px;
padding:3px;
}
.credits_titre{
font-weight: bold;
font-size: 11px; 
border-bottom:1px solid #ffffff; 
margin-bottom:5px;
text-align:center;
color:#00509d;
background:white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
.credits_titre em {
	font-weight: normal;
	background: url(../inc/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

.credits a{
margin-left:auto;
margin-right:auto;
text-align:center;
color: white;
text-decoration:none;
padding:5px;
}

.credits a:hover{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#00509d;
background:white;
}
.credits_sstitre{
/*background: url(../inc/button_ok.jpg) no-repeat center left;*/
padding-left:15px;
text-align:left;
}
#credits_pied{
border:1px solid #00509d;
overflow:hidden;
margin:0 auto;
width:900px;
text-align:justify;
color: #f1f1f1;
font-weight:bold;
padding:5px;
background:#00509d;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#credits_pied_2{

overflow:hidden;
margin:0 auto;
width:900px;
color:white;
text-align:center;

}
#credits_pied_2 a{

color:#00509d;
text-decoration:none;
padding:10px;
}
#credits_pied_2 a:hover, #credits_pied:hover{
color:#00509d;
background:white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*************************css du scroller pour remplacer le marquee qui n'est pas compatible w3c******************/
/* Scroller Box */
#scroller_container {
/* margin-top:5px;*/
width:615px;
float:right;
height:20px;
font-weight: bold;
color:white;
background:#42a62a;
font-size:11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 overflow: hidden;

}
/* Scoller Box */

/* CSS Hack Safari */


#scroller_container {
overflow: auto;
}

/******************************menu************************************/


#menu_cache{
float:right;
	margin: 0 0;
	padding: 0;
	width:150px;
	display: none;
	overflow:hidden;



}

#menu_cache .headerbar{
font:normal 10px/18px Arial, Helvetica, sans-serif;
color: white;
background: #42a62a; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px; /*31px is left indentation of header text*/
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #00509d;*/
text-align:center;
}

#menu_cache .headerbar:hover{
cursor:pointer;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
border:1px solid #00509d;
}
#menu_cache .headerbar a{
text-decoration: none;
color: white;
display: block;
}

#menu_cache .submenu{
background:#42a62a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#menu_cache ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/

}

#menu_cache ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
padding-left:10px;
text-align:right;
}

#menu_cache ul li a{
font:normal 11px Arial, Helvetica, sans-serif;
color: white;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
padding-right: 5px;
text-decoration: none;
background: url(../inc/fond_menu.jpg) repeat 0 0;
}

#menu_cache ul li a:visited{
color: white;
text-decoration:underline;
}

#menu_cache ul li a:hover{ 
color: white;
background-position:-180px 0;

}

.slide {
	float:right;
	margin: 0 0;
	border: solid 4px #42a62a;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;


	
	
}
.menu_cache {
	width: 40px;
	height: 50px;
	padding-bottom: 10px;
	margin: 0 0;
	display: block;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #42a62a url(../inc/slide.jpg) no-repeat right -20px;
	
	text-decoration: none;

	
}
.active {
	background-position: right 35px;
	
}
/*a.lien_ext:after {
content: "\0000a0[\2197]";
}
*/

#partners{
background:white;
margin:10px;
padding:5px;
border: solid 4px #00509d;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.etiquette{
width:256px;
height:256px;
background:url(../inc/Pictures%20Stack_256.png) no-repeat;
}
/*************css des bloc du sommaire***********************/
#une{
width: 650px;
height:215px;
list-style-type: none;
margin: 0 auto;
padding: 5px;
position: relative;
display: block;
float: left;
background: #42a62a;
border: solid 1px #00509d;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;

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

#une li{
display: inline; 
margin: auto;
padding: 0px;

}
.une{
float:left;
display: block;
width: 150px;
height:200px;
background:#00509d;
border:1px solid #c0c0c0;
margin:2px;
padding:3px;

}
.une_titre{
font-weight: bold;
font-size: 12px; 
color:#00509d;
border-bottom:1px solid #00509d; 
margin-bottom:5px;
text-align:center;
background:white;

}
.une a{
margin-left:auto;
margin-right:auto;
text-align:center;
}
.une span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 35px;
	right: 30px;

/*background: url(../inc/photo.gif) no-repeat;
	background: url(../inc/paper-clip-mini.png) no-repeat;*/
	z-index: 3;
}
.une:hover, une a:hover img, .une_titre:hover{
	border-color: #00509d;
	background:white;
	color:#42a62a;
}
.une a:hover span {
	background-position: left -22px;
}



/***********************css du formulaire de contact****************************/
legend{
font-weight:bold;
background:#42a62a;
padding:10px;
margin:5px;
color:white;
}
fieldset{
border:1px solid #42a62a;
}
.field{
background:#00509d;
overflow:hidden;
width:620px;
margin:5px;
padding:5px;
color:white;
}
label{
font-weight:bold;
width:240px;
/*display:block;*/

float:left;

}
#contact input, #contact textarea,#contact select{
width:350px;
border:1px solid black;
font-weight:bold;
float:right;
color:#00509d;
}
#contact input[type=submit]{
color:white;
background:#42a62a;
float:none;
/*padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;*/
margin:0 auto;
margin-top:30px;
width:200px;
font-size:20px;
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#contact input[type=submit]:hover{
color:white;
background:#00509d;

}
.alert, .ok,.warning {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
overflow:hidden;
}
.alert{
color: #D8000C;
background-color: #FFBABA;
background-image: url('../inc/error.png');

}
.ok{
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../inc/success.png');
height:50px;
}
.warning {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../inc/error.png');

}
#contact { width: 100%; }
#contact label.error {
	margin-left: 300px;
	width: auto;
	display: inline;
	color:#D63301;
	font-weight:normal;
	border:1px solid #D63301;
	background-color: #FFCCBA;
	padding:5px ;

	
}
/*********faq css***************/
/* CSS Document */
.faq {
      margin: 0;
      padding: 0;
      list-style: none;
      background-color: white;
      color: #fff;
      width: 100%;
      font: 13px "Trebuchet MS", sans-serif;
      }
   .faq a, .faq span {
      display: block;
      padding: 4px 10px;
      color:#ffffff;
      text-decoration: none;
     background:#00509d;
	  text-align:left;
	  
      }
   .faq .toggleSubMenu a, .faq .toggleSubMenu span {
      border:1px solid #42a62a;
	  
	  
      }
   .faq .open a, .faq .open span {
      background:#42a62a;
	  color:#ffffff;
      }
   .faq a:hover, .faq a:focus, .faq a:active {
      text-decoration: underline;
      }
   .faq .subMenu {
      font-size: .8em;
      font-size: .9em;
      margin: 0;
      padding: 0;
	 
     
      }
.faq .toggleSubMenu{
 margin-bottom:5px;
}	  
	  
	 
   .faq ul.subMenu li {
      background: #DFF2BF;
      color:#00509d;
	  font-weight:bold;
	 padding: 4px 10px;
	  text-align:justify;
	  
      }

	.faq .subMenu li {
	display: block;
	margin: 0;
	padding: 4px;
	
	
}
.photo{
padding:5px;
border:1px solid #c0c0c0;
background:#f3f3f3;
}

a{color:#00509d;
text-decoration: none;
	
}
a:hover{
color:#42a62a;
text-decoration: underline;
}
/*************moteur de recherche avec autocomplementation***********************/
#zoneResultats {
	/*border: 1px solid #000;*/
	background-color: #00509d;
	display: block;
	visibility: hidden;
	overflow:auto;
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	width: 230px;
	position: relative;
	z-index:100;
	border: solid 4px #00509d;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#zoneResultats li {
	background: #00509d;
	display: block;
	margin: 0;
	padding: 0;
	
}

#zoneResultats li a{
	display: block;
	padding: 5px;
	text-decoration: none;
	color:white;
	text-align:left;
	
}
#zoneResultats li a:hover{
	background-color: #42a62a;
}		
/********************le plan **************************/
.plan{
/*float:right;*/
}
.plan ul, .plan li{
list-style: none;
}
.plan .titre{
list-style:url(../inc/titre_plan.jpg) inside;
line-height: 20px;
}

.plan .rub{
list-style:square;
}
/***************lecteur flash pour audiovisuelle*********************/
/* these two settings will remove borders from playlist entries */
	a:active {  outline:none; }
	:focus   { -moz-outline-style:none; }
	
	
	/* container has a background image */
a.player {	
	margin-top:40px;
	display:block;
	background:url(../inc/splashisocel.jpg) no-repeat;
	width:425px;
	height:298px;
	padding:0 126px 75px 127px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	z-index:1;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


	

#liste {
	height:80px;
	/*background:#f5fbfb url(../inc/h150.png) repeat-x;*/
	padding:5px;
	/*border:1px solid #ddd;*/
	width:650px;
	margin:0 auto;
}

#liste div.video {
	height:80px;
	float:left;
}

#liste div.video a {
	background:transparent url(../inc/entry.png) no-repeat scroll 0%;
	color:#fff;
	float:left;
	font-family:"Arial","bitstream vera sans","lucida grande","verdana";
	font-size:11px;
	height:60px;
	margin-right:7px;
	padding:10px;
	text-decoration:none;
	width:117px;
	text-align:left;
}

#liste div.video a:hover {
	background-position:-140px 0;
	color:#fff;
}

#liste div.video a.playing {
	background-position:-280px 0;		
	color:#fff;
}

#liste div.video a.paused {
	background-position:-420px 0;		
	color:#fff;
}

#liste div.video a.progress {
	opacity:0.8;
}

#liste div.video em {	
	float:right;
	margin-top:0px;
	color:#f3f3f3;
	font-style:normal;
}

#liste a.suivant, #liste a.precedent {
	display:block;
	width:18px;
	height:18px;
	background:url(../inc/left.png) no-repeat;
	margin:30px 10px;
	cursor:pointer;
	float:left;
}

#liste a.suivant:hover, #liste a.precedent:hover {
	background-position:0px -18px;		
}

#liste a.suivant {
	background-image:url(../inc/right.png);	
}
/******************bloc promotion**********************/
.contenant_promotion_global{
width:650px; 
margin-left:auto; 
margin-right:auto; 
overflow:hidden;

}
.contenant_promotion{
width:600px; 
border:1px solid #42a62a; 
margin-left:auto; 
margin-right:auto; 
overflow:hidden;
margin-bottom:5px;
padding:0px;
display:block;
}

.contenant_promotion_titre, .contenant_promotion_titre a{
/*background-color: #42a62a;*/
font-size: 13px;
color: white;
font-weight: bold;
padding: 10px;
margin-bottom: 10px;
}
.contenant_promotion_texte{
padding: 10px;
background:white;
overflow:hidden;
}
.contenant_promotion:hover,.contenant_promotion_texte:hover,.contenant_promotion_texte a:hover,.contenant_promotion_titre{
background-color:#00509d;
color:white;
text-decoration:none;
cursor:pointer;
}
#gbe{
display:none;
visibility:hidden;
}
#traduction{
float:right;
}
#anim_sommaire{
border:1px solid #f3f3f3;
margin:0 auto;
display:block;
width:600px;
height:470px;
padding:5px;
background:#f3f3f3;
}
.suite{
margin: 0 auto;
border:1px outset #42a62a;
color:white;
background:#42a62a;
padding:5px;
overflow:hidden;
width:100px;
text-align:center;
}

.media{
margin: 0 auto;
width:630px;
overflow:hidden;
}
.media_left{
float:left;
width:300px;
background:url(../inc/photo.jpg) no-repeat;
height:350px;
/*padding-top:10px;*/
background-position:bottom;
text-align:center;
font-weight:bold;
font-size:13px;
border:1px solid white;
}
.media_right{
float:right;
width:300px;
height:350px;
background:url(../inc/video.jpg) no-repeat;
/*padding-top:10px;*/
background-position:bottom;
text-align:center;
font-weight:bold;
font-size:13px;
border:1px solid white;
}
.media_right:hover, .media_left:hover{
border:1px solid #42a62a;
}
/* ---------------------------- */
/* CUSTOMIZE AUTOSUGGEST STYLE	*/

#results{
width:260px; border:solid 1px #DEDEDE; display:none;
background-color: #00509d;
	/*display: block;*/
	overflow:auto;
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	width: 230px;
	position: relative;
	z-index:100;
	border: solid 4px #00509d;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {/*border-top:solid 1px #DEDEDE;*/}
#results li a{
display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;
display: block;
	padding: 5px;
	text-decoration: none;
	color:white;
	text-align:left;
}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#42a62a;}
#results ul {padding:6px;}

/********************autosuggest pays*********************************/
	.suggestionsBox {
		position: relative;
		left: 350px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #42a62a;
		/*-moz-border-radius: 7px;
		-webkit-border-radius: 7px;*/
		border: 2px solid #fff;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		/*margin: 0px 0px 3px 0px;*/
		padding: 3px;
		cursor: pointer;
		list-style:none;
	}
	
	.suggestionList li:hover {
		background-color: #00509d;
	}

.error404{
font-size:40px;
text-align:center;
border: solid 4px #00509d;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: white;
background: url(../inc/404.jpg) no-repeat;
height:581px;
background-position:center;
width:576px;
margin:0 auto;
}
.error404_texte{
font-size:40px;
text-align:center;
color: white;
margin-top:200px;
margin-right:auto;
margin-left:auto;
background:#42a62a;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:500px;
-moz-opacity: 0.8;
opacity: 0.8;
}
/*************************css du scroller pour remplacer le marquee qui n'est pas compatible w3c pour le sommaire******************/
/* Scroller Box */
#scroller_container_sommaire {
/* margin-top:5px;

float:right;

overflow: hidden;
margin: 0 auto;
font-weight: bold;*/
height:300px;
width:650px;
color:white;
background:#42a62a;
font-size:11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#scroller_container_sommaire_vert {
/* margin-top:5px;

float:right;

overflow: hidden;
margin: 0 auto;
font-weight: bold;*/
height:300px;
width:650px;
color:white;
background:#42a62a;
font-size:11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#scroller_container_sommaire_bleu {
/* margin-top:5px;

float:right;

overflow: hidden;
margin: 0 auto;
font-weight: bold;*/
height:300px;
width:650px;
color:white;
background:#00509d;
font-size:11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.message_sommaire{
width:600px;
padding:10px;
overflow:hidden;
margin: 0 auto;


}
/* Scoller Box */

/* CSS Hack Safari */


/*#scroller_container_sommaire {
overflow: auto;
}*/
.annonce{
font-weight: normal;
font-size:15px;
margin-bottom:5px;
text-align:justify;
color:white;
background:#00509d;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
overflow:hidden;
}