/* Corps
************************************************************/

body
{
	text-align: center; /*emplacement du corp du site*/
	font-size: 70%; /*taille de la typo*/
	margin: auto;
	font-family: Verdana, Arial, sans-serif; /*style d'écriture*/
	color: #000000; /*Couleur du texte*/
	background: #b7e5fc url(images/fond-espace.png) repeat-x top;
}
/*  les images  */

img{border:0;}


li {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 font-size: 100%;
 color: black;
 display : list-item;
 list-style-type : none;
 list-style-position: outside;
} 

 /* *** Float containers fix:
 */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }
 
.clearfix{display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* link général
************************************************************/
a:link {
         color: #000;
         }
a:visited {
         color: #000;
         }
a:hover {
         color:#5681d4;
     
         }
a:active {
         color: #000;
         }
/* link général
************************************************************/



/* link activités
************************************************************/
a.bouton {
  color: black;
  background-color: ;
  text-decoration: none;
  font-weight: bold;
  text-align: center;


}
a.bouton:hover {
color: white;
  background-color: ;
  background-image: url(aqua.jpg);
}

a.round {
  color: black;
  font-size:14px;
  text-decoration: none;
  font-weight: bold;
}


#tetes{
float:left;
  background-image: url(images/4tetes.png);
  background-repeat:no-repeat;
  background-position:center;
  text-align:center;
  height:420px;
  width:530px;
}
.menu_tetes_1{
float:left;
height:50px;
padding-top:85px;
position:relative;
width:180px;
text-align:left;
margin:0;
}
.menu_tetes_2{
float:right;
height:50px;
padding-top:85px;
position:relative;
width:180px;
text-align:right;
margin:0;
}

/* Conteneur
************************************************************/

div#conteneur {
	width: 800px; /*largeur du corp du site*/
	margin: auto;
}
div#float {
	float: left;
	width: 800px; /*largeur du header*/
	background: #ffffff url(images/header.jpg) no-repeat; /*image du header*/
}

div#corp {
	float: left;
	margin-left: 30px;
	width: 555px;
	margin-top: 200px;
	}
	
div#footer {
	width: 800px; /*largeur du footer*/
	height: 126px;
	float: left; 
	background: #ffffff url(images/espace.png) no-repeat bottom; /*image du footer*/
}

div#textefooter {
	text-align: center bottom;
	width: 800px;
	background-color: #b22222;
	height: 126px;
}

/* Bloc Accueil
************************************************************/
div#accueil  {
	text-align: right;
	width: 100%;
}

div#accueil a {
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

div#accueil a:hover {
	color: #5681d4;
}

.accueil {
	font-weight: bold;
	background: url(images/info.gif) no-repeat top left;
	padding-left: 20px;
	}
	
/* Texte du corp
************************************************************/
h1 {
	font-weight: bold;
	text-align: center;
	color: black; /*couleur du texte*/
	font-size: 1.2em; /*taille du texte*/
	padding: 0px 15px 0px 15px;
}


h2 {
	font-weight: normal;
	text-align: justify;
	color: #000;
	font-size: 1.00em;
	padding: 0px 15px 0px 15px;
}

h2 a {
 	color: #000000;
}

h2 a:hover {
	color: #5681d4;
	}
	
h3 {
	width: 555px;
	font-family: sans-serif, arial, verdana;
	font-size: 20px;
	color: #5db034;
	text-align: center;
	text-indent: 10px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 10px 0px 10px 0px;
}

h4 {
	font-weight: normal;
	text-align: left;
	color: #000;
	font-size: 1.10em;
	padding: 0px 0px 0px 15px;
	text-decoration: underline;
	font-weight: bold;
		clear:both;
}

h5 {
	font-weight: normal;
	text-align: center;
	color: #000;
	font-size: 0.9em;
	
}
a.liens:link, a.liens:visited, a.liens:active {
	color: #000;
	}
/* Cadre photo dans l'article
************************************************************/

.img {
	float:left;
	margin: 5px 5px 5px 15px;
	background:#ffffff; 
 }
 
.img img {
	margin:6px; 
	border:none; 
	display:block;
}

.img span {
	background:#ffffff; 
	color:#000000; 
	display:block; 
	font-size:10px; 
	font-family:verdana, arial
}	


/* Galerie
************************************************************/

.fiche_galerie {
	width:135px;
	height : 150px;
	float:left;
	
	font-weight: normal;
	text-align: center;
	
	font-style: italic;
	color: #000; /*couleur du texte*/
	font-size: 0.8em; /*taille du texte*/
	
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 10px 20px;
	
	background-color:#fff;
	border-right: 2px #666 solid;
	border-bottom: 2px #666 solid;
}



.clear {
	clear: both;
}





/* Equipe
************************************************************/

.fiche_identite {
	width:110px;
	float:left;
	
	font-weight: normal;
	text-align: center;
	font-style: italic;
	color: #000; /*couleur du texte*/
	font-size: 11px; /*taille du texte*/
	
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 20px 40px;
	
	background-color:#fff;
	border-right: 2px #666 solid;
	border-bottom: 2px #666 solid;
}

.fiche_identite_save {
	width:120px;
	height: 145px;
	float:left;
	
	font-weight: normal;
	text-align: center;
	font-style: italic;
	color: #000; /*couleur du texte*/
	font-size: 11px; /*taille du texte*/
	
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 13px 38px;
	
	background-color:#fff;
	border-right: 2px #666 solid;
	border-bottom: 2px #666 solid;
}

.clear {
	clear: both;
}


/* Bloc Vert
************************************************************/
div#texte1 {
	width: 555px;
	float: left;
	margin-top: 20px;
	font-family: sans-serif, arial, verdana;
	font-size: 20px;
	color: #5db034;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	letter-spacing: -1px;
}

div#barre1 {
	width: 555px; /*largeur du corp du site*/
	height: 22px; /*hauteur du corp du site*/
	float: left; /*positionnement sur la droite*/
	margin-top: -6px; /*marge du haut*/
	background: #fff url(images/barre-verte.png) no-repeat top; /*couleur et image de fond*/
}

div#fond1 {
	width: 555px;
	float: left;
	background: #d6ebcc url(images/arrondi-vert.gif) no-repeat bottom;
}

/* Bloc orange
************************************************************/
div#texte2 {
	width: 555px;
	margin-top: 20px;
	float: left;
	font-family: sans-serif, arial, verdana;
	font-size: 20px;
	color: #fe8a31;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	letter-spacing: -1px;
}

div#barre2 {
	width: 555px; /*largeur du corp du site*/
	height: 22px; /*hauteur du corp du site*/
	float: left; /*positionnement sur la droite*/
	margin-top: -6px; /*marge du haut*/
	background: #fff url(images/barre-orange.gif) no-repeat top; /*couleur et image de fond*/
}

div#fond2 {
	width: 555px;
	height: auto;
	float: left;
	background: #ffe2cb url(images/arrondi-orange.gif) no-repeat bottom;
}

/* Bloc jaune
************************************************************/
div#texte3 {
	width: 555px;
	margin-top: 20px;
	float: left;
	font-family: sans-serif, arial, verdana;
	font-size: 20px;
	color: #fec406;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	letter-spacing: -1px;
}

div#barre3 {
	width: 555px; /*largeur du corp du site*/
	height: 22px; /*hauteur du corp du site*/
	float: left; /*positionnement sur la droite*/
	margin-top: -5px; /*marge du haut*/
	background: #fff url(images/barre-jaune.gif) no-repeat top; /*couleur et image de fond*/
}

div#fond3 {
	width: 555px;
	height: auto;
	float: left;
	background: #fff0c1 url(images/arrondi-jaune.gif) no-repeat bottom;
}


/* Bloc bleu
************************************************************/
div#bleutexte {
	width: 555px;
	margin-top: 20px;
	
	float: left;
	font-family: sans-serif, arial, verdana;
	font-size: 20px;
	color: #5681d4;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	letter-spacing: -1px;
}

div#barrebleu {
	width: 555px; /*largeur du corp du site*/
	height: 22px; /*hauteur du corp du site*/
	float: left; /*positionnement sur la droite*/
	margin-top: -6px; /*marge du haut*/
	background: #fff url(images/barre-bleu.gif) no-repeat top; /*couleur et image de fond*/
}

div#fondbleu {
	width: 555px;
	float: left;
	background: #d5dff4 url(images/arrondi-bleu.gif) no-repeat bottom;
}

/* Page plan
************************************************************/
div#textplan {
	width: 200px;
	height: 350px;
	float: left;
}

div#cadreplan {
	width: 355px;
	height: 350px;
	float: right;
	}

div#textplan ul{
	list-style-type: none;
	list-style-position: inside;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

div#textplan ul li {
	text-align: left;
}

/* menu
************************************************************************************************************************/
ul#menu {
	margin: 200px 0 0 0;
	list-style-type: none;
	float: left;
	width: 187px;
	padding: 0px;
} 

ul#menu li {margin-bottom:0px;}

ul#menu a {
     width: 187px; 
     height: 24px;
	 line-height: 2.1em;
     display: block;
     text-align: left;
	 text-indent: 23px;
     color: #000;
     background: #fff;
	text-decoration: none;
	 }
	 
ul#menu a:hover {
     background: #ccc;
     }

/* Presentation
************************************************************/
ul#menu li#presentation a {
     width: 187px; 
     height: 32px;
     background: #fff url(images/menu/presentation.png) no-repeat bottom;
	 }
	 
ul#menu li.fpresentation a {
	background: #fff url(images/menu/fond-menu-presentation.png) no-repeat bottom;
	 }
ul#menu li.fpresentation a:hover {
	background: #ccc;
	 }
/* Activités
************************************************************/
ul#menu li#activites a {
     width: 187px; 
     height: 40px;
     background: #fff url(images/menu/activites.png) no-repeat bottom;
	 }

ul#menu li.factivites a {
	background: #fff url(images/menu/fond-menu-activites.png) no-repeat bottom;
	 }
	  ul#menu li.factivites a:hover {
	background: #ccc;
	 }

/* Communication
************************************************************/
ul#menu li#communication a {
     width: 187px; 
     height: 40px;
     background: #fff url(images/menu/communication.png) no-repeat bottom;
	 }
	 
ul#menu li.fcommunication a {
	background: #fff url(images/menu/fond-menu-communication.png) no-repeat bottom;
	 }
	 
	 ul#menu li.fcommunication a:hover {
	background: #ccc;
	 }
	
/* En Savoir Plus
************************************************************/	
ul#menu li#plus a {
     width: 187px; 
     height: 33px;
     background: #fff url(images/menu/en-savoir-plus.png) no-repeat bottom;
	 }
/* lettre d'information
************************************************************/	
ul#menu li#newsletter  {
padding-top : 10px;
padding-bottom : 10px;
     width: 180px; 
     height: 33px;
    /* background: #fff url(images/menu/en-savoir-plus.png) no-repeat bottom;*/
	 }
	 
/* Page plan
************************************************************/

div#contour_plan { /*conteneur de la carte*/
	width: 530px;
	height: 400px;
margin: 1em auto;
margin-left: auto; margin-right: auto; 
	padding-bottom: 25px;
	}	

div#cadre_plan { /*conteneur de la carte*/
	width: 555px;
	height: 400px;
	margin-top: 10px;
	padding-bottom: 25px;
	}	

.texte_plan {
	font-size: 1.15em;
	color: #000000;
	text-align: center;
	font-weight: bold;
	line-height: -5px;
}

/* Tableau dans articles
************************************************************/
table {
	border: medium solid #000000;
	width: 500px;
}
td, th {
	border: thin solid #5db034;
	padding: 6px;
	text-align: center;
}

/* Conteneur de la vidéo
************************************************************/

div#Conteneur_video{
	width: 555px;
	margin-bottom: 20px;
}

/* Bloc PDF dans l'article
************************************************************/

div#conteneurpdf{
	float:left;
	width: 300px;
	background: url(images/pdf.gif) no-repeat bottom left;
	margin: 10px 0px 10px 15px;
	padding-top: 10px;
	clear:both;
}

.textepdf {
	float: left;
	margin: 0px 0px 0px 30px;
}

/* Bloc Haut de page
************************************************************/
div#conteneur_sommaire{
	float : right;
	width:100%;
	background: url(images/top.gif) no-repeat bottom right;
	margin: 10px 15px 10px 0px;
	padding-top: 10px;
	clear:both;
}
div#conteneur_top{
	float: right;
	width:100px;
	background: url(images/top.gif) no-repeat bottom right;
	margin: 10px 15px 10px 0px;
	padding-top: 10px;
	clear:both;
}
div#galerie_thumb{
	float: left;
	margin-left:20px;
	padding-top: 10px;
	clear:both;
}
div.conteneur_top{
	float: right;
	width:100px;
	background: url(images/top.gif) no-repeat bottom right;
	margin: 10px 15px 10px 0px;
	padding-top: 10px;
	clear:both;
}

.texte_top {
	float: left;

}	

/* Bloc Vidéo
************************************************************/

div#conteneur_video{
	float:left;
	width: 300px;
	background: url(images/camera.png) no-repeat bottom left;
	margin: 10px 0px 10px 15px;
	padding-top: 10px;
}

.texte_video h4 {
	float: left;
	margin: 0px 0px 2px 30px;
}
/* Plan du site
************************************************************/

ul#map_rubrique{
	margin: 0 0 0 10px;;
	list-style-type: none;
	padding: 0px;
	text-align:left;
	text-transform:uppercase;
}
ul#map_rubrique a{
	margin: 5px 0 0 0;
	list-style-type: none;
	padding: 0px;
	

}
ul#map_rubrique a:hover{
	margin: 5px 0 0 0;
	list-style-type: none;
	padding: 0px;
		background-color: #161616;

}
ul#map_rubrique li{
	margin: 5px 0 0 0;
	list-style-type: none;
	padding: 0px;

}
ul#map_rubrique li a {
	margin: 5px 0 0 0;
	list-style-type: none;
	padding: 0 15px 0 15px;
	font-size:14px;
	text-decoration:none;
	color:black;
	
}

ul#map_rubrique li a:hover{
	margin: 0 0 0 0;
	list-style-type: none;
	padding: 0px;
	color:white;
	padding: 0 15px 0 15px;
	font-size:14px;
		background-color: #5681d4;
}
ul#sous_map{
	margin: 0 0 0 10px;
	list-style-type: square ;
	padding: 0 0 0 35px;
	text-align:left;
	text-transform:lowercase;
}
ul#sous_map a{
	margin: 0 0 0 0;
	list-style-type: square ;
	padding: 0 0 0 0;
}

ul#sous_map li{
	margin: 0 0 0 0;
	list-style-type: square ;
	padding: 0 0 0 0;
}

ul#sous_map li a {
	margin: 0 0 0 0;
	list-style-type: square ;
	padding: 0 0 0 0;
	font-size:12px;
	text-decoration:none;
	color:black;
	text-transform:lowercase;
	
}

ul#sous_map li a:hover{
	margin: 0 0 0 0;
	list-style-type: square ;
	padding: 0px;
	color:white;
	padding: 0 0 0 0;
	font-size:12px;
		background-color: #5db034;

}