@font-face {
    font-family: "lato";
    src: url("Lato-Regular.ttf") format("truetype");
}


body {
  background-color: #E8EEF7;
  text-align: center;
  color: #111111;
  font-family: lato, Helvetica, verdana, sans-serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}

img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 100%;
	margin-top:26px;
	}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

p { 
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

p.titre {
	color: #08396B;
	text-align:center;
	font-size:14pt;
}

p.soustitre {
	color: #2F99CD;
	text-align:center;
	font-size:14pt;
}

p.leg {
	color: #111111;
	text-align:center;
	font-size:8pt;
	font-style : italic;
}

div {
	border-radius: 0px;
	}
	
input{
	border-radius:0px;
	border:solid 1px;
	border-color: #8795A9;
}

a {
	color: #202020;
	text-decoration: none;
}

a:hover {
	color: #202020;
}


input.zone  {
	
	 background-color:transparent;
	 border:0px;
	 outline:none;
	 outline-width:0;
	 text-align:center;
	 Vertical-align:middle;
	 margin-top:4px;
}




div.page {
	border-top: none;
  	background-color:#ffffff;
	width: 980px;
	margin-top:0px;
	padding: 0 0 0 0;
	margin-left: auto;
	margin-top:0px;
	margin-right: auto;
	text-align:center;
	margin-bottom:0px;
	height:645px;
	}


div.titre {
  	background-color: #ffffff;
	border-top: none;
	width: 970px;
	margin-top: 5px;
	padding: 0 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
	margin-bottom:0px;
	height:100px;
	float:left;
	font-size: 22pt;
	font-weight: bold;
	background-image:url('titre5.png');

	}

div.bloc1 {
  	background-color: #F0F4FA;
	border: solid 1px;
	border-color: #C9D6E9;
	height:263px;
	width: 208px;
	margin-top:20px;
	padding: 0 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
	margin-bottom:0px;
	float:left;
	font-weight: bold;
	}

div.bloc3 {
  	background-color: #D3E9FF;
	border: 0px;
	width: 210px;
	height:45px;
	margin-top:5px;
	padding: 0 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
	margin-bottom:0px;
	float:left;
	font-weight: none;
	}
	
div.bloc2 {
  	background-color: #F0F4FA;
	border: solid 1px;
	border-color: #C9D6E9;
	width: 208px;
	height:193px;
	margin-top:5px;
	padding: 0 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;

	float:left;
	font-weight: bold;
	}

div.bloc4 {
  	background-color: #84D7FD;
	border: 0px;
	width: 250px;
	height:530px;
	margin-top:5px;
	padding: 0 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;

	float:left;
	font-weight: bold;
	}

div.corps {
	width: 755px;
	height:530px;
	padding: 0 0 0 0;
	margin-top:5px;
	margin-left:5px;
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	}


	
div.liste {
	background-color:#ffffff;
	width: 960px;
	margin-top:20px;
	margin-left:0px;
	padding:10px;
	text-align: left;

	}
	
a:link {
text-decoration : underline;
color : #212121;
font-weight : normal;
}
a:visited {
color : #212121;
font-weight : normal;
text-decoration : underline;
}
a:hover {
color : #000000;
font-weight : normal;
text-decoration : none;
}


.lien:link {text-decoration : underline;
color : #1C4062;
font-weight : bold;
font-size:16pt;
}
.lien:visited {text-decoration : underline;
color : #1C4062;
font-weight : bold;
font-size:16pt;
}
.lien:hover {text-decoration : none;
color : #aaaaaa;
font-weight : bold;
font-size:16pt;
}