*{
	margin: 0;
	padding: 0;
}

html{

	padding-left:20px;
}


div#print{
	margin-bottom: 20px;
}
body, h6{
	font-family: Lucida Sans Unicode;
	font-size: 11px;
	color: #777777;
	font-weight: normal;
}

h1{
	font-family: Lucida Sans Unicode;
	font-size: 18px;
	color: #758152;	
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 15px;
	margin-top: 20px;
	padding-bottom: 10px;
	background: url(../images/bordureH1.jpg) -5px 100% no-repeat;
}

h2{
	font-family: Lucida Sans Unicode;
	font-size: 11px;
	color: #AAAAAA;
	text-transform: uppercase;
	
}

a{
	font-family: Lucida Sans Unicode;
	font-size: 11px;
	color: #ED3460;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

hr{
	margin-bottom: 5px;
}

html*+hr{
	margin-bottom: 0px;
}

hr.visualClear {
	visibility: hidden;
	clear: both;
}

/****************************************************************************************************************************************************************/



div#site{
	width: 706px;
	height: 613px;
	margin: auto;
	float: left;
}



div#site div#header {
	width:706px;
	height: 127px;
	display: none;
}


div#site div#header div#plandusite{
	width: 122px;
	height: 30px;
	margin-left: 10px;
}

div#site div#header div#plandusite a.plan{
	text-decoration: none;
	color: #777777;
	font-family: Tahoma;
	background: url(../images/picto_plan.gif) no-repeat;
	padding-left: 20px;
}

div#site div#header div#plandusite a:hover{
	text-decoration: underline;
}


div#site div#header div#logo{
	margin-top: 45px;
	margin-left: 10px;
	


}

div#site div#header div#logo a img{
	border: 0;
}


/*********************************MENU DEBUT **********************************/
div#site div#menu{
	width: 706px;
	height: 26px;
	background: url(../images/fond_menu.jpg) no-repeat;
	color: #FFFFFF;
	display: none;
}	

div#site div#menu ul{
	height:24px;
	margin:0;
	padding:0;
}

div#site div#menu ul li{
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
	display:inline;
	width: 129px;


 
}

div#site div#menu ul li a{
  font-size: 10px;
  color: #FFFFFF;
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  display:inline;
  float:left;
  text-decoration: none;
  padding:0 16px;
  background: url(../images/sep_menu.gif) 100% 0px no-repeat;
  height:26px;
  min-height:26px;
  text-align:center;
  line-height: 22px;
}

div#site div#menu ul li a span{
  display:block;
}

div#site div#menu ul li a:hover{
  text-decoration: none;
  background: url(../images/fond_sel.jpg) 1px 0px no-repeat;
  color:#FFF;

}

div#site div#menu ul li a.select{
  background: url(../images/fond_sel.jpg) no-repeat;
  color:#FFF;
  font-weight: bold;
 
}

div#site div#menu ul li a.select:hover{
  text-decoration: none;
  background: url(../images/fond_sel.jpg) no-repeat;
  color:#FFF;
 
}

/*********************************MENU FIN **********************************/


/*********************************GAUCHE DEBUT **********************************/
div#site div#gauche{
	width: 159px;
	height: 460px;
	float: left;
	display: none;
}

	/*********************************RECHERCHER DEBUT **********************************/

div#site div#gauche div#rechercher{
	width: 158px;
	height: 25px;
	border-bottom: 1px solid #93b8c1;
	border-right: 1px solid #93b8c1;
	border-top: 1px solid #93b8c1;
	background: url(../images/fond_rechercher.jpg);
	margin-top: 85px;
}

div#site div#rechercher form#recherche fieldset
{
	margin-top: 1px;
	border : 0;
}

div#site div#rechercher form#recherche fieldset input.search 
{
	position : relative;
	height: 13px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 10px;
	font-family: Lucida Sans Unicode;
	color: #8d8b8b;
	font-size: 10px;
	padding-left: 5px;
}

div#site div#rechercher form#recherche fieldset input.submit 
{
	position : relative;
	background: url(../images/fond_rechercher.jpg) right bottom;
	border: 1px solid #80bb3d;
	font-family: Arial;
	width: 30px;
	height: 17px;
	font-size: 11px;
	margin-top: 3px;
	color: #255700;
	font-weight: bold;
}

	/*********************************RECHERCHER FIN **********************************/
	
	
	
	

	

div#site div#gauche div#carteinteractive {
	background: url(../images/carteinteractive.png) 20px 30px no-repeat;
	width: 159px;
	height: 170px;
}	

div#site div#gauche div#carteinteractive p {
	color: #ec1044;
	font-family: Myriad Pro;
	font-size: 20px;
	line-height: 19px;
	padding-top: 140px;
	padding-left: 30px;
}	
	
	
	

/*********************************GAUCHE DEBUT **********************************/

/*********************************CENTRE FIN **********************************/

div#site div#centre{
	width: 706px;
	height: 460px;
	float:left;
}



	/*********************************ZEBRE DEBUT **********************************/
div#site div#centre div#zebre{
	width: 406px;
	height: 9px;
	background: url(../images/zebre.jpg);
}
	/*********************************ZEBRE FIN **********************************/
	
	
		/*********************************OUTILS ACCESS DEBUT **********************************/
div#site div#centre ul#outilsZoom{
  float:right;
  display:inline;
  margin-right:25px;
  margin-top: -25px;
  display: none;
  
}
div#site div#centre ul#outilsZoom li{
  margin: 0;
  padding:0;
  border:none;
  background: none;
  display:inline;
}

div#site div#centre ul#outilsZoom li a{
  width:16px;
  height:11px;
  display:inline;
  float:left;
}
div#site div#centre a#zoomMoins{
  margin-right:7px;
  background: url(../images/zoomMoins.gif) no-repeat 0 0;
}
div#site div#centre a#zoomPlus{
  background: url(../images/zoomPlus.gif) no-repeat 0 0;
}

div#site div#centre a#zoomMoins:hover, a#zoomPlus:hover{
  background-position: 0 100%;
}

div#site div#centre ul#outilsZoom li a span{
  display:none;
}
div#site div#centre ul#outilsZoom li a#envoyerAmi{
  width:14px;
 }
div#site div#centre a#envoyerAmi{
  margin-right:7px;
  margin-left:7px;
  background: url(../images/envoyerAmi.gif) no-repeat 0;
}
div#site div#centre a#imprimer{
  background: url(../images/imprimer.gif) no-repeat 0 2px;
}
div#site div#centre a#envoyerAmi:hover, a#imprimer:hover{
  background-position: 100% 0;
}
	/*********************************OUTILS ACCESS  FIN **********************************/
	
	
div#site div#centre h2{
	margin-left: 15px;
	font-weight: normal;
	margin-top: 25px;
}



div#site div#centre img#acceuil{
	width: 75px;
	height: 108px;
	border: 1px solid #c3c3c3;
	padding: 2px;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 25px;
}
	
div#site div#centre p{
	margin-left: 15px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 18px;
}
	
	
		/*********************************ANNONCE DEBUT ****************************** */	
div#site div#centre div#annonce{
	margin-top: 40px;
	display:none;
}

div#site div#centre div#annonce p{
	font-family: Myriad Pro;
	font-size: 21px;
	color: #585353;
	margin-left: 15px;
	line-height: 24px;
	
}

div#site div#centre div#annonce span.vert{
	font-family: Myriad Pro;
	font-size: 27px;
	color: #73A407;
	font-weight: bold;
	margin-left: 15px;
}

div#site div#centre div#annonce span.gras{
	font-weight: 700;
}

div#site div#centre div#annonce span.decale{
	margin-left: 60px;
}
		/*********************************ANNONCE FIN **********************************/	
		
		
		
		/*********************************SITE GERE DEBUT ****************************** */	
div#site div#centre div#sitegere{
	margin-top: 35px;
	width: 226px;

}

div#site div#centre div#sitegere h2{
	font-family: Gill Sans MT;
	font-size: 21px;
	color: #848282;
	text-transform: none;
	font-weight: normal;
	margin-top: 0px;
}

div#site div#centre div#sitegere h2:first-letter{
	color: #ED3260;
}

div#site div#centre div#sitegere img{
	border: 1px solid #c4c4c4;
	padding: 2px;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}

div#site div#centre div#sitegere h3{
	font-family: Lucida Sans ;
	font-size: 11px;
	color: #777777;
	font-weight: 700;
	margin-top: 5px;
}

div#site div#centre div#sitegere p{
	margin-top: 5px;
	margin-right: 20px;
	line-height: 11px;
}

		/*********************************SITE GERE  FIN **********************************/			
		
		
		/*********************************ACTUALITES DEBUT ********************************/	
		
div#site div#centre div#actualites{
	margin-top: 35px;
	width: 180px;

}

div#site div#centre div#actualites h2{
	font-family: Gill Sans MT;
	font-size: 21px;
	color: #848282;
	text-transform: none;
	font-weight: normal;
	margin-top: 0px;
}

div#site div#centre div#actualites h2:first-letter{
	color: #ED3260;
}

div#site div#centre div#actualites ul{
	list-style-type: none;
	margin-left: 5px;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}

div#site div#centre div#actualites li.jour{
	color: #ff1d67;
	font-size: 18px;
	font-family: Lucida Sans Unicode;
	font-weight: bold;
}

div#site div#centre div#actualites li.mois{
	color: #ff1d67;
	font-size: 10px;
	font-family: Lucida Sans Unicode;
	text-transform: uppercase;
}

div#site div#centre div#actualites li.annee{
	color: #774720;
	font-size: 10px;
	font-family: Lucida Sans Unicode;
}

div#site div#centre div#actualites h3{
	font-family: Lucida Sans ;
	font-size: 11px;
	color: #777777;
	font-weight: 700;
	margin-top: 3px;
	font-weight: 700;
	margin-bottom: 3px;
}

div#site div#centre div#actualites p{
	width: 130px;
	font-size: 10px;
	line-height: 16px;
	margin-top: 0px;
}

div#site div#centre div#actualites a{
	margin-left: 5px;
	color: #605d5d;
	display: none;
}

html*+div#site div#centre div#actualites a{
	margin-top: -5px;
}
		/*********************************ACTUALITES  FIN **********************************/	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

/*********************************CENTRE FIN **********************************/



/*********************************DROITE DEBUT **********************************/

div#site div#droite{
	width: 126px;
	height: 460px;
	color: #999999;
	padding-left: 10px;
	font-size: 10px;
	padding-right: 5px;

}

div#site div#droite h2{
	font-family: Gill Sans MT;
	font-size: 21px;
	color: #848282;
	text-transform: none;
	font-weight: normal;
	margin-top: 10px;
}

div#site div#droite h2:first-letter{
	color: #ED3260;
}

	/*********************************PROJETS DEBUT **********************************/	

div#site div#droite h3{
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #3F3F3F;
	text-transform: none;
	font-weight: bold;
	margin-top: 10px;
}
div#site div#droite img{
	width: 37px;
	height: 56px;
	border: 1px solid #999999;
	padding: 2px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

div#site div#droite p{
	line-height: 11px;
	margin-top: 5px;
}

div#site div#droite a{
	color: #605d5d;
	display: none;
}

	/*********************************PROJETS FIN **********************************/	
	
	/*********************************OUTILS DEBUT **********************************/	

div#site div#droite div#outils{
	background: url(../images/fond_outils.jpg) 0px 30px no-repeat;
	height: 102px;
	margin-top: 10px;
	font-family: Tahoma;
	font-size: 10px;
	color: #615d5d;
	display: none;
}	

div#site div#droite div#outils h2{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ee3762;
	text-transform: none;
	padding-top: 30px;
	width: 120px;
}

div#site div#droite div#outils a{
	color: #777777;
	font-family: Tahoma;
	font-size: 10px;
}

div#site div#droite div#outils ul{
	list-style: none;
	width: 120px;
	margin-left: 20px;
}

div#site div#droite div#outils li{
	margin-top: 10px;
}
div#site div#droite div#outils ul li#agenda{
	background: url(../images/picto_coin.gif) 0px 2px no-repeat;
	padding-left: 10px;
}

ddiv#site div#droite div#outils ul li#documentation{
	background: url(../images/picto_coin.gif) 0px 2px no-repeat;
	padding-left: 10px;
}

div#site div#droite div#outils ul li#diaporama{
	background: url(../images/picto_coin.gif) 0px 2px no-repeat;
	padding-left: 10px;
}

div#site div#droite div#outils ul li#lienspart{
	background: url(../images/picto_coin.gif) 0px 2px no-repeat;
	padding-left: 10px;
}


	/*********************************OUTILS FIN **********************************/


/*********************************DROITE FIN **********************************/

/*********************************FOOTER DEBUT **********************************/

div#footer {
	clear: both;
	height: 29px;
	/*position: relative;*/
	width: 706px;
	margin: 0px auto 0;
	padding-left:5px;
	padding-right:0px;
	display: none;
}

html*+div#footer{
	margin-left: 0px;
}


div#footer ul {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	float: left;
}
div#footer ul li {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
}
div#footer ul li a, div#footer ul li span {
	color: #403C28;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: inline;
	float: left;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 6px;
	border-right: 1px solid #403C28;
	text-decoration: none;
}
div#footer ul li a#laster {
	border-right: none;
}
div#footer ul li a#noe {
	border-right: none;
	float: right;
}
div#footer ul li span {
	background: none;
}

div#footer img{
	border: none;
}

div#footer ul li a#emploi{
	background: url(../images/picto_emplois_int.gif) no-repeat;
	padding-left: 15px;
	
}

div#footer ul li a#contact{
	background: url(../images/picto_contact_int.gif) 0px 2px no-repeat;
	padding-left: 15px;
}

div#footer ul li a#extranet{
	background: url(../images/picto_extranet_int.gif) no-repeat;
	padding-left: 15px;
}


/*********************************FOOTER FIN **********************************



		/**********************************CHEMIN DEBUT **********************************/
div#site div#contenu div#centre div#chemin{
	margin-top: 10px;
}
		
div#site div#contenu div#centre div#chemin a{
	font-family: Lucida Sans Unicode;
	font-size: 11px;
	color: #ee3d67;
	text-decoration: underline;

}

		
		/**********************************CHEMIN FIN *************************************/	


div#site div#centre h2{
	margin-left: 15px;
	font-weight: bold;
	margin-top: 10px;
}



div#site div#centre img#acceuil{

	border: 1px solid #c3c3c3;
	padding: 2px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}
	
div#site div#centre p{
	margin-left: 15px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 18px;
}

div#site div#centre h1{
	font-family: Lucida Sans Unicode;
	font-size: 18px;
	color: #758152;	
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 15px;
	margin-top: 20px;
	padding-bottom: 10px;
	background: url(../images/bordureH1.jpg) -5px 100% no-repeat;
}