*{ /*TOUT enlve la marge droite et gauche */
	margin-left :0px; 
	margin-right :0px;
}
h1 { /*TOUT*/
	text-align: center;
	font-size:50px;
}
h2.titre { /*TOUT*/
	font-family: Verdana;
	text-align: center;
	color: #3b9fed;
	margin: 25px;
	font-size:40px;
}
img.image_haut_1{ /*NOUS + CODE + DESSIN*/
	width: 200px;
	height: 200px;
	float: right;
	padding-right: 30px;
}
img.image_haut{  /*ACCUEIL*/
	width: 230px;
	height: 165px;
	float: right;
}
div.nav_barre { /* reste bloquer en haut de la page */ /*TOUT*/
	position: -webkit-sticky; /*uniquement pour Safari */
	position: sticky; /* reste bloquer en haut de la page */
	border: 3px solid #7d7d7d;
    border-radius: 10px;
	top: 0;
	padding: 2px;
	background-color: #cccccc; /* couleur arriere plan */
}
div.secondce-barre { /*TOUT*/
	padding: 10px;
	width: 90%;
	margin: auto;
}
a.clique {/*TOUT*/
	background-color: #bfbfbf;
	border: 1px solid #7d7d7d;
   	border-radius: 10px;
	color: white;
	padding: 10px 0px; /* "ecarte" le texte des bords */
	text-align: center;
	text-decoration: none; /*supprime le lien souligné*/
	display: inline-block;
	margin: right;
	width: 32%; /* place les blocks de la meme taille */
}
a.clique_centre {/*TOUT*/
	background-color: #bfbfbf;
	border: 1px solid #7d7d7d;
   	border-radius: 10px;
	color: white;
	padding: 10px 0px; /* "ecarte" le texte des bords */
	text-align: center;
	text-decoration: none; /*supprime le lien souligné*/
	display: inline-block;
	width: 34%; /* place les blocks de la meme taille */
	margin: auto;
}
a.clique:hover { /* TOUT passer la souris sur le blocks */	
	color: white;
	background-color: #296da3;
	transition: 0.4s;
}
a.clique_centre:hover { /* TOUT passer la souris sur le blocks */ 
	color: white;
	background-color: #296da3;
	transition: 0.4s;
}
#zone_draw{ /* DESSIN zone de dessin */ 	
	margin-top: 30px;
	border: 10px solid #7d7d7d;
   	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	height: 280px;
}
div.information{ /*DESSIN pour le dessin */ 
	margin-top: 20px;
	padding: 10px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #7d7d7d;
  	border-radius: 30px;
	text-align: center;
}
img.image_DL{ /*ACCEUIl*/
	width: 220px;
	height: 130px;
	float: right;
	padding-right: 30px;
}
div.zone_text { /*TOUT*/
	margin-top: 50px;
	border: 5px solid #7d7d7d;
    border-radius: 30px;
	padding: 25px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
div.div_par_cases{/*NOUS*/
	margin-top: 50px;
	overflow: auto;
	border: 5px solid #7d7d7d;
	padding-left: 15px;
	padding-right: 15px;
}
img.photo_de_profil {/*NOUS*/
	float: left;
	padding: 15px;
	width: 260px;
	height: 260px;
}
img.photo_de_profil_droite {/*NOUS*/
	float: right;
	padding: 15px;
	width: 260px;
	height: 260px;
}
h2.titre_profil{/*NOUS*/
	font-size: 30px;
	padding-left: 40%;
	color: #3b9fed; 
	border-bottom: 5px solid #7d7d7d;
}
h2.titre_profil_droite{ /*NOUS*/
	text-align: right;
	font-size: 30px;
	padding-right: 40%;
	color: #3b9fed; 
	border-bottom: 5px solid #7d7d7d;
}
h2.titre_1{ /*ACCUEIL*/
	color: #3b9fed; 
	font-size:40px;
	padding-bottom: 10px;
	border-bottom: 5px solid #7d7d7d;
}
p.explication_1{ /*ACCUEIL*/
	font-weight: normal; /*obliger car sinon le text est en gras*/
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
a.dans_le_text{ /*ACCUEIL*/
	text-decoration: none;
	color: #3b9fed;
	font-style:  italic;
}
a.dans_le_text:hover{ /*ACCUEIL*/
	transition: 0.4s;
	text-decoration: none;
	color: #296da3;
	font-style:  italic;
}
span.mise_en_valeur{ /*ACCUEIL*/
	text-decoration: underline;
	font-weight: bold; /*met en gras*/
}
span.gde_letre{ /* NOUS */
	float: left;
	color:#296da3;
	width: 0.7em;
	font-size: 400%;
	font-family: algerian, courier;
	line-height: 80%;
}
p.description_de_droite{ /* NOUS */
	text-align: justify;
}
p.description_de_gauche{/* NOUS */
	text-align: justify;
}
div.abaisser-la-barre .drop_down_centre:hover{ /*CODE*/
	margin-bottom: 210px;
}
div.abaisser-la-barre .drop_down:hover{ /*CODE*/
	margin-bottom: 40px;
}
div.abaisser-la-barre .drop_down_d:hover{ /*CODE*/
	margin-bottom: 130px;
}
div.drop_down { /*CODE pour naviguer entre les onglets*/
	position: relative;
	display: inline-block;
	width: 32%;
}
div.drop_down_d { /*CODE pour naviguer entre les onglets*/
	position: relative;
	display: inline-block;
	width: 32%;
}
div.drop_down_centre { /*CODE pour naviguer entre les onglets*/
	position: relative;
	display: inline-block;
	width: 34%;
}
button.dropd_bouton { /*CODE pour naviguer entre les onglets*/
	background-color: #bfbfbf;
	border: 3px solid #7d7d7d;
    border-radius: 10px;
	color: white;
	padding: 16px;
	font-size: 16px;
	width: 100%;
}
div.drop_down_menu { /*CODE pour naviguer entre les onglets*/
	display: none;
	position: absolute;
	background-color: #bfbfbf; /*couleur générale des cases qui apparaissent*/
	min-width: 160px;
	opacity: 0.6;
}
div.drop_down_menu a { /*CODE pour naviguer entre les onglets*/
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	transition: 0.4s; /* transition des petits bloques */
}
div.drop_down_menu a:hover { /*CODE pour naviguer entre les onglets*/
	background-color: #296da3; /* couleur des petites cases lorseque la souris est dessus*/
}
div.drop_down:hover .drop_down_menu { /*CODE pour naviguer entre les onglets*/
	display: block;
	width: 98%;
	border: 3px solid #7d7d7d;
    border-radius: 10px;
}
div.drop_down:hover .dropd_bouton { /*CODE pour naviguer entre les onglets*/
	background-color: #296da3; /* couleur des grandes cases lorseque la souris est dessus*/
	transition: 0.4s; /* transition des grands bloques */
}
div.drop_down_d:hover .drop_down_menu { /*CODE pour naviguer entre les onglets*/
	display: block;
	width: 98%;
	border: 3px solid #7d7d7d;
    border-radius: 10px;
}
div.drop_down_d:hover .dropd_bouton { /*CODE pour naviguer entre les onglets*/
	background-color: #296da3; /* couleur des grandes cases lorseque la souris est dessus*/
	transition: 0.4s; /* transition des grands bloques */
}
div.drop_down_centre:hover .drop_down_menu { /*CODE pour naviguer entre les onglets*/
	display: block;
	width: 99%;
	border: 3px solid #7d7d7d;
    border-radius: 10px;
}
div.drop_down_centre:hover .dropd_bouton { /*CODE pour naviguer entre les onglets*/
	background-color: #296da3; /* couleur des grandes cases lorseque la souris est dessus*/
	transition: 0.4s;
}
h3.titre_premier{ /*CODE*/
	text-align: center;
	border: 3px solid #7d7d7d;
   	border-radius: 10px;
	background-color:  #cccccc;
	padding: 20px;
}
h3.titre_autres { /*CODE*/
	text-align: center;
	border: 3px solid #7d7d7d;
   	border-radius: 10px;
	background-color:  #cccccc;
	padding: 20px;
	margin-top: 100px;
}
span.espace_1{/*CODE*/
	margin-left:30px;
}
span.espace_2{/*CODE*/
	margin-left:60px;
	color: white;
}
span.espace_ind{ /*ACCUEIL + NOUS*/
	margin-left:60px;
}
span.espace_3{/*CODE*/
	margin-left:90px;
}
span.espace_4{/*CODE*/
	margin-left:120px;
}
span.espace_5{/*CODE*/
	margin-left:150px;
}
span.espace_6{/*CODE*/
	margin-left:180px;
}
span.espace_7{/*CODE*/
	margin-left: 210px;
}
div.les_codes{ /*CODE*/
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: black;
	width: 90%;
}
span.commantaire{ /*CODE*/
	color: #3b9fed;
}
#commantaire_numero1{ /*CODE*/
	color: #3b9fed;
}
#commantaire_numero2{ /*CODE*/
	margin-left: 120px;
}
h4.red_commantaire { /*CODE*/
	color: red;
	text-align: center;
}
p.le_texte_code{ /*CODE*/
	color: white;
}
div.jump_a{ /*CODE*/
	text-align: center;
	margin: auto;
	padding: 10px;
}
a.saut-de-page{ /*CODE*/
	color: black;
	background-color: #3b9fed;
	padding: 10px;
	padding-left: 20%; /*permet de le centrer*/
	padding-right: 20%; /*permet de le centrer*/
	text-decoration: none;
}
a.saut-de-page:hover{ /*CODE*/
	transition: 0.4s;
	background-color: #296da3;
}
p.eggs{ /*TOUT*/
	text-align: center;
	font-size: 20px;
}
a.easter { /*TOUT*/
	text-decoration: none; /*supprime le lien souligné*/
	color: #7d7d7d;
}
a.easter:hover { /*TOUT*/
	transition: 0.4s;
	text-decoration: none;
	color: #296da3;
}