@charset "UTF-8";


@media screen {
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 62.5%;
		text-align: center;
		background: url(../images/f-global.png) repeat-y top center;
	}
	#global {
		position: relative;
		margin: 0 auto;
		padding: 0;		
		width: 980px;
		font-size: 1em;
		text-align: left;
		background: url(../images/f-contenu.png) repeat-y top center;
	}
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 940px;
		height: 100px;
		margin: 0 0 0 20px;
		padding: 0;
		background: url(../images/visuel-entete.jpg) no-repeat top left;
		z-index: 2;
	}
	#entete #visuel {
		
	}
	#entete h1 {
		position: absolute;
		top: 25px;
		left: 0px;
		width: 195px;
		height: 195px;
		margin: 0;
		padding: 0;
		background: url(../images/logo.png) no-repeat top left;
	}
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute;
		top: 150px;
		left: 226px;
		width: 425px;
		margin: 10px 0;
		padding: 1.3em 0;
		font-size: 1.2em;
		border-top: 1px solid #91b1ba;
		border-bottom: 1px solid #91b1ba;
	}
	p#chemin span {
		padding: 0 0 0 5px;
	}
	p#chemin span span {
		padding: 0;
		background: none;
	}
	p#chemin span.chemin_last {
		
	}
	/*
	p#chemin span.chemin_0 {
		position: absolute;
		left: -999em;
	}*/
	p#chemin span.chemin_first {
		padding: 0;
		background: none;
	}
	p#chemin a {
		color: black;
	}
	p#chemin a:hover {
		
	}
	p#chemin a span {
		
	}
	p#chemin span.separateur {
		padding: 0;
	}
	p#chemin span.separateur span {
		position: absolute;
		left: -999em;
	}
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		width: 940px;
		margin: 0 0 -1.4em 20px;
		padding: 150px 0 0 0;
	}
	#global #contenu #conteneur {
		position: relative;
		width: 695px;
		margin: 70px 0 0 200px; 
		*margin: 220px 0 0 200px;
		min-height: 400px;
		padding: 10px;
		background: url(../images/f-conteneur.png) repeat-y top left;
	}
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#nav {
		position: absolute;
		top: 100px;
		left: 20px;
		margin: 0;
		padding: 0;
		width: 940px;
		height: 50px;
		z-index: 1;
	}
	#menu_menuprincipal {
		position: relative;
		margin: 0;
		width: 940px;
		height: 50px;
		background: url(../images/f-menu-bleu.png) repeat-x top left;
	}
	#menu_menuprincipal h3 {
		position: absolute;
		left: -999em;
	}
	#menu_menuprincipal ul {
		margin: 0 0 0 200px;
		padding: 0;
		height: 50px;
		list-style-type: none;
	}
	#menu_menuprincipal li {
		float: left;
		margin: 0;
		padding: 0;
		height: 50px;
	}
	#menu_menuprincipal li a {
		display: block;
		margin: 0;
		padding: 0 6px;
		width: 100px;
		height: 50px;
		font-size: 1.3em;
		font-weight: 600;
		color: #fff;
		text-decoration: none;
		text-align: center;
		background: url(../images/separation.png) no-repeat left center;
	}
	#menu_menuprincipal li a span {
		display: block;
		padding: 14px 0 0 0;
	}
	/* en deux ligne */
	#menu_menuprincipal li#menu_menuprincipal_8 a span,
	#menu_menuprincipal li#menu_menuprincipal_9 a span
		{
		padding: 7px 0 0 0; 
	}
	#menu_menuprincipal li#menu_menuprincipal_9, 
	#menu_menuprincipal li#menu_menuprincipal_12,
	#menu_menuprincipal li#menu_menuprincipal_11,
	#menu_menuprincipal li#menu_menuprincipal_13 {
		width: 100px;
		background: url(../images/f-menu-vert.png) repeat-x top left;
	}
	#menu_menuprincipal li#menu_menuprincipal_9 a {
		background: url(../images/fleche_bleue.png) no-repeat top left;
	}
	#menu_menuprincipal li#menu_menuprincipal_7 a {
		background: url(../images/fleche_verte.png) no-repeat top left;
	}
	#menu_menuprincipal li a:hover {
		
	}
	#menu_menuprincipal ul ul {
		
	}
	#menu_menuprincipal ul li:hover ul {
		
	}
	#menu_menuprincipal ul ul li {
		
	}
	#menu_menuprincipal ul ul li a {
		
	}
	#menu_menuprincipal ul ul li a:hover {
		
	}
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative;
		width: 940px;
		margin: 0 0 0 20px;
		padding: 2em 0;
		border-top: 1px solid #c7d4d8;
		background: #205563;
	}
	#menu_menupieddepage h3 {
		position: absolute;
		left: -999em;
	}
	#menu_menupieddepage ul {
		text-align: center;
		color: white;
		margin: 0;
		padding: 0;
	}
	#menu_menupieddepage li {
		display: inline;
		margin: 0.5em 0.5em 0 0;
		padding: 0 0.5em 0 0;
		border-right: 1px solid #FFF;
	}
	#menu_menupieddepage li a {
		color: white;
		font-size: 1.1em;
		text-decoration: none;
	}
	#menu_menupieddepage li a:hover {
		
	}
	/********************************/
	/*		MENU PARTENAIRES		*/
	/********************************/
	#menu_menupartenaires {
		position: relative;
		width: 940px;
		margin: 0 0 0 20px;
		padding: 1em 0;
		border-top: 1px solid #102a31;
		background: #FFF url(../images/f-partenaires.png) no-repeat left top;
	}
	#menu_menupartenaires h3 {
		position: absolute;
		left: -999em;
	}
	#menu_menupartenaires ul {
		text-align: center;
	}
	#menu_menupartenaires li {
		display: inline;
		margin: 0.5em 0.5em 0 0;
		padding: 0 0.5em 0 0;
		border-right: 1px solid #FFF;
	}
	#menu_menupartenaires li a {
		font-size: 1.1em;
	}
	#menu_menupartenaires li a span {
		position: absolute;
		left: -999em;
	}
	#menu_menupartenaires li a:hover {
		
	}
	#menu_menupartenaires li a img {
		border: none;
		margin: 0;
		padding: 0 3em;
	}
	/********************************/
	/*			MENU HAUT			*/
	/********************************/
	#menu_menuhaut {
		position: absolute;
		top: 10px;
		right: 50px;
		width: 250px;
		height: 90px;
		background: url(../images/f-menu2.png) no-repeat top left;
		z-index: 3;
	}
	#menu_menuhaut ul {
		margin: 33px 0 0 0;
		padding: 0;
		
	}
	#menu_menuhaut ul li {
		margin: 0;
		padding: 0 0 8px 0 ;
		list-style-type: none;		
		background: url(../images/separation-menu2.png) no-repeat bottom left;			
	}
	#menu_menuhaut ul li a {
		display: block;
		margin: 5px 0 0 10px;
		padding: 0 0 0 30px;		
		color: white;	
		font-size: 1.4em;
		font-weight: 600;
		text-decoration: none;
		
	}
	#menu_menuhaut ul li a:hover {
		
	}
	#menu_menuhaut ul li a img {
		
	}
	#menu_menuhaut ul li#menu_menuhaut_120 a{	
		background: url(../images/contact.png) no-repeat top left;		
	}
	#menu_menuhaut ul li#menu_menuhaut_121 a{
		padding: 0 0 0 30px;
		background: url(../images/formulaire.png) no-repeat top left;		
	}
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
	}
	.leon {
		clear: both;
	}
	.leonvisuelpdt {
		clear: right;
	}
	.editChampVide {
		display: none;
	}
	/*--	titraille	--*/
	#contenu h1 {
		width: 680px;
		margin: 0 0 0 0;
		padding: 5px 0 10px 5px;
		font-size: 2.5em;
		font-weight: 100;
		color: #08689a;
		border-bottom: 1px solid #b5cdd4;
		background: url(../images/f-titre.png) repeat-x bottom left;
	}
	#contenu h2,#contenu h3,#contenu h4 {
		
	}
	#contenu #con_descriptif h1 {
		
	}
	#contenu #con_descriptif h2,#contenu h2 {
		font-size: 1.2em;
		font-weight: lighter;
		color: #5b7608;
	}
	#contenu #con_descriptif h3,#contenu h3 {
		
	}
	#contenu #con_descriptif h4,#contenu h4 {
		
	}
	/*--	listes générales	--*/
	#contenu ul {
		
	}
	#contenu ul li {
	}
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		font-size: 1.4em;	
		padding: 0 1em;
		color: #647d11;			
	}
	#contenu #con_descriptif {
		font-size: 1.4em;
		padding: 0 1em;
	}
	#contenu #con_descriptif ul {
		padding: 0 0 0 10px;
		list-style-type: none;
	}	
	#contenu #con_descriptif ul li{
		padding: 0 0 0 10px;
		background: url(../images/puce-liste-vert.png) no-repeat top left;
	}
	#contenu #con_descriptif table {
		
	}
	#contenu #con_descriptif table td {
		
	}
	#contenu #con_descriptif a {
		color: #42AFCE;
	}	
	#contenu #con_descriptif img {
		margin: 0.5em;
		border: none;
	}
	/*-- dates de création et de modification	--*/
	#contenu ul#dates-crea-modif {
		
	}
	#contenu ul#dates-crea-modif li {
		
	}
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_frere {
		position: absolute;
		top:0;
		left: -180px;
		width: 160px;
		margin: 0; 
		padding: 0 0 7em 0;
		background: #F6F9FA url(../images/f-sousmenu.png) repeat-x left bottom;
	}
	#contenu .menu_frere h3 {
		margin: 0;
		padding: 10px 5px 20px 5px;
		width: 150px;
		min-height: 28px;
		font-size: 1.4em;
		font-weight: bold;
		color: #FFF;	
		text-align: center;
		background: url(../images/f-sousmenu-titre.png) no-repeat left bottom;	
	}
	#contenu .menu_frere ul {
		margin: 0; 	
		padding: 0 10px;
		list-style-type: none;			
		width: 140px;
	}
	#contenu .menu_frere li {		
		width: 120px;
		padding: 5px;
		font-size: 1em;
		border-bottom: 1px solid #bfd2d7;
	}
	#contenu .menu_frere li a {		
		text-decoration: none;
		color: #255e6c;
		
	}
	#contenu .menu_frere li a:hover {
		
	}
	#contenu .menu_frere li a.lienActif{
		font-size: 1.2em;
		font-weight: bold;
	}
	#contenu .menu_frere li strong {
		margin: 0;
	}
	/* menu en bas de rubrique */
	#contenu .menu_arbo {
		margin: 1.2em; 
		padding: 1em;		
		border: 1px solid #637C11;
	}
	#contenu .menu_arbo h3 {
		margin: 0;
		padding: 0;
		font-size: 1.8em;
		font-weight: normal;
		color: #647d11;		
	}
	#contenu .menu_arbo ul {
		margin: 0; 
		padding: 0; 
		list-style-type: none;		
	}
	#contenu .menu_arbo li {
		display: block;
		clear: left;
		padding: 0.5em;
		font-size: 1.2em;
		min-height: 50px;
	}
	#contenu .menu_arbo li a {
		
		text-decoration: none;
		color: black;
		
	}
	#contenu .menu_arbo li a:hover {
		
	}
	#contenu .menu_arbo li img {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		border: none;		
	}
	#contenu .menu_arbo li strong {
		display: block;
		font-size: 1.2em;
		margin: 0;
	}
	#contenu .menu_arbo li .chapeau {
		display: block;
		margin: 0;	
	}
	#contenu .menu_arbo li.impair{
		background: #DAE6EA;
	}
	/* BOUTON */
	#contenu p.gotoContact { text-align: center; }
	#contenu p.gotoContact a {
		display: block;
		margin: 0 auto; padding: 7px 60px 9px 7px; width: 138px; height: 28px;
		font-size: 1.1em; font-weight: bold; color: white; text-decoration: none;
		background: url(../images/big_btn.png) no-repeat;
	}
	#contenu p.gotoContact a:hover { color: #dae6ea; }
	/********************************/
	/*	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 {
		
	}
	div#barreoutils{
		position: absolute;
		top: 150px;
		right: 30px;
		width: 250px;
		height: 55px;
		background: url(../images/f-menu3.png) no-repeat top left;
	}
	div#barreoutils ul {
		margin: 0;
		padding: 10px;
	}
	div#barreoutils ul li{
		display: inline;
		list-style-type: none;
		margin:  0 7px 0 0;
		padding: 0;
	}
	div#barreoutils ul li a {
		
	}
	div#barreoutils ul li a img{
		border: none;
	}	
	div#barreoutils li#readspeaker {
		position: absolute;
		top: 10px;
		left: 143px;
		width: 97px;
		height: 34px;
		margin: 0;
		padding: 8px 0 0 17px;
		background: url(../images/f-son.png) no-repeat top left;
	}
	div#barreoutils li#readspeaker div{
		width: 60px;
		overflow: hidden;
	}
	acronym {
		cursor: help;
	}
	p#message_envoye {
		font-size: 1.2em;
	}
}

@media print {
	/* ... définition de formats pour l'impression ... */
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 12pt;
	}
	
	#global {
	}
	
	
	/********************************/
	/* ERADICATION DE FIORITURES POUR l'IMPRESSION - MDPHO SAVE THE TREE*/
	p#chemin, #menu_menuprincipal, #barreoutils, #menu_menupieddepage, #menu_menupartenaires, #menu_menuhaut {display: none;}
	#global #contenu{
		position: relative;
		margin: 70pt 0 0 0;
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		display: none;
	}	
	.leon {
		clear: both;
	}
	.leonvisuelpdt {
		clear: right;
	}
	.editChampVide {
		display: none;
	}
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		
	}
	#entete h1  {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		min-height: 100px;
		margin: 0;
		padding: 0;
		background: url(../images/petitlogo.png) no-repeat top left;
	}
	#entete h1 a span.invisible {
		display: block;
		position: relative;
		margin: 10px 0 0 100px;
		color: #08689a;	
		font-size: 14pt;	
	}
	#entete h2 span.invisible {
		display: block;
		position: relative;
		margin: 50px 0 0 100px;
		color: #5b7608;
		font-size: 10pt;
	}
	/* CONTENU */
	#contenu .deco {
	}
	
	/*--	titraille	--*/
	#contenu h1#con_libelle {
		font-size: 14pt;
		color: #08689a;		
	}
	#contenu h1#con_libelle span {
	}
	#contenu h1#con_libelle span.deco {
	}
	#contenu #con_descriptif h1 {	
		color: #08689a;
	}
	#contenu #con_descriptif h2 {
		color: #5b7608;
	}
	#contenu #con_descriptif h3 {
	}
	#contenu #con_descriptif h4 {
	}
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative;
	}
	#contenu #con_descriptif {
		position: relative;
		font-size: 12pt;
	}
	#contenu .menu_arbo h3 {
		font-size: 14pt;
		color: #647d11;		
	}	
	#contenu .menu_arbo li {
		display: block;
		clear: left;
		min-height: 50px;
	}
	a {		
		text-decoration: none;
		color: black;		
	}
	#contenu .menu_arbo li img {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		border: none;		
	}
	#contenu .menu_arbo li strong {
		display: block;
		margin: 0 0 0 60px;
	}
	#contenu .menu_arbo li .chapeau {
		display: block;
		margin: 0 0 0 60px;	
	}
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	
	
	#papillon {
		display: none;
	}
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique {
		position: absolute;
		top: 20px;
		right: 60px;
		width: 230px;
		margin: 0;
		padding: 0;
		z-index: 4;
	}
	form#mrecherche_rechercheGenerique p {
		margin: 0;
		padding: 0;
	}
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique {
		position: absolute;
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique {
		position: absolute;
		left: 130px;
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique {
		position: relative;
		margin: 0 0 0 0;
		*margin:-1px 0 0 0;	
		padding: 1px 0 0 5px;
		width: 125px;
		height: 17px;
		border: none;
		background: url(../images/input-recherche.png) no-repeat top left;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique {
		position: relative;
		width: 99px;
		height: 18px;
		margin:0 0 0 0;	
		padding: 0 0 0 0;
		font-weight: bold;
		border: none;
		color: white;
		background: url(../images/submit-recherche.png) no-repeat;
		cursor: pointer;
	}
	
	h2.recherche { font-size: 1.2em; font-weight: lighter; color: #5b7608; }
	h3.recherche { font-size: 1.1em; font-weight: lighter; color: #5b7608; }
	ul.recherche { }
	ul.recherche li { list-style-image: url(../images/puce-liste-vert.png); }
	ul.recherche li a { font-size: 1.2em; color: black; }
	ul.recherche li a:hover { text-decoration: none; }
	
	p.retour_recherche {  }
	p.retour_recherche a {
		display: block;
		margin: 0; padding: 2px 35px 0 57px; width: 208px; height: 26px; line-height: 18px;
		font-size: 1.1em; font-weight: bold; color: white; text-decoration: none; text-align: center;
		background: url(../images/btn_goback.png) no-repeat;
	}
	p.retour_recherche a:hover { }
	

	/* surlignages */
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
}

@media print {
	form#mrecherche_rechercheGenerique {display: none;}
}