*{margin:0;padding:0;border:0;}

body{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align:center;color:#000;font-weight:bold;}

p,li,dd,dt,h1,h2,h3,h4,h5{line-height:1.3;text-align:left;}
hr.clear{clear:both;visibility:hidden;}
a{text-decoration:none;color:#FFF;}
a:hover{}
sup{font-size:0.6em;}
#texte strong{}
acronym{}
.hidden, #rss span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#page{width:100%;margin:40px 0 20px 0;}

#menutop{width:900px;margin:0 auto;}
#contenu{background-color:#EFEFEF;clear:both;height:422px;overflow:auto;}
/* Overflow:auto uniquement sur le conteneur externe #contenu pour ne pas avoir la barre de défilement sur #contenu2 qui mange 20px de la largeur et donc décale la mise en page */
#contenu2{width:900px;margin:0 auto;background-color:#AAAAAA;min-height:420px;position:relative;}
#menubottom{width:900px;height:100px;margin:0 auto;position:relative;}

/********************************************************************** MENU TOP ET BOTTOM */
#menutop ul{list-style:none;padding-top:30px;}
#menubottom ul{list-style:none;padding-top:10px;}
#menutop li, #menubottom li{float:left;padding-left:13px;font-size:13px;}
#menutop li a, #menubottom li a{color:#D1D2CD;}
#menutop li a:hover, #menutop li.active a, #menubottom li a:hover, #menubottom li a.selected,#menutop li a.selected{color:#EC1B24;}

#lien-projets{display:block;width:184px;height:56px;float:left;background:#FFF url(lien-projets.gif) no-repeat;}
#lien-projets:hover, #lien-projets.noombre{background-position:0 -56px;}

#lien-agence{display:block;margin-top:10px;width:195px;height:46px;float:left;background:#FFF url(lien-agence.gif) no-repeat;}
#lien-agence:hover, #lien-agence.noombre{background-position:0 -46px;}

#lien-projets span, #lien-agence span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#logo{position:absolute;bottom:0;right:0;}
/********************************************************************** CONTENU */
#illus-projet{float:left;width:500px;height:420px;text-align:center;padding:0;}
/*.accueil #illus-projet{margin-top:38px;height:412px;}*/
#illus-projet td{vertical-align:middle;}
.accueil #illus-projet td{vertical-align:top;padding-top:18px;}
#diaporama{list-style:none;position:relative;}
#diaporama li{visibility:hidden;}


/* Blocs */
#textes{float:right;width:390px;margin-right:10px;}
.accueil #textes{padding-top:20px;}
.projets #textes{margin-top:20px;}

.bloc{clear:both;border:1px solid #BFBFBF;width:368px;padding:10px;height:327px;overflow:auto;}
.accueil .bloc{height:309px;position:relative;padding-bottom:25px;}
.bloc p{margin-bottom:10px;}
.bloc h4{color:#FFF;display:block;font-size:12px;}
.bloc .date{color:#FFF;}

/* Titres */
h1{color:#FFF;font-size:13px;margin:20px 0 15px 0;}
.projets h1{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

.accueil h2, .accueil h3{float:left;color:#FFF;background-color:#B7B7B7;padding:3px 0 3px 5px;font-size:14px;font-weight:normal;width:250px;margin-bottom:10px;}
.accueil h3{float:right;width:115px;padding:3px 15px 3px 5px;text-align:right;}

.divers h2{margin:10px 0 8px 15px;font-size:12px;}
.divers h3{margin-top:8px;font-size:11px;}

/* Listes */
.liste-projets{height:132px;float:left;padding-right:15px;overflow:auto;width:374px;}
.liste-projets li{float:left;width:146px;list-style:none;background:#AAAAAA url(li-listeprojets.gif) no-repeat left bottom;padding:3px 0 0 32px;}
.liste-projets li.selected{background:url(li-listeprojets-active.gif) no-repeat left bottom;}
.liste-projets li.clear{clear:both;}

#detail-projet{width:348px;height:190px;margin:15px 0 0 0;padding:20px;border:1px solid #BBBBBB;overflow:auto;}
.chiffres dl{}
#detail-projet dt, .chiffres dt{float:left;color:#FFF;}

/* Liens */
.liste-projets li.selected a, .liste-projets li a:hover{color:#000;}
#actus a:hover, address a:hover{text-decoration:underline;}

/* Formulaires */
.champ{padding-top:15px;clear:both;text-align:left;}
label{width:150px;float:left;text-align:right;padding:3px 10px 0 0;}
input, textarea{border:1px solid #BFBFBF;padding:2px;}
select{border:1px solid #BFBFBF;width:auto;}

.buttons{clear:both;text-align:center;padding:10px 0;}
.buttons input{background-color:#000;color:#FFFFFF;}

/* Contact */
address{text-align:left;margin:35px 0 0 15px;font-style:normal;line-height:1.5;}

/* RSS */
#rss{display:block;width:48px;height:22px;background:#AAAAAA url(bouton-rss.gif) no-repeat;position:absolute;right:10px;bottom:10px;}

/*R1*/
#diapo_action {
  position: relative;
  text-align:center;
  height:24px;
}

#menutop, #menubottom {
  position:relative;
}

#cacheProjets {
  position:absolute;
  top:0px;
  right:0px;
  width:715px;
  height:56px;
  z-index:10;
  background-color:#FFF;
}

#cacheFooter {
  position:absolute;
  top:0px;
  right:250px;
  width:450px;
  height:56px;
  z-index:10;
  background-color:#FFF;
}

#gmlb_overlay {
	background-color: transparent;
	background-image: url(bg.png);
	z-index:1000;
}

#gmlb_map {
}

#gmlb_label {
	background-color:white;
	font-family:Trebuchet MS;
	font-size:12px;
	color:black;
	float:left;
	padding-top:10px;
	margin-top:5px;
	width:608px;
	text-align:left;
}

#gmlb_container {
	background-color:white;
	padding:10px;
	border-color:#DDDDDD;
	border-width:1px;
	border-style:dotted;
	display:block;
}

#gmlb_close {
	background-color:#EEEEEE;
	width:25px;
	height:25px;
	float:right;
	cursor:pointer;
	clear:right;
	background-image:url(../images/close.gif);
	margin-top:5px;
}

#pauseButton {
	position:absolute;
	display:block;
	top: 40%;
	left:40%;
	width:20%;
	height:64px;
	margin:0px auto;
	z-index:10000;
	cursor:pointer;
}

.play {background: transparent url(../images/play.png) top center no-repeat;}
.pause{ background: transparent url(../images/pause.png) top center no-repeat; }

/*LIGHTBOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
	
#map1 {
  height:410px;
  left:5px;
  top:5px;
  width:890px;
}
#map1 a.grey{color:#D1D2CD;}
#map1 a.grey:hover{color:#EC1B24;}