@charset "UTF-8";
/* CSS Document */
.tx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #003300;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bolder;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: large;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-indent: 25px;
	font-weight: lighter;
}
button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
.boutons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	color: #999933;
}
.qui {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993333;
}
.joindre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336666;
}
.histoire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663333;
}
.st {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.quoi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #339933;
}
.photos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663366;
}
.ou {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
}
.publications {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666633;
}
.activites {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}
.famille {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #996633;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
.tx_bl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: small;
}
.bl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.photoGauche, .photoDroite {
	margin-bottom: 4px;
}
.photoGauche {
	float: left;
	margin-right: 7px;
}
.photoDroite {
	float: right;
	margin-right: 7px;
}
link {
	color: #663333;
}
.prive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccc66;
}p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.tx_plus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: 003300;
}
.menu_droit {
	font-family: Verdana, Arial, Helvetica, sans-serif;



}
#addendum {
padding-left:20px;

}

#addendum ul
  {
   list-style : none;
  }
  
  
#addendm li
  {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style : none;
	padding-top : 20px;
	
  }

#addendum a {
	color: #369;
	text-decoration: none;
	line-height : 1.5em;
}

#addendum a:hover {
	background-color: #369;
	color: #fff;
	line-height : 1.5em;
}


/*****************************************/
/* DÉCLARATIONS POUR LE HAUT DE LA PAGE  */
/*****************************************/

div#menuHaut{
	width:100%;
	height:20px;
	position:absolute;
}

div#menuHaut p{
	width:960px;
	margin:0 auto;
}

div#menuHaut a{
	color:#369;
}

div#menuHaut a:hover{
	color:#547317;
	text-decoration:underline;
}

div#menuHaut form{
	display:inline;
}

.zimageHaut{
	position:absolute;
	z-index:-10;
	top:0;
	left:0;
}
.zimageLogo{
	position:absolute;
	bottom:0px;
	left:0px;
}

.zimageLogo2{
	position:absolute;
	bottom:88px;
	right:3px;
}


div#menuHaut p{
	width:1000px;
	margin:0 auto;
	text-align:right;
	color:#FFF;
	position:relative;
	z-index:10;
	top:65px;
}

div#entete{
	position:relative;
	width:1000px;
	margin:0 auto;
	height:150px;
}

ul#nav{
	position:relative;
	margin: 0 auto;
	width:1000px;
	bottom: 0;
	height:30px;
	background-color:990000;
}

ul#nav li.choixMenuPrincipal{
	position:relative;
	float:left;
	border-left: #000 solid 0px;
	padding: 0 20px;
	height:30px;
}

ul#nav li.choixMenuPrincipal:last-child{
	border-right: #000 solid 1px;
}

ul#nav li.choixMenuPrincipal:hover{
	float:left;
	height:30px;
	background-color:#none;
}

ul#nav li.choixMenuPrincipal a{
	display:block;
	height:30px;
	font-size:1em;
	text-align:center;
	color:#336699;
	line-height: 2em;
}

div#nav{
	width:100%;
	margin:0 auto;
	margin-top:0px;
	text-align:center;
}

div#nav ul ul {
	display: none;
}
	div#nav ul li:hover > ul {
		display: block;
	}

div#nav ul {
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	div#nav ul:after {
		content: ""; clear: both; display: block;
	}

div#nav ul li {
	float: left;
}
	div#nav ul li:hover {
		/*background: #594C4C;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
	}
		div#nav ul li:hover a {
			color: #344DA1;
		}
	
	div#nav ul li a {
		display: block; padding: 10px 20px;
		color: #930; text-decoration: none;
	}

div#nav ul ul {
	z-index:10;
	border-radius: 0px; padding: 0;
	position: absolute; top: 28px;
	/*border:1px solid #aa0;*/
}
	div#nav ul ul li {
		float: none; 
		background-image: url(../_image/fond_boutons.png);
		position: relative;
	}
	
	div#nav ul ul li:first-child a{
		border-top:1px solid #aa0;
	}
	
	div#nav ul ul li:last-child a{
		border-bottom:1px solid #aa0;
	}
	
		div#nav ul ul li a {
			font-size:0.8em;
			padding: 5px 20px;
			color: #CC6633;
			border-left:1px solid #aa0;
			border-right:1px solid #aa0;
		}	
			div#nav ul ul li a:hover {
				background: #feb65a;
			}
			
div#nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

div#conteneurNav{
	background-color:#none;
}


/**********************************************/
/* DÉCLARATIONS POUR LA STRUCTURE DU CONTENU  */
/*      LE CONTENU EST 960 PIXEL DE LARGE     */
/**********************************************/

/*Petit = 320px*/
.petit{
	width:320px;
}
.menu{
	width:250px;
}
.imageGauche{
	width:125px;
}

div#zoneGauchePetit{
	float:left;
	width:320px;
}

div#zoneCentrePetit{
	width:320px;
	float:left;
	margin-left:20px;
}

div#zoneDroitePetit{
	float:right;
	width:320px;
}

div#zoneCentrePetitCouleur{
	width:320px;
	float:left;
	padding:0 10px;
	background-color:#e9edf6;
}

/* Large = 640px */
.large{
	width:640px;
}
.largeL{
	width:820px;
}

div#zoneGaucheLarge{
	float:left;
	width:640px;
}
div#zoneDroiteLarge{
	float:right;
	width:740px;
}


/* Complet = 960px */
.complet{
	width:960px;
}

div#zoneGaucheComplet{
	float:left;
	width:960px;
}

/* DeuxCol = 465px */
.moyen{
	width:465px;
}

div#zoneDeuxColGauche{
	float:left;
	width:465px;
}

div#zoneDeuxColDroite{
	float:right;
	width:465px;
}
div#zoneDeuxColCentre{
	float:right;
	width:20px;
}

/* accueil-Trois colonnes une petite- deux moyennes */

div#zoneTroisColGauche{
	float:left;
	width:200px;

}

div#zoneTroisColDroite{
	float:right;
	width:200px;
}
div#zoneTroisColCentre{
	width:560px;
	float:left;
	padding:0 10px;
	
}
/* templates -Trois colonnes sections - si titre ou image à gauche*/

div#zoneColGaucheSections{
	float:left;
	width:125px;
}

div#zoneColDroiteSections{
	float:right;
	width:200px;
}
div#zoneColCentreSections{
	width:630px;
	float:left;
	padding:0 10px;
}

/*Déclarations Génériques (Aucune largeur spécifiée)*/

div#zoneDroite{
	float:right;
}

div#zoneCentre{
	float:left;
	margin:0 20px;
}

div#zoneGauche{
	float:left;
}



/*********************************************/
/*     DÉCLARATIONS POUR LE BAS DE PAGE      */
/*********************************************/
div#pied{
	background-image:url(../_image/fond_bas.jpg);
	background-repeat:repeat-x;
	height:100px;
}