a
{
text-decoration: none;
}

a img
{
border: none;
}


body
{
	width:100%;
	margin:auto; /* Pour centrer notre page */
	background: url("image/liseret.jpg") no-repeat;
	background-position:center 97%;
	background-repeat:no-repeat;
	background-size: 100%;
}

em
{
	color: rgb(142, 232, 22);
	font-style: normal;
	font-weight: bold;
}
strong
{
	font-weight: bold;
	font-size: 100%;
}

nav
{
	float:left;
	width:8%;
	margin-left:8%;
}

#menu
{
width:100%;
}

nav ul
{
	list-style: none;
	margin:0 0 0 0;
	padding-left:0;
}

nav ul ul {display: none; position: absolute; left: 100%; top: 48%; margin: 0px; padding: 15px 0 15px 5px;}
nav ul ul ul {display: none; position: absolute; left: 120px; top: -15px; margin: 0; padding: 0;}
nav ul li {list-style: none; margin:0 auto; position: relative; width: 100%; margin-top: 15px;}
nav ul ul li {list-style-type: none; padding-top:0px; margin-top:0; position: relative; width: 120px; color:white;border-left:1px solid black;border-left:1px solid rgba(0, 0, 0, 0.6);border-bottom:1px solid black;border-bottom:1px solid rgba(0, 0, 0, 0.6);}
nav ul ul ul li {width:260px; margin-top:15px; border-left:none; margin-left:0; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);}/*le premier background pour IE*/
nav ul li:hover ul.niveau2 {display: block;}
nav ul li ul:hover ul.niveau3 {display: block;}

nav ul ul li a
{
text-decoration: none;
}

nav ul ul li a:visited
{
color: rgb(142, 232, 22);
}

nav ul ul li a:link
{
color: rgb(142, 232, 22);
}


nav.on
{
	position:absolute;
	right:1%;
	top:1%;
	width:17%;
	margin:0px;
	padding:0px;
	list-style: none;
}

nav.on ul {display: contents;position: absolute;left: 0%; top: 0%;}
nav.on ul ul {display: none; position: absolute;}
nav.on ul ul ul {display: contents; position: absolute;}

nav.on ul li {position: relative; list-style: none;margin:0px;}
nav.on ul ul li {position: relative; margin-left:2%; width:100%; border-left:1px solid black; border-left:1px solid rgba(0, 0, 0, 0.6); background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);}/*le premier background pour IE*/
nav.on ul ul ul li {position: relative; width:100%; margin-top:1%;border-left:none; border-bottom:none; margin-left:2%; background-color: inherit;}


nav.on ul li:hover ul.niveauon25 {display: contents;}
nav.on ul li ul:hover ul.niveauon35 {display: contents}

nav.on ul ul li a
{
text-decoration: none;
}

nav.on ul ul li a:visited
{
color: rgb(142, 232, 22);
}

nav.on ul ul li a:link
{
color: rgb(142, 232, 22);
}

nav.on ul ul ul li a:link
{
color: rgb(0, 150, 150);
}

nav.on ul ul ul li a:visited
{
color: rgb(0, 150, 150);
}


header
{
	overflow:auto;
}
header h1
{
 text-align: center;
 font-size: 150%; 
}
.retour_home
{
	width: 6%;
	float: right;
}

article
{
	width: 65%;
	overflow: auto;
	margin: auto;
	background-size: 100%;
}
.image_18
{
	width: 48%;
	margin-top: 10%;
	margin-left: 15%;
	margin-bottom: 10%;
	display: inline-block;
}
.image_19
{
	width: 28%;
	margin-top: 1%;
	margin-left: 8%;
	margin-bottom: 25%;
	display: inline-block;
}

section
{
	width: 65%;
	border-left: 2px rgb(195,195,195) solid;
	border-top: 2px rgb(195,195,195) solid;
	overflow: auto;
	margin: auto;
	background-size: 100%;
}
.image_5
{
	width: 34%;
	float: right;
	margin-bottom:9%;
	margin-right: 5%;
}
.image_6
{
	width: 34%;
	float: right;
	margin-bottom:9%;
	margin-right: 1%;
}
.image_7
{
	width: 40%;
	float: right;
}
.image_8
{
	width: 30%;
	float: left;
	margin: 8% 3% 3% 8%;
}
.image_9
{
	width: 83%;
	margin: 2% 6% 4% 6%;
}
.image_10
{
	width: 25%;
	float: right;
	margin: 2% 6% 6% 6%;
}
.image_11
{
	width: 15%;
	float: left;
	margin-left: 6%;
	margin-top: 6%;
}
.image_12
{
	width: 90%;
	margin: 0% 4% 7% 4%;
}
.image_13
{
	width: 88%;
	margin: 0% 4% 7% 6%;
}
.image_15
{
	width: 25%;
	margin-top: 1%;
	margin-left: 35%;
}
.image_16
{
	width: 30%;
}
.image_17
{
	width: 30%;
	margin-left:8%;
}

.p3
{
	width : 45%;
	margin-top: 8%;
	margin-left: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p4
{
	width: 50%;
	margin-top: 6%;
	margin-left: 6%;
	margin-right: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p5
{
	margin-top: 6%;
	margin-left: 6%;
	margin-right: 45%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p6
{
	margin-top: 2%;
	margin-left: 6%;
	margin-right: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p7
{
	margin-top: 2%;
	margin-left: 6%;
	margin-right: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p8
{
	width: 35%;
	margin-top: 17%;
	margin-left: 25%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p9
{
	width: 55%;
	margin-top: 4%;
	margin-left: 6%;
	margin-right: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p10
{
	margin-top: 2%;
	margin-left: 6%;
	margin-right: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p11
{
	margin-top: 2%;
	margin-left: 6%;
	margin-right: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 180%;
}
.p15
{
	margin-top: 2%;
	margin-right: 6%;
	margin-bottom: 6%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 80%;
	text-align: center;
	line-height: 180%;
}
.milieu_3
{
	width: 35%;
	margin-top: 3%;
	margin-bottom: 6%;
	margin-left: 6%;
	float: left;
	list-style-image: url("image/liste_puce.jpg");
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 120%;

}
.milieu_4
{
	margin-top: 5%;
	margin-bottom: 16%;
	margin-left: 8%;
	float: left;
	list-style-image: url("image/liste_puce.jpg");
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 120%;
}
.milieu_5
{
	margin-top: 10%;
	margin-bottom: 6%;
	margin-right: 10%;
	float: right;
	list-style-image: url("image/liste_puce.jpg");
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 120%;
}
.milieu_6
{
	margin-top: 2%;
	max-width:52%;
	overflow:auto;
	margin-left: 2%;
	float: left;
	list-style-image: url("image/liste_puce.jpg");
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	text-align: justify;
	line-height: 110%;
}
h5
{
	font-size: 80%;
	float:left;
	width:30%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	margin-top: 0;
	margin-left: 10%;
	margin-bottom: 2%;
	display: inline;
}
h6
{
	font-size: 80%;
	width:30%;
	color: black; 
	font-family: calibri, times new roman, comic sans MS;
	margin-top: 0;
	margin-right: 25%;
	margin-bottom: 2%;
	display: inline;
	float:right;	
}

#bloc_1
{
	width: 100%;
}
.image_14
{
	width: 30%;
	float: right;
	margin-top: 4%;
	margin-right: 2%;
}
h2
{
	font-size: 120%;
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	margin-left: 6%;
}
.p12
{
	width: 60%;
	font-size: 90%;
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	text-align: justify;
	line-height: 150%;
	margin-left: 3%;
}
.milieu_p12
{
	font-size: 75%;
	list-style: none; 
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	text-align: justify;
	line-height: 120%;
}

#bloc_2
{
	width: 48%;
	float: right;
	margin-bottom: 6%;
}
h3
{
	font-size: 120%;
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	margin-left: 6%;
}
.p13
{
	width: 93%;
	font-size: 90%;
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	text-align: justify;
	line-height: 150%;
	margin-left: 3%;
}
.milieu_p13
{
	background-image: url("image/diversité.jpg");
	background-repeat: no-repeat; 
	background-position: 100% 65%; 
	float: left;
	width: 85%;
	font-size: 75%;
	list-style: none; 
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	text-align: justify;
	line-height: 120%;
}

#bloc_3
{
	width: 46%;
	margin-top: 24%;
	margin-left: 2%;
}
h4
{
	font-size: 120%;
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	margin-left: 6%;
}
.p14
{
	width: 93%;
	font-size: 90%;
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	text-align: justify;
	line-height: 150%;
	margin-left: 3%;
}
.milieu_p14
{
	width: 85%;
	font-size: 75%;
	list-style: none; 
	color: black;
	font-family: calibri, times new roman, comic sans MS;
	text-align: justify;
	line-height: 120%;
}



footer
{
	margin:auto;
	width:100%;
	text-align:center;	
	font-family: calibri, times new roman, comic sans MS;
	font-size: 90%;
	color: black;
	margin-top: 13%;
}

footer p
{
	
}