.culture, .culture :hover { color:#88bc36; } .index_culture { color:#88bc36; } .education, .education :hover { color:#cc071e; } .index_education { color:#cc071e; } .administration, .administration :hover { color:#006aa7; } .index_administration { color:#006aa7; } .logements, .logements :hover { color:#878571; } .index_logements { color:#878571; } .sport-loisirs, .sport-loisirs :hover { color:#009ee0; } .index_sport-loisirs { color:#009ee0; } .entreprise, .entreprise :hover { color:#e95d0f; } .index_entreprise { color:#e95d0f; } .sante, .sante :hover { color:#e2007a; } .index_sante { color:#e2007a; } .urbanisme, .urbanisme :hover { color:#007734; } .index_urbanisme { color:#007734; } .equipe, .equipe :hover { color:#006aa7; } .index_equipe { color:#006aa7; } .contact, .contact :hover { color:#006aa7; } .index_contact { color:#006aa7; } .mentions-legales, .mentions-legales :hover { color:#006aa7; } .index_mentions-legales { color:#006aa7; } .actualites, .actualites :hover { color:#646567; } .index_actualites { color:#646567; } .newsletter, .newsletter :hover { color:#006aa7; } .index_newsletter { color:#006aa7; } 
html,body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /* Pour IE8 et Safari on fonctionne en em pour les autres les tailles de police sont en vw */
	background-color:#white;
	padding:0px;
	margin:0px;
	border:0px;
	
}

a
{
	text-decoration:none;	
	color:#9c9e9f;
}

img {
	border:0;
}

.div_menu
{
	width:30%;
	position:relative;
	z-index:99;
	margin:0;
	padding:0;
	padding-top:2%;
	padding-left:0%;
}
.menu_projet a
{
	background-color:white;
	width:33%;
	font-size:1.6em;
	font-size:2.0vw;
	text-align:left;	
	z-index:99;
	float:left;
	color:#646567;
	margin:0;
	padding:0;
	margin-bottom:4%;
	margin-left:2%;
	padding-left:0%;
}

.option_projet
{
	width:auto;
	font-size:1.1em;
	font-size:1.1vw;
	text-align:left;	
	z-index:99;	
	float:left;
	margin-bottom:2%;
	padding-left:4%;
}

.index_menu_projet
{
	text-align:left;	
	z-index:99;
	clear:left; 
	float:left;
	margin-left:0px;
	margin-right:0%; 
	margin-left:0%; 
	margin-top:-3px;
	font-weight:bold;
	font-size:1.5em;
	font-size:1.5vw;
	font-family:Arial, Helvetica, sans-serif;
}

.menu_agence a
{
	background-color:white;
	width:30%;
	font-size:1.6em;
	font-size:2.0vw;
	text-align:left;	
	z-index:99;
	float:left;
	color:#646567;
	margin:0;
	padding:0;
	margin-bottom:4%;
	margin-left:2%;
	padding-left:0%;	
}

.option_agence
{
	margin-left:37%;
	padding-left:4%;
	width:auto;
	font-size:1.1em;
	font-size:1.1vw;
	text-align:left;	
	z-index:99;	
	margin-bottom:2%;
}


.index_menu_agence
{
	text-align:left;	
	z-index:99;
	clear:left; 
	float:left;
	font-weight:bold;
	font-size:1.5em;
	font-size:1.5vw;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:37%;
	margin-top:-1px;
	margin-right:0%; 
}


.menu_news a
{
	background-color:white;
	width:23%;
	font-size:1.6em;
	font-size:2.0vw;
	text-align:left;	
	z-index:99;
	float:left;
	color:#646567;
	margin:0;
	padding:0;
	margin-bottom:4%;
	margin-left:2%;
	padding-left:0%;	
}

.option_news
{
	margin-left:71%;
	padding-left:4%;
	width:auto;
	font-size:1.1em;
	font-size:1.1vw;
	text-align:left;	
	z-index:99;	
	margin-bottom:2%;
}


.index_menu_news
{
	text-align:left;	
	z-index:99;
	clear:left; 
	float:left;
	font-weight:bold;
	font-size:1.5em;
	font-size:1.5vw;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:71%;
	margin-top:-1px;
	margin-right:0%; 
}

.menu_separateur
{
	background-color:#646567;
	width:2px;
	z-index:99;
	font-size:1.8em;
	font-size:2.2vw;
	margin-bottom:5px;
	float:left;
	margin-left:2%;
}

#vignettes_projet {
		float:right;
		padding:0; 
		padding-right:50px; 
		z-index:9999;
	}
	
#fond img {
	position:absolute;
	width:100%;
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
	padding:0px;
	border:0px;
	z-index:0;
}

.texte_projet 
{
	position:fixed;
	left:2%;
	font-size:0.9em;
	font-size:1.1vw; 
	padding:0; 
	text-align:justify;
	width:24%;
	top:16%;
	z-index:999;
}

.texte_projet h2
{
	font-size:0.9em;
	font-size:1.1vw; 
	font-weight:bold;
}

.mentions 
{
	overflow-y:auto;
	position:fixed;
	left:35%;
	font-size:0.8em;
	font-size:1.0vw; 
	padding:0; 
	text-align:justify;
	margin-right:2%;
	color:#646567;
}

.mentions h2
{
	font-size:0.9em;
	font-size:1.1vw; 
	font-weight:bold;
}

.slideshow
{
	overflow:hidden; 
	min-height:100%; 
	position:absolute; 
	min-width:100%; 
	padding:0px; 
	margin:0px; 
	border:0px; 
	z-index:0;
}


.slideshow img {
	position:absolute;
	width:100%;
	padding:0px;
	border:0px;
	z-index:0;
}

#slides {
  position: relative;
}

#showNext
{
	position:fixed;
	bottom:50%;
	right:10px;
	z-index:999;
}

#showPrevious
{
	position:fixed;
	bottom:50%;
	left:10px;
	z-index:999;
}

.onglet_vert 
{
	clear:all;
	position:fixed; 
	left:0px; 
	bottom:-3px; 
	padding:0; 
	margin:0px;
	width:12%;
	z-index:999;
}

.diapo_logo
{ 
	position:fixed;
	left:0px; 
	bottom:12%; 
	padding:0; 
	margin:0px;
	width:12%;
}



#identite_1
{
	position:fixed;
	text-align:right;
	right:75%;
	top:20%;
	font-size:0.9em;
	font-size:1vw;
	color:black;
	z-index:9999;
}

#identite_2
{
	position:fixed;
	text-align:right;
	right:75%;
	font-size:0.9em;
	font-size:1vw;
	color:black;
	z-index:9999;
	top:56%;
}

#photo_id_1
{
	position:fixed;
	left:32%;
	z-index:9999;
	top:20%;
	width:20%;
}

#photo_id_2
{
	position:fixed;
	left:32%;
	z-index:9999;
	top:56%;
	width:20%;
}


#identite_1 h2, #identite_2 h2
{
	font-size:1.3em; 
	font-size:1.3vw;
	font-weight:bold;
	color:black;
}

#titre_equipe
{
	position:fixed;
	left:55%;
	z-index:9999;
	top:8%;
	font-size:1.9em;
	font-size:2.4vw;
	color:#006aa7;
}

#texte_equipe
{
	position:fixed;
	left:56%;
	z-index:9999;
	top:20%;
	width:40%;
	text-align:justify;
	font-size:1em;
	font-size:1.1vw;
}

.copy {
	width: 100%;
}


.slide, .slide a
{
	font-size:0.9em;
	font-size:0.9vw; 
	border:  0px solid #fff;
	background-color:white;
	line-height:0.9em;
}

.slide_vide
{
	font-size:0.9em;
	font-size:0.9vw; 
	border:  0px solid #fff;
	background-color:transparent;
	line-height:0.9em;
}