<style type=étext-css">
body {
	margin:0;
	padding:0;
	background:#fbfbfb;
}
p {
	font-size:14px;
}
a {
	color: #2795E8;
	font-size: 14px;
	font-family: Trebuchet-MS;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14, h15, h16 {
	color: #000000;
	margin: 30px 0 40px 0;
	font-size: 32px;
	font-weight:bold;
}
#page_contact {
	width:100%; background-image:url('img/posts/photo-1545483656-1a34ae73add1.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; 
	padding: 50px 50px 50px 40%;
}
#page_contact h1, #page_contact p, #page_contact label {
	color: white;
}

#site {
	display: block;
	width: 70%;
	margin: 0 0 0 15%;
	padding:0;
	background:white;
}
#haut {
	width: 100%;
	background: white;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}
#logo {
	float:left;
	width:25%;
	margin: 0 20px 0 0;
	padding: 0 0 0 5%;
}
#logo img {
	width: 207px;
	height: 55px;
}
#menu {
	width: 73%;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	float: left;
	margin: 0 10px 0 0;
}
#menu ul li a {
	color:#757575;
	font-size:14px;
}
#header-fin {
	clear:both;
}
#page {
	clear:both;
	padding: 20px 20px 20px 20px;
}
#entete {
	background: white;
	min-height: 100px;
	padding: 30px 0 30px 0;
	margin: 0 0 20px 0;
}
#entete p img {
	width: 100%;
	height:auto;
}
#footer-logo {
		float:left;
		width:25%;
		margin: 20px 0 0 0;
}
#footer-right {
	float:left;
	width: 70%;
	margin: 20px 0 0 0;
}
#footer-fin {
	clear:both;
}
#recherchertitre{
	font-size: 18px;
	font-weight:bold;
	color:#2795E8;
	text-align:center;
}
#formrecherche {
	padding: 20px 0 20px 30%;
	background:#fbfbfb;
}
#formrecherche label, form label {
	color:grey;
	font-size: 12px;
	line-height: 20px;
}
.boutonrecherche {
	background-color:white;
	padding: 5px 15px 5px 15px;
	border-radius:3px;
}
.resultatrecherche {
	background-color: #F7FCFF;
	padding: 10px 10px 10px 10%;
	border-radius: 3px;
	margin: 0 0 5px 0;
}
.resultatrecherche p {
	color:blue;
}
.erreur {
	background:red;
	color:white;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
}
.reussite {
	background:green;
	color:white;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
}
#recrutement {
	background:#2795E8; padding: 5px; border-radius:2px;
}
#left p, #left h1, #left h2, #left ul li {
	color:white;
}
#right h2, #right ul li {
	color:white;
}
#recrutement #left {
	float:left; width:40%; margin: 0 5% 0 5%;
}
#recrutement #right {
	float:left; width:40%; 
}
.regionliste {
	float:left;
	width: 150px;
	padding: 5px 10px 5px 10px;
	margin: 0 20px 20px 0;
	background: #fbfbfb;
	border-color:#fbfbfb;
	border-radius: 5px;
}
.regionliste a {
	color:back;
}

.villeliste {
	display:block;
	width: 58%;
	margin: 0 0 20px 35%;
	background: #2795E8;
	padding: 10px 10px 10px 10px;
	border-color: #2795E8;
	border-radius: 5px;
}
.villeliste p {
	color:white;
}
.villeliste a {
	color:white;
}
#postuler {
	background: #2795E8;
	padding: 5%;
	width: 90%;
}
#postuler p, #postuler h2 {
	color:white;
}
#bouton-postuler {
	color:white;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

#nb_offres {
	font-size:14px;
	font-weight:bold;
	color:#2795E8;
}

.espace {
	width:100%;
	height: 50px;
}

@media only screen and (min-width: 160px) and (max-width: 480px) {
	
	body {
		margin:0; padding:0;
	}
	#site {
		width:100%
		margin:0;
		padding:0;
	}
	#page {
		padding:0;
	}
	#entete {
		padding:0;
	}
	#logo {
		float:none;
		padding:0;
	}
	#menu ul li {
		float:none;
	}
	#footer-logo {
		float:none;
	}
	#footer-fin {
		float:none;
	}
	
}

</style>