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

#conteneurprojet
{
	width:800px;
	height:740px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}

#conteneurobjectifs
{
	width:800px;
	height:1570px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}
#conteneurrealisations
{
	width:800px;
	height:820px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}
#conteneursection
{
	width:800px;
	height:750px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}
#conteneurparticipant
{
	width:800px;
	height:750px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}
#conteneurcarte
{
	width:800px;
	height:1130px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}
#conteneurphoto
{
	width:800px;
	height:1375px;
	background-color:#74624d;
	margin-right: auto;
	margin-left: auto;
}
body
{
margin:0px;
background-image:url(images/tuile.jpg);
}
.w3c
{
	margin-left:330px;
	margin-bottom:10px;
}


/**************************************************Le haut********************************************/

.entete
{
	background-image: url(images/en-tete.jpg);
	height:178px;
	background-repeat:no-repeat;
}




ul li
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	list-style-type:none;
	padding-top:5px;
	padding-left:20px;
	margin-top:145px;
	color:#fea047;
}
ul
{
	margin:0;
	left: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 32px;
}
.ul2
{
	margin-left:430px;
}
.ul2 li
{
padding-left:25px;
}
.li1
{
padding-left:0px;
}
ul a
{
text-decoration:none;
color:#fea047;
}
ul a:hover
{
text-decoration:none;
color:#FEDC9C;
}
ul a:active
{
text-decoration:none;
color:#fea047;
font-size:13px;
}
ul a:visited
{
text-decoration:underline;
color:#E79C12;
}
/***********************************************Fin haut*********************************************/

/******************************Contenu projet*******************************************/
	
.contenuprojet
{
	background-image:url(images/contenu-milieu.gif);
	background-repeat:repeat-y;
	width:602px;
	float:left;
	padding-left: 0px;
	margin-top:17px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.contenuprojet .hautprojet
{
	width:602px;
	background-image:url(images/contenuprojet-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.contenuprojet .contenubasprojet
{
	background-image:url(images/contenuprojet-bas.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 210px;
	width: 602px;
	padding-bottom:20px;
}

.hautprojet
{
margin:0;
}

/****************************** fin contenu projet*******************************************/

/**************************** contenu objectif *************************************/

.contenuobjectifs
{
	background-image:url(images/contenu-milieu.gif);
	background-repeat:repeat-y;
	width:602px;
	float:left;
	padding-left: 0px;
	margin-top:17px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.contenuobjectifs .hautobjectifs
{
	width:602px;
	background-image:url(images/contenuobjectif-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.contenuobjectifs .contenubasobjectifs
{
	background-image:url(images/contenuobjectif-bas.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 210px;
	width: 602px;
}

.hautobjectifs
{
margin:0;
}

/**************************** contenu fin objectifs *************************************/

/******************************Contenu realisations*******************************************/
	
.realisations
{
	background-image:url(images/contenu-milieu.gif);
	background-repeat:repeat-y;
	width:602px;
	float:left;
	padding-left: 0px;
	margin-top:17px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.realisations .hautrealisations
{
	width:602px;
	background-image:url(images/contenurealisations-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.realisations .contenubasrealisations
{
	background-image:url(images/contenurealisations-bas.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 210px;
	width: 602px;
	padding-bottom:5px;
}

.hautrealisations
{
margin:0;
}

/****************************** fin contenu realisations*******************************************/

/******************************Contenu section*******************************************/
	
.contenusection
{
	background-image:url(images/contenu-milieu.gif);
	background-repeat:repeat-y;
	width:602px;
	float:left;
	padding-left: 0px;
	margin-top:17px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.contenusection .hautsection
{
	width:602px;
	background-image:url(images/contenusection-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.contenusection .contenubassection
{
	background-image:url(images/contenusection-bas.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 210px;
	width: 602px;
	padding-bottom:5px;
}

.hautsection
{
margin:0;
}

/****************************** fin contenu section*******************************************/



/******************************Contenu participant*******************************************/
	
.contenuparticipant
{
	background-image:url(images/contenu-milieu.gif);
	background-repeat:repeat-y;
	width:602px;
	float:left;
	padding-left: 0px;
	margin-top:17px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.contenuparticipant .hautparticipant
{
	width:602px;
	background-image:url(images/contenuparticipant-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.contenuparticipant .contenubasparticipant
{
	background-image:url(images/contenuparticipant-bas.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 210px;
	width: 602px;
	padding-bottom:5px;
}

.hautparticipant
{
margin:0;
}

/****************************** fin contenu participant*******************************************/

/******************************Contenu carte*******************************************/
.flash
{
	margin-right: 20px;
	margin-left: 20px;
}	

.contenucarte
{
	background-image:url(images/contenucarte-milieu.gif);
	background-repeat:repeat-y;
	width:760px;
	float:left;
	margin-top:20px;
	margin-bottom: 17px;
	margin-left: 20px;
	margin-right: 20px;
}


.contenucarte .hautcarte
{
	width:760px;
	background-image:url(images/contenucarte-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.contenucarte .contenubascarte
{
	background-image:url(images/contenucarte-bas.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 92px;
	width: 760px;
	padding-bottom:5px;
}

.hautcarte
{
margin:0;
}

.carte
{
	margin-right: 7px;
	margin-left: 7px;


}
/****************************** fin contenu carte*******************************************/


/******************************Contenu photo*******************************************/
	
.contenuphoto
{
	background-image:url(images/contenu-milieu.gif);
	background-repeat:repeat;
	width:602px;
	float:left;
	padding-left: 0px;
	margin-top:17px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.contenuphoto .hautphoto
{
	width:602px;
	background-image:url(images/contenuphoto-haut.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:100px;
}
.contenuphoto .contenubasphoto
{
	background-image:url(images/contenuphoto-bas.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:0;
	padding-top: 120px;
	width: 602px;
	padding-bottom:5px;
}

.hautphoto
{
margin:0;
}

/****************************** fin contenu photo*******************************************/

/*************************************fenpartenaire*****************************/


.fenpartenaire
{
	float:left;
	width:166px;
	background-image:url(images/partenaire-milieu.gif);
	background-repeat:repeat-y;
	background-position: left;
	margin-top: 17px;
	margin-left: 10px;
}


.fenpartenaire h3
{
	width:179px;
	background-image:url(images/partenaire-haut.gif);
	background-repeat:no-repeat;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 55px;
}
.fenpartenaire h2
{
	background-image:url(images/partenaire-bas.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin:0;
	padding-bottom: 20px;
}

h3
{
margin:0;
}

h3 img
{
margin-left:auto;
margin-right:auto;
}
a .imgpartenaire
{
border:none;
}
h3 a:hover
{
text-decoration:none;
}
h3 a:active
{
text-decoration:none;
}
h3 a:visited
{
text-decoration:none;
}
/*********************************fin fenpartenaire***************************/

/*********************************fenpartenairecarte**************************/
.fenpartenairecarte
{
	float:left;
	width:760px;
	background-image:url(images/partecarte-milieu.jpg);
	background-repeat:repeat-y;
	background-position: left;
	margin-top: 17px;
	margin-left: 20px;
	height: 115px;
	margin-right: 20px;
	margin-bottom: 20px;
}


.fenpartenairecarte h3
{
	display:inline;
	width:179px;

	padding-right: 8px;
	padding-left: 8px;
	padding-top: 55px;
}
.fenpartenairecarte h2
{
	background-image:url(images/partecarte-bas.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin:0;
	padding-bottom: 20px;
}

h3
{
margin:0;
}

h3 img
{
	margin-top: 20px;
	clip: rect(auto,auto,auto,auto);

}
a .imgpartenaire
{
	border:none;
	margin-top: 8px;
}

img
{
	border:none;
	
}


h3 a:hover
{
text-decoration:none;
}
h3 a:active
{
text-decoration:none;
}

.p1
{
	margin-left: 5px;
}
/*********************************fin fenpartenairecarte***************************/
h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin-left:10px;
margin-right:15px;
}
.texte
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-right:10px;
	padding-left:15px;
}

.texteobjectif
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-right:10px;
	padding-left:15px;
	
}




.back
{
	margin-top:10px;
	margin-left: 140px;
	width: 802px;
}
/***********************************************Galerie image******************************************/
 .photomenu
{
	list-style:none;
	margin-left:60px;
	width: 400px;
}
.photomenu li
{
display:inline;
padding-right:30px;
padding-left:30px;
}

.photomenu li a
{
border:none;
text-decoration:none;
color:#fea047;
}
.photomenu li a:hover
{
text-decoration:none;
color:#FEDC9C;
font-size:16px;
}

.photomenu li a:active
{
color:#fea047;
}

body {
	background-color:#000000;
	padding: 0px;
	margin: 0px;
}

h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFFFFF;
	letter-spacing: 5px;
	padding-left: 80px;
	padding-top: 10px;
	margin-top: 70px;
}
/**********************************photo gallerie***************************/


#gallery {
	background-image:url(images/fondgallery.jpg);
	padding-top:10px;
	width: 560px;
	margin-right: 20px;
	margin-left: 20px;
	height: 850px;
}
#gallery ul {
	list-style:none;
	
	position:relative;
	float:left;
	margin-right: 10px;
	margin-top: 10px;
}
#gallery ul li {
	display:inline;
	width:50px;
	height:50px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#gallery ul li a {
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;

}

#gallery ul li a img {
	display:block;
	width:50px;
	height:50px;
	border:0;
}

	
#gallery ul li a:hover 
{
	border-color:#ddd;
}



#gallery ul li a:hover img 
{
	position: absolute;
	top:205px;
	left:25px;
	width:auto;
	height:auto;
	border:1px solid #000;
}
/*************************************************Fin galerie image*********************************************/