@charset "UTF-8";


@media screen {
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 62.5%;
		text-align: center;
	}
	#global {
		position: relative;
		margin: 0 auto;
		width: 980px;
		font-size: 1em;
		text-align: left;
		background: #575E70 url(../images/f-contenu.gif) no-repeat right 180px;
		font-family: Verdana, Tahoma, Helvetica, Arial;
		color: white;
	}
	/********************************/ 
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 980px;
		height: 157px;
		background: url(../images/f-entete.png) no-repeat left top;
	}
	#entete h1 {}
	#entete h2 {}
	#entete #liencci { position: absolute; top: 80px; right: 0; width: 100px; height: 60px; }
	/********************************/ 
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		margin: 0;
		padding: 178px 0 0 100px;
		width: 880px;
	}
	/*----------------------------*/ /*--	structure contenu	--*/
	h1#con_libelle {
		margin: 1em 0 0.3em 0;
		font-size: 2.4em;
		font-weight: bold;
		color: #5cc5ed;
		width: 560px;
	}
	#con_chapeau {
		font-size: 1.4em;
		font-weight: bold;
		width: 560px;
	}
	#con_descriptif {
		line-height: 1.4em;
		font-size: 1.2em;
		width: 560px;
	}
	/*-------------------------------*/
	/*--mise en forme du descriptif	-*/
	/*---------- titraille ----------*/
	#con_descriptif h1 {
		color: #5cc5ed;
		font-size: 2em;
	}
	#con_descriptif h2 {
		font-size: 1.4em;
		color: #5cc5ed;
	}
	#con_descriptif h3 {
		font-size: 1.2em;
	}
	#con_descriptif h4 {
		
	}
	/*---------- listes ----------*/
	#con_descriptif ul {
		list-style: none;
		margin: 0 0 0 15px;
		padding: 0;
	}
	#con_descriptif ul li {
		margin: 0;
		padding: 0 0 0 15px;
		background: url(../images/puce-liste.png) no-repeat left 0.5em;
	}
	#con_descriptif ol.listeprojets { margin: 0; padding: 0; list-style: none; }
	#con_descriptif ol.listeprojets li { float: left; margin: 2px 5px; }
	/*---------- table ----------*/
	#con_descriptif table {
		
	}
	#con_descriptif table td {
		
	}
	#con_descriptif table caption {
		font-size: 1.3em;
		font-weight: normal;
		color: #00898f;
	}
	/*---------- liens ----------*/
	#con_descriptif a {
		padding: 0 0.3em;
		background-color: #007FC5;
		color: white;
		text-decoration: none;
	}
	#con_descriptif a:hover {
		background-color: #A9006A;
	}
	#con_descriptif a[rel],
	#con_descriptif a:hover[rel],
	#con_descriptif a[name],
	#con_descriptif a:hover[name] { background: none; }
	/*---------- images ----------*/
	#con_descriptif img { border: none; margin: 0 0.5em 0.5em 0; }
	/*---------- acronym ----------*/
	#con_descriptif acronym,abbr {
		border-bottom: 1px dotted rgb(102, 102, 102);
		cursor: help;
	}
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	#colonne_a {
		float: left;
		width: 590px;
	}
	#colonne_b {
		float: left;
		width: 290px;
		text-align: right;
	}
	/********************************/ 
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
	}
	.leon {
		clear: both;
	}
	.leonvisuelpdt {
		clear: right;
	}
	.editChampVide {
		display: none;
	}
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {
		font-size: 1.2em;
	}
	#contenu .menu_arbo h3 {
		color: #5cc5ed;
	}
	#contenu .menu_arbo ul {
		list-style: none;
	}
	#contenu .menu_arbo li {
		margin: 1em 0;
		padding: 0 0 0 10px;
		width: 36em;
		line-height: 1.4em;
		background: url(../images/puce-actu.png) no-repeat left 0.5em;
	}
	#contenu .menu_arbo li a {
		color: white;
		text-decoration: none;
	}
	#contenu .menu_arbo li a:hover {
		
	}
	#contenu .menu_arbo li img {
		border: 1px solid white;
	}
	#contenu .menu_arbo li strong {
		display: block;
	}
	#contenu .menu_arbo li span {
		display: block;
	}
	p.hautdepage {width: 560px; margin: 8em 0; padding:0;}
	p.hautdepage a{margin: 0 0 0 auto;
		display: block; width: 13px; height: 13px;
		background: url(../images/btn-haut.png) no-repeat left top;
		
	}
	p.hautdepage a span {
		position: absolute;
		top: 0;
		left: -999em;
	}
	
	/*--------------------------*/
	/* FORMULAIRE DE CONNEXION	*/
	/*--------------------------*/
	#form_connexion_adherent, form#formDeconnexion { 
		position: absolute; bottom: 0; left: 0; 
		margin: 0; padding: 0; width: 260px; height: 90px;
		background: #1d3b51;
	}
	#form_connexion_adherent form { margin: 10px 25px; padding: 0; }
	#form_connexion_adherent fieldset, form#formDeconnexion fieldset { border: none; padding: 0; }
	#form_connexion_adherent legend { font-size: 1.4em; font-weight: bold; color: #4b657c; margin: 0; padding: 0; }
	#form_connexion_adherent p { position:relative; margin: 3px 0; }
	#form_connexion_adherent label { 
		position:relative; display: -moz-inline-box; display: inline-block;
		width: 70px; vertical-align: top;
		font-size: 1em; line-height:21px; color: #6c859b; letter-spacing: -1px;
	}
	#form_connexion_adherent p input { 
		position: relative; padding: 0 5px; width: 100px; height: 21px;
		background: url(../images/f-input-log.png) no-repeat; border: none;
	}
	#form_connexion_adherent h4.btnenvoyer { position: absolute; bottom: 12px; right: 20px; margin: 0; font-size: 1em; }
	form#formDeconnexion h4.btnenvoyer { position: relative; margin: 35px; font-size: 1em;  }
	#form_connexion_adherent h4.btnenvoyer input {
		position: relative; padding: 0; width: 27px; height: 21px;
		font-size: 1em; font-weight: bold; color: white;
		background: url(../images/f-submit-log.png) no-repeat; border: none;
		cursor: pointer;
	}
	form#formDeconnexion h4.btnenvoyer input  { border: none; background: url(../images/puce-actu.png) no-repeat left center; color: #6c859b; cursor: pointer; }
	#form_connexion_adherent h4.btnenvoyer input:hover { background-position: 0 -21px; }
	form#formDeconnexion h4.btnenvoyer input:hover  { color: white; }
	#form_connexion_adherent p.messobligatoire { display: none; }
	#form_connexion_adherent p.obligatoire span { 
		position: absolute; top: 3px; right: -200px; display: block; padding: 0 0 0 10px; width: 170px; height: 14px;
		line-height: 14px; background: url(../images/chpobligatoire.png) no-repeat; color: red;
	}
}
@media print {
	/* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#menu_menuprincipal {
		position: absolute; top: 157px; left: 0; width: 980px; height: 25px;
		background: url(../images/f-menuPrincipal.png) repeat-x left top;
	}
	#menu_menuprincipal h3 {position: absolute; top: 0; left: -999em;	}	
	#menu_menuprincipal ul {
		position: relative; margin: 0; padding: 0;
	}
	#menu_menuprincipal li {
		position: relative; float: left; display: block; margin: 0 0.6em 0 0; padding: 0 0 0 0.6em;
		border-left: 1px solid #d2d8de;
	}
	#menu_menuprincipal li:first-child {border-left: none;}	
	
	#menu_menuprincipal li a {display: block; color: #a9006a; text-decoration: none; padding: 0.1em 0.2em; font-size: 1.2em; }	
	#menu_menuprincipal li a:hover {background:#007FC5; color: white;}	
	#menu_menuprincipal li a.lienActif {background:#a9006a; color: white;}
	
	#menu_menuprincipal ul ul {
		position: absolute; top: auto; left: -999em; 
		background: white;  padding: 0.4em 0 0 0; width:150%;
	}	
	#menu_menuprincipal ul li:hover ul { left: 0; }
	#menu_menuprincipal ul ul li { 
		float: none; margin: 0 0 -1px 0; padding: 0.2em; 
		border-bottom: 1px solid #d2d8de; border-left: none;
	}	
	#menu_menuprincipal ul ul li a { }	
	#menu_menuprincipal ul ul li a:hover { }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
	clear: both;
	width: 980px; height: 9em; text-align: left;  background-color: #274e64; 
	margin: 0 ; padding: 0; text-align: center;
	}	
	#menu_menupieddepage h3 { position: absolute; top: 0; left: -999em;	}	
	#menu_menupieddepage ul { list-style: none; margin: 0 auto; padding: 3.5em 0 0 0;}	
	#menu_menupieddepage li {display: inline; margin: 0 0 0 -1px ;  padding: 0 1em; 
	border-left: 1px solid #728c9a; border-right: 1px solid #728c9a;}	
	#menu_menupieddepage li a {color:#728c9a; text-decoration: none; font-size: 1.2em; }	
	#menu_menupieddepage li a:hover {
	}
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {
	}
	#menu_langue ul {
	}	
	#menu_langue ul li {
	}	
	#menu_langue ul li a {
	}
	
	#menu_langue ul li a:hover {
	}	
	#menu_langue ul li a img {
	}
}

@media print {
}




@media screen {
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact {list-style: none; margin: 0; padding: 0;}
	ul.galerie_contact li {background: black; margin: 0; }
	ul.galerie_contact li a {}
	ul.galerie_contact li img {border: none; width: 100%;}
	ul.galerie_contact li span.conteneurDescGalerie {display: block; background: black; padding: 0.5em;}
	ul.galerie_contact li span.titreImgGalerie {display: block; }
	ul.galerie_contact li span.descriptifImgGalerie { display: block;}
}

@media print {
}