/* note couleur verte asef = #127F0E */
/* note couleur bleue amsac = #0E0E7F */
/* note couleur vert clair =#17FE42 */

@media (min-width: 1025px)
{

#img80{
	width: 80%;
	margin : 0;.
	padding : 0;}

#img49{
	width: 49%;
	margin : 0;.
	padding : 0;}
	
#img98{
	width: 98%;
	margin : 0;
	padding : 0;}

#menumobile{
	width: 100%;
	display: none;
}

#menumobile2{
	width: 100%;
	display: none;
}

#menumobile3{
	width: 100%;
	display: none;
}

#menumobile4{
	width: 100%;
	height: auto;
	display: none;
	}

#menupc{
	width: 100%;
}

#menupc2{display : inline-block;
	width: 100%;
}



#head{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 150px;
	/*background: url(illustrations/Bandeau_bleuciel.png) no-repeat;*/	
	background-color: #42AFF9;
}

#head_amsac{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 150px;
	background-color: #0E0E7F;
}

#head_asef{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 150px;
	background-color: #127F0E;
}

.bandeau{
    width: 1200px;
    height: 120px;
	background: url(Images/bandeau.png) no-repeat;
	z-index: 1;
}

.img{
	/*box-shadow : 0px 0px 10px #000;*/
	vertical-align: center;
	width : 120px;
	margin : 15px 20px;
}

.img_amsacasef{
	/*box-shadow : 0px 0px 10px #000;*/
	vertical-align: center;
	width : 160px;
	margin : 20px 10px;
}

.img_amsac{
	/*box-shadow : 0px 0px 10px #000;*/
	vertical-align: center;
	width : 160px;
	margin : 20px 10px;
}

.img_entete_amsac{
	/* display: inline-block; */
	position: absolute;
	width : 20%;
	top : 5% ; left : 30%; bottom : 10% ;
	z-index: 3;
	}

.img_piedpage{
	/* display: inline-block; */
	position: absolute;
	width : 15%;
	top : 5% ; left : 42%; bottom : 10% ;
	z-index: 3;
	}

.img_entete{
	/* display: inline-block; */
	position: absolute;
	width : 170px;
	top : 10px ; left : 500px; bottom : 10px ;
	z-index: 3;
	}

body{
	background-color: #FFF;
}

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

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

#container{
	width: 1200px;
	height: 1000px;
	/* border: 1px solid #000; */
	margin: 0 auto;
}

#pied{
	width: 1200px;
	height: 150px;
	/* border: 1px solid #000; */
	margin: 0 auto;
	background: #D7DCDC; /* gris clair */
}

#pied2{
	position: relative;
	width: 1200px;
	height: 180px;
	/* border: 1px solid #000; */
	margin: 0 auto;
	background: #D7DCDC; gris clair
}

#bandeau_adresse{
	position: absolute;
	bottom : 25% ;
	text-align: center; 
	width: 100%;
	height: 30px;
	/* border: 1px solid #000; */
	margin: 0 auto;
}

.titre{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, sans-serif;
	z-index: 2;
	color: #fff;
	font-size: 22px;
	text-shadow: 0px 0px 10px #000;
}

.nav{
	background: #676C6F;
}
.nav > li{
	display: inline-block;
	vertical-align: top;
	width: 241px;
	border: 0px solid #fff;
	height: 40px;
	margin: 0 -5px 0 0;
}
/* Menu Principal */
.nav > li > a {
	z-index: 2;
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	width: inherit;
	height: inherit;
	border : 0px solid #fff;
	text-align: center;
	line-height: 40px;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav > li:hover > a{
	background-color: #1752F6;
	color: #fff;
}

/* Sous-Menu*/
.nav > li > .dropdown{
	z-index: 2;
	position: absolute;
	font-style: normal;
	font-family: Arial, serif;
	font-size: 14px ;
	background: #8FC9F0;
	width: 241px;
	top: -300px;
	opacity: 0;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav > li:hover > .dropdown{
	opacity: 1;
	top: 198px;
}

.nav > li > .dropdown > li{
	width: inherit;
	height: 40px;
}

.nav > li > .dropdown > li > a{
	display : block;
	width: inherit;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 -5px 0 0;
	color : #000;
}

.nav > li > .dropdown > li:hover > a{
	background: #1752F6;
	color: #FFF;
}

#bandeau_accueil {
display: inline-block;
margin : 0;
padding : 0;}

#information_accueil{
display: inline-block; width : 25%; vertical-align: top;
}

#bandeau_accueil2 {
display: inline-block; width : 100%; vertical-align: top;
}

#sousbandeau_50 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 48%;
padding: 1px 1px;
}

#sousbandeau_30 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 30%;
padding: 1px 1px;
}

#sousbandeau_65 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 65%;
padding: 1px 1px;
}

/*  Menu défilant page d'accueil */
@keyframes slidy {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -100%; }
35% { left: -100%; }
40% { left: -200%; }
55% { left: -200%; }
60% { left: -300%; }
75% { left: -300%; }
80% { left: -400%; }
95% { left: -400%; }
100% { left: 0%; }
}
 
div#slider {display : inline-block; z-index: 1; width: 80 %; max-width : 850px; overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 60s slidy infinite;
}


/* Titres et boutons */
h1{position : relative ; vertical-align: bottom ; padding : 0 0 10 px; margin : 0; height: 100%; text-align : center;}

/* h1{padding : 0px 55px; text-align: justify; margin: 3% 1%} - Titre si nouveau logo */

h2{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */; background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 100%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/*h3{font-style: bold; font-family: Arial, serif; font-size: 14px; color: #000; width: 70%; padding : 0px 10px; position: relative;} */

h4{border: 0px solid #42AFF9; /* bleu AMSAC-ASEF */; background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ font-style: normal; font-family: Arial, serif;
font-size: 20px; color: #fff; width: 80%; height: 30px; min-width : 500 px; text-align: center; border-radius: 10px 10px;} /* bouton bleu AMSAC-ASEF */

h4:hover{border: 0px solid #1752F6; /* bleu AMSAC-ASEF survol */; background-color: #1752F6; box-shadow: 6px 6px 6px #01A2F3; /* ombre bleu AMSAC-ASEF survol */ font-style: normal; font-family: Arial, serif;
font-size: 20px; color: #fff; width: 80%; height: 30px; min-width : 500 px; text-align: center; border-radius: 10px 10px;} /* bouton bleu AMSAC-ASEF */

h5{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

h6{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

h3{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/* Cadres de texte*/
#p1{ font-style: normal; font-family: Arial, serif; font-size: 14px; color: #000; width: 100%; padding : 0px 10px; min-width : 350 px;}
#p2{ font-style: normal; font-family: Arial, serif; font-size: 14px; color: #000; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%;}
#p2_bleu{ font-style: normal; font-family: Arial, serif; font-size: 14px; color: #000; width: 90%; padding : 0px 10px; text-align: center; margin: 3% 1%; color: #0E0E7F;}
#p3{ font-style: normal; font-family: Arial, serif; font-size: 14px; color: #000; width: 100%; padding : 0px 10px; text-align: center; vertical-align: middle; display: inline-block;}
#p3_bis{ font-style: normal; font-family: Arial, serif; font-size: 14px; color: #000; width: 100%; padding : 0px 10px; text-align: center; vertical-align: middle; display: inline-block;}
#p4{  border: 2px solid #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ background-color : #fff; color: #42AFF9; font-style: normal; font-family: Arial, serif; font-size: 32px; width: 90%; padding : 0px 10px; text-align: center; margin: 3% 1%; }
#p5{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p6{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p7{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p8{border: 3px solid #7D7D7D; /* gris */ background-color: #7D7D7D; box-shadow: 6px 6px 6px #E5E4E4; /* gris clair */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 18px; color: #fff; width: 40%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/* conteneurs image */
#centre{ text-align: center; margin: inherit; width: 100%; position: relative; }
#img1{ width: 15%; margin: 1% ; }
#img2{ width: 30%; padding: 20% 20%}
#img3{ width: 60%; }
#img4{ width: 100%; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px;}
#img5{ width: 55%; }
#img6{ width: 45%; padding: 20% 20%}
#img7{ width: 25%; padding: 20% 20%}

/* Classes pour les tableaux */
.cyan { border: 0px solid #fff; background-color : #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 16px ; width : 150px; }
.blanche { border: 1px solid #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000;  text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_bleu { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.gris { border: 0px solid white; background-color : #333435 /* gris foncé */; border-radius: 10px 10px; color : white; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 150px; }
.bleuamsac_gras { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #0E0E7F; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_bleuamsac { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #0E0E7F; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.vertasef_gras { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #127F0E; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_vertasef { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #fff; color: #127F0E; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_vert { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_vertclair { border: 2px solid #9FEDA8; /* vert clair ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.vertclair { border: 0px solid #9FEDA8; background-color : #9FEDA8; /* vert clair ASEF */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 16px ; width : 180px; }
.bleuclair { border: 2px solid #82A0FE; background-color : #82A0FE; /* bleu clair AMSAC */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 16px ; width : 180px; }
.entoure_bleuclair { border: 2px solid #82A0FE; /* bleu clair AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }

/* id pour les boutons */
#a1{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 14px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#a2{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 14px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#a3{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 14px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

} 

@media (max-width: 1024px)
{
	
#img80{
	width: 80%;
	margin : 0;
	padding : 0;}

#img49{
	width: 49%;
	margin : 0;
	padding : 0;}
	
#img98{
	width: 98%;
	margin : 0;
	padding : 0;}

#head{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	/*background: url(Images/bandeau300px.png) no-repeat;*/	
	background-color: #42AFF9;
}

#head_amsac{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background-color: #0E0E7F;
}

#head_asef{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background-color: #127F0E;
}


#pied2{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 280px;
	/* border: 1px solid #000; */

	background: #D7DCDC; /* gris clair */
}

#menupc{
	width: 100%;
	display: none;
}

#menupc2{
	width: 100%;
	display: none;
}


#menumobile{
	background: #676C6F;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	}

#menumobile2{
	background: #FFF;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	}

#menumobile3{
	background: #FFF;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	}

#menumobile4{
	width: 100%;
	height: auto;
	}


#bandeau_adresse{
	position: absolute;
	bottom : 25% ;
	text-align: center; 
	width: 100%;
	height: 60px;
	/* border: 1px solid #000; */
	/* margin: 0 auto; */
}

.img_entete_amsac{
	display: relative;
	position: relative ;
	width : 30%;
	top : 5% ; left : 35%; bottom : 20% ;
	z-index: 3;
	}

.img_entete{
	position: relative;
	float: none;
	width : 30%;
	top : 5% ; left : 35%; bottom : 20% ;
	z-index: 3;
	}

.img_piedpage{
	/* display: inline-block; */
	position: absolute;
	width : 25%;
	top : 5% ; left : 40%; bottom : 70% ;
	z-index: 3;
	}

.bandeau{
    width: 100%;
    height: 120px;
	background: url(Images/bandeau.png) no-repeat;
	z-index: 1;
}

.titre{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, sans-serif;
	width: auto;
	color: #fff;
	font-size: 40px;
	text-shadow: 0px 0px 10px #000;
	text-align: center;
	text-align: -moz-center ;
	text-align: -webkit-center ;
}

#bandeau_accueil {
display: inline-block;
}

#information_accueil{
display: /*inline-*/block; width : auto; vertical-align: top;
float: none;
}

#bandeau_accueil2 {
display: inline-block; width : auto; vertical-align: top;
}

#sousbandeau_50 {
padding: 0;
vertical-align: top;
margin: 0;
display: block;
width: 100 %;
padding: 1px 1px;
}

#sousbandeau_30 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 30%;
padding: 1px 1px;
}

#sousbandeau_65 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 65%;
padding: 1px 1px;
}


/*  Menu défilant page d'accueil */
@keyframes slidy {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -100%; }
35% { left: -100%; }
40% { left: -200%; }
55% { left: -200%; }
60% { left: -300%; }
75% { left: -300%; }
80% { left: -400%; }
95% { left: -400%; }
100% { left: 0%; }
}


div#slider {display : /*inline-*/block; z-index: 1; height : 960px; width: 100 % /*80 %*/; max-width : 1000px; overflow: hidden;}
div#slider figure img { width: 20%; float: left;}
div#slider figure { 
  position: relative;
  width: 500%;
  height : 960px;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 60s slidy infinite;
	}

body{
	background-color: #FFF;
}

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

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

/* Préparation du Menu principal du site */

#container{
	width: 100%;
	height: 1000px;
	/* border: 1px solid #000; */
	margin: 0 auto;
}

/*.nav{	
	background: #676C6F;
}

.nav > li{
	display: block;
	vertical-align: top;
	background-color : 0E0E7F;
	text-align: center;
	width: 100%;
	border: 0px solid #fff;
	height: 40px;
	margin: 0 -5px 0 0;
}
*/

/* Menu Principal */

/*
.nav > li > a {
	z-index: 2;
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 30px ;
	font-weight: bold;

	width: inherit;
	border : 0px solid #fff;
	text-align: center;
	line-height: 40px;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav hover > li {
	background-color: #1752F6;
}

.nav > li:hover > a{
	background-color: #676C6F;
	color: #fff;
}
*/

/* Sous-Menu niveau 1*/

/*
.nav > li > .dropdown {
	z-index: 2;
	color: #fff;
	position: absolute;
	font-style: normal;
	font-family: Arial, serif;
	font-size: 30px ;
	background: #676C6F;
	width: inherit;
	top: -300px;
	opacity: 0;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav > li:hover > .dropdown{
	opacity: 1;
	top: 342px;
}

.nav > li > .dropdown > li{
	color: #fff;
	width: inherit;
	height: 40px;
}

.nav > li > .dropdown > li > a{
	display : block;
	width: inherit;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 -5px 0 0;
	color : #000;
}

.nav > li > .dropdown > li:hover > a{
	background: #1752F6;
	color: #FFF;
}
/*

/* Sous-Menu niveau 2*/

/* .nav > li > .dropdown  > li > .dropdown2{
	z-index: 3;
	color: #fff;
	position: absolute;
	font-style: normal;
	font-family: Arial, serif;
	font-size: 30px ;
	background: #8FC9F0;
	width: inherit;
	top: -300px;
	opacity: 0;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav > li:hover > .dropdown > li:active > .dropdown2 {
	display : block;
	opacity: 1;
	top: 40px;
}

.nav > li:hover > .dropdown > li:active > .dropdown2 > li {
	display : block;
	opacity: 1;
	height: 40px;
	background: #8FC9F0;
}

.nav > li > .dropdown > li > .dropdown2 {
	width: inherit;
	height: 40px;
}


.nav > li > .dropdown > li > a > .dropdown2 > li : hover > a {
	display : block;
	width: inherit;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 -5px 0 0;
	color : #FFF;
}



.nav > li > .dropdown > li:hover > a .dropdown2 > li:hover > a {
	background: #1752F6;
	color: #FFF;
}
*/

/* Nouveau menu mobile */

#menu1 , #sousmenu1 , #sousmenu2 , #sousmenu3 , #sousmenu4 {
    height: 0;
    overflow: hidden;
    transition: height 1.5s;
}
 
#menu1:target {
	height: auto;
	font-size : 75 px;
}

#sousmenu1:target {
    height: auto;
	font-size : 75 px;
}

#sousmenu2:target {
    height: auto;
	font-size : 75 px;
}

#sousmenu3:target {
    height: auto;
	font-size : 75 px;
}

#sousmenu4:target {
    height: auto;
	font-size : 75 px;
}

/* Titres et boutons */
h1{	position : relative;
	text-align : center ;
	bottom : 2% ; 
}

h2{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */; background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/*h3{font-style: bold; font-family: Arial, serif; font-size: 14px; color: #000; width: 70%; padding : 0px 10px; position: relative;} */

h4{border: 0px solid #42AFF9; /* bleu AMSAC-ASEF */; background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ font-style: normal; font-family: Arial, serif;
font-size: 35px; color: #fff; width: 80%; height: 50px; min-width : 500 px; text-align: center; border-radius: 10px 10px;} /* bouton bleu AMSAC-ASEF */

h4:hover{border: 0px solid #1752F6; /* bleu AMSAC-ASEF survol */; background-color: #1752F6; box-shadow: 6px 6px 6px #01A2F3; /* ombre bleu AMSAC-ASEF survol */ font-style: normal; font-family: Arial, serif;
font-size: 35px; color: #fff; width: 80%; height: 50px; min-width : 500 px; text-align: center; border-radius: 10px 10px;} /* bouton bleu AMSAC-ASEF */

h5{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

h6{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

h3{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/* Cadres de texte*/
#p1{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 100%; padding : 0px 10px; min-width : 350 px;}
#p2{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%;}
#p2_bleu{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 90%; padding : 0px 10px; text-align: center; margin: 3% 1%; color: #0E0E7F;}
#p3{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 100%; padding : 0px 10px; text-align: center; vertical-align: middle; display: inline-block;}
#p3_bis{ font-weight : normal; font-style: normal; font-family: Arial, serif; font-size: 25px; color: #000; width: 100%; padding : 0px 10px; text-align: center; vertical-align: middle; display: inline-block;}
#p4{  border: 2px solid #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ background-color : #fff; color: #42AFF9; font-style: normal; font-family: Arial, serif; font-size: 50px; width: 90%; padding : 0px 10px; text-align: center; margin: 3% 1%; }
#p5{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p6{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p7{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p8{border: 3px solid #7D7D7D; /* gris */ background-color: #7D7D7D; box-shadow: 6px 6px 6px #E5E4E4; /* gris clair */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 40%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

#p1_bis{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #FFF; width: 100%; padding : 0px 10px; }
#p1_ter{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #FFF; width: 100%; padding : 0px 10px; background-color : #C3C3C3; }
#p1_quatro{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #000; width: 100%; padding : 0px 10px; }
#p1_cinquo{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #FFF; width: 100%; padding : 0px 10px; background-color : #676C6F; }

/* conteneurs image */
#centre{ text-align: center; margin: inherit; width: 100%; /*position: relative;*/ }
#img1{ width: 15%; margin: 1% ; }
#img2{ width: 30%; /*padding: 20% 20% ;*/ display : inline-block; }
#img3{ width: 60%; }
#img4{ width: 100%; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px;}
#img5{ width: 55%; }
#img6{ width: 45%; padding: 20% 20%}
#img7{ width: 25%; padding: 20% 20%}
#img100 {width: 100%;}

/* Classes pour les tableaux */
.cyan { border: 0px solid #fff; background-color : #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 16px ; width : 150px; }
.blanche { border: 1px solid #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000;  text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_bleu { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.gris { border: 0px solid white; background-color : #333435 /* gris foncé */; border-radius: 10px 10px; color : white; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.bleuamsac_gras { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #0E0E7F; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_bleuamsac { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #0E0E7F; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.vertasef_gras { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #127F0E; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_vertasef { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #fff; color: #127F0E; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_vert { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_vertclair { border: 2px solid #9FEDA8; /* vert clair ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.vertclair { border: 0px solid #9FEDA8; background-color : #9FEDA8; /* vert clair ASEF */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 30px ; width : 300px; }
.bleuclair { border: 2px solid #82A0FE; background-color : #82A0FE; /* bleu clair AMSAC */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 30px ; width : 300px; }
.entoure_bleuclair { border: 2px solid #82A0FE; /* bleu clair AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }

/* id pour les boutons */
#a1{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 33px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#a2{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 33px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#a3{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 33px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

} 

@media  (max-width: 1024px)
{
	
#img80{
	width: 80%;
	margin : 0;
	padding : 0;}

#img49{
	width: 49%;
	margin : 0;
	padding : 0;}
	
#img98{
	width: 98%;
	margin : 0;
	padding : 0;}

#head{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	/*background: url(Images/bandeau300px.png) no-repeat;*/	
	background-color: #42AFF9;
}

#head_amsac{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background-color: #0E0E7F;
}

#head_asef{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background-color: #127F0E;
}


#pied2{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 280px;
	/* border: 1px solid #000; */

	background: #D7DCDC; /* gris clair */
}

#menupc{
	width: 100%;
	display: none;
}

#menupc2{
	width: 100%;
	display: none;
}


#menumobile{
	background: #676C6F;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	}

#menumobile2{
	background: #FFF;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	}

#menumobile3{
	background: #FFF;
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	}

#menumobile4{
	width: 100%;
	height: auto;
	}


#bandeau_adresse{
	position: absolute;
	bottom : 25% ;
	text-align: center; 
	width: 100%;
	height: 60px;
	/* border: 1px solid #000; */
	/* margin: 0 auto; */
}

.img_entete_amsac{
	display: relative;
	position: relative ;
	width : 30%;
	top : 5% ; left : 35%; bottom : 20% ;
	z-index: 3;
	}

.img_entete{
	position: relative;
	float: none;
	width : 30%;
	top : 5% ; left : 35%; bottom : 20% ;
	z-index: 3;
	}

.img_piedpage{
	/* display: inline-block; */
	position: absolute;
	width : 25%;
	top : 5% ; left : 40%; bottom : 70% ;
	z-index: 3;
	}

.bandeau{
    width: 100%;
    height: 120px;
	background: url(Images/bandeau.png) no-repeat;
	z-index: 1;
}

.titre{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, sans-serif;
	width: auto;
	color: #fff;
	font-size: 40px;
	text-shadow: 0px 0px 10px #000;
	text-align: center;
	text-align: -moz-center ;
	text-align: -webkit-center ;
}

#bandeau_accueil {
display: inline-block;
}

#information_accueil{
display: /*inline-*/block; width : auto; vertical-align: top;
float: none;
}

#bandeau_accueil2 {
display: inline-block; width : auto; vertical-align: top;
}

#sousbandeau_50 {
padding: 0;
vertical-align: top;
margin: 0;
display: block;
width: 100 %;
padding: 1px 1px;
}

#sousbandeau_30 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 30%;
padding: 1px 1px;
}

#sousbandeau_65 {
padding: 0;
vertical-align: top;
margin: 0;
display: inline-block;
width: 65%;
padding: 1px 1px;
}


/*  Menu défilant page d'accueil */
@keyframes slidy {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -100%; }
35% { left: -100%; }
40% { left: -200%; }
55% { left: -200%; }
60% { left: -300%; }
75% { left: -300%; }
80% { left: -400%; }
95% { left: -400%; }
100% { left: 0%; }
}


div#slider {display : /*inline-*/block; z-index: 1; height : 960px; width: 100 % /*80 %*/; max-width : 1000px; overflow: hidden;}
div#slider figure img { width: 20%; float: left;}
div#slider figure { 
  position: relative;
  width: 500%;
  height : 960px;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 60s slidy infinite;
	}

body{
	background-color: #FFF;
}

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

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

/* Préparation du Menu principal du site */

#container{
	width: 100%;
	height: 1000px;
	/* border: 1px solid #000; */
	margin: 0 auto;
}

/*.nav{	
	background: #676C6F;
}

.nav > li{
	display: block;
	vertical-align: top;
	background-color : 0E0E7F;
	text-align: center;
	width: 100%;
	border: 0px solid #fff;
	height: 40px;
	margin: 0 -5px 0 0;
}
*/

/* Menu Principal */

/*
.nav > li > a {
	z-index: 2;
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 30px ;
	font-weight: bold;

	width: inherit;
	border : 0px solid #fff;
	text-align: center;
	line-height: 40px;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav hover > li {
	background-color: #1752F6;
}

.nav > li:hover > a{
	background-color: #676C6F;
	color: #fff;
}
*/

/* Sous-Menu niveau 1*/

/*
.nav > li > .dropdown {
	z-index: 2;
	color: #fff;
	position: absolute;
	font-style: normal;
	font-family: Arial, serif;
	font-size: 30px ;
	background: #676C6F;
	width: inherit;
	top: -300px;
	opacity: 0;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav > li:hover > .dropdown{
	opacity: 1;
	top: 342px;
}

.nav > li > .dropdown > li{
	color: #fff;
	width: inherit;
	height: 40px;
}

.nav > li > .dropdown > li > a{
	display : block;
	width: inherit;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 -5px 0 0;
	color : #000;
}

.nav > li > .dropdown > li:hover > a{
	background: #1752F6;
	color: #FFF;
}
/*

/* Sous-Menu niveau 2*/

/* .nav > li > .dropdown  > li > .dropdown2{
	z-index: 3;
	color: #fff;
	position: absolute;
	font-style: normal;
	font-family: Arial, serif;
	font-size: 30px ;
	background: #8FC9F0;
	width: inherit;
	top: -300px;
	opacity: 0;
	
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
	-ms-transition: all ease-in 0.3s;
	-o-transition: all ease-in 0.3s;
	-transition: all ease-in 0.3s;
}

.nav > li:hover > .dropdown > li:active > .dropdown2 {
	display : block;
	opacity: 1;
	top: 40px;
}

.nav > li:hover > .dropdown > li:active > .dropdown2 > li {
	display : block;
	opacity: 1;
	height: 40px;
	background: #8FC9F0;
}

.nav > li > .dropdown > li > .dropdown2 {
	width: inherit;
	height: 40px;
}


.nav > li > .dropdown > li > a > .dropdown2 > li : hover > a {
	display : block;
	width: inherit;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 -5px 0 0;
	color : #FFF;
}



.nav > li > .dropdown > li:hover > a .dropdown2 > li:hover > a {
	background: #1752F6;
	color: #FFF;
}
*/

/* Nouveau menu mobile */

#menu1 , #sousmenu1 , #sousmenu2 , #sousmenu3 , #sousmenu4 {
    height: 0;
    overflow: hidden;
    transition: height 1.5s;
}
 
#menu1:target {
	height: auto;
	font-size : 75 px;
}

#sousmenu1:target {
    height: auto;
	font-size : 75 px;
}

#sousmenu2:target {
    height: auto;
	font-size : 75 px;
}

#sousmenu3:target {
    height: auto;
	font-size : 75 px;
}

#sousmenu4:target {
    height: auto;
	font-size : 75 px;
}

/* Titres et boutons */
h1{	position : relative;
	text-align : center ;
	bottom : 2% ; 
}

h2{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */; background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/*h3{font-style: bold; font-family: Arial, serif; font-size: 14px; color: #000; width: 70%; padding : 0px 10px; position: relative;} */

h4{border: 0px solid #42AFF9; /* bleu AMSAC-ASEF */; background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ font-style: normal; font-family: Arial, serif;
font-size: 35px; color: #fff; width: 80%; height: 50px; min-width : 500 px; text-align: center; border-radius: 10px 10px;} /* bouton bleu AMSAC-ASEF */

h4:hover{border: 0px solid #1752F6; /* bleu AMSAC-ASEF survol */; background-color: #1752F6; box-shadow: 6px 6px 6px #01A2F3; /* ombre bleu AMSAC-ASEF survol */ font-style: normal; font-family: Arial, serif;
font-size: 35px; color: #fff; width: 80%; height: 50px; min-width : 500 px; text-align: center; border-radius: 10px 10px;} /* bouton bleu AMSAC-ASEF */

h5{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

h6{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

h3{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 95%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

/* Cadres de texte*/
#p1{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 100%; padding : 0px 10px; min-width : 350 px;}
#p2{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%;}
#p2_bleu{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 90%; padding : 0px 10px; text-align: center; margin: 3% 1%; color: #0E0E7F;}
#p3{ font-style: normal; font-family: Arial, serif; font-size: 36px; color: #000; width: 100%; padding : 0px 10px; text-align: center; vertical-align: middle; display: inline-block;}
#p3_bis{ font-weight : normal; font-style: normal; font-family: Arial, serif; font-size: 25px; color: #000; width: 100%; padding : 0px 10px; text-align: center; vertical-align: middle; display: inline-block;}
#p4{  border: 2px solid #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ background-color : #fff; color: #42AFF9; font-style: normal; font-family: Arial, serif; font-size: 50px; width: 90%; padding : 0px 10px; text-align: center; margin: 3% 1%; }
#p5{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p6{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p7{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 90%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#p8{border: 3px solid #7D7D7D; /* gris */ background-color: #7D7D7D; box-shadow: 6px 6px 6px #E5E4E4; /* gris clair */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 40px; color: #fff; width: 40%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

#p1_bis{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #FFF; width: 100%; padding : 0px 10px; }
#p1_ter{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #FFF; width: 100%; padding : 0px 10px; background-color : #C3C3C3; }
#p1_quatro{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #000; width: 100%; padding : 0px 10px; }
#p1_cinquo{ font-style: normal; font-family: Arial, serif; font-size: 45px; color: #FFF; width: 100%; padding : 0px 10px; background-color : #676C6F; }

/* conteneurs image */
#centre{ text-align: center; margin: inherit; width: 100%; /*position: relative;*/ }
#img1{ width: 15%; margin: 1% ; }
#img2{ width: 30%; /*padding: 20% 20% ;*/ display : inline-block; }
#img3{ width: 60%; }
#img4{ width: 100%; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px;}
#img5{ width: 55%; }
#img6{ width: 45%; padding: 20% 20%}
#img7{ width: 25%; padding: 20% 20%}
#img100 {width: 100%;}

/* Classes pour les tableaux */
.cyan { border: 0px solid #fff; background-color : #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 16px ; width : 150px; }
.blanche { border: 1px solid #42AFF9; /* bleu AMSAC-ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000;  text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.entoure_bleu { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 16px ; width : 180px; }
.gris { border: 0px solid white; background-color : #333435 /* gris foncé */; border-radius: 10px 10px; color : white; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.bleuamsac_gras { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #0E0E7F; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_bleuamsac { border: 2px solid #0E0E7F; /* bleu AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #0E0E7F; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.vertasef_gras { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #127F0E; color: #fff; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_vertasef { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #fff; color: #127F0E; text-align: center; font-weight: bold; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_vert { border: 2px solid #127F0E; /* vert ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.entoure_vertclair { border: 2px solid #9FEDA8; /* vert clair ASEF */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }
.vertclair { border: 0px solid #9FEDA8; background-color : #9FEDA8; /* vert clair ASEF */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 30px ; width : 300px; }
.bleuclair { border: 2px solid #82A0FE; background-color : #82A0FE; /* bleu clair AMSAC */ border-radius: 10px 10px; color: #fff; font-style: normal; font-weight: bold; font-family: Arial, serif; text-align: center; font-size : 30px ; width : 300px; }
.entoure_bleuclair { border: 2px solid #82A0FE; /* bleu clair AMSAC */ border-radius: 10px 10px; background-color : #fff; color: #000; text-align: center; font-style: normal; font-family: Arial, serif; font-size : 30px ; width : 300px; }

/* id pour les boutons */
#a1{border: 3px solid #42AFF9; /* bleu AMSAC-ASEF */ background-color: #42AFF9; box-shadow: 6px 6px 6px #C6FAF3; /* cyan pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 33px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#a2{border: 3px solid #0E0E7F; /* bleu AMSAC */ background-color: #0E0E7F; box-shadow: 6px 6px 6px #A5B6FA; /* bleu pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 33px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}
#a3{border: 3px solid #127F0E; /* vert ASEF */ background-color: #127F0E; box-shadow: 6px 6px 6px #8FF787; /* vert pale */ border-radius: 10px 10px; font-style: normal; font-family: Arial, serif;
font-size: 33px; color: #fff; width: 50%; padding : 0px 10px; text-align: justify; margin: 3% 1%}

}