/* CSS Document */
* {
	margin: 0;
	padding: 0;
}


body {
	
	margin-top: 0px;
	margin-bottom: 0px;
	
	
	
	background-color: #95C5F5; /*#4f9eef;*/
	
	background-image: url(images/bg_page_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;

}

a img {
	border: none;
}

/*------------------------------------------------------------*/
/* conteneur global */
#conteneur {
	position: relative;
	margin-left: 0px;
	
	width: 990px;
	
	/* background-image: url(images/page_arriere_plan.jpg); */
}


/*------------------------------------------------------------*/
/* HEADER */
#bandeau {
	position: relative;
	width: 990px;
	height: 123px;
	
	background-image: url(images/bandeau_bg.jpg);
	background-repeat: no-repeat;
	
	z-index: 80;

}
#logo {
	position: absolute;
	top: 9px;
	left: 9px;
	
	z-index: 100;
}


/* MENU DIVERS */
#menu_divers {
	position: absolute;
	top: 8px;
	left: 255px;
	
	z-index: 100;

}

/* MENU PRINCIPAL */
#menu_principal {
	position:absolute;
	left: 243px;
	top: 25px;
	
	z-index: 100;
}
#menu_actu {
	position:absolute;
	left:0px;
	top:37px;
	
}
#menu_projet {
	position:absolute;
	left:206px;
	top:18px;
	
}

#menu_environnement {
	position:absolute;
	left:403px;
	top:0px;
	
}
#roll_projet {
	position:absolute;
	left:199px;
	top:37px;
	
	visibility: hidden;

}
#roll_environnement {
	position:absolute;
	left:394px;
	top:18px;
	
	visibility: hidden;

}

/* Sous menu */
#sousmenu {
	margin-top: 10px;

}

/*------------------------------------------------------------*/
/* RECHERCHE */
#recherche {
	
	padding-top: 10px;
	margin-left: 10px;
	
}
#recherche input {
	width: 130px;
	 vertical-align: middle;
	border: 1px solid #6396da;
}
img.recherche {
	vertical-align: middle;		
}
#colonne_droite img {
	 vertical-align: middle;

}
input.formrecherche {
	 vertical-align: middle;

}
#actu {
	width: 142px;
	height: 155px;
	
	margin-left: 10px;
	margin-top: 186px;
	
	overflow: hidden;
}

/*------------------------------------------------------------*/
/* CONTENU */
#block_contenu {
	
	height: 400px;
	margin-bottom: 30px;
	
	
	
	z-index: 20;
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #block_contenu {
	height: auto;
	min-height: 400px;
}

/* MENU */
#zone_menu {
	float: left;
	
	margin-top: -1px;
	width: 255px;
	height: 438px;
	
	background-image: url(images/menu_bg.jpg);
	background-position: top;
	background-repeat:no-repeat;
	
	overflow: hidden;
	
	
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #zone_menu {
	height: auto;
	min-height: 438px;
}
/* PRINCIPALE / englobe contenu et colonne droite */
#principale {
	float:left;
	
	width: 735px;
	height: 300px;
	
	padding-left: 0px;
	/* padding-top: 80px; */
	padding-top: 30px;
	
	
	background-image: url(images/bg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	
	
	
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #principale {
	height: auto;
	min-height: 300px;
}

#block_chemin {
	position: absolute;
	
	top: 141px;
	left: 257px;

}
.sousmenu {

	

}
#contenu {
	
	float: left;
	
	width: 460px; /* 429*/
	
	margin-top: 0px;
	
	overflow-x: hidden;

}


#colonne_droite {

	float: left;
	
	width: 226px; /* 257 */
	height: 331px;
	
	/* margin-top: 27px; */
	margin-top: 77px;
	margin-left: 28px;
	padding-left: 18px;
	
	background-image: url(images/bg_colonne_droite.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	
	overflow-x: hidden;
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #colonne_droite {
	height: auto;
	min-height: 331px;
}


/* Navigation diaporama */
#navigation {
	position: absolute;
	top: 15px;
	left: 60px;
	
	z-index: 100;

}
#photo_avantapres {
	position: relative;
	
	z-index: 10;

}
#photo_ortho {
	position: absolute;
	top: 0px;
	left: 0px;
	
	z-index: 3;

}
#position_ortho {

	position: absolute;
	top: 35px;
	left: 110px;
	
	visibility: hidden;
	
	z-index: 100;
	height: 208px;
	width: 300px;
	/* background-color: #FFFFFF; */
}

/* Menu milonic */
#planphoto  {
	position: relative;
	
	
	
}

/* Cadre arrondi des photos */

.masque_h {
	position: absolute;
	top: 231px;
	left: 774px ; /*758px;*/
	z-index: 100;
	

}
.masque_v {
	position: absolute;
	/* top: 227px; */
	top: 231px;
	left: 797px; /*782px;*/
	z-index: 100;
	

}
p.centrer img {
	margin-bottom: 5px;

}
/* adre arrondi popur les vignettes */
.masque_vignette_h {
	margin-top: -97px;
}
.masque_vignette_v {
	margin-top: -97px;
}