body {
	margin: 0;
	padding: 0;
	background: white;
	color: black;
	font-size: 90%;
	font-family: arial, sans-serif;
}

#header {
	height: 180px;
	background: url(images/bandeau8.jpg) top left no-repeat; 
}

#header img {
	float: right;
	margin:45px 15px 0 0;
}

#header h1 {
	text-indent: -5000px;
	margin: 0;
	line-height: O;
}

#header h2 {
	margin: 45px 0 0 310px;
	font-weight: none;
	color: #f17700;
	font-size: 1.3em;
	font-family: georgia, verdana, arial, sans-serif;
	font-weight: lighter;
}

#menuhaut {
	border-top: 1px solid #015078;
	border-bottom: 1px dotted #015078;
	margin: 0 0 0 0;
	height: 18px;
	padding: 0.1em 6em 0.1em 0;
	text-align: right;
	list-style-type: none;
	color: #c1a9c1;
	
}

#menuhaut li {
	display: inline;
}

#menuhaut a {
	margin: 0 4px 0 4px;
	padding: 0 4px 0 0;
	color: navy;
	text-decoration: none;
	font-size: 0.8em;
}

#menuhaut a:hover {
	color: #000055;
	background: #cccccc;
	border: 1px solid #999999;
	margin: 0 2px 0 0;
	padding: 0 4px 0 4px;
}

.rappel {
	margin: 15px 0 0 8%;
	font-size: 0.8em;
	color: #666666;
}

.lien {
	float: right;
}

img {
	border-width: 0;
	border-style: none;
}

#blocinfop4  {
	margin: 6px 25px 0 25px;
	padding: 1px 6px 45px 15px;
	line-height: 1.3em;
	border: 1px solid #f17700;
	font-size: 0.7em;
	text-align: left;
	color: #666666;
	background: #f6f6f4;
}

#blocinfop4 ul {
	margin: 20px 0 0 10px;
	padding: 0;
	line-height: 1.3em;
}

#blocinfop4 li {
	margin: 0 3px 13px 3px;
	list-style-image: url(images/puce_15.png);
}

#blocinfop4 a {
	text-decoration: none;
	color: #666666;
}

#blocinfop4 a:hover {
	color: #f17700;
}	
	
#infop4 {
	width: 250px;
	float: left;
	margin: 40px 0 5px 40px;
	padding-top: 0;
	background: url(images/cadre_info_haut27.png) top no-repeat;
}

#infop4  h4 {
	font-size: 130%;
	font-weight: normal;
	margin: 8px 0 4px 65px;
	padding-top: 0;
	font-family: georgia, verdana, arial, sans-serif;
	color: white;
}

#picture {
	float: right;
	margin: 38px 35px 0 0;
}

#corpsp4 {
	margin-right: 25%;
	margin-left: 32%;
	margin-top: 0;
	padding-right: 25px;
	text-align: justify;
	color: #666666;
	font-size: 0.75em;
	border-right-style: solid ;
	line-height: 1.5em;
	border-width: 40px;
	border-color: #f6f6f4;
}

#corpsp4 h3 {
	text-align: left;
	color: #f17700;
	font-family: georgia, verdana, arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 25px; 
}

#corpsp4 h5 {
	color: #007fac;
	font-size: 1em;
}

.titre {
	text-align: center;
	color: #f17700;
	margin-top: 28px;
	font-family: georgia, verdana, arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
}

.modal {
	font-size: 1em;
}

.modal1 {
	font-size: 1.3em;
	text-align: center;
	margin-top: 30px;
}

.puce {
	float: left;
	margin-top: 3px;
	margin-right: 8px;
}

#chapeaucorpsp4 {
	height: 60px;
	margin-right: 25%;
	margin-left: 32%;
	margin-top: 60px;
	margin-bottom: 0;
	padding-top: 0;
	background: url(images/marcheurs1.png) top left no-repeat;
}

#chapeaucorpsp4 h1 {
	text-indent: -5000px;
	margin: 0;
	line-height: 0;
}

.hdp {
	float: right;
	font-size: 0.8em;
	color: #666666;
	text-decoration: none;
}

.hdp:hover {
	color: #b2541a;
}

#pied_de_page {
	margin: 65px 0 20px 0;
	height:20px;
	padding: 0.1em 0 0.1em 0;
	border-top: 1px dotted #015078;
	border-bottom: 1px solid #015078;
	background: #e4f7fe;
	text-align: center;
}

#menubas {
	margin: 0 0 15px 0;
	color: #666666;
}

#menubas li {
	display: inline;
}

#menubas a {
	margin: 0 4px 0px 4px;
	padding: 0 4px 0 0;
	color: #1dacd6;
	text-decoration: none;
	font-size: 0.7em;
}

#menubas a:hover {
	color: navy;
}