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

* {margin: 0px; padding: 0px;}

/*permet de régler que les pages bougent légèrement dans Firefox*/
html {
overflow:scroll;
}


body{ /*c'est la base de la page. Couleur de fond vert, typo*/
	background:#cfe07f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	line-height:1.3em;
	text-align:center; /* Permet de centrer le contenu de la page dans IE (mais le texte est centré, il faut faire un texte-align-left pour remettre le texte à gauche). */
}

#page{ /*c'est la base de la zone. Couleur de fond, marges, grandeur*/
	margin:0 auto; /* Permet de centrer le contenu de la page, sauf pour IE */
	width:760px;
	text-align:left;
}
#entete{
	width:760px;
	height:263px;
	line-height: 0;
}

#contenu1{
	height:510px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu2{
	height:700px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu3{
	height:855px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu4{
	height:985px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu5{
	height:1070px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu6{
	height:1160px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu7{
	height:1255px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu8{
	height:1460px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu9{
	height:1550px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu10{
	height:1770px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu11{
	height:1830px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}

#contenu12{
	height:2255px;
	background:#fff url(../images/visuelSite/fond.png) repeat-y;
}



.zoneMenu_animation{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondAnimation.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_vie{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondVie.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_anciens{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondAnciens.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_financement{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondFinancement.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_nouvelles{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondNouvelles.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_nouvelles2{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondNouvelles2.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_nouvelles3{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondNouvelles3.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_organisme{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondOrganisme.png) no-repeat;
	width:210px;
	height:466px;
}

.zoneMenu_coordonnees{/*quand il y a un sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondCoordonnees.png) no-repeat;
	width:210px;
	height:466px;
}


.zoneTexte {/*zone allouée pour le texte*/
	float:left;
	width:450px;
	padding:60px 70px 30px 30px;
}


.zoneMenu_vide{/*quand il n'y a pas de sous-menu à gauche*/
	float:left;
	background:url(../images/visuelSite/fondVide.png) no-repeat;
	width:210px;
	height:466px;
}


#piedPage{/*zone qui contient le copyright*/
	clear:both;
	text-align:center;
	font-size:0.85em;
	background:#fff url(../images/visuelSite/fondPied.png) no-repeat;
	height:90px;
}
/*********************************************************************/
/*menu faux onglets*/
/*********************************************************************/
#menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 760px;
	height: 93px;
	position: relative;
}

#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	background-image: url(../images/visuelSite/btnFinancement.png);
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}

#menu .nouvelles {
	width: 78px;
	height: 36px;
	background: url(../images/visuelSite/btnNouvelles.png) no-repeat;
	left: 38px;
	top: 10px;
}

#menu .animation {
	width: 79px;
	height: 22px;
	background: url(../images/visuelSite/btnAnimation.png) no-repeat;
	left: 125px;
	top: 20px;
}

#menu .vie {
	width: 123px;
	height: 36px;
	background: url(../images/visuelSite/btnVie.png) no-repeat;
	left: 214px;
	top: 10px;
}

#menu .anciens {
	width: 93px;
	height: 34px;
	background: url(../images/visuelSite/btnAnciens.png) no-repeat;
	left: 347px;
	top: 12px;
}

#menu .financement {
	width: 97px;
	height: 24px;
	background: url(../images/visuelSite/btnFinancement.png) no-repeat;
	left: 451px;
	top: 21px;
}


#menu .organisme {
	width: 79px;
	height: 35px;
	background: url(../images/visuelSite/btnOrganisme.png) no-repeat;
	left: 556px;
	top: 11px;
}

#menu .coordonnees {
	width: 77px;
	height: 35px;
	background: url(../images/visuelSite/btnCoordonnees.png) no-repeat;
	left: 644px;
	top: 11px;
}

/*********************************************************************/
/*sous-sous-menu*/
/*Basé sur le menu du site de Stu Nicholls.*/
/*********************************************************************/

.menuGauche{
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:155px;
	height:auto;
	position:relative;
	top:80px;
	left:17px;
	font-size:100%;
	z-index:100;
}

.sousmenu {
font-weight:bold;
}

.ssousmenu {
font-weight:normal;
}

/*spécifications pour le sous-sous-menu*/
.menuGauche ul {
padding:0; 
margin:0; 
list-style-type: none; 
width:145px; 
height:115px; 
}

/*Couleur de fond des différents menus de gauche*/
.zoneMenu_animation .menuGauche, 
.zoneMenu_animation .menuGauche ul li:hover ul li:hover a,
.zoneMenu_animation .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_animation .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_animation .menuGauche ul li a:hover ul li a:hover ul {
background:#2562A2; 
color:#fff;
}

.zoneMenu_vie .menuGauche, 
.zoneMenu_vie .menuGauche ul li:hover ul li:hover a,
.zoneMenu_vie .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_vie .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_vie .menuGauche ul li a:hover ul li a:hover ul {
background:#AF498A; 
color:#fff;
}

.zoneMenu_anciens .menuGauche, 
.zoneMenu_anciens .menuGauche ul li:hover ul li:hover a,
.zoneMenu_anciens .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_anciens .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_anciens .menuGauche ul li a:hover ul li a:hover ul {
background:#715438; 
color:#fff;
}

.zoneMenu_financement .menuGauche, 
.zoneMenu_financement .menuGauche ul li:hover ul li:hover a,
.zoneMenu_financement .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_financement .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_financement .menuGauche ul li a:hover ul li a:hover ul {
background:#6FBC13; 
color:#fff;
}

.zoneMenu_nouvelles .menuGauche, 
.zoneMenu_nouvelles .menuGauche ul li:hover ul li:hover a,
.zoneMenu_nouvelles .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_nouvelles .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_nouvelles .menuGauche ul li a:hover ul li a:hover ul {
background:#DA9708; 
color:#fff;
}

.zoneMenu_nouvelles2 .menuGauche, 
.zoneMenu_nouvelles2 .menuGauche ul li:hover ul li:hover a,
.zoneMenu_nouvelles2 .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_nouvelles2 .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_nouvelles2 .menuGauche ul li a:hover ul li a:hover ul {
background:#DA9708; 
color:#fff;
}

.zoneMenu_nouvelles3 .menuGauche, 
.zoneMenu_nouvelles3 .menuGauche ul li:hover ul li:hover a,
.zoneMenu_nouvelles3 .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_nouvelles3 .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_nouvelles3 .menuGauche ul li a:hover ul li a:hover ul {
background:#DA9708; 
color:#fff;
}




.zoneMenu_organisme .menuGauche, 
.zoneMenu_organisme .menuGauche ul li:hover ul li:hover a,
.zoneMenu_organisme .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_organisme .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_organisme .menuGauche ul li a:hover ul li a:hover ul {
background:#BC153F; 
color:#fff;
}

.zoneMenu_coordonnees .menuGauche, 
.zoneMenu_coordonnees .menuGauche ul li:hover ul li:hover a,
.zoneMenu_coordonnees .menuGauche ul li a:hover ul li a:hover,
.zoneMenu_coordonnees .menuGauche ul li:hover ul li:hover ul, 
.zoneMenu_coordonnees .menuGauche ul li a:hover ul li a:hover ul {
background:#45B5BC; 
color:#fff;
}


/*Couleur de fond lorsqu'en état hover des sous-sous-boutons des menus de gauche*/

.zoneMenu_animation .menuGauche ul li:hover a, 
.zoneMenu_animation .menuGauche ul li a:hover,
.zoneMenu_animation .menuGauche ul li:hover ul, 
.zoneMenu_animation .menuGauche ul li a:hover ul {
background:#193780; 
color:#fff;
}

.zoneMenu_vie .menuGauche ul li:hover a, 
.zoneMenu_vie .menuGauche ul li a:hover,
.zoneMenu_vie .menuGauche ul li:hover ul, 
.zoneMenu_vie .menuGauche ul li a:hover ul {
background:#7B266F; 
color:#fff;
}

.zoneMenu_anciens .menuGauche ul li:hover a, 
.zoneMenu_anciens .menuGauche ul li a:hover,
.zoneMenu_anciens .menuGauche ul li:hover ul, 
.zoneMenu_anciens .menuGauche ul li a:hover ul {
background:#4D2E33; 
color:#fff;
}

.zoneMenu_financement .menuGauche ul li:hover a, 
.zoneMenu_financement .menuGauche ul li a:hover,
.zoneMenu_financement .menuGauche ul li:hover ul, 
.zoneMenu_financement .menuGauche ul li a:hover ul {
background:#4B7B14; 
color:#fff;
}

.zoneMenu_nouvelles .menuGauche ul li:hover a, 
.zoneMenu_nouvelles .menuGauche ul li a:hover,
.zoneMenu_nouvelles .menuGauche ul li:hover ul, 
.zoneMenu_nouvelles .menuGauche ul li a:hover ul {
background:#A95B0A; 
color:#fff;
}

.zoneMenu_nouvelles2 .menuGauche ul li:hover a, 
.zoneMenu_nouvelles2 .menuGauche ul li a:hover,
.zoneMenu_nouvelles2 .menuGauche ul li:hover ul, 
.zoneMenu_nouvelles2 .menuGauche ul li a:hover ul {
background:#A95B0A; 
color:#fff;
}

.zoneMenu_nouvelles3 .menuGauche ul li:hover a, 
.zoneMenu_nouvelles3 .menuGauche ul li a:hover,
.zoneMenu_nouvelles3 .menuGauche ul li:hover ul, 
.zoneMenu_nouvelles3 .menuGauche ul li a:hover ul {
background:#A95B0A; 
color:#fff;
}



.zoneMenu_organisme .menuGauche ul li:hover a, 
.zoneMenu_organisme .menuGauche ul li a:hover,
.zoneMenu_organisme .menuGauche ul li:hover ul, 
.zoneMenu_organisme .menuGauche ul li a:hover ul {
background:#870939; 
color:#fff;
}

.zoneMenu_coordonnees .menuGauche ul li:hover a, 
.zoneMenu_coordonnees .menuGauche ul li a:hover,
.zoneMenu_coordonnees .menuGauche ul li:hover ul, 
.zoneMenu_coordonnees .menuGauche ul li a:hover ul {
background:#2E7396; 
color:#fff;
}



.menuGauche ul li ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:145px; /*distance à gauche que prend le sous-sous-menu déroulant par rapport au sous-menu*/ 
}

.menuGauche ul li {
float:left;
}

/* spécifications pour le sous-sous-menu*/
.menuGauche ul li a, .menuGauche ul li a:visited {
display:block; 
float:left; 
text-decoration:none; 
color:#fff; 
width:135px; 
height:auto;
background:transparent; 
padding:10px 10px 10px 10px;
}

* html .menuGauche ul li a, * html .menuGauche ul li a:visited {
width:135px; 
w\idth:135px;
}

.menuGauche table {
border-collapse:collapse; 
border:0; 
margin:0; 
padding:0; 
font-size:100%; 
position:absolute; 
left:0; 
top:0;
}

.menuGauche ul li:hover {
position:relative; 
z-index:90;
}

* html .menuGauche ul li a:hover {
position:relative; 
z-index:100;
}

.menuGauche ul li:hover ul, .menuGauche ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
overflow:visible;
}

.menuGauche ul li:hover ul li a, .menuGauche ul li a:hover ul li a{
display:block; 
background:transparent; 
color:#fff; 
line-height:15px; 
padding:5px 0px 5px 10px; 
height:auto; 
text-decoration:none;
}

.menuGauche ul li:hover ul li ul, .menuGauche ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
overflow:hidden; 
top:0; 
left:85px;
}

.menuGauche ul li:hover ul li:hover ul, .menuGauche ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
height:auto; 
color:#fff; 
padding:0; 
list-style-type:none; 
}

.menuGauche ul li:hover ul li:hover ul li a, .menuGauche ul li a:hover ul li a:hover ul li a {
display:block; 
background:transparent; 
color:#fff;
}

.menuGauche ul li:hover ul li:hover ul li:hover a, .menuGauche ul li a:hover ul li a:hover ul li a:hover {
background:#fff; 
color:#000;
}

/*********************************************************************/
/*titre et typo*/
/*********************************************************************/
h3.titreAnimation, .titreVie, .titreAnciens, .titreFinancement, .titreNouvelles, .titreOrganisme, .titreCoordonnees{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.4em;
	margin-bottom:35px;
}

h3.titreAnimation{color:#2562A2;}
h3.titreVie{color:#AF498A;}
h3.titreAnciens{color:#715438;}
h3.titreFinancement{color:#6FBC13;}
h3.titreNouvelles{color:#DA9708;}
h3.titreOrganisme{color:#BC153F;}
h3.titreCoordonnees{color:#45B5BC;}



h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	margin-bottom:14px;
	margin-top:34px;
}


p{
	margin-bottom:20px;
	line-height:1.4em;
}

ul{
	padding:0px 0px 0px 20px;
}

.souligne{
text-decoration:underline;
}


/*********************************************************************/
/*liens hypertextes*/
/*********************************************************************/
a {color: #A8B667;}
a:hover {color: #757F4E;}

a.externe {
	background:url(../images/visuelSite/externe.png) no-repeat right top;
	padding:0 14px 0 1px;
}

a.externe:hover {
	color: #757F4E;
}


/*********************************************************************/
/*images*/
/*********************************************************************/
a img{border:none;}

img {
  display: block;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*********************************************************************/
/*photos et texte qui est placé à côté*/
/*********************************************************************/
.blocPhotoGauche{
margin-left:-10px;
}

.photoGauche{
float:left;
width:208px;
}

.espacePhotoGauche{
float:right;
width:239px;
padding-left:12px;
padding-top:10px;
}



.blocPhotoDroite{
margin-right:-10px;
}

.photoDroite{
float:right;
width:208px;
}

.espacePhotoDroite{
float:left;
width:239px;
padding-right:12px;
padding-top:10px;
}

h4.espacePhoto {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	margin-bottom:18px;
	margin-top:0px;
}

h4.apresBlocPhoto{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	margin-bottom:18px;
	margin-top:28px;
}



.clear{
clear:both;
}

/*********************************************************************/
/*tableau de données*/
/*********************************************************************/
.donnees table {
   margin: auto; /* Centrer le tableau */
   border-collapse: collapse; /* Coller les bordures entre elles */
}


.donnees td {
   border-bottom: 1px dotted #ccc;
   text-align: left;
   padding: 8px 5px 8px 5px;
   vertical-align:top;
}



/*********************************************************************/
/*galerie de photos*/
/*********************************************************************/
.galerie{
	position:relative;
	height:100px;
}

.galerie a{
	float:left;
	padding:4px;
	text-align:center;
	text-decoration:none;
}



/*********************************************************************/
/*couleur du texte*/
/*********************************************************************/

.soustitreVertPale {color: #cfe07f; font-weight: bold;  }
.soustitreBleu {color: #2562a2; font-weight: bold; }
.soustitreMauve {color: #af498a; font-weight: bold; }
.soustitreBrun {color: #715438; font-weight: bold; }
.soustitreVert {color: #6fbc13; font-weight: bold; }
.soustitreOrange {color: #DA9708; font-weight: bold; }
.soustitreRouge {color: #bc153f; font-weight: bold; }
.soustitreTurquoise {color: #45B5BC; font-weight: bold; }

.texteVertPale {color: #cfe07f; }
.texteBleu {color: #2562a2; }
.texteMauve {color: #af498a; }
.texteBrun {color: #715438; }
.texteVert {color: #6fbc13; }
.texteOrange {color: #DA9708; }
.texteRouge {color: #bc153f; }
.texteTurquoise {color: #45B5BC; }