body {
  background-color:#fff;/*#D2DFD0*/
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47; 
  padding:0px; 
  padding-top:20px;
  margin:0px;
  text-align: center;}
/*---------------------------------------------------------*/
/*-------------------- LES BLOCS --------------------------*/
/*---------------------------------------------------------*/
#header {


}
#haut {
display:none;
}
#navig {
display:none;
}
#navig a {
	text-decoration:none;
	color:#000;
}
#conteneur {
text-align: left;
margin: 0px auto;
padding: 0px;
width: 100%;
background-color: #ffffff;
/*border: 1px solid green;
background:url(images/BG_Gauche.jpg) repeat-y left top #fff;*/

}
#centre {
background-color:#fff;
/*background:url(images/BG_GaucheComplet.jpg) no-repeat left top #fff;*/
}
#gauche {
display:none;
}
#voeux{
	display:none;
}
#droite {
display:none;
}
#haut a{
	text-decoration:none;
}
#navig p{
	margin-bottom:5px;
	margin-left:20px;
}
#pied {
display:none;
}
#hautpied{
	background:url(images/hautpied.jpg) no-repeat center top transparent;
	padding-top:30px;
}
#centre ul{
	margin-left:5px;
}
#centre ul li{
	padding-left:25px;
	background:url(images/BG_ssmenu.jpg) no-repeat left top #fff;
}
#centre h2{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #333;
}
/*---------------------------------------------------------*/
/*-------------------- ENTETE -- --------------------------*/
/*---------------------------------------------------------*/
#logo{
	
	
}
#animtop{
display:none;
}
/*---------------------------------------------------------*/
/*-------------------- LES MENUS --------------------------*/
/*---------------------------------------------------------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: transparent;
      color: #000;
	  width:150px;
     }
   .navigation a, .navigation span {
	  font-size:13px;
      display: block;
	  padding: 4px 10px;
      color: #000;
	  margin-top:10px;
      text-decoration: none;
      background: transparent url(images/BG_MenuGaucheV.jpg) left center no-repeat;
      }

   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(images/BG_MenuGaucheP.jpg);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(images/BG_MenuGaucheM.jpg);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: none;
      }
   .navigation .subMenu {
	  font-size: .8em;
	  background: #ccc url(images/BG_Submenu.jpg) 0 0 repeat-y;
	  font-size: .9em;
	  margin: 0;
      padding: 0;
      border: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
	padding: 3px 20px;
      }


#menuhaut {

}
#menuhaut ul {
}
#menuhaut li {
	display:inline;

}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
/*---------------------------------------------------------*/
/*-------------------- LES GLOBAUX ------------------------*/
/*---------------------------------------------------------*/
p {margin: 0 0 0 0;}

a img{
	border:none;
}
.liennoir {
	color:#333;
	text-decoration:underline;
}
.liennoir:hover {
	color:#000;
	text-decoration:none;
}
/*---------------------------------------------------------*/
/*-------------------- LES SPECIFIQUES --------------------*/
/*---------------------------------------------------------
#centre p{
	line-height:20px;
	padding-top:20px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	letter-spacing:0.1em;
}*/
/*PAGE ACCUEIL*/
#accgauche{ /*présentation*/
	float:left;
	width:280px;
	/*background:url(images/BG_GaucheComplet.jpg) no-repeat left top #fff;*/
}
#accgauche p{
	line-height:15px;
	padding-top:20px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	letter-spacing:0em;
	text-indent:2em;
}

#accdroite{ /*illustrations et liste*/
	border-left:solid 1px brown;
	float:left;
	height:550px;
	width:350px;
	background:url(images/BG_CentreDroite.jpg) no-repeat right bottom #fff;
}
html>body #accdroite{
	height: auto;
	min-height: 550px;
}

#accdroite p{
	line-height:1em;
	padding:0;
	margin:0;
	font-style:italic;
	text-align:center;
	margin-bottom:10px;
	}
#accdroite ul li{
	padding-left:30px;
	margin-left:20px;
	background:url(images/BG_ssmenu.jpg) no-repeat left top #fff;
}
#motpres{
	width:480px;
	margin-left:100px;
	margin-right:100px;
}
#motpres h2{
	text-align:center;
}
#motprestxt{
	background:url(images/BG_motpres.jpg) repeat-y left top #fff;
	padding-left:25px;
	padding-right:25px;
}
#motprestxthaut{
	background:url(images/BG_motpreshaut.jpg) no-repeat left top #fff;
	height:31px;
}
#motprestxtbas{
	background:url(images/BG_motpresbas.jpg) no-repeat left top #fff;
	height:31px;
}
#news{

}
#news h3{
	text-align:center;
}
#news input{
	background-color:#B2DEDA;
	border:solid 1px #666;
}

/*ACTUALITES Globales*/
.basdroite{
	background:url(images/BAS_droite.jpg) no-repeat left top #fff;
	margin-top:10px;
	height:20px;
}
.uneactu{
	background-color:#B2DEDA;
	border-left:dotted 1px #009385;
	border-bottom:dotted 1px #009385;
	margin-top:5px;
	margin-right:5px;
	background:url(images/BG_uneactu.jpg) no-repeat right bottom #fff;
}
.uneactu a{
	color:#000;
	text-decoration:none;
}
.lientteactu {
	margin-top:10px;
}
.lientteactu a{
	color:#000;
}
/*---------------------------------------------------------*/
/*-------------------- Page de présentation----------------*/
/*---------------------------------------------------------*/
#present{
	margin-bottom:1em;
	text-align:justify;
	margin-left:1em;
}
#present p{
	margin-top:12px;
	text-indent:3em;
}
#present ul{
	margin-top:12px;
}
#deco{
	float:right;
}
/*---------------------------------------------------------*/
/*-------------------- LISTE DES PROJETS-------------------*/
/*---------------------------------------------------------*/
#categ{
	width:300px;
	float:left;
	text-align:center;
	/*border:solid 1px black;*/
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:25px;
	padding-left:30px;
	padding-bottom:10px;
	background:url(images/BG_Listerub.jpg) no-repeat bottom left transparent;
}
#categ h2{
	/*background:url(images/BG_Listerub2.jpg) repeat-x top left #fff;*/
}
#categ a{
	color:#333;
	text-decoration:underline;
}
#categ a:hover{
	color:#000;
	text-decoration:none;
}
#categ ul{
	backround:none;
}
#titlist{
  color:#666;
  font-family: Georgia, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size: 19px;
  margin:0;
  padding:0;
  padding-left:30px;
  margin-left:20px;
  margin-bottom:10px;
  margin-right:10px;
  height:40px;
  background:url(images/bg_h1.jpg) no-repeat left bottom transparent;/**/

}
div.unprojet0{
	background:url(images/bg_unprojet.jpg) no-repeat left center transparent;
	margin:0;
	padding:0;
	padding-left:65px;
	padding-bottom:4px;
	margin-left:20px;
	margin-right:10px;
	border:solid 1px #008C7B;
	margin-bottom:5px;
	height:90px;
	cursor:pointer;
}
html>body div.unprojet0{
	height: auto;
	min-height: 90px;
}

.unprojet0 p{
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size: 12px;
  margin:0;
  padding:0;
}
.unprojet0 h2{
  margin:0;
  padding:0;
  text-align:center;
}
.unprojet0 h2 a{
  color:#008C7B;
  font-family: Georgia, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size:16px;
  text-decoration:none;
}
div.unprojet1{
	background:url(images/bg_unprojet2.jpg) no-repeat left center transparent;
	margin:0;
	padding:0;
	padding-left:65px;
	padding-bottom:4px;
	margin-left:20px;
	margin-right:10px;
	border:solid 1px #A0490A;
	margin-bottom:5px;
	height:90px;
	cursor:pointer;
}
html>body div.unprojet1{
	height: auto;
	min-height: 90px;
}

.unprojet1 p{
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size: 12px;
  margin:0;
  padding:0;
}
.unprojet1 h2{
  color:#A0490A;
  font-family: Georgia, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size:16px;
  margin:0;
  padding:0;
  text-align:center;
}
.unprojet1 h2 a{
  color:#A0490A;
  font-family: Georgia, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size:16px;
  text-decoration:none;
}
/*---------------------------------------------------------*/
/*-------------------- FICHE ACTION------------------------*/
/*---------------------------------------------------------*/
#actiondesc{
	width:400px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#actiondesc h3{
	background:url(images/BG_actionh3.jpg) no-repeat top left #E7824B;
}
#actiondesc p{
	margin-bottom:1em;
	text-indent:3em;
	text-align:justify;
	margin-left:1em;
}



#actionimg{
	float:left;
	width:200px;
	margin-top:15px;
}
#actionimg p{

}
#actionimg p img{
	border:solid 1px brown;
}

#actionfichier{
display:none;}
#actionfichier p{
	text-align:center;
	font-weight:bold;
}
#actionfichier ul{
	background-color:transparent;
}
#actionfichier ul li{
	background:url(images/list_fichier.gif) no-repeat left top transparent;
	padding-left:18px;
	margin-bottom:5px;
}
#actionfichier ul li a{
	color:#333;
	text-decoration:underline;
}
#actionfichier ul li a:hover{
	color:#000;
	text-decoration:none;
}
.fiche_contact{
	text-indent:0;
}
/*---------------------------------------------------------*/
/*-------------------- ACTIONS PASSES----------------------*/
/*---------------------------------------------------------*/
#presentprojetpasses{
	width:420px;
	float:left;
	border-right:solid 1px brown;
	text-align:justify;
	padding-right:10px;
	margin-left:10px;
}
#presentprojetpasses p{
	margin-bottom:1em;
	text-indent:3em;
}
.legende{
	text-align:right;
	font-style: italic;
	color:#999;
}
#photo{
	padding-left:10px;
	width:205px;
	text-align:center;
	float:left;
}
#photo img{
	border:solid 1px brown;
}

#fichier{
display:none}
#fichier ul{
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#fichier ul li{
	background:url(images/list_fichier.gif) no-repeat left top transparent;
	padding-left:18px;
	margin-bottom:5px;
}
#fichier ul li a{
	color:brown;
	text-decoration:none;
}
#fichier ul li a:hover{
	text-decoration:underline;
	font-weight:bold;
}

/*---------------------------------------------------------*/
/*-------------------- PAGE ACTU------------------------*/
/*---------------------------------------------------------*/
.uneactu0{
	margin-bottom:15px;
	text-align:left;
	border:solid 1px brown;	
	padding:5px;
}
.uneactu1{
	margin-bottom:15px;	
	text-align:left;	
	border:solid 1px green;	
	padding:5px;
}
.txtactu{
	text-align:left;	
}

/*---------------------------------------------------------*/
/*-------------------- PAGE PARTENAIRES--------------------*/
/*---------------------------------------------------------*/
#partmass{
	width:300px;
	float:left;
}
#parthmass{
	width:300px;
	float:left;
	margin-left:10px;
}
.unpartenaire0{
	/*background:url(images/BAS_part.gif) no-repeat center bottom transparent;*/
	margin-bottom:5px;
	height:70px;
	padding-top:5px;
	border-top:dotted 2px #000;
}
.unpartenaire0 img{
	
}
.unpartenaire0 p{
	font-size:1.2em;
}
.unpartenaire0 p a{
	text-decoration:none;
	color:#000;
}
.unpartenaire1{
	/*background:url(images/BAS_part.gif) no-repeat center bottom transparent;*/
	border-top:dotted 2px #000;
	margin-bottom:5px;
	padding-top:5px;
	height:70px;
}
.unpartenaire1 p{
	font-size:1.2em;
}
.unpartenaire1 p a{
	text-decoration:none;
	color:#000;
}

#logopart{
	height:33px;
	width:70px;
	float:left;
}

/*----------------VOEUX-----------------*/
#voeux {
	/*display: none;*/
	position: absolute;
	top: 10em;
	left: 30%; 
	
	border: 1px solid #000;
	background: #fff;
	z-index: 500;
	/*cursor: pointer;*/
	font-size: 80%;
	width:550px;
	text-align: center;
}
#voeux p {

}
#fermer{
	text-align:right;
}
#fermer a img{
	border:none;
}