/* HEADER */

body {
	background-color: white;
}

#corps {
	background-color: white;
    /* width: 80%; */
	height: auto;
	font-family:calibri,arial,serif;
	margin: auto;
	padding: 0px 100px;
	color: #2d2d2d;
	font-size: 1em;
}

a { 
	text-decoration: none; 
	color: #2d2d2d; 
} 


#entete {
    display: flex;
	background-color: white;
    flex-direction: row;
	justify-content: space-around;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 50px;
	margin-right: 0px;
}

#logo {
	flex: 1;
	align-items: center;
	justify-content: center;
	align-content: center;
 }
 
#logo img {
    width: 90%;
    height: auto;
}

#mots_cles {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-content: center;
	padding-right: 0;
	justify-content: center;
	align-content: center;
}

#mots_cles h1 {
    font-family:calibri,arial,serif;
    font-size: 3.5em;
	padding: 0px;
    font-weight: bold;
	margin: 0;
	text-align: center;
	color: #2d2d2d; 
}

#mots_cles h2 {
    font-family:calibri,arial,serif;
    font-size: 2em;
	padding-left: 20px;
    font-weight: normal;
	/* text-align: center; */
	/* align-items: center; */
}

#mots_cles p {
    font-family:calibri,arial,serif;
    font-size: 1.9em;
	padding: 0px;
	margin: 0;
    font-weight: bold;
	text-align: center;
	align-items: center;
}

/* PAGE ACCUEIL V3.0 */
.icone_menu {
	height: 80px;
	text-align: center;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}

.icone_menu_2 {
	height: 35px;
	text-align: center;
	width: auto;
	margin-left: 30px;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.cont_zero {
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.cont_zero h2 {
	font-size: 1.5em;
}

.cont_zero img {
	padding-right: 0px;
	margin-left: 0px;
}

.cont_zero p {
	padding-left: 0px;
	margin: 0px;
	font-size: 1em;
}

.cont_princ li {
    list-style-type: none;
}

.cont_princ {
	display: flex;
	/*flex-direction: column;*/
	margin: 0;
	padding: 0;
	flex: 0 1 50%;
	height: auto;
}

.conteneur10 {
	display: flex;
	padding-top: 60px;
}

.conteneur10bis {
	/* width: 50%; */
	flex: 0 0 50%;
	margin: 0;
	padding-right: 0 ;
	font-size: 1.2em;
	display: flex;
	flex-direction: column;
	background-color: #2d2d2d;;
	border-radius: 10px;
	border: 1px solid white;
	color: white;
}

.cont_zero_bis {
	display: flex;
	flex: 0 0 50%;
	margin: 0;
	/* justify-content: center; */
}

.cont_princ_bis {
	display: flex;
	flex: 0 0 50%;
	flex-direction: column;
	margin: 0;
	padding: 0;
	/* width: 50%; */
	height: auto;
	align-content: stretch;
}

.cont_zero_bis h2 {
	font-size: 1.5em;
}

.avant {
	color: cfcfcf;
	font-weight: bold;
}

.apres {
	color: white;
	font-weight: bold;
}

.neo_accueil {
	flex: 1;
	margin: 0;
	padding: 0 ;
	font-size: 1.2em;
	display: flex;
	border: 1px solid white;
}

.cont_princ_bis .neo_accueil {
	flex: 1;
	margin: 0;
	padding: 0 ;
	font-size: 1.2em;
	display: flex;
	border: 1px solid white;
}

.neo_banniere {
	display: flex;
    justify-content: space-around;
    align-items: center;
	margin: 0;
	top: 0;
	text-align: center;
	height: 100px;
	flex: 1;
	padding-right: 20px;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
}

.neo_contenu {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 0;
	text-align: center;
	height: 100px;
	padding-right: 10px;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	flex: 1;
}

.neo_banniere_bis {
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 0;
	top: 0;
	text-align: center;
	height: 100px;
	/* flex: 1; */
	padding-right: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.neo_contenu_bis {
	margin: 0;
	text-align: justify;
	height: auto;
	padding-right: 20px;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	/* flex: 3; */
}

.alignement_droite {
	text-align: right;
}

.bas_bouton_1 {
	flex: 1;
	margin: 0;
}

.bas_bouton_2 {
	display: flex;
	flex-direction: column;
	flex: 4;
	margin: 0;
	text-align: left;
	padding-left: 25px;
	justify-content: center;
	align-item: center;
}

.bas_bouton_1_bis {
	flex: 1;
	margin: 0;
	left: 0;
}

.bas_bouton_2_bis {
	flex: 10;
	margin: 0;
}

.neo_accueil a {
	width: 100%;
}

.apres, .neo_accueil:hover .avant {
    display : none;
}

.neo_accueil:hover .apres {
    display : block;
}

.vert1 {
	background-color: #87ff64;
	border-radius: 10px;
}

.vert2 {
	background-color: #34a853;
	border-radius: 10px;
}

.bleu1 {
	background-color: RGBa(000, 112, 192, 0.5);
	border-radius: 10px;
}

.bleu2 {
	background-color: #0070bb;
	border-radius: 10px;
}

.gris1 {
	background-color: #cfcfcf;
	border-radius: 10px;
}

.gris2 {
	background-color: #2d2d2d;
	border-radius: 10px;
}

.jaune1 {
	background-color: RGB(251, 216, 99);
	border-radius: 10px;
}

.jaune2 {
	background-color: #ea9902;
	border-radius: 10px;
}

.orange1 {
	/* background-color: #ff8041; */
	/* background-color: #ea974d; */
	background-color: #ff9552;
	border-radius: 10px;
}

.orange2 {
	background-color: #ff6500;
	border-radius: 10px;
}

.rouge1 {
	background-color: #fe5f5f;
	border-radius: 10px;
}

.rouge2 {
	background-color: #c91426;
	border-radius: 10px;
}

.violet1 {
	background-color: #b360b1;
	border-radius: 10px;
}

.violet2 {
	background-color: #820048;
	border-radius: 10px;
}

.hauteur {
	height: 100%;
}

/* FOOTER*/

#pied {
	display: flex;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	/* justify-content: center; */
	align-items: center;
}

#pied h5 {
	font-size: 1.1em;
	margin-top; 10px;
	margin-bottom: 10px;
	/* color: white; */
}

#pied img {
    width: 20%;
    height: auto;
}

#pied p {
    font-size: 1em;
	/* text-align: center; */
	font-weight: bold;
	flex: 1;
	/* color: white; */
	margin-bottom: 5px;
	margin-top: 5px;
}

#pied a { 
	text-decoration: none; 
	/* color: #FFF;  */
} 

.conteneur_footer {
	/* flex: 2; */
	display: flex;
	flex-direction: column;
	/* align-content: center; */
	/* justify-content: flex-start; */
	align-items: flex-start;
	margin: 0;
	padding-top: 0px;
	width: 25%;
}

.conteneur_footer:nth-child(1) {
    /* flex: 3; */
	align-items: center;
	text-align: center;
}

.conteneur_footer:nth-child(2) {
	padding-left: 120px;
}

.conteneur_footer:nth-child(3) {
	padding-left: 80px;
}

.conteneur_footer:nth-child(4) {
    /* flex: 2; */
	align-items: center;
	text-align: center;
	padding-bottom: 20px;
}

@media screen and (max-width: 1150px) {
	#corps {
		padding: 0;
	}
	.cont_zero, .conteneur10 {
		flex-wrap:wrap;
	}
	.cont_princ {
		flex: 0 0 50%;
	}
	
	.cont_zero_bis, .conteneur10bis {
		flex: 0 0 100%;
	}
	
	
}

/* @media screen and (max-width: 500px) { */
	/* #corps { */
		/* padding: 0; */
	/* } */
	/* .cont_zero, .conteneur10 { */
		/* flex-wrap:wrap; */
	/* } */
	/* .cont_princ { */
		/* flex: 0 0 100%; */
	/* } */
	
	/* .cont_zero_bis, .conteneur10bis { */
		/* flex: 0 0 100%; */
	/* } */
	
	
/* } */