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

body, html{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

*{
	outline: none;
	margin: 0;
	padding: 0;
}
img {border: 0;}

#conteneur-global{
	position:relative;
	width: 100%;
	height: 100%;
	margin: 0;
	/*background-color: #EAFFD5;*/
	/*background-color: #D5FFAA;
	background-color: #E0EAF5;*/
	background-color: #E0EAF5;
	z-index: 10;
	}

#conteneur-accueil{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 20px 0 0 0;
	/*background-color: #EAFFD5;*/
	/*background-color: #D5FFAA;
	background-color: #E0EAF5;*/
	background-color: #3368A8;
	/*z-index: 10;*/
	}
#conteneur_interface{
	position:relative;
	width: 948px;
	height: 600px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
div.interface_accueil {
display: inline-block; 
width:938px;
height:544px;
margin: 0 auto 0 auto;
line-height:544px;
background:url(../images/interface_accueil_moad.jpg) no-repeat;
text-align:center; /* centrage horizontal d'un élément en-ligne */ }

img { 
vertical-align:middle; 
}

#conteneur_slogan_accueil{
	width: 485px;
	position: absolute;
	top: 85px;
	left: 254px;
	/*background-color: #F00;*/
	z-index: 200;
	}
#conteneur_copyright_accueil{
	width: 800px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 542px;
	left: 10px;
	/*background-color: #F00;*/
	z-index: 210;
	}
	
#conteneur_liens_fr_en{
	width: 250px;
	position: absolute;
	top: 507px;
	left: 600px;
	background-color: #F00;
	z-index: 220;
	}

.fr{
	position:absolute;
	top: 2px;
	left: 9px;
	}

.en{
	position:absolute;
	top: 2px;
	right: 12px;
	}


	
#arpl-band-entete-conteneur-principal{
	position:relative;
	width: 100%;
	/*height: 170px;*/
	margin:0;
	padding:0;
	background: url(../images/arpl_piste_haut.png) repeat-x;
	z-index: 20;
	}
#arpl-bout-piste-gh{
	position: absolute;
	top: 0;
	left: 0;
	width: 74px;
	height:149px;
	background: url(../images/bout_piste_gh.png) no-repeat;
	/*background-color:#FF0;*/
	z-index: 30;
	}
#arpl-bout-piste-dr{
	position: absolute;
	top: 0;
	right: 0;
	width: 74px;
	height:149px;
	background: url(../images/bout_piste_dr.png) no-repeat;
	z-index: 30;
	}

#conteneur-entete{
	position:relative;
	width: 992px;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/*background-color: #F00;*/
	padding: 0;
/*	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
/*	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
/*	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
/*	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	
/*	box-shadow:         0px 0px 10px #343333; /* Propriété CSS3 */
/*	-webkit-box-shadow: 0px 0px 10px #343333; /* Propriété CSS3 pour Firefox */
/*	-moz-box-shadow:    0px 0px 10px #343333; /* Propriété CSS3 pour navigateurs Webkit */
	overflow: hidden; /* Empêche le dépassement des flottants. */
  	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	z-index: 65;
	}
#conteneur-sigle-lang{
	width: 980px;
	height:41px;
	margin: 0 0 8px 0;
	padding: 0;
	clear:both;
	}
#sigle-denom-moad{
	float:left;
	width: 790px;
	height: 41px;
	margin: 0 40px 0 0;
	background: url(../images/sigle-denom-moad.png) no-repeat;
	text-align:left;	
	}
/*#esp-logo{
	position:absolute;
	right: 10px;
	top: 10px;
	width: 170px;
	/*background-color:#FC0;*/
	/*z-index: 15;
	} */
#choix-lang{
	float: left;
	width: 100px;
	height: 41px;
	margin: 0 0 0 40px;
	text-align:right;
	/*background-color: #6CF;*/
	}
#lang-fr {/* background: url(../images/puce_lang_fr.png) no-repeat;*/}

#lang-eng{ /*background: url(../images/puce_lang_en.png) no-repeat;*/}

#conteneur-armoiries-anim-logo{
	width: 992px;
	height: 92px;
	margin: 0 0 8px 0;
	padding: 0;
	/*background-color:#3F9;*/
	}
#conteneur-armoiries{
	float:left;
	width: 86px;
	height: 90px;
	margin: 0 0 0 10px;
	background: url(../images/armoiries-bf.png)  no-repeat;
	text-align:left;	
	}
	
#conteneur-piste{
	float:left;
	width: 766px;
	height: 90px;
	margin: 0 0 0 30px;
	background: url(../images/piste-atterrissage.png)  no-repeat;
	text-align:left;	
	}
#conteneur-logo-moad{
	float:left;
	width: 86px;
	height: 90px;
	margin: 0;
	background:  url(../images/logo-moad.png) no-repeat;
	text-align:left;	
	}
	
#cadre-entete {
position: relative;
width: 978px;
height: 84px;
margin:5px 1px 0 1px;
padding: 2px; 
 color: #000;
 font-weight:normal;
 padding: 5px;
 border: thin solid  #CCC;
 border-width: 1px;
 border-radius: 	5px 5px 0 0;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px 5px 0 0; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px 5px 0 0; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px 5px 0 0; /* Propriété CSS3 pour navigateurs Webkit */
 overflow: hidden; /* Empêche le dépassement des flottants. */
 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 }
 
#logo-site{
	width: 100px;
	height: 90px;
	position:absolute;
	top: 45px;
	right: 10px;
	margin-top: 4px;
	padding: 0;
	/*background-color:#F00;*/
	}

#conteneur-barre-menupr{
	position: relative;
	/*top: 150px;
	left: 10px;*/
	width: 967px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	/*height: auto;*/
	/*padding: 5px 0 0 25px;*/
	background-color: #9CF;
	border-radius: 	       3px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    3px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  3px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 3px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 10px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 10px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 10px #343333; /* Propriété CSS3 pour navigateurs Webkit */
	 /*overflow: visible; *//* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	z-index: 70;
	}

#conteneur-contenu-moad{
	position:relative;
	width: 990px;
	margin-left:auto; 
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: -9px;
	padding: 0px 2px;
	/*background-color: #FFF;*/
	/*border: #09C solid 1px; */
	/*height: auto;*/
	
	border-radius: 	       3px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    3px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  3px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 3px; /* Propriété CSS3 pour navigateurs Webkit */
	
/*	box-shadow:         0px 0px 10px #343333; /* Propriété CSS3 */
/*	-webkit-box-shadow: 0px 0px 10px #343333; /* Propriété CSS3 pour Firefox */
/*	-moz-box-shadow:    0px 0px 10px #343333; /* Propriété CSS3 pour navigateurs Webkit */
	 overflow: hidden; /* Empêche le dépassement des flottants.*/ 
 	 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	z-index: 50;
	}


#arpl_gradient {
	position:relative;
	width: 995px;
	height: 68px;
	margin-left:auto; 
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	background-color: #F00;
	background:url(../images/arpl_gradient.png) no-repeat;
	}

#filarian-search {
	position:relative;
	width: 100%;
	height: 24px;
	/*background-color:#FC6;*/
/* overflow: hidden; /* Empêche le dépassement des flottants. */
 /* zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	}
#filarian {
	position:relative;
	/*top: 2px;
	left: 2px;*/
	width: 750px;
	text-align:left;
	margin-top: 5px;
	padding-left: 10px;
	/*background-color:#F00;*/
	}
#form-search {
	position:absolute;
	top: 2px;
	left: 780px;
	width: 200px;
	/*background-color: #6C0;	*/
	}
	
#conteneur-filinfos {
	position:relative;
	width: 962px;
	/*line-height: 27px;*/
	height: 45px;
	vertical-align:middle;
	margin: 0 auto 2px auto;
	padding: 5px 0 0 0;
	/*border-left: thin solid  #069;
	border-right: thin solid  #069;
	border-bottom: thin solid  #069;
 	border-width: 1px;
	*/
 	/*margin: 2px 1px;*/
	background: url(../images/arpl_bas_gradient.png) no-repeat;

	
	}

#filinfos {
	position:relative;
	width: 948px;
	line-height: 27px;
	vertical-align:middle;
	margin: 2px auto 7px auto;
	padding: 2px;
	border: thin solid  #069;
 	border-width: 1px;
	background: url(../images/arplan_filinfos.gif) repeat-x;
 	/*margin: 2px 1px;*/
 
 	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #000;
	}
	
	
.txt_fil_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3F0;
}

#conteneur-blocs-global {
	position:relative;
	text-align:left;
	width: 962px;
	padding: 2px 2px 10px 2px;
margin: 0 auto 0 auto;
overflow: hidden; /* Empêche le dépassement des flottants. */
 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 background-color:#F7F7F7;
 border-radius: 	       7px;  /* Propriété CSS3 générale et pour Opera */
-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	}

#conteneur-motdg-slideshow {
	position:relative;
	text-align:left;
	width: 984px;
	margin: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	overflow: hidden; /* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 	/*background-color: #CCF;*/
	}

#conteneur-article-menudr {
	position:relative;
	text-align:left;
	width: 962px;
	/*margin: 4px 0 15px 15px;*/
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 10px;
	border: #D1D8E8 solid 1px;
	overflow: hidden; /* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 	/*background-color: #CCF;*/
	border-radius: 	       7px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #F7F7F7;
	clear:both;
	}

#mot-dg {
	float:left;
	/*position:relative;*/
	width: 360px;
	margin: 2px 2px 2px 3px;
	padding: 2px 4px 10px 4px;
	text-align:justify;
	/*border: 1px solid  #069;
 	border-width: 1px;*/
 	/*margin: 2px 1px;*/
 
 	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #F7F7F7;
	}


#photodg{
	/*float:left; 
	margin: 2px 10px 5px 0;*/
	float:right;
	margin: 2px 0 5px 10px;
	}

#photoarticle{
	float:left;
	margin: 2px 10px 5px 0;
	}
.esp-titre-phototheque{
	width: 520px;
	/*height: 110px;*/
	float:right;
	margin-right: 20px;
	padding: 2px 2px 2px 10px;
	overflow: hidden; /* Empêche le dépassement des flottants.*/ 
 	 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
/*margin: 10px 0;*/
/*background-color:#F00;*/
	}
	
.esp-titre-menu-phototheque {
	width: 595px;
	/*height: 110px;*/
	float:right;
	margin-right: 10px;
	padding: 2px 2px 2px 0px;
	overflow: hidden; /* Empêche le dépassement des flottants.*/ 
 	 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	 /*background-color:#FF0;*/
	}

#photo-phototheque{
	/*width: 110px;
	height: 110px;*/
	float:left;
	margin: 2px 10px 5px 0;
	padding: 4px;
	border: solid 1px #036;
	background-color:#FFF;
	}
#mini-photo-phototheque{
	/*width: 110px;
	height: 110px;*/
	float:left;
	margin: 2px 10px 5px 0;
	padding: 2px;
	border: solid 1px #036;
	background-color:#FFF;
	clear:both;
	}
	
.esp-article{
	clear:both;
	overflow: hidden; /* Empêche le dépassement des flottants.*/ 
 	 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
margin: 10px 0;
/*background-color:#FFF;*/
	}
.article-evenement{
	width: 400px;
	clear:both;
	overflow: hidden; /* Empêche le dépassement des flottants.*/ 
 	 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
margin: 10px 0;
/*background-color:#FFF;*/
	}

#esp-article-int {
	float:left;
	/*position:relative;*/
	width: 680px;
	margin: 2px 0px 2px 5px;
	padding: 2px 1px;
	text-align:left;
	/*border: 1px solid  #069;
 	border-width: 1px;*/
 	/*margin: 2px 1px;*/
	/*clear:both;*/
	border: #D1D8E8 solid 1px;
	border-radius: 	       7px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	}
		
.esp_titre_rub { 
	padding: 2px 2px 5px 4px; 
	margin-bottom: 20px;
	background:url(../images/puce_titre.png) no-repeat left top;
	line-height: 28px;
	text-indent: 29px;
	border-bottom: 1px #036 solid;  
	/*background-color:#F30;*/
}

.esp-menu-autres-articles-phototheque{
	padding: 5px 5px 0 5px;
	/*background-color: #CFC;*/
	margin-bottom: 10px;
	}
	
.esp_titre_rub-actu { 
	padding: 2px 2px 5px 4px; 
	margin-bottom: 5px;
	background:url(../images/puce_titre1.png) no-repeat left top;
	line-height: 28px;
	text-indent: 29px;
	border-bottom: 1px #036 solid;  
	/*background-color:#F30;*/
}

.esp_titre_sousrub{
	padding: 2px 2px 2px 4px; 
	margin-bottom: 5px;
	margin-left: 10px;
	background:url(../images/puce_sous_titre.png) no-repeat left top;
	line-height: 28px;
	text-indent: 20px;
	border-bottom: 1px  #09C solid;
	color: #06C;
	}
.esp-element-audio {
	position:relative;
	/*background-color: #F90*/;
	overflow: hidden; /* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	clear:both;
	/*background-color: #FC6;*/
	}

.esp-element-video {
	position:relative;
	/*background-color: #F90*/;
	overflow: hidden; /* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	clear:both;
	/*background-color: #FC6;*/
	}
	

.esp-autres-elements-video{
	position:absolute;
	right: 0px;
	top: 45px;
	width: 260px;
	padding: 2px;
	/*background-color: #F90*/;
	overflow: hidden; /* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	border: #D1D8E8 solid 1px;
	border-radius: 	       7px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */

	clear:both;
	/*background-color: #FC6;*/
	}

.esp-link-print-mail{
	padding: 2px 5px 20px 5px;
	text-align:right;
	}
.esp-link-print-mail-article-actu{
	padding: 2px 5px 15px 5px;
	text-align:right;
	}	
	
.trait-separation {
	padding: 2px 2px 5px 4px; 
	margin-top: 30px; 
	margin-bottom: 30px; 
	line-height: 28px;
	text-indent: 10px;
	border-top: 1px #036 solid;  
	/*background-color:#F30;*/
}

.trait-separation-menu-phototheque {
	padding: 2px 2px 5px 4px; 
	margin-top: 30px; 
	margin-bottom: 30px; 
	line-height: 28px;
	text-indent: 10px;
	border-top: 1px #036 solid;
	clear:both;
	/*background-color:#F30;*/
}

.ligne-separat-article{
	background:url(../images/lignebas_article.png) no-repeat;
	margin-bottom: 20px;
	clear:both;
	}
	
#esp-menudr {
	float:right;
	/*position:relative;*/
	width: 265px;
	margin: 2px;
	padding: 2px 0;
	text-align:justify;
	/*border: 1px solid  #069;
 	border-width: 1px;*/
 	/*margin: 2px 1px;*/
	/*background-color: #09F;*/
	border: #D1D8E8 solid 1px;
	border-radius: 	       7px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	}
#esp-menudr h3{ color:#FFF;}
	

#slideshow {
	float:right;
	/*position:relative;
	width: 567px;
	height: 365px;*/
	width: 590px;
	height: 460px;
	background:url(../images/tab_affich_accueil.jpg) no-repeat;
	/*margin: -13px !important 2px 2px 400px ;*/
	margin: 2px 17px 1px 1px;
	padding: 8px 0px 1px 1px;
	text-align:justify;
	/*border: 1px solid  #069;
 	border-width: 1px;
 	margin: 2px 1px;*/
 
 	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	overflow: hidden; /* Empêche le dépassement des flottants. */
 	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	/*background-color:  #FC0;*/
	}
	
#conteneur-actu-evenement {
	position:relative;
	text-align:left;
	width: 980px;
	padding: 0px;
	margin: 0px;
	overflow: hidden; /* Empêche le dépassement des flottants. */
 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 /*background-color:#CCC;*/
	}

#esp-actu {
	float:right;
	width: 530px;
	margin: 0px 34px 1px 1px;
	padding: 0px 10px 1px 1px;
	/*background-color:#FF6;*/
	}
	
#esp-evenement {
	float:right;
	/*position:relative;*/
	width: 410px;
	margin: 0px 10px 2px 10px;
	padding: 2px 0px;
	/*text-align:justify;*/
	}
	
	#conteneur-multimedia-partenaire {
	position:relative;
	text-align:left;
	width: 980px;
	padding: 0px;
margin: 0px;
overflow: hidden; /* Empêche le dépassement des flottants. */
 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
 background-color:#FFF;
	}


#esp-multimedia {
	float:left;
	width: 550px;
	margin: 0px;
	padding: 0px;
	/*background-color:#FF6;*/
	}
	
#esp-partenaire {
	float:left;
	/*position:relative;*/
	width: 940px;
	height: 180px;
	margin: 0px 10px 2px 10px;
	padding: 0px;
	/*text-align:justify;*/
	}
	
#esp-contacts{
	margin-left: 150px;
	width: 800px;
	margin: 20px;
	padding: 5px 200px 5px 50px;
	background-color: #E7EFF5;
	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	}
#esp-fluxrss{
	position: absolute;
	width: 37px;
	height: 37px;
	top: 137px;
	left: 120px;
	padding:0;
	background-color:#F00;
	font-size:12px;
	color:#003;
	background: url(../images/btn_rss.png) no-repeat;
	z-index: 45px;
	}

a #esp-fluxrss:hover{
	background: url(../images/btn_rss_hover.png) no-repeat;
	z-index: 45px;
	}
	
#esp-fluxrss a.fluxrss{
	width: 32px;
	height: 30px;
	background: url(../images/btn_rss.png) no-repeat;
	}	
#esp-fluxrss a.fluxrss:hover{
	background: url(../images/btn_rss_hover.png) no-repeat;
	width: 32px;
	height: 30px;
	}	
	
#arpl_gradient_baspage{
	position:relative;
	width: 992px;
	height: 173px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 50px;
	margin-bottom: -2px;
	background: url(../images/arpl_gradient_baspg.png) no-repeat bottom;
	z-index: 28;
	}	
	
	
#arpl_stat	{
	position:relative;
	width: 992px;
	height: 173px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 2px;
	margin-bottom: 1px;
	/*background-color: #31619D;*/
	background:url(../images/tour_controle1.jpg) no-repeat bottom;
	z-index: 25;
	}
	
.nb_visiteurs{
	position: absolute;
	width: 190px;
	top: 8px;
	left: 40px;
	/*background-color:#F00;*/
	font-size:12px;
	color:#003;
	text-align:center;
	z-index: 35px;
	}
.nb_visiteurs_total{
	position: absolute;
	width: 190px;
	top: 98px;
	left: 40px;
	/*background-color:#F00;*/
	font-size:12px;
	color:#003;
	text-align:center;
	z-index: 40px;
	}
#conteneur_form-feedburner{
	position: absolute;
	width: 256px;
	height: 186px;
	top: 40px;
	right: 10px;
	padding-left: 15px;
	/*background-color:#F00;*/
	font-size:12px;
	color:#003;
	background:url(../images/panneau_newsletter.png) no-repeat;
	z-index: 27px;
	}
#titre_panneau{
	position: absolute;
	width: 155px;
	top: 7px;
	left: 32px;
	margin-left: 10px;
	padding-left: 5px;
	/*background-color:#F00;*/
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:left;
	z-index: 47px;
	}
	
#esp_form-feedburner{
	position: absolute;
	width: 200px;
	top: 40px;
	left: 10px;
	padding-left: 15px;
	/*background-color:#F00;*/
	font-size:12px;
	color:#003;
	z-index: 45px;
	}
#conteneur_identif-logout{
	position: relative;
	height: 24px;
	width: 950px;
	margin-left: 20px;
	margin-bottom: 8px;
	padding: 2px;
	/*background-color:#FC0;*/
	}
	
#esp_form-identif{
	position:absolute;
	top: 2px;
	left: 7px;
	width: 170px;
	height: 24px;
	padding-top: 3px;
	background: url(../images/arpl_link_identif.png) no-repeat;
	
	}

#conteneur_form_login{
	width: 410px;
	height: 315px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
	padding: 50px 25px 10px 35px;
	background: url(../images/arpl_form_login.png) no-repeat;
	}
	
#esp_form-login{
	position: relative;
	width: 300px;
	
	/*background-color: #39F;*/
	font-size:12px;
	color:#003;
	}	
	
#esp_form-logout{
	position: absolute;
	top: 2px;
	right: 170px;
	margin-bottom: 5px;
	width: 600px;
	padding-top: 2px;
	padding-left: 5px;
	/*background-color: #39F;*/
	font-size:12px;
	color: #F5F5F5;
	}	
#langsite{
	position: absolute;
	top: 2px;
	right: 10px;
	margin-bottom: 5px;
	width: 140px;
	padding-top: 2px;
	padding-left: 5px;
	/*background-color: #F90;*/
	font-size:12px;
	color: #F5F5F5;
	}	
	
#esp-bas-page{
	position:relative;
	width: 100%;
	height: auto;
	background-color: #31619D;
	background:url(../images/arpl_linksbaspage.png) repeat-x;
	/*margin:0;
	padding:0;*/
	z-index: 50;
	}
#esp-liens-bas-page{
	/*position:relative;*/
	width: 970px;
	margin-left:auto; 
	margin-right: auto;
	margin-top: 4px;
	/*margin-bottom: 4px;*/
	padding: 5px 2px;
	height: 100%;
	min-height: 150px;
	background-color: #31619D;
	background:url(../images/arpl_linksbaspage.png) repeat-x; 	
	 overflow: hidden; /* Empêche le dépassement des flottants.*/ 
 	 zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	}
.bloc-liens-baspage{
	float:left;
	width: 260px;
	margin: 5px 10px;
	padding: 2px;
	text-align:left;
	}

.bloc-phototheque a{
	float:left;
	width: 150px;
	height: 140px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	background:url(../images/pan_phototheque.png) center no-repeat;
	}		

.bloc-phototheque a:hover{
	float:left;
	width: 150px;
	height: 140px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	background:url(../images/pan_phototheque_hover.png) center no-repeat;
	}	
	
.bloc-audiotheque a{
	float:left;
	width: 150px;
	height: 140px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	background:url(../images/pan_audiotheque.png) center no-repeat;
	}		

.bloc-audiotheque a:hover{
	float:left;
	width: 150px;
	height: 140px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	background:url(../images/pan_audiotheque_hover.png) center no-repeat;
	}	

.bloc-videotheque a{
	float:left;
	width: 150px;
	height: 140px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	background:url(../images/pan_videotheque.png) center no-repeat;
	}		

.bloc-videotheque a:hover{
	float:left;
	width: 150px;
	height: 140px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	background:url(../images/pan_videotheque_hover.png) center no-repeat;
	}	

.bloc-picto-phototheque {
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	}			

.bloc-picto-phototheque a {
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	}		

.bloc-picto-phototheque a:hover{
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	
	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #CED7E7;
	}	

.bloc-picto-audiotheque {
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	}		

 .bloc-picto-audiotheque a {
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_audiotheque.png) center no-repeat;*/
	}		

 .bloc-picto-audiotheque a:hover{
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_audiotheque.png) center no-repeat;*/
	
	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #CED7E7;
	}	

.bloc-picto-videotheque {
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	}		

.bloc-picto-videotheque a {
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_videotheque.png) center no-repeat;*/
	}		

 .bloc-picto-videotheque a:hover{
	float:left;
	width: 130px;
	height: 194px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_videotheque.png) center no-repeat;*/
	
	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #CED7E7;
	}	
	
.bloc-logo-partenaire {
	float:left;
	width: 75px;
	height: 75px;
	margin: 2px 7px 0 7px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	}			

.bloc-logo-partenaire a {
	float:left;
	width: 75px;
	height: 75px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	}		

.bloc-logo-partenaire a:hover{
	float:left;
	width: 75px;
	height: 75px;
	margin: 5px 25px;
	padding: 2px;
	text-align:left;
	/*background:url(../images/picto_phototheque.png) center no-repeat;*/
	
	border-radius: 	       5px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    5px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  5px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 5px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #CED7E7;
	}	
	
#piste-pied-pg{
	position:relative;
	width: 100%;
	height: 59px;
	/*background-color: #31619D;
	background-color:#036;*/
	border-top:solid 1px #31619D;
	margin-bottom: 0;
	padding-bottom: 0;
	/*padding:0;*/
	background: url(../images/arpl_copyrightbaspage.png) repeat-x;
	z-index: 60;
	}
#copyright {
	width: 890px;
	margin-top: 1px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 25px;
	/*text-align:center;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color:#FFF;
	}

.cadre_pt {
	width: 366px;
	margin: 5px 3px 5px 5px;
	padding: 14px 0 0 0 ;
	/*background:  url(../images/ht_cad_pt.jpg) left top no-repeat;*/
	border: #D1D8E8 solid 1px;
	border-radius: 	       7px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	/*background: url(../images/ht_cad_gd.jpg) left top no-repeat;*/
background: #0346b2; /* Old browsers */
background: -moz-linear-gradient(top,  #0346b2 0%, #2e7af4 7%, #90b2dc 13%, #f7f7f7 72%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0346b2), color-stop(7%,#2e7af4), color-stop(13%,#90b2dc), color-stop(72%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0346b2 0%,#2e7af4 7%,#90b2dc 13%,#f7f7f7 72%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0346b2 0%,#2e7af4 7%,#90b2dc 13%,#f7f7f7 72%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0346b2 0%,#2e7af4 7%,#90b2dc 13%,#f7f7f7 72%); /* IE10+ */
background: linear-gradient(to bottom,  #0346b2 0%,#2e7af4 7%,#90b2dc 13%,#f7f7f7 72%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0346b2', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	}
	
.cadre_pt h3 {
	margin: 0 0 7px 44px;
	/*text-indent: 35px;*/
	color: #036;
	}
	
.bloccadre_pt {
	background:  url(../images/bas_cad_pt.jpg) left  bottom no-repeat;
	padding: 5px 4px 35px 5px;
	margin: 18px 0 0 0;
	} 
.bloccadre_pt p {
margin: 0 15px 0 20px;
text-align: justify;
}	

.cadre_motdg {
	width: 404px;
	margin: 5px 3px 5px 5px;
	padding: 14px 0 0 0 ;
	background:  url(../images/ht_cad_moy_motdg.jpg) left top no-repeat;
	}
	
.cadre_motdg h3 {
	margin: 0 0 7px 44px;
	/*text-indent: 35px;*/
	color: #036;
	}
	
.bloccadre_motdg {
	background:  url(../images/bas_cad_moy_motdg.jpg) left  bottom no-repeat;
	padding: 5px 7px 35px 10px;
	margin: 18px 0 0 0;
	} 
.bloccadre_motdg p {
margin: 0 15px 0 20px;
text-align: justify;
}

.cadre_moy {
	width: 934px;
	height: 25px;
	margin: 5px 1px 5px 7px;
	padding: 14px 0 0 0 ;
	/*background: url(../images/ht_cad_moy.jpg) left top no-repeat;*/
	border-bottom: #D1D8E8 solid 0px;
	border-radius: 	        7px 7px 0px 0px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:     7px 7px 0px 0px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:   7px 7px 0px 0px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius:  7px 7px 0px 0px; /* Propriété CSS3 pour navigateurs Webkit */
	background-color: #B0BFE3;
	}
	
.cadre_moy h3 {
	margin: 0 0 7px 44px;
	color: #036;
	}
	
.bloccadre_moy {
	/*background:  url(../images/bas_cad_moy.jpg) left  bottom no-repeat;*/
	padding: 5px 4px 15px 5px;
	margin: 18px 0 0 0;
	border-bottom: #D1D8E8 solid 1px;
	border-radius: 	       0px  0px 7px 7px ;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    0px  0px 7px 7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  0px  0px 7px 7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 0px  0px 7px 7px; /* Propriété CSS3 pour navigateurs Webkit */
	clear:both;
	} 
.bloccadre_moy p {
margin: 0 15px 0 20px;
text-align: center;
/*background-color:#FF9;*/
background-color:#FC0;
clear:both;
}	

.cadre_gd {
	width: 530px;
	/*height: 45px;*/
	margin: 5px 1px 5px 12px;
	padding: 10px 0 0 0 ;
	/*border-top: #D1D8E8 solid 1px;
	border-left: #D1D8E8 solid 1px;
	border-right: #D1D8E8 solid 1px;*/
	border-bottom: #D1D8E8 solid 0px;
	border-radius: 	        7px 7px 0px 0px;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:     7px 7px 0px 0px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:   7px 7px 0px 0px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius:  7px 7px 0px 0px; /* Propriété CSS3 pour navigateurs Webkit */
	background: url(../images/ht_cad_gd.jpg) left top no-repeat;
}
	
.cadre_gd h3{ 
	margin: 0 0 7px 44px;
	/*font-size: 1.3em; font-weight: bold;*/ color: #036;
	}
	
h4 {
/*	margin: 0;
	padding: 0;*/
	font-size: 1.1em; font-weight: bold; color: #036;
	}
	
	
.bloccadre_gd {
	/*background:  url(../images/bas_cad_gd1.png) left  bottom no-repeat;*/
	padding: 5px 4px 35px 5px;
	margin: 18px 0 0 0;
	background-color: f7f7f7;
	border-top: #D1D8E8 solid 0px;
	/*border-left: #D1D8E8 solid 1px;
	border-right: #D1D8E8 solid 1px;*/
	border-bottom: #D1D8E8 solid 1px;
	border-radius: 	       0px  0px 7px 7px ;  /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    0px  0px 7px 7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  0px  0px 7px 7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 0px  0px 7px 7px; /* Propriété CSS3 pour navigateurs Webkit */
	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	clear:both;
	} 
.bloccadre_gd p {
margin: 0 15px 0 20px;
text-align: justify;
clear:both;
}	

.cadre_menudr{
	width: 260px;
	margin: 5px 2px 5px 2px;
	padding: 14px 0 0 0 ;
	background:  url(../images/ht_cad_menudr.png) left top no-repeat;
	}
	
.cadre_menudr h3 {
	margin: 0 0 7px 44px;
	/*text-indent: 35px;*/
	color: #036;
	}
	
.bloccadre_menudr {
	background:  url(../images/bas_cad_menudr.png) left  bottom no-repeat;
	padding: 2px 4px 35px 0px;
	margin: 15px 0 0 0;
	} 
.bloccadre_menudr p {
margin: 0 15px 0 20px;
text-align: justify;
}	
