@charset "UTF-8";

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/

	form#mrecherche_rechercheBkg{
		position: absolute;
		top: 260px;
		left: 10px;
		border: 1px solid #7daacd;
		border-top: none;
		height: 39px;
		width: 310px;
		padding: 20px 0 0 0;
		margin: 0;
	}	
	form#mrecherche_rechercheBkg p {
		position: relative;
		float: left;
		margin:  0;
		padding: 0; 
	}
	form#mrecherche_rechercheBkg p#p_rech_input_rechercheBkg {
		width: 245px;
		height: 20px;
	}
	form#mrecherche_rechercheBkg p#p_rech_btn_rechercheBkg {
		width: 25px;
		height: 20px;
	}	
	form#mrecherche_rechercheBkg p input#recherche_rechercheBkg{
		position: relative;
		float: left;
		margin: 0 0 0 20px;
		padding: 0 0 0 5px;
		width: 225px;
		background: url(../images/f-recherche.png) no-repeat top left;		
		cursor: auto;	
		height: 20px;
		border: none;
	}
	form#mrecherche_rechercheBkg p input#btnrecherche_rechercheBkg{
		position: relative;
		width: 25px;
		margin: 0;
		padding: 0;		
		background: url(../images/btn_recherche.png) no-repeat top left;		
		cursor: pointer;
		color: white;
		border: none;	
		height: 20px;
	}
	
	.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;
	}

/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#menu_menuprincipal {	
		position: absolute;
		top: 230px;
		left:0;
		margin: 0;
		padding: 0;
		width: 980px;	
		background-color: #c83721;
		height: 30px;
		z-index: 3;
	}
	#menu_menuprincipal h3 {	
		position: absolute;
		left: -999em;
	}	
	#menu_menuprincipal ul {			
		list-style-type: none;
		margin: 0 0 0 15px;
		padding: 0;
	}	
	#menu_menuprincipal ul li {		
		float: left;
		margin: 0;
	}	
	#menu_menuprincipal ul li a {	
		display: block;
		font-size: 1.1em;
		line-height:  30px;
		font-weight: normal;
		color: white;
		text-decoration: none;
		cursor:pointer;
		text-align: center;		
	}	
	#menu_menuprincipal ul li a span{
		padding: 0 1.5em;
		border-right: 1px solid white;		
	}
	#menu_menuprincipal ul li a:hover span{
		text-decoration: underline;
	}	
	#menu_menuprincipal ul li ul { 
		position: absolute;
		left: -999em;
		margin-left: -1px;
		width: 25em;		
	}
	#menu_menuprincipal ul li:hover ul, #menu_menuprincipal ul li.sfhover ul  {
		left: auto;
	}	
	#menu_menuprincipal ul li ul li {		
		display: block;
		float: none;
		border: 1px solid #c83721;
		border-top: none; 
		background-color: white;
		width:100%;	
	}	
	#menu_menuprincipal ul li ul li a {
		display: block;
		margin: 0;
		padding: 0.2em 1.8em;
		font-size: 1.1em;
		font-weight: normal;
		color: black;
		text-decoration: none;
		text-align: left;
		font-size : 1.1em;
		height: auto;
		line-height: normal;
	}	
	#menu_menuprincipal ul li ul li a span{
		padding: 0;
		border-right: none;		
	}
	#menu_menuprincipal ul li ul li a:hover {
		background-color: #c83721;
		color: white;
	}
	#menu_menuprincipal ul li ul li a:hover span{	
		text-decoration: none;
	}
	
	/********************************/
	/*		MENU HAUT		*/
	/********************************/
	#menu_haut{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		margin: 0;
		padding: 0 1em;
		background: url(../images/f-menuhaut.png) repeat-x;
		height: 25px;
	}
	#menu_menuannexe {
		position: relative;
		float: left;
	}	
	#menu_menuannexe h3 {	
		position: absolute;
		left: -999em;
	}	
	#menu_menuannexe ul {
		list-style-type: none;
		margin: 0;
		padding: 0.5em 0 0 0;
	}	
	#menu_menuannexe li {
		display:block;
		float: left;
	}	
	#menu_menuannexe li a {
		display: block;
		margin: 0;
		padding: 0 0.5em;
		font-size: 0.8em;
		font-weight: normal;
		color: #006ab3;
		text-decoration: none;
		text-align: center;
		font-size : 1.1em;
	}	
	#menu_menuannexe li a:hover {
		color: #c83721;
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/

	#menu_menupieddepage {
		position: relative; width: 100%; clear: both;
	}	
	#menu_menupieddepage h3 {	
		position: absolute;
		left: -999em;
	}	
	#menu_menupieddepage ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: right;
	}	
	#menu_menupieddepage li {
		
	}	
	#menu_menupieddepage li a {
		margin: 0;
		padding: 0 0.5em;
		font-size: 0.8em;
		font-weight: normal;
		color: white;
		text-decoration: none;
		text-align: center;
		font-size : 1.1em;
	}	
	#menu_menupieddepage li a:hover {
		color: #c83721;
	}
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {
		position: relative;
		float: left;
	}
	#menu_langue h3 {
	}
	#menu_langue ul {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;		
	}	
	#menu_langue ul li {
	}	
	#menu_langue ul li a {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0.5em;
		color: #006ab3;
		height: 24px;
		width: 100px;
		line-height: 24px;
		text-decoration: none;
		text-align: center;
		font-size : 1.1em;
		font-weight: bold;
	}
	#menu_langue ul li ul  {
		position: absolute;
		margin-top: -1px;
		right: 999em;
		/*display: none;*/
	}
	#menu_langue ul li:hover ul, #menu_langue ul li.sfhover ul{
		right: 0; /*display: block;*/
	}
	#menu_langue ul ul li{
		margin: 0;
		padding: 0;
		display:block;
		float: none;
		border: 1px solid #006ab3;
		border-top: none; 
		background: white;
	}
	#menu_langue ul ul li a {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		font-weight: normal;
		color: #006ab3;
		text-decoration: none;
		text-align: center;
		font-size : 1.1em;
		width: 100px;
		height: 20px;
		cursor: pointer;
	}
	
		
	#menu_langue ul li a img {
	}

@media screen{
	body {
		margin: 0;
		padding: 0;
		font-size: 62.5%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
	}
	
	#global {
		position: relative;
		width : 980px;		
		margin: 0 auto;
		padding: 0;
		font-size: 1em;
		text-align: left;		
		background: #2a8db6 url('../images/f-global.gif') repeat-x  left 260px;
	} 
	#decoglobal {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 275px;
		height: 216px;
		background: url(../images/decoglobal.png) no-repeat left top;
	}
	
	
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width : 980px;
		height : 230px;
		background:  url('../images/visuel-entete.jpg') no-repeat top left;
	}
	
	#entete #visuel {
	}
	
	#entete h1 {
		position: absolute;
		top: 0;
		left: 10px;
		width : 305px;
		height : 100px;
		margin: 0;		
		background:  url('../images/logo.png') no-repeat top left;
	
	}
	#entete h2 {
		position: absolute;
		top: 180px;
		left: 0;
		font-weight: normal;
		font-size: 2.5em;
		color: #006ab3;
		font-style: italic;
		font-stretch: narrower;
		margin:0;
		width: 950px;
		text-align: right;
	}
	#happy {	
		position: absolute;
		top: 90px;
		left: 254px;
	}
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		display: block;
		position: absolute;
		top: 260px;
		left: 321px;
		padding: 0 10px;
		color: #006ab3;
		width: 629px;
		height: 59px;
		margin: 0;		
		border-bottom: 1px solid #7daacd;
		border-right: 1px solid #7daacd;
		background: url(../images/f-chemindefer.png);
	}
	p#chemin strong {}	
	p#chemin span {
		padding: 0  0 0 10px;
	}
	p#chemin span a span{
		padding: 0;
	}	
	p#chemin span.chemin_last {
		display: block;
		background: url(../images/puce-chemin.png) no-repeat left top;
		margin : 0.5em 0 0 0;
		padding:0 0 0 25px;
		height: 20px;
		line-height: 20px;
		font-size: 1.8em;
		color: #c83721;
	}	
	p#chemin span.chemin_first, p#chemin span.chemin_0 {
		position: absolute;
		left: -999em;	
	}
	p#chemin a {
		color: #006ab3;	
	}
	p#chemin a:hover {
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {position: relative;
		padding: 320px 0 0 10px;
		margin: 0;
	}
	#global #contenu #conteneur.categTypeNormal{
		position: relative;
		background: #e6ebf5 url(../images/f-conteneur.png) repeat-x left top;
		border-left: 1px solid #7daacd;
		border-right: 1px solid #7daacd;
		width: 959px;
		padding-bottom: 5em;
		
	}
	#global #contenu .categTypeMenu{
		position: relative;
		float: left; display: inline;
		margin : 0 0 0 19px;
		background: #e6ebf5 url(../images/f-conteneur.png) repeat-x left top;
		/*margin: 0 0 0 311px;*/
		border-left: 1px solid #7daacd;
		border-right: 1px solid #7daacd;
		width: 648px;
		padding-bottom: 5em;
		
	}
	#global #contenu .categTypeNormal #deco {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 961px;
		height: 194px;
		margin: 0 -1px;
		background: url(../images/f-deco.png) no-repeat;
	}
	#global #contenu .categTypeMenu #deco {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 650px;
		height: 137px;
		margin: 0 -1px;
		background: url(../images/f-decoConteneurMenu.png) no-repeat;		
	}
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
	}	
	.leon {
		clear: both;
	}
	.leonvisuelpdt {
		clear: right;
	}
	.editChampVide {
		display: none;
	}
	
	/*--	titraille	--*/
	#contenu h1#con_libelle {
		position: absolute;
		top: 30px;
		left: 10px;
		font-size: 6em;
		font-weight: normal;
		/*color: #e6ebf5;*/
		color: #DEE5EB;
		margin: 0;
	}
	#contenu h2, #contenu h3, #contenu h4 {	
		position: relative;	
		color: #006ab3;
	}
	#contenu #con_descriptif h1 {
		color: #006ab3;
		font-size: 2.4em;
		font-weight: normal;
	}
	#contenu #con_descriptif h2, #contenu h2 {
		color: #006ab3;
		font-size: 1.8em;
		font-weight: normal;
	}
	#contenu #con_descriptif h2 strong, #contenu h2 strong, #contenu #con_descriptif h2 b, #contenu h2 b{
		font-weight: normal;
	}
	#contenu #con_descriptif h3, #contenu h3 {
		color: #006ab3;		
		font-size: 1.8em;		
		font-weight: normal;
	}
	#contenu #con_descriptif h3 b, #contenu h3 b, #contenu #con_descriptif h3 strong, #contenu h3 strong{	
		font-weight: normal;
	}
	#contenu #con_descriptif h4, #contenu h4 {
		color: #006ab3;
	}
	#global #contenu #conteneur.categTypeNormal h2{
		padding: 0;
		margin: 0;
		font-weight: normal;
	}
	#global #contenu #conteneur.categTypeNormal h3{
		padding: 0;
		margin: 0;
	}
	#global #contenu #conteneur.categTypeNormal ul li {
		position: relative;
		list-style-image: url(../images/puce-liste1.png);
	}
	#global #contenu #conteneur a {
		color: #c83721;
	}
	#global #contenu #conteneur a:hover{
		color: #c83721;
		text-decoration: none;
	}
	#global #contenu #conteneur p {
		position: relative;
	}
	#global #contenu #conteneur p#message_envoye {
		margin: 1em 1em 4em 1em;
		font-size: 1.8em;
		color: #C83721;
	}
	/*--	listes générales	--*/
	#contenu ul {
		margin : 0;
		padding : 1em 0 0 3em;
	}
	#contenu ul li {
	}
	#contenu ul ul {
		margin : 0;
		padding : 0.3em 0 0 3em;
	}
	
	#contenu  #listeCategorie{
		position: relative;
		float: left; display: inline;
		margin : -10px 0 0 20px;
		/*
		top: 310px;
		left: 30px;
		*/
		background: url(../images/f-listecategorie.png) no-repeat left top;
		width: 272px;
		/*height: 307px;*/
		z-index: 2;
	}
	#contenu  #listeCategorie ul{
		position: relative;
		padding: 0 0 2em 10px;				
		margin: 60px 0 0 0;
		color: white; 
		list-style-type: none;
		background: url(../images/f-decolistecateg.png) no-repeat left bottom;
	}
	#contenu  #listeCategorie ul li{
		padding: 0;
		margin: 0;
	}
	
	#contenu #listeCategorie ul li a{	
		display: block;
		line-height: 2em;
		font-size: 1.2em;
		font-weight: light;	
		color: white; 
		text-decoration: none;
		border-bottom: 1px solid white;
		width: 252px;
	}
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative;
		padding: 10px;		
		font-size: 1.4em;
		color: #00a4e8;
		font-weight: bold;
		margin-top: 0;
	}
	#contenu #con_descriptif {
		position: relative;
		padding: 10px;
		font-size: 1.2em;
	}
	#contenu #con_descriptif table {
		position: relative;
		width: 100%;
		border-color: #7daacd;
		border-collapse: collapse;
	}
	#contenu #con_descriptif table td {
		width: auto;
		padding: 0.5em;
		}
	#contenu #con_descriptif table th {
		width: auto;
		padding: 0.5em
	}
	#contenu #con_descriptif img{
		border: solid 1px #006ab3;
		margin: 0 10px 0 0;	}
	#contenu #con_descriptif ul  {
		position: relative;
	}
	#contenu #con_descriptif ul li {
		position: relative;
		list-style-image: url(../images/puce-liste1.png);
	}
	
	/*-- 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_arbo {
	}
	#contenu .menu_arbo h3 { display: none;
		position: relative; margin: 1em; padding: 1em;}
	#contenu .menu_arbo ul {
		position: relative;
		padding-top: 3em;
		margin-right: 3em;
	}
	#contenu .menu_arbo ul li {
		padding: 1em;
		border-bottom: 1px solid #b9d2e6;	
	}
	#contenu .menu_arbo li a {
		font-size: 1.2em;
		text-decoration: none;
	}
	#contenu .menu_arbo li a img{border: none;}
	#contenu .menu_arbo li a:hover {
	}
	#contenu .menu_arbo li img {
	}
	#contenu .menu_arbo li strong {
		display: block;
		font-size: 1.4em;
		font-weight: normal;
		color: #006ab3;
	}
	#contenu .menu_arbo li span span{
	}		

	#retourPage{
		position: absolute;
		top: 280px;
		right: 40px;	
		font-size: 1.2em;
		color: 	white;
	}
	#retourPage a{
		position: relative;
		display: block;
		width: 100px;
		height: 24px;
		line-height: 24px;
		color: #006ab3;
		text-decoration: none;
		text-align: center;
		background: url(../images/btn_back.png) no-repeat left top
	}
	
	#retourPage a:hover{
		color: #c83721;
		background-position: left -24px;
	}
	/********************************/
	/*	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 {
	}
	/********************************/
	/*		SHORT BASKET			*/
	/********************************/
	p#short_basket {
	}
	p#short_basket a {
	}
	p#short_basket a:hover, p#short_basket a:hover strong {
	}
	p#short_basket a strong {
	}	
}
@media print{
  /* ... définition de formats pour l'impression ... */
}