@charset "UTF-8";


@media screen{
	body {
		margin: 0;
		padding: 0;
		font-family: verdana, arial, "sans serif";
		font-size: 62.5%;
		text-align: center;
		background-color : #858585;
	}
	
	#global {
		position: relative;
		margin: 0 auto;
		width: 980px;
		font-size: 1em;
		text-align: left;
		background-color : #FFFFFF;
	}
	
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	
	#entete {
		position : absolute;
		top : 0;
		width : 980px;
		height : 125px;
		background : url(../images/header.jpg) no-repeat;	
	}
	
	#entete h1 a {
		position : absolute;
		top : 10px;
		display : block;
		width : 186px;
		height : 105px;
		background : url(../images/logo.png) no-repeat;
		z-index : 1;
	}
	
	#entete h2 { }
	#entete #visuel {
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	
	p#chemin {
		position : absolute;
		top : 145px;
		height : 15px;
		padding : 0 10px 0 25px;
		color : #FFFFFF;
		background-color : #BAC2C6;
	}
	
	p#chemin strong {
		position : absolute;
		top : 0;
		left : -999em; 
	}
	
	p#chemin span {
		padding : 0 4px 0 0;
		line-height : 15px;
	}
	
	p#chemin span span {
	}
	
	p#chemin span.chemin_0 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	p#chemin span.chemin_last {
		font-weight : bold;
	}
		
	p#chemin span.chemin_first {
	}
	
	p#chemin a {
		color : #FFFFFF;
		text-decoration : none;
	}
	
	p#chemin a:hover { }
	
	p#chemin a span { }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	
	#global #contenu {
		position : relative;
		width : 900px;
		padding : 185px 0 0 0;
		margin : 0 40px 0 40px;
		border : 0;
		text-align : justify;
	}
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	
	h1#con_libelle {
		margin : 10px 0 35px 0;
		text-align : center;
		font-size: 2em;
		text-transform : uppercase;
		font-weight : bold;
		color : #58585a;
	}
	
	#con_chapeau {
		font-size: 1.4em;
	}
	
	#con_descriptif {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	
	#con_descriptif span.date {
		color : #0081c6;
	}
	
	/*-------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*------------ titraille ------------*/
	
	#con_descriptif p.vignette span img {
		position : absolute;
		left : 0px;
		top : 180px;
	}
	
	#con_descriptif p san img.article {
		position : relative;
		text-align : center;
	}
	
	#con_descriptif h1 {
		font-size: 1.8em;
	}
		
	#con_descriptif h2.titre_problematique {
		display : block;
		width : 870px;
		height : 40px;
		margin : 20px 0 0 30px;
		background : url(../images/h2_problematique.png) no-repeat 0 3px;
	}
	
	#con_descriptif h2.titre_enjeu {
		display : block;
		width : 870px;
		height : 40px;
		margin : 20px 0 0 30px;
		background : url(../images/h2_enjeu.png) no-repeat 0 5px;
	}
	
	#con_descriptif h2.titre_expertises {
		display : block;
		width : 870px;
		height : 40px;
		margin : 20px 0 0 30px;
		background : url(../images/h2_expertises.png) no-repeat 0 2px;
	}
	
	#con_descriptif h2.titre_resultats {
		display : block;
		width : 870px;
		height : 40px;
		margin : 20px 0 0 30px;
		background : url(../images/h2_resultats.png) no-repeat 0 2px;
	}
	
	#con_descriptif h2 span{
		display : block;
		margin : 0 0 0 50px;
		line-height : 38px;
		color : #FFFFFF;
		font-size : 0.9em;
		font-weight : normal;
	}
	
	#con_descriptif a {
		text-decoration : none;
		font-weight : bold;
		color : #575759;
	}
	
	#con_descriptif strong,
	#con_descriptif a:hover {
		color : #0081C6;
	}
	
	#con_descriptif table tbody tr td{
		text-align : center;
		background-color : #ececec;
	}
	
	#con_descriptif table tbody tr td ul{
		text-align : left;
		background : none;
	}
	
	.problematique,
	.enjeu,
	.expertises,
	.resultats {
		position : relative;
		width : 810px;
		margin : 0 0 0 45px;
		padding : 0 20px 0 20px;
		border-left : 1px solid #575759;
		border-bottom : 1px solid #575759;
		background : url(../images/fond_div.png) no-repeat right bottom;
		text-align : left;
	}
	
	#con_descriptif ul, #con_descriptif .expertises ul {
		padding : 10px 10px 10px 50px;
		background-color : #d4e5ee;
	}
	
	#contenu .menu_arbo ul li,
	#con_descriptif ul li,
	.problematique ul li,
	.enjeu ul li, .expertises ul li,
	.resultats ul li {
		list-style-image : url(../images/puce.png);
	}
	
	#con_descriptif ol,
	#con_descriptif .expertises ol {
		padding  : 10px 10px 10px 50px;
		background-color : #ececec;
	}
	
	#con_descriptif ol li ul,
	#con_descriptif .expertises ol li ul {
		background : none;
	}
	
	#con_descriptif ol li ul li,
	#con_descriptif .expertises ol li ul li {
		list-style-image : none;
		list-style-type : circle;
	}
	
	#con_descriptif em,
	#con_descriptif p.legende,
	#con_descriptif .expertises span.legende {
		color : #858585;
		font-style : italic;
	}
	
	#con_descriptif .expertises span.legende a {
		text-decoration : none;
		color : #858585;
	}
	
	#con_descriptif .expertises span.legende a:hover {
		color : #0081C6;
	}
	
	#con_descriptif .expertises p.titre {
		color : #0081C6;
	}
	
	#con_descriptif .resultats p.citation {
		text-align : center;
	}
	
	#con_descriptif .resultats p.conclusion {
		font-weight : bold;
	}
	
	#con_descriptif .resultats p a,
	.expertises p a {
		text-decoration : none;
		color : #000000;
	}
	
	#con_descriptif .resultats p a:hover,
	.expertises p a:hover {
		color : #0081c6;
	}
	
	#con_descriptif p.formulaire {
		width : 800px;
		margin-left : 50px;
		padding : 10px 0 10px 0;
		background-color : #d4e5ee;
		text-align : center;
		font-size : 1.1em;
		line-height : 1.2em;
	}
	
	#con_descriptif h3.titre {
		height : 20px;
		padding : 0 0 0 5px;
		font-weight : normal;
		line-height : 20px;
		background : #0081C6;
		color : #FFFFFF;
	}
	
	#mission {
		margin : 0 0 30px 0;
		padding : 2px 10px 4px 10px;
		background : #ececec;
	}
	
	#mission strong{
		font-size : 1.2em;
	}
	
	#con_descriptif p.img_article {
		padding : 20px 0 0 0;
		text-align : center;
	}
	
	#con_descriptif h3 { font-size: 1.3em; }
	#con_descriptif h4 {
		font-size: 1.2em;
		color : #575757;
		text-decoration : underline;
	}
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif li { }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a {  }
	#con_descriptif a:hover {  }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage {  }
	#con_descriptif a.imageright, #con_descriptif span.imageright {  }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft {  }
	#con_descriptif img { border: none; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}	
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both;}
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { }
	
	#contenu .menu_arbo h3 {
		position : absolute;
		top :0;
		left : -999em;
	}
	
	#contenu .menu_arbo ul { 
		border : 1px dashed #575757;
		padding : 20px 20px 20px 30px;
	}
	
	#contenu .menu_arbo li a {
		text-decoration : none;
		color : #575757;
	}
	
	#contenu .menu_arbo li a:hover {
		color : #0081C6;
	}
	
	#contenu .menu_arbo li a span span {
		position : absolute;
		top : 0;
		left : -999em;
	}
	#contenu .menu_arbo li img {
		display : none
	}
	#contenu .menu_arbo li strong {}	
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {
		position : absolute;
		top : 125px;
		width : 980px;
		height : 20px;
		font-size : 1.4em;
		line-height : 20px;
		/*background-color : #575759;*/
		background-color : #323299;
	}
	
	#menu_menuprincipal h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}	
	
	#menu_menuprincipal ul {
		list-style-type : none;
 		margin : 0 0 0 15px;
 		padding : 0;
 		border : 0;
	}
		
	#menu_menuprincipal li {
		float : left;
		display : inline;
		width : auto;
		margin : 0 0 0 5px;
		padding : 0 0 0 5px;
		/*border-left : 1px solid #0081c6;*/
		border-left : 1px solid #3e40bd;
	}
	
	#menu_menuprincipal li:first-child {
		border-left : none;
	}
		
	#menu_menuprincipal li a {
		display : block;
		color : #FFFFFF;
		text-decoration : none;
		cursor : pointer;
	}	
	
	#menu_menuprincipal li a:hover {
		color : #0081C6;
	}
	
	#menu_menuprincipal ul ul {
		position : absolute;
		margin : -1px 0 0 -5px;
		width : 22em;
		top : 21px;
		left : -999em;
		text-align : left;
		/*background-color : #575759;*/
		background-color : #323299;
		z-index : 100;
	}
	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul {
		left : auto;
	}
	
	#menu_menuprincipal ul li#menu_menuprincipal_11:hover ul,
	#menu_menuprincipal ul li#menu_menuprincipal_11.sfhover ul {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menuprincipal ul ul li {
		width : 97%;
		margin : 0;
		padding : 3px 0 3px 7px;
		/*border-top : 1px dashed #858585;*/
		border-top : 1px solid #3e40bd;
		border-left : none;
	}
	
	#menu_menuprincipal ul ul li a {
		padding : 0;
		line-height : normal;
	}
	
	#menu_menuprincipal ul ul li a:hover {
		color : #0081C6;
		/*color : #575759;*/
		/*background-color : #FFFFFF;*/
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		clear : both;
		position : relative;
		width : 980px;
		text-align : center;
		background-color : #585859;
	}
	
	#menu_menupieddepage ul {
		margin : 0;
		pading : 0;
		border : 0;
		height : 15px;
	}
	
	#menu_menupieddepage h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menupieddepage li:first-child {
		border : none;
	}
	
	#menu_menupieddepage li {
		display : inline;
		padding : 0 5px 0 5px;
		line-height : 15px;
		/*border-left : 1px solid #0081C6;*/
		border-left : 1px solid #3e40bd;
	}
		
	#menu_menupieddepage li a {
		color : #FFFFFF;
		text-decoration : none;
	}
		
	#menu_menupieddepage li a:hover {
		/*color : #0081C6*/
		color : #0081C6;
	}
	
	/********************************/
	/*			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 {
}