/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/


	
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border:0;
	}
	

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV PAGE     ----*
  *------------------------------------------------------*/
#the-background {
position: fixed;
overflow: hidden;
z-index:1;
width: 100%;
height:100%;
top:0;
left:0;
background-color:#FFF;
}


#wrapper {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left:0;
}




div#global{
	width: 932px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-bottom:50px;
}

div#gauche{
	float:left;
	width: 310px;

}


div#centre{
	float:left;
	width: 310px;
	margin-left:1px;
	padding-top:181px;
	display:none;
}

div#centre2{
	float:left;
	width: 621px;
	margin-left:1px;
}

div#titre{
	float:left;
	width: 581px;/*621-40*/
	min-height:82px;/*180-98*/
	margin-bottom:1px;
	background-color:#A30051;
	display:none;
	color:#FFF;
	text-transform:uppercase;
	text-align:right;
	font-size:26px;
	padding-right:40px;
	padding-top:98px;
}

div#contenu{
	float:left;
	width: 555px;/*621-66*/
	min-height:132px;/*180-24-24*/
	background-color:#606060;
	color:#FFF;
	display:none;
	padding-left:33px;
	padding-right:33px;
	padding-top: 24px;
	padding-bottom: 24px;
	line-height: 15px;
}




div#contenu strong{
	color:#e3e0dd;
}

div#contenu P{
	margin-top: 12px;
	margin-bottom: 12px;
}


div#contenu hr{
	background-color:#767676;
	color:#767676;
	border:0px;
	height:1px;
	width:555px;
	margin-bottom: 12px;

}


div#droite{
	float:left;
	width: 310px;
	margin-left:1px;
	padding-top:181px;
	display:none;
}

div#logo a{
	width: 310px;
	height:180px;
	display:block;
	float:left;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	font-size:0px;
	text-indent:-5000px;
	margin-bottom:1px;
}

div#logo a:hover{
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

div#logo{
	display:none;
}

div#menu{
	float:left;
	width: 310px;
	padding-top:26px;
	min-height:154px;/*180-26*/
	background-color:#E4E0DD;
	display:none;
}


div#contenu2{
	float:left;
	width: 621px;
	min-height:180px;
	display:none;
	line-height: 15px;
}


div.pair{
	float:left;
	width: 621px;
	min-height:132px;/*180-24-24*/
	background-color:#606060;
	color:#e0e0e0;

}

div.impair{
	float:left;
	width: 621px;
	min-height:132px;/*180-24-24*/
	background-color:#555;
	color:#e0e0e0;

}


div.projet-content{
	float:left;
	width: 311px;
	padding-top: 10px;
	padding-bottom: 10px;

}

div.interieur{
	float:left; 
	padding-left:34px;
	padding-right:34px;
	padding-top:4px;
	padding-bottom:10px;
}



p.coordonnees{
	width:250px;
	padding-right:25px;
	color:#e3e0dd;
	float:left;
}

#map { width: 100%; height: 300px; padding : 10 px; border : 1px solid #1B5EA8; margin : 0 auto;}



 
div.projet-img{
	float:left;
	width: 310px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.projet-img img{
	border:0px;
}

div.projet-img a:hover{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#menu2{
	float:left;
	width: 200px;
	text-align:left;
}

div#menu2 a{
	width: 280px;/*"310-30*/
	display:block;
	clear:both;
	margin-bottom:4px;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#e4b3cb;
	text-decoration:none;
	padding-left:30px;
}

div#menu2 a:hover{
	color:#CE73A0;
}

div#menu2 a.on{
	background-image:url(../images/fleche-w.png);
	background-repeat:no-repeat;
	color:#FFF;
	background-position: 0px 3px;
}


div.actu{
	float:left;
	width: 250px;/*310-30-30*/
	padding-top:40px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	min-height:120px;/*180-40-20*/
	background-color:#A30051;
	margin-bottom:1px;
	color:#FFF;
}


div.rea{
	float:left;
	width: 310px;
	padding-top:40px;
	padding-bottom:10px;
	min-height:120px;/*180-40-20*/
	background-color:#606060;
	margin-bottom:1px;
	color:#FFF;
	background-image:url(../images/titre-rea.png);
	background-repeat:no-repeat;
}

div.rea-content{
	float:left;
	width: 250px;/*310-30-30*/
	padding-left:30px;
	padding-right:30px;
}


div.actu h1, div.rea h1, div#contenu h1, div.projet-content h1 {
	margin:0px;
	font-size:18px;
	text-transform:uppercase;
	font-weight: lighter;
	color:#FFF;
	text-align:left;
}

div#clear{
	clear:both;
	width: 932px;
	height:1px;
}

div#footer{
	position: fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	height:78px;
}

div#footer-items{
	width: 850px;
	height:38px;
	overflow:hidden;
	color:#FFF;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	padding-top:40px;
	font-size:10px;
}

div#footer-items p{
	margin: 0px;
}

div#footer-items a{
	color:#FFF;
}

#global p{
	margin-top:0px;
	margin-bottom:7px;
}



/*------------------------------------------------------*
  *-----------------------------------     CSS LIENS     ----*
  *------------------------------------------------------*/

a.voir{
	background-image:url(../images/fleche-g.png);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	width: 280px;
	display:block;
	clear:both;
	margin-top:5px;
	margin-bottom:25px;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#2E2E2E;
	text-decoration:none;
	padding-left:30px;
}

a.voir:hover{
	background-image:url(../images/fleche-w.png);
}


img.vignette{
	margin-left:10px;
	margin-right:10px;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS MENU     ----*
  *------------------------------------------------------*/

div#menu a{
	width: 280px;/*"310-30*/
	display:block;
	clear:both;
	margin-bottom:4px;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#808386;
	text-decoration:none;
	padding-left:30px;
}

div#menu a:hover{
	color:#2E2E2E;
}

div#menu a.on{
	background-image:url(../images/fleche-b.png);
	background-repeat:no-repeat;
	color:#A30051;
	background-position: 0px 3px;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS GENERAL     ----*
  *------------------------------------------------------*/

a.spip_in, a.spip_out, a.spip_mail{
	color:#FFF;
	text-decoration:underline;
}

a.spip_in:hover, a.spip_out:hover, a.spip_mail:hover {
	text-decoration: none;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS HACK     ----*
  *------------------------------------------------------*/

	


a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}