@charset "UTF-8";


@media screen{
	/***** TYPOS POSSIBLES ******/
	/* SANS-SERIF	: Arial, Verdana, Helvetica, Lucida grande (Mac uniquement) */
	/* SERIF		: "Times New Roman", Georgia, Baskerville */
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 62.5%;
		text-align: center;
		background : #808080 url(../images/fondSite.png) repeat-x 0 0;
	}
	
	#global {
		position: relative;
		margin: 0 auto;
		padding : 0;
		width: 960px;
		font-size: 1em;
		text-align: left;
		background : url(../images/fondPage.png) repeat-y 0 0;
	}
	
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	a {outline : none;} /*Bye bye les pointillés !!!!*/
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position : absolute;
		top : 0;
		left : 10px;
		width : 940px;
		height : 100px;
		border-top : 5px solid #c5c5c5;
		background : url(../images/fondHeader.png) repeat-x 0 0;
		z-index : 100;
	}
	
	#entete h1 a {
		position : absolute;
		top : 15px;
		left : 20px;
		display : block;
		width : 248px;
		height : 79px;
		background : url(../images/logo.png) no-repeat 0 0; 
	}
	
	#entete h2 {
		position : absolute;
		left : 286px;
		top : 0px;
		font-size : 2.2em;
		font-family : verdana;
		color : #858585;
		
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position : absolute;
		top : 290px;
		left : 20px;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.1em;
		color : #858585;
	}	
	
	p#chemin a {
		color : #858585;
		text-decoration : none;
	}
	
	p#chemin a:hover { text-decoration : underline; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	
	#global #visuel2 {
		position : absolute;
		top : 120px;
		left : 20px;
		width : 916px;
		height : 156px;
		border : 2px solid #858585;
		
	}
	
	#global #visuel2 div {
		width : 916px;
		height : 156px;
		background : #FFFFFF url(../images/flash1.jpg) no-repeat;
	}
	
	#global #contenu {
		position : relative;
		width : 940px;
		margin : 0 0 0 10px;
		padding-top : 330px
	}
	
	#global #contenu #colonne {
		float : left;
		width : 280px;
		margin : 0 10px 0 10px;
		background : #e5e5e5 url(../images/fondColonneGauche.png) no-repeat left bottom;
	}
	
	/* visuel produit ****************************************************************/
	
	#contenu .visuelPdt {
		position : relative;
		float : right;
		margin : 0 40px 10px 40px;
		width : 200px;
		background : url("../images/corner-photo.png") no-repeat top left;
	}
	
	#contenu .visuelPdt .blocImg {
		position : relative;
		display : block;
		width : 200px;
		height : 200px;
		color : #c00;
		text-decoration : none;
	}
	
	#contenu .visuelPdt .blocImg strong {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#contenu .visuelPdt .blocImg img {
		position : absolute;
		left : 50%;
		top : 50%;
		border : 2px solid #e52b38;
	}
	
	#contenu .visuelPdt .blocImg:hover img { border-color : #004d95; }
	
	#contenu .visuelPdt .blocImg span {
		position : absolute;
		left : 0;
		bottom : -2px;
		display : block;
		padding-right : 18px;
		height : 16px;
		line-height : 16px;
		background : url("../images/txt-zoom-vpdt.png") no-repeat right center;
	}
	#contenu .visuelPdt .blocImg:hover span {
		color : #004d90;
		background : url("../images/txt-zoom-vpdt-over.png") no-repeat right center;
	}
	
	#contenu .visuelPdt a.btnShowImg {
		display : block;
		float : left;
		margin : 0.7em 0.5em 0.5em 0;
		padding :0 0.2em;
		width  :1em;
		line-height : 1.4em;
		color : #ccc;
		text-align : center;
		text-decoration : none;
		background : white;
		border : 1px solid #ccc;
	}
	
	#contenu .visuelPdt a.btnShowImg:hover {
		background : #f42941;
		color : white;
	}
	
	#global #contenu #colonne #caract_Fichier ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#global #contenu #colonne #caract_Fichier ul li a {
		position : relative;
		display : block;
		width : 268px;
		height : 68px;
		margin-left : 6px;
		background : url(../images/fondBtnPDF.png) no-repeat left top;
		color : white;
		font-weight : bold;
		font-size : 1.2em;
		text-decoration : none;
	}
	
	#global #contenu #colonne #caract_Fichier ul li a:hover { color : silver; }
	
	#global #contenu #colonne #caract_Fichier ul li a span {
		position : absolute;
		top : 14px;
		left : 38px;
		display : block;
		width : 200px;
	}
	
	#global #contenu #colonne #sousmenu {
		width : 268px;
		margin-left : 6px;
	}
	
	#global #contenu #colonne #sousmenu h3 {
		margin : 0;
		padding : 16px 0 0 16px;
		background : url(../images/fondSousMenuHaut.png) no-repeat left top;
		font-family : verdana, tahoma, arial, sans-serif;
		font-size : 1.8em;
		font-weight : normal;
		color : #004d95;
	}
	
	#global #contenu #colonne #sousmenu ul {
		margin : 0;
		padding : 15px 0 22px 16px;
		list-style-type : square;
		list-style-position : inside;
		background : url(../images/fondSousMenuBas.png) no-repeat left bottom;
	}
	
	#global #contenu #colonne #sousmenu ul li { margin-bottom : 3px; }
	
	#global #contenu #colonne #sousmenu ul li a {
		color : #505050;
		font-weight : bold;
		font-size : 1.1em;
		text-decoration : none;
	}
	
	#global #contenu #colonne #sousmenu ul li a:hover {
		color : #004d95;
		text-decoration : underline;
	}
	
	#global #contenu #colonne #sousmenu ul li a span {}
	
	#global #contenu #colonneContenu {
		float : left;
		width : 630px;
	}
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	
	h1#con_libelle {
		margin: 0 20px 0 20px;
		font-size: 2.4em;
		font-weight : normal;
		font-family : verdana, tahoma, arial, sans-serif;
		color: #e52b38;
	}
	
	#con_chapeau {
		margin : 20px;
		font-size: 1.4em;
		color: #666;
		line-height: 1.15em;
		text-align: justify;
	}
	
	p#sousTitre {
		display : block;
		margin-left : 20px;
		font-weight : bold;
		font-style : italic;
	}
	
	#con_descriptif {
		margin : 0 20px 0 20px;
		font-size: 1.2em;
		line-height: 1.6em;
	}
	
	#global #contenu #colonneContenu h2.titreIsole {
		margin : 0 0 10px 0;
		font-family : verdana, tahoma, arial, sans-serif;
		font-weight : normal;
		font-size : 2em;
		color: #505050;
	}
	
	#global #contenu #colonneContenu #con_descriptif { margin : 0; }
	
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1,
	#con_descriptif h2,
	#con_descriptif h3,
	#con_descriptif h4,
	#con_descriptif h5 {
		margin: 0.5em 0 0.5em 0;
		font-family : verdana, tahoma, arial, sans-serif;
		font-weight: normal;
		color: #505050;
	}
	
	#con_descriptif h1 { font-size: 1.8em; }
	
	#con_descriptif h2 { font-size: 1.6em; }
	
	#con_descriptif h3 { font-size: 1.4em; color : #303030; font-weight : bold;}
	
	#con_descriptif h4 { font-size: 1.2em; }
	
	#con_descriptif h5 { font-size: 1.1em; }
	
	/*---------- paragraphes ----------*/
	
	#con_descriptif h1 + p,
	#con_descriptif h2 + p,
	#con_descriptif h3 + p,
	#con_descriptif h4 + p,
	#con_descriptif h5 + p { margin-top: 0.3em; }
	
	/*---------- citations ----------*/
	
	#con_descriptif blockquote {
		font-style: italic;
		color: #666;
		font-size: 1.2em;
	}
	/*---------- listes ----------*/
	
	#con_descriptif ul,
	#con_descriptif ol {
		padding: 10px;
		list-style-position: inside;
		list-style-type : square;
		background : url(../images/fondUL.png) repeat-x left top;
	}
	
	#con_descriptif ul ul,
	#con_descriptif ol ol {
		padding : 0 0 0 20px;
		margin : 0 0 10px 0;
		background : none;
		list-style-type : circle;
	}
	
	#con_descriptif.listeAgent ul li {
		/*list-style-image: url(../images/puce-ul.png);*/
		margin-bottom : 10px;
		margin-left : 10px;
		list-style-position: outside;
		
	}
	
	#con_descriptif ol li { }
	
	/*---------- historique------*/
	
	#con_descriptif_historique {
		margin-left : 20px;
		width : 900px;
	}
	
	#con_descriptif_historique ul {
		width : auto;
		margin : 20px 0 10px 0;
		padding : 0;
		list-style : none;
		overflow : auto;
	}
	
	#con_descriptif_historique ul li {
		float : left;
		display : block;
		height : auto;
		margin : 0;
		padding : 0;
	}
	
	#con_descriptif_historique ul li strong {
		display : block;
		margin : 7px 10px 0 10px;
		font-size : 1.8em;
		color : #004D95;
	}
	
	#con_descriptif_historique ul li ul {
		float : right;
		display : block;
		position : relative;
		width : 820px;
		margin : 0;
		padding : 10px;
		background : #F0F0F0;
		font-size : 12px;
	}
	
	#con_descriptif_historique ul li ul li {
		float : none;
		display : block;
		width : auto;
		margin : 0 0 5px 0;
		padding : 0;
		background : none;
	}
	
	/*---------- table ----------*/
	
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	
	/*---------- liens ----------*/
	#con_descriptif a {
		text-decoration: none;
		color: #004d95;
	}
	#con_descriptif a:hover { text-decoration: underline; }
	
	/*---------- images ----------*/
	
	#con_descriptif .englobantimage { display: inline-table; margin: 0.2em;  }
	
	#con_descriptif .imageright { float: right; margin-right: 0; }
	
	#con_descriptif .imageleft { float: left; margin-left: 0; }
	
	#con_descriptif img {
		margin : 10px;
		border: none;
	}
	
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}		
	/*---------- séparateurs ----------*/
	#con_descriptif hr { 
		clear: both; height: 1px;
		color: #666;
		background: #666;  border: 1px; 
	}
	/*---------- fichiers en téléchargement ----------*/
	
	#con_descriptif .fichiers {
		display: block;
		padding: 0.3em 0 0.3em 1em;
		border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		/*background: url(../images/puce-ul.png) no-repeat left center;*/
	}
	#con_descriptif .fichiers a { text-decoration: none; }
	
	#con_descriptif .fichiers a:hover { color: #333; }
	
	#colonneContenu #reference {
		padding : 10px;
		background : url(../images/fondUL.png) repeat-x left top;
		font-size : 1.2em;
	}
	
	#colonneContenu #reference form {
		box-shadow : none; -moz-box-shadow : none; -webkit-box-shadow : none;
		margin : 0;
		padding : 0;
		text-align : left;
	}
	
	#colonneContenu #reference table tr#anonymous_element_1 { display : none; }
	
	#colonneContenu #reference table tr th {
		width : 17em;
		height : 1.4em;
	}
	
	#colonneContenu #caract_remarques {
		margin : 20px 0;
		padding : 10px;
		background : #e5e5e5;
		border : 1px dotted silver;
		font-size : 1.2em;
		line-height : 1.4em;
	}
	
	#colonneContenu #caract_remarques h4 {
		margin : 0 0 1em 0;
		padding : 0;
		font-weight : normal;
		font-size : 1.2em;
		font-style : italic;
	}
	
	#colonneContenu #caract_remarques ul {
		margin : 0;
		padding : 0;
		list-style-position: inside;
		list-style-type : square;
	}
	
	/*GOOGLE MAP**************************************************************************/
	
	#map {
		margin : 10px 20px 20px 20px;
		border : 3px solid #858585;
	}
	
	/********************************/
	/*			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 { margin : 0 20px 20px 20px; }
	
	#contenu .menu_arbo h3 {
		margin: 0.5em 0;
		font-weight: normal;
		color: #505050;
		font-size: 1.7em;
	}
	
	#contenu .menu_arbo ul {
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px dotted silver;
	}
	
	#contenu .menu_arbo li {
		position : relative;
		overflow : auto;
		border-bottom: 1px dotted #999;
	}
	
	#contenu .menu_arbo.listeAgent li {
		overflow : auto;
		border-bottom: 1px dotted #999;
	}
	
	#contenu .menu_arbo li a {
		display: block;
		padding: 0.5em;
		font-size: 1.2em;
		line-height: 1.3em;
		color: black; 
		text-decoration: none;
	}
	
	#contenu .menu_arbo li a dfn {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#contenu .menu_arbo li.impair { background: #e5e5e5; }
	
	#contenu .menu_arbo li:hover { background: #a5c3df; }
	
	#contenu .menu_arbo li .bloc { display: block; }
	
	#contenu .menu_arbo li span span.imgRubrique {
		position : relative;
		float : left;
		display : block;
		width : 105px;
		height : 105px;
		margin-bottom : 10px;
		margin-right : 15px;
		text-align : center;
	}
	
	#contenu .menu_arbo li img {
		position : absolute;
		top : 50%;
		left : 50%;
		border: 2px solid #e52b38;
	}
	
	/*newsletter*/
	
	contenu .menu_arbo.newsletter div.leon_menu_arbo:hover,
	contenu .menu_arbo.newsletter div.leon_menu_arbo {
		border : none;
		background : none;
		padding : 0;
	}
	
	#contenu .menu_arbo.newsletter div.impair { background: #e5e5e5; }
	
	#contenu .menu_arbo.newsletter div:hover { background: #a5c3df; }
	
	#contenu .menu_arbo.newsletter div {
		padding : 10px;
		border-bottom : 1px dotted #999;
		overflow : auto;
	}
	
	#contenu .menu_arbo.newsletter div div {
		clear : both;
		float : left;
		margin : 0;
		padding : 0;
		background : none;
		border : none;
	}
	
	#contenu .menu_arbo.newsletter div.pair div,
	#contenu .menu_arbo.newsletter div.impair div { background : none; }
	
	#contenu .menu_arbo.newsletter div div:hover { background: #a5c3df; }
	
	#contenu .menu_arbo.newsletter div strong {
		display: block;
		margin-top : 10px;
		margin-bottom : 10px;
		font-weight: normal;
		font-size: 1.4em;
		color: #004d95;
	}
	
	#contenu .menu_arbo.newsletter div em {
		display : block;
		margin : -10px 0 10px 0;
		font-weight : bold;
	}
	
	#contenu .menu_arbo.newsletter div div div a { text-decoration : none; }
	#contenu .menu_arbo.newsletter div div div a img { border : 2px solid #e52b38; margin-right : 5px;}
	
	/*fin newsletter*/
	
	#contenu .menu_arbo li img + .bloc {
		margin-left: 90px;
		margin-top: -80px;
		min-height: 80px; 
	}
	
	#contenu .menu_arbo li a span span.pictoDrapeauAgent img {
		position : relative;
		top : 0;
		left : 0;
		float : left;
		margin : 5px 10px 0 5px;
		border : none; 
	}
	
	#contenu .menu_arbo li strong {
		display: block;
		margin-top : 10px;
		margin-bottom : 10px;
		font-weight: normal;
		font-size: 1.4em;
		color: #004d95;
	}
	
	#contenu .menu_arbo li span em {
		display : block;
		margin : -10px 0 10px 0;
		font-weight : bold;
	}
}

@media print{
	
	#menu_menuprincipal,
	#menu_menulangue,
	#footer,
	#papillon,
	hr,
	p#chemin,
	#contenu .visuelPdt a.blocImg span,
	#contenu .visuelPdt a.btnShowImg,
	#contenu #caract_Fichier,
	#contenu #sousmenu { display : none; }
	
	#entete h1 a {
		position : absolute;
		top : 0;
		color : #004d95;
		text-decoration : none;
		font-family : verdana;
	}
	
	#entete h2 {
		position : absolute;
		top : 1cm;
		font-family : verdana;
	}
	
	#global #contenu {
		position : absolute;
		top : 2.5cm;
 }
 
	#contenu .visuelPdt { margin : 3cm 0 0 3cm; }
	#contenu .visuelPdt a.blocImg { text-decoration : none; }
	#contenu .visuelPdt a.blocImg img#imgVisuelPdt { border : none; }
	
	#contenu .visuelPdt a.blocImg span,
	#contenu .visuelPdt a.btnShowImg,
	#contenu #caract_Fichier,
	#contenu #sousmenu { display : none; }
	
	h1#con_libelle {
		color: #e52b38;
		font-family : verdana;
	}
	
	#contenu #con_descriptif h2,
	#contenu h2.titreIsole { font-family : verdana;	}
	
	#colonneContenu #reference form { text-align : left; }

}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {
		position : absolute;
		top : 61px;
		left : 285px;
		width : 655px;
		height : 39px;
		border-bottom : 1px solid #004d95;
	}
	
	#menu_menuprincipal h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
		
	#menu_menuprincipal ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
		
	#menu_menuprincipal li { float : left; }
		
	#menu_menuprincipal li a {
		display : block;
		height : 39px;
		width : auto;
		padding : 0 0 0 15px;
		background : url(../images/fondBtnGauche.png) no-repeat left top;
		font-family : tahoma, verdana, arial, sans-serif;
		font-weight : bold;
		font-size : 1.1em;
		color : white;
		text-decoration : none;
		line-height : 40px;
	}
	
	#menu_menuprincipal li a:hover { text-decoration : underline; }
	
	#menu_menuprincipal li a span {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 15px 0 0;
		height: 39px;
		line-height: 40px;
		background: url(../images/fondBtnDroite.png) no-repeat right top;
		cursor : pointer;
	}
	
	#menu_menuprincipal li a span.flecheEnfants {
		position : absolute;
		top : 30px;
		left : 50%;
		display : block;
		width : 5px;
		height : 4px;
		margin : 0 0 0 -10px;
		padding : 0;
		background : url(../images/flecheEnfant.png) no-repeat left top;
	}
	
	#menu_menuprincipal li:hover a { background-position : left -39px; }
	#menu_menuprincipal li:hover a span { background-position : right -39px; }
	#menu_menuprincipal li:hover a span.flecheEnfants { background-position : right -4px; }
	
	#menu_menuprincipal ul ul {
		position : absolute;
		left : -999em;
		width : auto;
		margin : 0 0 0 3px;
		padding : 10px;
		background : #4a4a4a;
		z-index : 100;
	}
	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { left : auto;	}
	
	#menu_menuprincipal ul ul li {
		float : none;
		display : block;
		height : 25px;
		*height : auto;
		line-height : 25px;
		border-bottom : 1px dotted #606060;
	}
	
	#menu_menuprincipal ul ul li a,
	#menu_menuprincipal ul ul li a span {
		display : inline;
		padding : 0;
		background : none;
		font-weight : normal;
		line-height : 1.1em;
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#footer {
		clear : both;
		position : relative;
		width : 960px;
		height : 125px;
		background : url(../images/fondFooter.png) no-repeat left top;
	}
	
	#logoJDF a {
		display : block;
		position : absolute;
		left : 28px;
		bottom : 45px;
		width : 155px;
		height : 59px;
		background : url(../images/logoJDF.png) no-repeat left top;
	}
	
	#logoJDF a span {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menupieddepage h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menupieddepage ul {
		position : absolute;
		left : 210px;
		bottom : 40px;
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menupieddepage li { margin-bottom : 5px; }
	
	#menu_menupieddepage li a {
		font-size : 1.1em;
		font-weight : bold;
		color : #004d95;
		text-decoration : none;
	}
	
	#menu_menupieddepage li a:hover { text-decoration : underline; }
	
	#logoCIP4 a {
		display : block;
		position : absolute;
		right : 28px;
		bottom : 40px;
		width : 134px;
		height : 86px;
		background : url(../images/logoCIP4.png) no-repeat left top;
	}
	
	#logoCIP4 a span {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	
	#menu_menulangue h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menulangue {
		position : absolute;
		top : 0;
		right : 10px;
		width : 80px;
		height : 75px;
		background : url(../images/fondMenuLangue.png) repeat-x left bottom;
		z-index : 100;
	}
	
	#menu_menulangue ul {
		margin : 15px 0 0 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menulangue ul li {
		float : left;
		margin : 0 0 9px 12px;
	}
	
	#menu_menulangue ul li a {
		display : block;
		width : 24px;
		height : 20px;
		text-decoration : none;
	}
	
	#menu_menulangue ul li a img { border : none; }
	
	#menu_menulangue ul li a span {
	}
	
	#menu_menulangue ul li a:hover {
	}
	
	#menu_menulangue ul li a img {
	}
}

@media print {
}