@CHARSET "ISO-8859-1";

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #FFFFFF;
    
}


.font_roboto_700 {
	font-family: 'Roboto:700', sans-serif;
}

@font-face {
    font-family: ChalkDuster;
    src: url(Chalkduster.ttf);
}

.footer {
	width:100%;
	margin-top:25px;
	text-align:center;
	font-weight: bold;
	color:#2196F3;
}


	/*Grand ecran , pour plus petit voir ligne 410 */
@media screen and (min-width: 1400px) { 



h1 {
	padding: 10px;
	font-weight: bold;
	color:#FFF;
	margin:0px;
	
}

p {
	margin-top:10px;
	font-size: 18px;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: bold;
	
}

/* image dans les blocs  */
.accueil_icone {
	margin-top:25px;
	font-size:128px;
    color:#FFF;
}



#navbar_accueil {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:80px;
	background-color:#2196F3;
	position:relative;
}

#title_accueil {
	position:absolute;
	left:30px;
	top:15px;
	font-size:36px;
	margin-top:0px;
	font-family: ChalkDuster;
	color:#FFF;
	
}

#langue_fr_accueil{
	position:absolute;
	top:15px;
	right:200px;
	font-size:36px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#langue_en_accueil {
	position:absolute;
	top:15px;
	right:30px;
	font-size:36px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#langue_fr_accueil:hover{

	opacity:0.7;
}

#langue_en_accueil:hover {

	opacity:0.7;
}

#wrapper_fade_out {
	width: 100%;
	height: 100%;
	background-color: #00AEEF;
	display:none;
	
}

#wrapper_fade_in {
	width: 100%;
	height: 100%;
	display: none;
}

.wrapper_line1_block4 {
	margin-left: auto;
	margin-right: auto;
	height: 375px;
	width: 1400px;
	margin-top:20px;
}

.block_main_page_1,.block_main_page_2,.block_main_page_3,.block_main_page_4	{
	float: left;
}

.block_main_page_1,.block_main_page_2 {
	
}

.block_main_page_3,.block_main_page_4 {
	
}

.wrapper_line2_block4 {
	margin-left: auto;
	margin-right: auto;
	height: 375px;
	width: 1400px;
	margin-top:20px;
}

.block_main_page_5,.block_main_page_6,.block_main_page_7,.block_main_page_8 {
	float: left;
}

.wrapper_line1_block2,.wrapper_line2_block2 {
	
}

.wrapper_line3_block2,.wrapper_line4_block2 {
	
}

.block_main_page_1 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
	
}


.block_main_page_1:hover .block_1_haut {
	background-color:#01838F;
}
.block_main_page_1:hover .block_1_bas {
	background-color:#5AC7DA;
}

.block_1_haut {
	background-color:#5AC7DA;
	width:300px;
	height:175px;
	text-align: center;
}
.block_1_bas {
	background-color:#01838F;
	width:300px;
	height:200px;
	color:white;
	
}

.block_main_page_2 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}

.block_main_page_2:hover .block_2_haut {
	background-color:#D74527;
}
.block_main_page_2:hover .block_2_bas {
	background-color:#F47D2C;
}
.block_2_haut {
	background-color:#F47D2C;
	width:300px;
	height:175px;
	text-align: center;
}
.block_2_bas {
	background-color:#D74527;
	width:300px;
	height:200px;
	color:white;
	
}

.block_main_page_3 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}

.block_main_page_3:hover .block_3_haut {
	background-color:#692C90;
}
.block_main_page_3:hover .block_3_bas {
	background-color:#8F499C;
}
.block_3_haut {
	background-color:#8F499C;
	width:300px;
	height:175px;
	text-align: center;
}
.block_3_bas {
	background-color:#692C90;
	width:300px;
	height:200px;
	color:white;
	
}
.block_main_page_4 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}
.block_main_page_4:hover .block_4_haut {
	background-color:#317E3D;
}
.block_main_page_4:hover .block_4_bas {
	background-color:#4DAF4E;
}
.block_4_haut {
	background-color:#4DAF4E;
	width:300px;
	height:175px;
	text-align: center;
}
.block_4_bas {
	background-color:#317E3D;
	width:300px;
	height:200px;
	color:white;
	
}
.block_main_page_5 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}
.block_main_page_5:hover .block_5_haut {
	background-color:#568B3E;
}
.block_main_page_5:hover .block_5_bas {
	background-color:#8BC248;
}
.block_5_haut {
	background-color:#8BC248;
	width:300px;
	height:175px;
	text-align: center;
}
.block_5_bas {
	background-color:#568B3E;
	width:300px;
	height:200px;
	color:white;
	
}

.block_main_page_6 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}
.block_main_page_6:hover .block_6_haut {
	background-color:#F9BF2C;
}
.block_main_page_6:hover .block_6_bas {
	background-color:#FDD836;
}
.block_6_haut {
	background-color:#FDD836;
	width:300px;
	height:175px;
	text-align: center;
}
.block_6_bas {
	background-color:#F9BF2C;
	width:300px;
	height:200px;
	color:white;
	
}

.block_main_page_7 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}
.block_main_page_7:hover .block_7_haut {
	background-color:#006A5C;
}
.block_main_page_7:hover .block_7_bas {
	background-color:#039999;
}
.block_7_haut {
	background-color:#039999;
	width:300px;
	height:175px;
	text-align: center;
}
.block_7_bas {
	background-color:#006A5C;
	width:300px;
	height:200px;
	color:white;
	
}

.block_main_page_8 {
	width: 300px;
	height: 375px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	;
	box-shadow: 5px 5px 2px #888888;
}
.block_main_page_8:hover .block_8_haut {
	background-color:#C62828;
}
.block_main_page_8:hover .block_8_bas {
	background-color:#EF4438;
}

.block_8_haut {
	background-color:#EF4438;
	width:300px;
	height:175px;
	text-align: center;
}
.block_8_bas {
	background-color:#C62828;
	width:300px;
	height:200px;
	color:white;
	
}

}


/* Moyen ecran pour plus petit voir ligne 820 */
@media screen and (min-width:900px) and (max-width:1399px) {
  
h1 {
	padding: 10px;
	font-weight: bold;
	color:#FFF;
	margin:0px;
	font-size:20px;
	
}


p {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	margin:0px;
	
}

.accueil_icone {
	margin-top:16px;
	font-size:84px;
    color:#FFF;
}

#navbar_accueil {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:52px;
	background-color:#2196F3;
	position:relative;
}

#title_accueil {
	position:absolute;
	left:20px;
	top:10px;
	font-size:24px;
	margin-top:0px;
	font-family: ChalkDuster;
	color:#FFF;
	
}

#langue_fr_accueil{
	position:absolute;
	top:10px;
	right:133px;
	font-size:24px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#langue_en_accueil {
	position:absolute;
	top:10px;
	right:24px;
	font-size:24px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}
#wrapper_fade_out {
	width: 100%;
	height: 100%;
	background-color: #00AEEF;
	display:none;
	
}

#wrapper_fade_in {
	width: 100%;
	height: 100%;
	display: block;
}

.wrapper_line1_block4 {
	margin-left: auto;
	margin-right: auto;
	top:80px;
	height: 264px;
	width: 930px;
	margin-top:13px;
}

.block_main_page_1,.block_main_page_2,.block_main_page_3,.block_main_page_4	{
	float: left;
}

.block_main_page_1,.block_main_page_2 {
	
}

.block_main_page_3,.block_main_page_4 {
	
}

.wrapper_line2_block4 {
	margin-left: auto;
	margin-right: auto;
	top:80px;
	height: 264px;
	width: 930px;
	margin-top:13px;
}


.block_main_page_5,.block_main_page_6,.block_main_page_7,.block_main_page_8 {
	float: left;
}

.wrapper_line1_block2,.wrapper_line2_block2 {
	
}

.wrapper_line3_block2,.wrapper_line4_block2 {
	
}

.block_main_page_1 {
	width: 197px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_1:hover .block_1_haut {
	background-color:#01838F;
}
.block_main_page_1:hover .block_1_bas {
	background-color:#5AC7DA;
}
.block_1_haut {
	background-color:#5AC7DA;
	width:200px;
	height:117px;
	text-align: center;
}
.block_1_bas {
	background-color:#01838F;
	width:200px;
	height:160px;
	color:white;
	
}

.block_main_page_2 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_2:hover .block_2_haut {
	background-color:#D74527;
}
.block_main_page_2:hover .block_2_bas {
	background-color:#F47D2C;
}
.block_2_haut {
	background-color:#F47D2C;
	width:200px;
	height:117px;
	text-align: center;
}
.block_2_bas {
	background-color:#D74527;
	width:200px;
	height:160px;
	color:white;
	
}

.block_main_page_3 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_3:hover .block_3_haut {
	background-color:#692C90;
}
.block_main_page_3:hover .block_3_bas {
	background-color:#8F499C;
}
.block_3_haut {
	background-color:#8F499C;
	width:200px;
	height:117px;
	text-align: center;
}
.block_3_bas {
	background-color:#692C90;
	width:200px;
	height:160px;
	color:white;
	
}
.block_main_page_4 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_4:hover .block_4_haut {
	background-color:#317E3D;
}
.block_main_page_4:hover .block_4_bas {
	background-color:#4DAF4E;
}
.block_4_haut {
	background-color:#4DAF4E;
	width:200px;
	height:117px;
	text-align: center;
}
.block_4_bas {
	background-color:#317E3D;
	width:200px;
	height:160px;
	color:white;
	
}


.block_main_page_5 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 4px #888888;
	position:relative;
	
}

.block_main_page_5:hover .block_5_haut {
	background-color:#568B3E;
}
.block_main_page_5:hover .block_5_bas {
	background-color:#8BC248;
}
.block_5_haut {
	background-color:#8BC248;
	width:200px;
	height:117px;
	text-align: center;
}
.block_5_bas {
	background-color:#568B3E;
	width:200px;
	height:160px;
	color:white;
	
}

.block_main_page_6 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_6:hover .block_6_haut {
	background-color:#F9BF2C;
}
.block_main_page_6:hover .block_6_bas {
	background-color:#FDD836;
}
.block_6_haut {
	background-color:#FDD836;
	width:200px;
	height:117px;
	text-align: center;
}
.block_6_bas {
	background-color:#F9BF2C;
	width:200px;
	height:160px;
	color:white;
	
}

.block_main_page_7 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_7:hover .block_7_haut {
	background-color:#006A5C;
}
.block_main_page_7:hover .block_7_bas {
	background-color:#039999;
}
.block_7_haut {
	background-color:#039999;
	width:200px;
	height:117px;
	text-align: center;
}
.block_7_bas {
	background-color:#006A5C;
	width:200px;
	height:160px;
	color:white;
	
}

.block_main_page_8 {
	width: 200px;
	height: 277px;
	margin-left: 16px;
	margin-right: 16px;
	box-shadow: 5px 5px 3px #888888;
	position:relative;
	
}

.block_main_page_8:hover .block_8_haut {
	background-color:#C62828;
}
.block_main_page_8:hover .block_8_bas {
	background-color:#EF4438;
}

.block_8_haut {
	background-color:#EF4438;
	width:200px;
	height:117px;
	text-align: center;
}
.block_8_bas {
	background-color:#C62828;
	width:200px;
	height:160px;
	color:white;
	
}

}

/*petit ecran/tablette portrait***potentiellement a changer , 2 possibilité:1x8 plus gros ou 2x4 pas mal petit***
, pour plus petit voir ligne 1200 */
@media screen and (min-width:600px)and (max-width: 899px) { 

  
h1 {
	font-size:40px;
	padding: 10px;
	font-weight: bold;
	color:#FFF;
	margin:0px;
	
}

p {
	font-size: 30px;
	padding-left: 10px;
	padding-right: 10px;
    padding-bottom:10px;
	font-weight: bold;
	
}


.accueil_icone {
	margin-top:30px;
	margin-bottom:30px;
	font-size:180px;
    color:#FFF;
}

#navbar_accueil {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:60px;
	background-color:#2196F3;
	position:relative;
}

#title_accueil {
	position:absolute;
	left:10px;
	top:16px;
	font-size:24px;
	margin-top:0px;
	font-family: ChalkDuster;
	color:#FFF;
	
}

#langue_fr_accueil{
	position:absolute;
	top:16px;
	right:120px;
	font-size:24px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#langue_en_accueil {
	position:absolute;
	top:16px;
	right:10px;
	font-size:	24px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#wrapper_fade_out {
	width: 100%;
	height: 100%;
	background-color: #00AEEF;
	display:none;
	
}

#wrapper_fade_in {
	width: 100%;
	height: 100%;
	display: block;
}

.wrapper_line1_block4 {
	
	height: 100%;
	width: 100%;
	
	
}
/*continuer ici*/
.block_main_page_1,.block_main_page_2,.block_main_page_3,.block_main_page_4	{
	float:left;
}

.block_main_page_1,.block_main_page_2 {
	
}

.block_main_page_3,.block_main_page_4 {
	
}

.wrapper_line2_block4 {
	
	height: 100%;
	width: 100%;
}

.block_main_page_5,.block_main_page_6,.block_main_page_7,.block_main_page_8 {
float:left;
}

.wrapper_line1_block2,.wrapper_line2_block2 {
	
}

.wrapper_line3_block2,.wrapper_line4_block2 {
	
}

.block_main_page_1 {
	height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
}

.block_main_page_1:hover .block_1_haut {
	background-color:#01838F;
}
.block_main_page_1:hover .block_1_bas {
	background-color:#5AC7DA;
}
.block_1_haut {
	background-color:#5AC7DA;
	width:100%;
	height:65%;
	text-align: center;
}
.block_1_bas {
	background-color:#01838F;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_2 {    
	height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
}



.block_main_page_2:hover .block_2_haut {
	background-color:#D74527;
}
.block_main_page_2:hover .block_2_bas {
	background-color:#F47D2C;
}
.block_2_haut {
	background-color:#F47D2C;
	width:100%;
	height:65%;
	text-align: center;
}
.block_2_bas {
	background-color:#D74527;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_3 {
    height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
	
}
.block_main_page_3:hover .block_3_haut {
	background-color:#692C90;
}
.block_main_page_3:hover .block_3_bas {
	background-color:#8F499C;
}
.block_3_haut {
	background-color:#8F499C;
	width:100%;
	height:65%;
	text-align: center;
	
}
.block_3_bas {
	background-color:#692C90;
	width:100%;
	height:75%;
	color:white;
	
}
.block_main_page_4 {
	height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
	
}

.block_main_page_4:hover .block_4_haut {
	background-color:#317E3D;
}
.block_main_page_4:hover .block_4_bas {
	background-color:#4DAF4E;
}
.block_4_haut {
	background-color:#4DAF4E;
	width:100%;
	height:65%;
	text-align: center;
}
.block_4_bas {
	background-color:#317E3D;
	width:100%;
	height:75%;
	color:white;
	
}
.block_main_page_5 {
height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
}

.block_main_page_5:hover .block_5_haut {
	background-color:#568B3E;
}
.block_main_page_5:hover .block_5_bas {
	background-color:#8BC248;
}
.block_5_haut {
	background-color:#8BC248;
	width:100%;
	height:65%;
	text-align: center;
}
.block_5_bas {
	background-color:#568B3E;
	width:100%;
	height:75%;;
	color:white;
	
}

.block_main_page_6 {
height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
}

.block_main_page_6:hover .block_6_haut {
	background-color:#F9BF2C;
}
.block_main_page_6:hover .block_6_bas {
	background-color:#FDD836;
}
.block_6_haut {
	background-color:#FDD836;
	width:100%;
	height:65%;
	text-align: center;
}
.block_6_bas {
	background-color:#F9BF2C;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_7 {
  height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	box-shadow: 8px 8px 3px #888888;
	
}

.block_main_page_7:hover .block_7_haut {
	background-color:#006A5C;
}
.block_main_page_7:hover .block_7_bas {
	background-color:#039999;
}
.block_7_haut {
	background-color:#039999;
	width:100%;
	height:65%;
	text-align: center;
}
.block_7_bas {
	background-color:#006A5C;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_8 {
	height: 100%;
	width:94%;
	margin-right:2%;
	margin-left:2%;
	margin-top:2%;
	margin-bottom:3%;
	box-shadow: 8px 8px 3px #888888;
}

.block_main_page_8:hover .block_8_haut {
	background-color:#C62828;
}
.block_main_page_8:hover .block_8_bas {
	background-color:#EF4438;
}

.block_8_haut {
	background-color:#EF4438;
	width:100%;
	height:65%;
	text-align: center;
}
.block_8_bas {
	background-color:#C62828;
	width:100%;
	height:75%;
	color:white;
	
}

}

/*petit ecran/cell */
@media screen and (max-width: 599px) { 

  
h1 {
	padding: 10px;
	font-weight: bold;
	color:#FFF;
	margin:0px;
	font-size:28px;
}

p {
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size:16px;
	
}


.accueil_icone {
	margin-top:16px;
	margin-bottom:16px;
	font-size:120px;
    color:#FFF;
}

#navbar_accueil {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:75px;
	background-color:#2196F3;
	position:relative;
}

#title_accueil {
	position:absolute;
	left:10px;
	top:8px;
	font-size:24px;
	margin-top:0px;
	font-family: ChalkDuster;
	color:#FFF;
	
}

#langue_fr_accueil{
	position:absolute;
	top:40px;
	left:10px;
	font-size:18px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#langue_en_accueil {
	position:absolute;
	top:40px;
	left:120px;
	font-size:18px;
	color:#FFF;
	margin-top:0px;
	font-family: ChalkDuster;
}

#wrapper_fade_out {
	width: 100%;
	height: 100%;
	background-color: #00AEEF;
	display:none;
	
}

#wrapper_fade_in {
	width: 100%;
	height: 100%;
	display: block;
}

.wrapper_line1_block4 {

	height: 100%;
	width:100%;
	
}
/*continuer ici*/
.block_main_page_1,.block_main_page_2,.block_main_page_3,.block_main_page_4	{
	float: left;
}

.block_main_page_1,.block_main_page_2 {
	
}

.block_main_page_3,.block_main_page_4 {
	
}

.wrapper_line2_block4 {
 height: 100%;
	width:100%;
	
}

.block_main_page_5,.block_main_page_6,.block_main_page_7,.block_main_page_8 {
float:left;
}

.wrapper_line1_block2,.wrapper_line2_block2 {
	
}

.wrapper_line3_block2,.wrapper_line4_block2 {
	
}

.block_main_page_1 {
height: 100%;
	width:96%;
	margin:2%;
}

.block_main_page_1:hover .block_1_haut {
	background-color:#01838F;
}
.block_main_page_1:hover .block_1_bas {
	background-color:#5AC7DA;
}
.block_1_haut {
	background-color:#5AC7DA;
	width:100%;
	height:65%;
	text-align: center;
}
.block_1_bas {
	background-color:#01838F;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_2 {    
height: 100%;
	width:96%;
	margin:2%;
}



.block_main_page_2:hover .block_2_haut {
	background-color:#D74527;
}
.block_main_page_2:hover .block_2_bas {
	background-color:#F47D2C;
}

.block_2_haut {
	background-color:#F47D2C;
	width:100%;
	height:65%;
	text-align: center;
}
.block_2_bas {
	background-color:#D74527;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_3 {
height: 100%;
	width:96%;
	margin:2%;
}
.block_main_page_3:hover .block_3_haut {
	background-color:#692C90;
}
.block_main_page_3:hover .block_3_bas {
	background-color:#8F499C;
}

.block_3_haut {
	background-color:#8F499C;
	width:100%;
	height:65%;
	text-align: center;
	
}
.block_3_bas {
	background-color:#692C90;
	width:100%;
	height:65%;
	color:white;
	
}
.block_main_page_4 {
	height: 100%;
	width:96%;
	margin:2%;
	
}

.block_main_page_4:hover .block_4_haut {
	background-color:#317E3D;
}
.block_main_page_4:hover .block_4_bas {
	background-color:#4DAF4E;
}
.block_4_haut {
	background-color:#4DAF4E;
	width:100%;
	height:65%;
	text-align: center;
}
.block_4_bas {
	background-color:#317E3D;
	width:100%;
	height:75%;
	color:white;
	
}
.block_main_page_5 {
height: 140%;
	width:96%;
	margin:2%;
}

.block_main_page_5:hover .block_5_haut {
	background-color:#568B3E;
}
.block_main_page_5:hover .block_5_bas {
	background-color:#8BC248;
}
.block_5_haut {
	background-color:#8BC248;
	width:100%;
	height:65%;
	text-align: center;
}
.block_5_bas {
	background-color:#568B3E;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_6 {
height: 140%;
	width:96%;
	margin:2%;
	
}

.block_main_page_6:hover .block_6_haut {
	background-color:#F9BF2C;
}
.block_main_page_6:hover .block_6_bas {
	background-color:#FDD836;
}
.block_6_haut {
	background-color:#FDD836;
	width:100%;
	height:65%;
	text-align: center;
}
.block_6_bas {
	background-color:#F9BF2C;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_7 {
height: 140%;
	width:96%;
	margin:2%;
	
}

.block_main_page_7:hover .block_7_haut {
	background-color:#006A5C;
}
.block_main_page_7:hover .block_7_bas {
	background-color:#039999;
}
.block_7_haut {
	background-color:#039999;
	width:100%;
	height:65%;
	text-align: center;
}
.block_7_bas {
	background-color:#006A5C;
	width:100%;
	height:75%;
	color:white;
	
}

.block_main_page_8 {
	height: 140%;
	width:96%;
	margin:2%;
}

.block_main_page_8:hover .block_8_haut {
	background-color:#C62828;
}
.block_main_page_8:hover .block_8_bas {
	background-color:#EF4438;
}

.block_8_haut {
	background-color:#EF4438;
	width:100%;
	height:65%;
	text-align: center;
}
.block_8_bas {
	background-color:#C62828;
	width:100%;
	height:75%;
	color:white;
	
}

}