@import url(recherche.css);
@import url(menus.css);

@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 ... */
}