/* CSS Document */

                 /*************mise en forme **********/
 
 .mobile { display: none; } 
body, div, ul { margin: 0; padding: 0; }

body{
	background-color:whitesmoke;
	margin: 0;
}
.global {
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0px;
}

.enteteimg { margin-top: 0px;} 
.picture { display: block; width: 100%; }


		       /*** contenu texte et photo **/	
 .contenu { 
 margin: 0 auto; max-width: 1600px; 
 border: solid 0px lavender; 
 margin-bottom: 30px;
}
.contenu img { 
	max-width: 100%;
	max-height: auto;
	} 
 
.Flexbox {
box-sixing: border-box; width: 90%; border: solid 0px lavender; margin: 0 auto; overflow: hidden;
}
.Flexbox2 {
box-sixing: border-box; width: 70%; border: solid 0px lavender; margin: 0 auto; overflow: hidden;
}

	
.blockGauche { float: left; width: 48%; border: solid 0px lightgray; text-align: justify; 
}

.blockGaucheimg { text-align: center; padding: 0 auto; }

.blockDroit  {float: right;  width: 48%; border: solid 0px lightgray; text-align: justify; 
}
.blockDroitimg { text-align: center; margin-top: 0 auto;}

.blockCentre {float: center; width: 80%; border: solid 0px lightgray; text-align: justify; margin: 0 auto; clear: both;
}
.blockCentreimg { text-align: center; margin-top: 0 auto; }


.blockGauche2 { float: left; width: 70%; border: solid 0px lightgray; text-align: justify; vertical-align: middle;
}
.blockDroit2 {float: right;  width: 30%; border: solid 0px lightgray; text-align: justify; vertical-align: middle;
}


.blockGauche3 { float: left; width: 16%; border: solid 0px lightgray; text-align: justify; vertical-align: middle;
}
.blockDroit3 {float: right;  width:80%; border: solid 0px lightgray; text-align: justify; vertical-align: middle;
}


										 /*** pied de page  **/

.FlexboxP {
		box-sixing: border-box; 
		width: 100%; 
		margin: 0 auto; 
		overflow: hidden; 
		padding-top: 40px; 
		background-color:#FFFFFF;  /***** couleur de fond du bas de page ****/
		justify-content: space-evenly; 
		display: flex;
		padding-bottom: 3%;
}              
 	
 	


													/** image circulaire**/
.imgOvale { clip-path: ellipse(50% 40% at 50% 50%);
shape-outside: ellipse(50% 40% at 50% 50%); }


.imgRonde { clip-path: ellipse(50% 50% at 50% 50%);
shape-outside: ellipse(50% 50% at 50% 50%); }


.imgOeuf { clip-path: ellipse(45% 50% at 50% 50%);
shape-outside: ellipse(45% 50% at 50% 50%); }

.bouton {width: 110px; height:110px; padding: 0; overflow: hidden; margin: 5px}
.bouton img:hover {cursor: pointer; transition; transform 0.2s; transform: scale(1.2);}

 .sectionBoutonG {justify-content: space-evenly;float: left; } 
 .sectionBoutonG {display: flex;}
 .sectionBoutonD{justify-content: space-evenly;float: right; } 
 .sectionBoutonD {display: flex;}
 
 
 .img-text-R {float:right; margin: 40px; }
 .img-text-L {float:left; margin: 40px; }
 
  .FlexboxMenu {
		box-sixing: border-box; 
		width: 80%; 
		margin: 0 auto; 
		overflow: hidden; 
		justify-content: space-evenly; 
		display: flex;
		padding-bottom: 3%;
} 
  .AnnexeMenu { 
 	text-align: ;
	justify-content: space-evenly; 
 	}