@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, html, img, p {
	margin: 0;
	padding: 0;
}

html {
	background: white;
}

body {
	font-family: "Verdana Serif", "Trebuchet MS";
	min-width: 980px;
}

img {
	border: 0;
}

#entete {
	min-height: 160px;
	padding: 20px;
}

#entete h1 {
	color: #007DC6;
	font-size: 40px;
	min-height: 70px;
	padding: 10px 20px 10px 175px;
}

#entete h2 {
	color: #60BB45;
	font-size: 28px;
	padding: 10px 20px 10px 175px;
}

#entete h2#before, #entete h2#after {
	color: red;
}
	
#entete #logo_yr {
	float: left;
}

#entete #logo_cg {
	float: right;
}

#contenu {
	background: url("/css/img/route.png") top right no-repeat;
	font-size: 20px;
	font-style: italic;
	min-height: 300px;
	margin: 30px 50px 0 20px;
}

#contenu p {
	padding: 0 175px 15px 30px;
}

#contenu p#entree {
	color: #F46F22;
	padding: 10px 175px 0 30px;
	text-align: center;
}

#contenu p#entree a {
	background: url("/css/img/fleche_entree.png") bottom center no-repeat;
	color: inherit;
	height: 75px;
	padding-bottom: 40px;
	text-decoration: none;
}

#contenu p#entree a:hover {
	background: url("/css/img/fleche_entree_hover.png") bottom center no-repeat;
	text-decoration: underline;
}