/* 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; 
 margin-bottom: 30px;
}
.contenu img { 
	max-width: 100%;
	max-height: auto;
	margin-right: 10px;
	} 
 								/** mise en page **/
.Flexbox {
box-sixing: border-box; width: 95%; border: solid 0px lavender; margin: 0 auto; overflow: hidden;
}
 	
.blockGauche { float: left; width: 46%; border: solid 0px lightgray; text-align: justify; 
}

.blockGaucheimg {float: left; width: 48%; text-align: center; vertical-align:middle; }

.blockDroit  {float: right;  width: 46%; border: solid 0px lightgray; text-align: justify; 
}
.blockDroitimg { float: right; width: 48%; text-align: center; vertical-align:middle; border: solid 0px lightgray;}

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

                                  
										/**  Formulaire  **/
										
.blockGauche_F { float: left; width: 48%; border: solid 0px lightgray; text-align: justify; 
}

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





										 /*** pied de page  **/

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


								
									
div .galerieMenu { margin-left: 50px; }
.galerieMenu img {margin: 0px; border:solid 1px;}
 	
 .imgFloat-R { float: right; }
													
													
													/** image  arrondie   **/
.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%); }

											 /** mouvement sur image et boutons  **/

  .bouton {width: 185px; height:121px; padding: 0; overflow: hidden; margin: 0px}
  .bouton img:hover {cursor: pointer; transition; transform 0.2s; transform: scale(0.95);}
  
  .bouton2 {width: 185px; height:185px; padding: 0; overflow: hidden; margin: 0px}
  .bouton2 img:hover {cursor: pointer; transition; transform 0.2s; transform: scale(0.95);}
  
  .bouton3 {width: 185px; height:140px; padding: 0; overflow: hidden; margin: 0px}
  .bouton3 img:hover {cursor: pointer; transition; transform 0.2s; transform: scale(0.95);}