@import url("style_global.css");


h1{
	font-family: Lucida Sans Unicode;
	font-size: 15px;
	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;
}

div#site {
_background:#fff;
}

/*********************************GAUCHE DEBUT **********************************/
div#site div#gauche{
	width: 159px;
	height: 415px;
	float: left;
	margin-top: -9px;
	background: url(../images/fond_gauche.jpg) 0px 15px no-repeat;
}

	/*********************************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: 10px;
}

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: 20px;
	border: 1px solid #bcd4c2;
	background: url(../images/loupe.gif) no-repeat;
}

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 {
	width: 159px;
	height: 170px;
}	

div#site div#gauche div#carteinteractive a {
	text-decoration:none;
} 

div#site div#gauche div#carteinteractive a img{
	border: none;
	margin-top: 20px;
	margin-left: 18px;
} 
div#site div#gauche div#carteinteractive a span {
	color: #ec1044;
	font-family: Myriad Pro;
	font-size: 20px;
	line-height: 18px;
	margin-left:15px;
	display: block;
}	
	
	
	

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

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

div#site div#centre{
	width: 631px;
	height: 405px;
	float:left;
	margin-top: -9px;
	_background:url(../images/fond-ie.gif) no-repeat;
}



	/*********************************ZEBRE DEBUT **********************************/
div#site div#zebre{
	width: 785px;
	height: 9px;
	background:#fff url(../images/zebre.jpg) repeat-x;
}
	/*********************************ZEBRE FIN **********************************/
	
	
	
div#centre div.bigHome  {
	font-size:13px;
	line-height:17px;
	color:#999;
	margin: 25px 15px 0 15px;
	font-weight: normal;
}



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: 25px;
	background: url(../images/bordure_annonce.jpg) 0px 20px no-repeat;
	margin-left: 25px;
}

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: 15px;
	margin-left:15px;
	width: 305px;
	float: left;
}

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: #3F3F3F;
	font-weight: 700;
	margin-top: 5px;
	line-height:12px;
}

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

div#site div#centre div#sitegere p a{
	color: #605d5d;
	text-decoration:none;
	font-size:11px;
}

div#site div#centre div#sitegere p a:hover{
	text-decoration:underline;
}



		/*********************************SITE GERE  FIN **********************************/			
		
		
		/*********************************ACTUALITES DEBUT ********************************/	
		
div#site div#centre div#actualites{
	margin-top: 15px;
	width: 250px;
	float: left;
	margin-left:20px;
}

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{
	margin:0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 0px;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}

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

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

div#site div#centre div#actualites li.annee{
	margin:0px;
	padding: 0px;
	padding-left: 10px;
	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: #3F3F3F;
	font-weight: 700;
	margin-top: 3px;
	font-weight: 700;
	margin-bottom: 3px;
	line-height:12px;
}

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

div#site div#centre div#actualites a{
	color: #605d5d;
}

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

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



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

div#site div#droite{
	width: 150px;
	height: 380px;
	float: left;
	color: #999999;
	padding-left: 10px;
	font-size: 10px;
	padding-right: 5px;
	_background:url(../images/droite-ie.gif) no-repeat;
}

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: 10px 0 0 0;
	line-height:12px;
}
div#site div#droite img{
	width: 100px;
	height: 50px;
	border: 1px solid #999999;
	padding: 2px;
	margin-right: 5px;
}

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

div#site div#droite p a{
	color: #605d5d;
	text-decoration:none;
	font-size:10px;
}

div#site div#droite p a:hover{
	text-decoration:underline;
}

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

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

div#site div#droite div#outils h2{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ee3762;
	text-transform: none;
	margin:0;
	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;
	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;
}

div#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 **********************************/