@charset "UTF-8";


@media screen{
	/***** TYPOS POSSIBLES ******/
	/* SANS-SERIF	: Arial, Verdana, Helvetica, Lucida grande (Mac uniquement) */
	/* SERIF		: "Times New Roman", Georgia, Baskerville */
	
	html, body, #main { height: 100%; }
		
	body > #global {
		height: auto;
		min-height: 100%;
	}
	
	body {
		margin: 0;
		padding: 0;
		font-family: arial, helvetica, verdana, "sans serif";
		font-size: 62.5%;
		text-align: center;
		background : url(../images/fondSite.png) repeat-x left top;
	}
	
	#global {
		position: relative;
		width: 980px;
		height : 100%;
		margin: 0 auto;
		font-size: 1em;
		text-align: left;
	}
	
	img { -ms-interpolation-mode: bicubic; }
	
	a {outline : none;}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position : absolute;
		top : 0;
		left : 0;
		width : 980px;
		height : 165px;
		margin : 0;
		padding : 0;
		background : url(../images/fondEntete.png) no-repeat left top;
	}
	
	#entete h1 {
		position : absolute;
		top : 0;
		left : 20px;
		margin : 0;
		padding : 0;
	}
	
	#entete h1 a {
		display : block;
		width : 240px;
		height : 65px;
		margin : 0;
		padding : 0;
		background : url(../images/logo.png) no-repeat 0 0;
	}
	
	#entete h2 {
		position : absolute;
		top : 0;
		left : 260px;
		display : block;
		width : 380px;
		height : 80px;
		margin : 0;
		padding : 0;
		background : url(../images/slogan.png) no-repeat 0 0;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position : absolute;
		top : 175px;
		left : 20px;
		margin : 0;
		padding : 0;
		z-index : 1;
	}
	
	p#chemin span { 
		color : #6a6a6a;
		text-decoration : none;
	}
	
	p#chemin span span { }
	
	p#chemin span.chemin_last { color : black; }
	
	p#chemin span.chemin_first { }
	
	p#chemin a {
		color : #6a6a6a;
		text-decoration : none;
	}
	
	p#chemin a:hover { }
	
	p#chemin a span { }
	
	button#printPage {
		position : absolute;
		top : 170px;
		right : 30px;
		width : 24px;
		height : 22px;
		background : url(../images/btnImpression.png) no-repeat 0 0;
		border : 0;
		cursor : pointer;
	}
	
	button#printPage span {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position : relative;
		width : 940px;
		padding : 165px 20px 101px 20px;
		background : url(../images/fondPage.png) no-repeat 0 165px;
		font-family : tahoma, verdana, arial, sans-serif;
	}
	
	#main {
		position : relative;
		width : 940px;
		margin : 0;
		padding : 25px 0 0 0;
	}
	
	/* CLEAR FIX*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.clearfix { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	
	.clearfix { display: block; }
	/* End hide from IE-mac */
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { font-size: 2.4em; color : #f55b1d; text-transform : uppercase;}
	#con_chapeau { font-size: 1.4em; color : #505050;}
	#con_descriptif { font-size: 1.2em; line-height: 1.6em; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.8em; }
	#con_descriptif h2 { font-size: 1.6em; }
	#con_descriptif h3 { font-size: 1.4em; }
	#con_descriptif h4 { font-size: 1.2em; }
	/*---------- listes ----------*/
	#con_descriptif ul {
		margin : 0;
		padding : 10px;
		background : #e0e0e0;
		border : 1px solid #f55b1d;
		list-style : url(../images/puce.png);
	}
	
	#con_descriptif li { margin : 0 0 0 20px; }
	
	/*---------- table ----------*/
	#con_descriptif table {
		border : none;
	}
	#con_descriptif table td {
		border : 1px solid #ccc;
		border-collapse : collapse;
		padding : 5px;
	}
	#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 {
		margin : 15px;
		border: 1px solid #f55b1d;
	}
	
	span.fichiers a.popup {
		text-decoration : none;
		color : #303030;
	}
	
	span.fichiers a.popup:hover {
		color : #f55b1d;
		text-decoration : underline;
	}
	
	span.fichiers a.popup span.filetexte { font-weight : bold; }
	
	span.fichiers a.popup span.filename,
	span.fichiers a.popup span.poids { font-style : italic; }
	
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}		
	/*---------- séparateurs ----------*/
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	
	#con_descriptif_carte {
		float : left;	
		width : 400px;
		height : auto;																	/*google map*/
		font-size: 1.2em;
		line-height: 1.6em;
	}								
	
	#map {
		float : left;
		margin : 0 0 20px 10px;
		border : 5px solid #d0d0d0;
	}
	
	/********************************/
	/*			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 { font-size : 1.2em; }
	
	#contenu .menu_arbo h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#contenu .menu_arbo ul {
		margin : 0 0 20px 0;
		padding : 0;
		list-style : none;
	}
	
	#contenu .menu_arbo li { }
	
	#contenu .menu_arbo li a {
		display : block;
		width : auto;
		margin : 5px 0 5px 0;
		padding : 10px;
		background : #e6e6e6;
		overflow : auto;
		text-decoration : none;
		color : #303030;
	}
	
	#contenu .menu_arbo li a:hover { background : #d0d0d0; }
	#contenu .menu_arbo li a img {
		float : left;
		margin : 0 10px 0 0;
		border : 1px solid #f55b1d;
	}
	#contenu .menu_arbo li a span strong {
		display : block;
		padding : 0;
		margin : 5px 0 5px 0;
		font-size : 1.4em;
		text-transform : uppercase;
		color : #f55b1d;
	}
	
	#contenu .menu_arbo li a span span {
		display : block;
		margin : 0;
		padding : 0;
	}
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo_actus { font-size : 1.2em; }
	
	#contenu .menu_arbo_actus h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#contenu .menu_arbo_actus ul {
		margin : 0 0 20px 0;
		padding : 0;
		list-style : none;
	}
	
	#contenu .menu_arbo_actus li {
		height : 30px;
		line-height : 30px;
		display : block;
		width : auto;
		padding : 0 0 0 20px;
		border-bottom : 1px solid silver;
	}
	
	#contenu .menu_arbo_actus li a {
		color : #303030;
		text-decoration : none;
	}
	
	#contenu .menu_arbo_actus li a:hover { color : #f55b1d; }
}
@media print{
  /* ... définition de formats pour l'impression ... */
  #entete,
  p#chemin,
  #menu_menuprincipal,
  .piedPage,
  hr,
  button { display : none; }
  
  #con_descriptif img { margin : 5mm; margin-left : 0;}
  
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	
	#menu_menuprincipal {
		position : absolute;
		top : 110px;
		left : 20px;  
	}
	
	#menu_menuprincipal h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menuprincipal ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menuprincipal ul li { float : left; }
	
	#menu_menuprincipal ul li:first-child a { background : none; }
	
	#menu_menuprincipal ul li a {
		display : block;
		padding : 0px 10px 0 10px ;
		max-width : 105px;
		height : 46px;
		color : #f55b1d;
		text-decoration : none;
		text-transform : uppercase;
		text-align : center;
		font-size : 1.4em;
		font-weight : bold;
		background : url(../images/separateur.png) no-repeat left top;
	}
	
	#menu_menuprincipal ul li a span {
		position : relative;
		display : block;
		width : auto;
		height : 41px;
		margin : 0;
		cursor : pointer;
	}
	
	#menu_menuprincipal ul li a span span.flecheEnfants {
		display : block;
		width : auto;
		height : 4px;
		padding : 0;
		margin : 5px 0 0 0;
		background : url(../images/fleche.png) no-repeat center bottom;
		border : none;
	}
	
	#menu_menuprincipal ul li:hover a { color : black; }
	
	#menu_menuprincipal ul li a:hover span span.flecheEnfants:hover { text-decoration : none; border : none;}
	
	#menu_menuprincipal ul ul {
		position : absolute;
		left : -999em;
		width : auto;
		padding : 20px 10px 10px 10px;
		margin : 0;
		background : white url(../images/fondMenuHover.png) repeat-x left top;
		border : 1px solid white;
		border-radius : 0 0 10px 10px;
		-moz-border-radius : 0 0 10px 10px;
		-webkit-border-radius : 10px;/*pour safari*/
		-webkit-border-radius : 0 0 10px 10px;/*pour chrome*/
		z-index : 10;
	}	
	
	#menu_menuprincipal ul li:hover ul { left : auto; }
	
	#menu_menuprincipal ul ul li {
		float : none;
		display : list-item;
	}
		
	#menu_menuprincipal ul ul li a {
		display : inline;
		padding : 0;
		margin : 0;
		font-size : 1em;
		font-weight : normal;
		background : none;
		color : black;
	}
	
	#menu_menuprincipal ul ul li a span { display : inline; }
	
	#menu_menuprincipal ul ul li a:hover {
		text-decoration : none;
		color : #f55b1d;
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	
	#menu_menuAnnexe {
		position : absolute;
		top : 15px;
		left : 720px;
	}
	
	#menu_menuAnnexe h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menuAnnexe ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menuAnnexe ul li {
		float : left;
		padding : 0 5px 0 5px;
		border-left : 1px solid #6f6f6f;
	}
	
	#menu_menuAnnexe ul li:first-child { border : none; }
	
	#menu_menuAnnexe ul li a {
		display : block;
		text-transform : uppercase;
		text-decoration : none;
		font-size : 1.1em;
		color : #f55b1d;
	}
	
	#menu_menuAnnexe ul li a:hover {
		text-decoration : underline;
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	
	.piedPage {
		position : relative;
		height : 101px;
		margin : -101px 0 0 0; /* negative value of footer height */
		background : url(../images/fondFooter.png) repeat-x left bottom;
		text-align : left;
	}
	
	.piedPage #containerFooter {
		position : relative;
		width : 980px;
		margin : 0 auto;
	}
	
	.piedPage .logoLocastock {
		float : left;
		width : 160px;
		height : 80px;
		margin-left : 10px;
		background : red url(../images/logoFooter.png) no-repeat 0 0;
	}
	
	.piedPage .adresse {
		float : left;
		width : 160px;
		margin : 0 0 0 20px;
		color : white;
	}
	
	.piedPage .adresse a {
		color : white;
		text-decoration : none;
	}
	
	.piedPage .adresse a:hover { text-decoration : underline; }
	
	.piedPage .description {
		float : left;
		width : 160px;
		margin : 0 0 0 70px;
		color : white;
		text-align : right;
	}
	
	.piedPage a.logoDupleix {
		position : absolute;
		top : 0;
		right : 10px;
		width : 170px;
		height : 80px;
		background : red url(../images/logoDupleix.png) no-repeat 0 0;
	}
	
	.piedPage a.logoDupleix span {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	.piedPage #menu_menupieddepage {  }
	
	.piedPage #menu_menupieddepage h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	.piedPage #menu_menupieddepage ul {
		float : left;
		margin : 10px 0 0 50px;
		padding : 0;
		list-style : none;
	}
	
	.piedPage #menu_menupieddepage li { }
	
	.piedPage #menu_menupieddepage li a {
		color : white;
		text-decoration : none;
	}
	
	.piedPage #menu_menupieddepage li a:hover { text-decoration : underline; }
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_menuLangue {
		position : absolute;
		top : 10px;
		right : 20px;
	}
	
	#menu_menuLangue h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menuLangue ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menuLangue ul li {
		float : left;
		display : inline;
		margin : 0 0 0 5px;
	}
	
	#menu_menuLangue ul li a { text-decoration : none; }
	
	#menu_menuLangue ul li a span strong {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menuLangue ul li a span span img { border : none; }
	
	#menu_langue ul li a:hover {
	}
	
	#menu_langue ul li a img {
	}
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique {
		position : absolute;
		top : 45px;
		left : 730px;
	}
	form#mrecherche_rechercheGenerique p {
		position: absolute;
		top: 0;
		margin: 0;
		height: 20px;
	}
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique { 
		left: 0;
		width: 145px;
		height: 20px;
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique { left: 155px; }
	
	form#mrecherche_rechercheGenerique p input {
		position: absolute;
		top: 0;
		left: 0; 
		margin: 0;
		padding: 0;
		height: 20px;
		line-height: 20px;
		font-size: 1em;
		
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique { 
		width: 145px;
		height: 20px;
		padding : 0 2px 0 2px;
		line-height: 20px;
		background : white url(../images/fondSubmit.png) repeat-x 0 0;
		border : 1px solid #9f9f9f;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique { 
		width: 67px;
		height : 22px;
		cursor: pointer;
		background: #f55b1d;
		border : 1px solid #f55b1d;
		border-radius : 5px 5px 5px 5px;
		-moz-border-radius : 5px;
		-webkit-border-radius : 5px;
		color : white;
	}
	
	/* résultat de recherche */
	h2.recherche { color : #656565; }
	h3.recherche { font-style : italic; }
	ul.recherche { margin: 0; padding: 1em; list-style: none; border: 1px solid silver; }
	ul.recherche li { padding: 0.3em; border-bottom: 1px solid silver; }
	ul.recherche li.paire { background: white; }
	ul.recherche li.impaire { background: #F9F4CA; }
	ul.recherche li:hover { background: #5a5a5a; }
	ul.recherche li a { display: block; font-size: 1.2em; color: black; text-decoration: none; }
	ul.recherche li a:hover {color: white;}
	
	/* bouton de retour à la liste de résultats */	
	p.retour_recherche { }
	p.retour_recherche a {
		display : block;
		width : 155px;
		padding : 10px;
		background : #5a5a5a;
		text-decoration : none;
		font-size : 1.2em;
	}
	
	p.retour_recherche a:hover span { color : #f55b1d; }
	
	p.retour_recherche span { color : white; }
	
	/* 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 {
}