@charset "UTF-8";
/* CSS Document */



/*============================================================= BASE =============================================================
--------------------------------------------------------------------------------------------------------------------------------*/
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

a {
	text-decoration:none;
	color:#04385c;
}
a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

.quote{
	font-size:9px;
	display:block;
	font-style:italic;
}

.red {
	color:#F00;
}

#supp_msg {
	font-size:10px;
	position:relative;
	margin-top:-5px;
	text-align:right;
	padding-right:40px;
}

.alerte {
}

.icone_pdf {
	background:url(../images/design/icone_pdf.gif) no-repeat;
	width:16px;
	height:20px;
}

.main {
	background:url(../images/design/icone_main.png) no-repeat;
	width:50px;
	height:30px;
}

.video_bt{
	cursor:pointer;
}

/*====================== CONTENEUR ====================*/
#conteneur {	
	position:relative;
	height: auto;
	width: 974px;
	
	margin: 0 auto;
	padding: 0;
	margin-left:auto;
	margin-top:auto;
	padding-left:15px;
	padding-right:15px;
	margin-top:3%;
}

/*=========================================================== CONTENU ============================================================
--------------------------------------------------------------------------------------------------------------------------------*/

#navContenu {
	z-index:4;
	position:absolute;
	width: 934px;
	height: 300px;
	left:15px;
	margin-top:20px;
}


/*====================== MÉDIAS ==================*/
#medias_onglets{
	position:absolute;
	margin-left:810px;
	font-size:10px;
	top:-30px;
}
#medias_onglets a{
	text-decoration:none;
}

#medias_onglets .onglet{
	display:block;
	float:left;
	padding:10px;
	height:20px;
	background-color:#FC3;
	margin-right:5px;
}

#medias_onglets .onglet:hover{ /* lists nested under hovered list items */
	background-color:#F33;
	color:#fff;
}



/*====================== POPUP ===================*/
#popup_fenetre {
	position:absolute;
	z-index:0;
}

#popup_fenetre_fermer, #puzzle_popup_fermer{
	position:absolute; 
	right:10px;
	top:-25px;
	background-color:#eb762e;
	display:block; 
	cursor:pointer; 
	font-size:10px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	z-index:0;
}

#popup_fenetre_haut {
	background:url(../images/design/popup_fenetre_haut.png) no-repeat;
	display:block;
	width:489px;
	height:40px;
	position:relative;
	margin-left:-1px;
	z-index:1;
}

#popup_fenetre_centre {
	background-color:#a6c25e;
	display:block;
	width:482px;
	height:auto;
	position:relative;
	z-index:2;
}

#popup_fenetre_content {
	padding-left:20px;
	padding-right:20px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:-20px;
	margin-bottom:-20px;
	min-height:30px;
}

#popup_fenetre_content h4 {
	margin-bottom:5px;
}

#popup_fenetre_content ol {
	margin-top:0px;
}

#popup_fenetre_bas {
	background:url(../images/design/popup_fenetre_bas.png) no-repeat;
	display:block;
	width:493px;
	height:41px;
	position:relative;
	margin-left:-7px;
	z-index:1;
}


/*====================== MENU ====================*/

#navMenu {
	position:relative;
	width: 944px;
	margin-left:-5px;
	margin-top:-15px;
	z-index:2;
}

#navMenu li{
	position:relative;
	display:inline;
	list-style:none;
	margin:-2px;
	padding:0px;
}

#navMenu #menuBt2{
	margin-left:-8px;
}

#navMenu #menuBt4{
	top:-5px;
}

 #navMenu #menuBt5{
	top:-8px;
}

#navMenu #menuBt5{
	margin-left:-10px;
}

#navMenu ul, #footer ul{
	margin:0px;
	padding:0px;
}

#navMenu li, #footer li{
	position:relative;
	display:inline;
	list-style:none;
}


/*==================== S�PARATEURS ===================*/
.separateur_hor_menu{
	background:url(../images/design/separateur_hor_menu.png) no-repeat;
	position:relative;
	display:block;
	width:896px;
	height:10px;
	margin-top:-5px;
}

.separateur_hor_int{
	background:url(../images/design/separateur_hor_int.png) no-repeat;
	position:relative;
	display:block;
	width:517px;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}


/*================= BOITE � MUSIQUE ================*/
#boite_musique_cadre{
	z-index:0;
}

#boite_musique_cadre_haut{
	background:url(../images/design/boite_musique_cadre_haut.gif) no-repeat;
	position:relative;
	width:203px;
	height:62px;
	margin-left:-1px;
	z-index:0;
}

#boite_musique_cadre_bas{
	background:url(../images/design/boite_musique_cadre_bas.gif) no-repeat;
	position:relative;
	width:223px;
	height:77px;
	margin-left:-2px;
	z-index:0;
}

#boite_musique_content{
	position:relative;
	background-color:#92c864;
	width:202px;
	height:auto;
	z-index:1;
}

#boite_musique_swf{
	position:absolute;
	bottom:-120px;
	right:-65px;
	z-index:1;
}

/*====================== FOOTER ====================*/
#footer{
	z-index:4;
	position:relative;
	background: url(../images/design/footer_cadre.gif) no-repeat;
	width: 927px;
	height:67px;
	margin-top:-75px;
	text-align:center;
	font-size:10px;
	line-height:16px;
}

#footer a{
	color:#000;
}

#footer .separateur_footer{	
	background:url(../images/design/separateur_footer.gif) no-repeat;
	position:relative;
	display:block;
	width:907px;
	height:4px;
	top:-5px;
	margin-left:10px;
}

#footer ul{	
	margin-top:10px;
}

#footer #droits{	
	font-size:9px;
}


/*======================================================== CADRES DU FOND ========================================================
--------------------------------------------------------------------------------------------------------------------------------*/

/*====================== ENTETE ====================*/
#enteteTopCadre {	
	z-index:1;
	position:relative;
	height: 205px;
	width: 939px;
}

#enteteTopA_click {
	z-index:3;
	position:absolute;
	filter:alpha(opacity=01);
	opacity:.01; 
	-moz-opacity:.01;
}

#enteteTopA {
	z-index:2;
	background:url(../images/design/cdr_entete_a.png) no-repeat;
	width:939px;
	height:205px;
	position:absolute;
}

#enteteTopB {
	z-index:1;
	position:absolute;
	background: url(../images/design/cdr_entete_b.png) no-repeat ;
	width: 939px;	
	height: 205px;
	margin-top:5px;
	left:5px;
}

/*====================== NAVIG =====================*/
#navCadre {	
	z-index:2;
	position:relative;
	margin-top:-30px;
	left:15px;
	height:auto;
	width:auto;
}
/*...................... NAVIG TOP .................*/
#nav1Cadre {
	z-index:1;
	position:relative;
	width: 928px;
	height: 112px;
}

#nav1a {
	z-index:2;
	position:absolute;
	background: url(../images/design/cdr_nav_1a.png) no-repeat ;
	width: 928px;
	height: 112px;
}

#nav1b {
	z-index:1;
	position:absolute;
	background: url(../images/design/cdr_nav_1b.png) no-repeat ;
	width: 928px;
	height: 112px;
	margin-top:5px;
	left:5px;
}

/*...................... NAVIG MILIEU ..............*/
#nav2Cadre {	
	z-index:2;
	position:relative;
	width: 954px;
	height: 150px;
	left:4px;
}
#nav2a {
	z-index:2;
	position:absolute;
	background: #fcf9ed;
	width: 922px;
	height: 150px;
}

#nav2b {
	z-index:1;
	position:absolute;
	background: #030612;
	width: 922px;
	height: 150px;
	margin-top:5px;
	left:5px;
	filter:alpha(opacity=25);
	opacity:.25; 
	-moz-opacity:.25;
}

/*...................... NAVIG BAS ................*/
#nav3Cadre {	
	z-index:3;
	position:relative;
	width: 943px;
	height: 90px;
	left:-12px;
}

#nav3a {
	z-index:2;
	position:absolute;
	background: url(../images/design/cdr_nav_3a.png) no-repeat ;
	width: 943px;
	height: 90px;
}

#nav3b {
	z-index:1;
	position:absolute;
	background: url(../images/design/cdr_nav_3b.png) no-repeat ;
	width: 943px;
	height: 90px;
	margin-top:5px;
	left:5px;
}