@charset "UTF-8";
/* CSS Document */

@media screen {	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 340px;
		border-bottom: 5px solid #ccc;
		overflow: hidden;
	}
	
	#entete #visuel {
		position: absolute;
		top: 50px;
		width: 100%;
		height: 290px;
		background: white;
		overflow: hidden;
		background: white url(../images/f-ent_visuel-accueil.png) repeat-x;
	}
	
	#entete h1 {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 236px;
		height: 101px;
		margin: 0;
		background: url(../images/logo.png) no-repeat;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		display: none;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		padding-top: 345px;
		background: url("../images/f-promos-accueil.png") repeat-y right top;
	}
	
	/********************************/
	/*			MENUS				*/
	/********************************/
	#nav {
		margin-top: 345px; *
		margin-top: 333px;
		/* Aaaarrrrgh... il faut toujours qu'il y ait un hack qui traine !!! */
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	#bloc_accueil-decouv {
		position: relative;
		padding: 1em 0 2em 0;
		width: 57%;
		height: 22em;
		background: url("../images/f-decouv-accueil.png") repeat-y right top;
		overflow: auto;
	}
	#bloc_accueil-decouv ul {
		margin: 0  0 0 1.7em;
		padding: 0;
	}
	#bloc_accueil-decouv li {
		list-style: none;
		clear: both;
	}
	#bloc_accueil-decouv a {
		font-size: 1.1em;
		font-weight: normal;
		color: #c00;
		text-decoration: underline;
		float: right;
		margin-right: 1.5em;
	}
	#bloc_accueil-decouv a:hover {
		text-decoration: none;
	}
	#bloc_accueil-decouv img {
		float: left;
		margin: 0 1em 0.5em 0.5em;
		padding: 0 3px 3px 0;
		border-top: 1px solid black;
		border-left: 1px solid black;
		border-bottom: none;
		border-right: none;
		background: white url("../images/f-img-big.png") no-repeat right bottom;
	}
	#bloc_accueil-decouv p {
		font-size: 1.4em;
		margin-right: 1em;
	}
	#bloc_accueil-decouv strong {
		font-size: 1.6em;
		color: #c00;
	}
	
	#bloc_accueil-decouv h3,#texte h3,#bloc_accueil-promos h3 {
		position: relative;
		padding: 0 0.5em 0 2.5em;
		margin: 0 0 0.5em 0;
		height: 1.7em;
		line-height: 1.7em;
		color: #e42b2a;
		font-size: 1.4em;
		text-transform: uppercase;
		background: url("../images/fleche-rsb.png") no-repeat 1.4em center;
		border-bottom: 1px solid #ccc;
	}
	
	#texte {
		position: relative;
		margin-left: 57%;
		margin-top: -25em;
		padding: 1em 1% 2em 0;
		width: 42%;
		height: 22em;
		background: #f3f3f4 url("../images/f-promos-accueil.png") repeat-y right top;
		overflow: auto;
	}
	
	#texte h3 {
		padding-left: 2%;
		background: none;
	}
	
	#texte p,#texte div {
		margin: 1em 2%;
		font-size: 1.3em;
	}
	
	#bloc_accueil-promos {
		position: relative;
		clear: left;
		display: block;
		font-size: 1em;
		background: #f3f3f4 url("../images/f-promos-accueil.png") repeat-y right top;
		padding-bottom: 1em;
		padding-right: 9px;
	}
	
	#bloc_accueil-promos h3 {
		color: white;
		background: #e42b2a url("../images/fleche-bsr.png") no-repeat 1.4em
			center;
	}
	
	#bloc_accueil-promos ul {
		margin: 0;
		padding: 0;
	}
	#bloc_accueil-promos li {
		position: relative;
		display: block;
		float: left;
		margin: 0.5em;
		padding: 0.2em;
		width: 31%;
		border: 1px solid #ccc;
	}
	#bloc_accueil-promos li a {
		display: block;
		text-decoration: none;
		color: black;
		height:10em;
		overflow: auto;
	}
	#bloc_accueil-promos li a:hover {
		background-color: #ccc;
	}
	#bloc_accueil-promos li img {
		border: none;
		float: left;
		margin: 0 0.2em 0.2em 0;
		padding: 1px 3px 3px 1px;
		background: url("../images/f-img_rub.png") no-repeat right bottom;
	}
	#bloc_accueil-promos li strong {
		display: block;
		font-size: 1.2em;
	}
}

@media print {
	#bloc_accueil-decouv, #bloc_accueil-promos {
		position: relative;
		padding: 1em;
		border: 1px solid #ccc;
	}
	#bloc_accueil-decouv ul, #bloc_accueil-promos ul {
		margin: 0;
		padding: 0;
	}
	#bloc_accueil-decouv li, #bloc_accueil-promos li {
		list-style: none;
		clear: both;
		margin-bottom: 1em;
		border-bottom: 1px solid #ccc;
	}
	#bloc_accueil-decouv a, #bloc_accueil-promos li a {
		display: none;
	}
	#bloc_accueil-decouv img {
		float: left;
		margin: 0 1em 0.5em 0.5em;
		height: 120px;
	}
	#bloc_accueil-promos li img {
		border: none;
		float: left;
		margin: 0 0.2em 0.2em 0;
	}
}