@charset "UTF-8";


@media screen{
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 62.5%;
		/* text-align: center; */ /* pour centrage horizontal */
		background: white url(../images/f-page.png) repeat-y left top;
	}
	
	#global {
		position: relative;
		/* margin: 0 auto; */ /* pour centrage horizontal */
		margin: 0;
		width: 980px;
		font-size: 1em;
		text-align: left;
		background: white url(../images/f-global.png) repeat-y left top;
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 980px;
		height: 150px;
		background: white url(../images/f-entete.png) no-repeat;
	}
	#entete #visuel {
		position: absolute;
		top: 0;
		left: 623px;
		width: 298px;
		height: 150px;
	}
	#entete .croquis1 {
		background: url(../images/visuel-entete-1.jpg) no-repeat;
	}
	#entete .croquis2 {
		background: url(../images/visuel-entete-2.jpg) no-repeat;
	}
	#entete h1 {
		position: absolute;
		top: 18px;
		left: 206px;
		margin: 0;
	}
	#entete h1 a {
		position: relative;
		display: block;
		width: 231px;
		height: 80px;
		background: url(../images/logo.png) no-repeat;
	}
	#entete h2 {
		position: absolute;
		top: 107px;
		left: 251px;
		margin: 0;
		width: 387px;
		height: 45px;
		background: url(../images/slogan.png) no-repeat;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		float: right;
		padding: 150px 50px 54px 30px;
		margin: 0 0 -54px 0;
		*margin: 0;
		width: 649px;
		min-height: 380px;
		height: auto;
		_height: 380px;
		background: url(../images/f-contenu.jpg) no-repeat right bottom;
	}
	
	/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#nav {
		position: relative;
		float: left;
		margin: 150px 0 0 0;
		padding: 0 0 54px 0;
		width: 251px;
	}	
	
	#menu_menuprincipal, #menu_menupro {
		position: relative;
		margin: 0;
		width: 250px;
	}
	#menu_menuprincipal h3 {
		position: absolute;
		left: -999em;
	}
	#menu_menupro h3 {
		position: relative;
		font-size: 1.1em;
		text-transform: uppercase;
		color: #069; 
		font-weight: bold;
		margin: 2em 0 0 52px;
	}
	
	#nav ul {
		position: relative;
		margin: 0 0 1em 89px;
		padding: 0;
		list-style: none;
	}
	#menu_menuprincipal ul {
		margin-top: 15px;
	}
	#nav li a {
		position: relative;
		display: block;
		padding: 0 0 0 11px;
		width: 150px;
		height: 22px;
		line-height: 22px;
		color: #069;
		font-size: 1.2em;
		text-decoration: none;
		background: url(../images/f-link-menu.png) repeat-x left bottom;
	}	
	#menu_menuprincipal li a:hover {
	}
	
	#nav ul ul {
		/*position: absolute;
		left: -999em;*/
		position: relative;
		display: none;
		margin: 0;
	}	
	#nav ul ul li {
		position: relative;
		display: block;
	}	
	#nav ul li.lienActif ul, #nav ul ul.open {
		position: relative;
		/*left: auto;*/
		display: block;
	}
	#nav ul ul li a {
		position: relative;
		display: block;
		padding: 0 0 0 31px;
		width: 130px;
		height: 22px;
		line-height: 22px;
		color: #099;
		font-size: 1.1em;
		text-decoration: none;
		background: url(../images/f-link-smenu.png) repeat-x left bottom;
	}
	#nav a.lienActif {
		font-weight: bold;
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative;
		clear: both;
		width: 980px;
		height: 103px;
		background: url(../images/f-piedpage.png) no-repeat bottom left;
		margin: 0 0 1.5em 0;
	}	
	#menu_menupieddepage h3 {
		position: absolute;
		left: -999em;
	}	
	#menu_menupieddepage ul {
		position: absolute;
		top: 85px;
		left: 90px;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	#menu_menupieddepage li {
		display: inline;
		margin-right: 1em;
	}	
	#menu_menupieddepage li a {
		color: #d1e5c6;
		text-decoration: none;
	}	
	#menu_menupieddepage li a:hover {
		color: white;
	}
	
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
	}	
	.leon {
		clear: both;
	}
	.leonvisuelpdt {
		clear: right;
	}
	.editChampVide {
		display: none;
	}
	
	/*--	titraille	--*/
	#contenu h1#con_libelle {
		position: relative;
		color: #090;
		font-size: 3.6em;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", serif;
		background: url(../images/f-titre.png) repeat-x left bottom;
		margin: 0;
		padding: 20px 0 0 20px;
	}
	#contenu #con_descriptif h1, #contenu #con_descriptif h2, #contenu #con_descriptif h3, #contenu #con_descriptif h4 {
		position: relative;
		color: #090;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", serif;
	}
	#contenu #con_descriptif h1 {
		font-size: 2.6em;
	}
	#contenu #con_descriptif h2 {
		font-size: 2.3em;
	}
	#contenu #con_descriptif h3 {
		font-size: 2em;
	}
	#contenu #con_descriptif h4 {
		font-size: 1.7em;
	}
	
	/*--	listes, paragraphes, etc, tableaux, etc.	--*/
	#contenu #con_descriptif ul {
	}
	#contenu #con_descriptif ul li {
		list-style-image: url(../images/puce-liste.png);
	}
	#contenu #con_descriptif p {
	}
	#contenu #con_descriptif table {
	}
	#contenu #con_descriptif table td {
	}
	#contenu #con_descriptif a {
		text-decoration: underline;
		color: #090;
	}
	#contenu #con_descriptif a:hover {
		text-decoration: none;
	}
	#contenu #con_descriptif a.popup {
		background: url(../images/picto-popup.png) no-repeat right top;
		padding-right: 1.2em;
	}
	#contenu #con_descriptif a img {
		border: none;
	}
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative;
		margin: 20px 0 0 40px;
		color: #090;
		font-size: 1.4em;
		font-weight: bold;
	}
	#contenu #con_descriptif {
		position: relative;
		margin: 20px 0 0 40px;
		color: black;
		font-size: 1.2em;
	}
	
	/*-- galerie flash des pages --*/
	#contenu .diaporamapage {
		position: relative;
		float: right;
		width: 250px;
		height: 250px;
		margin: 80px 0 1em 1em;
	}
	
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {
	}
	#contenu .menu_arbo h3 {
	}
	#contenu .menu_arbo ul {
	}
	#contenu .menu_arbo li {
	}
	#contenu .menu_arbo li a {
	}
	#contenu .menu_arbo li a:hover {
	}
	#contenu .menu_arbo li img {
	}
	#contenu .menu_arbo li strong {
	}
		
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact {
	}
	ul.galerie_contact li {
	}
	ul.galerie_contact li a {
	}
	ul.galerie_contact li img {
	}
	ul.galerie_contact li span.blocDescImgGalerie {
	}
	ul.galerie_contact li span.titreImgGalerie {
	}
	ul.galerie_contact li span.descriptifImgGalerie {
	}
}
@media print{
  /* ... définition de formats pour l'impression ... */
}