/* CSS Document */

  /* Gérard  */

/* RESPONSIVE - conception adaptative- design en anglais*/


* { box-sizing: border-box; }
body, div, ul { margin: 0; padding: 0; }
.mobile { display: none; } 

@media only screen and not (min-width: 599px) {
img { display: none; }
}
/* RESPONSIVE  menu horizontal*/
@media only screen and (max-width: 799px) { 

#boutonmenu { display: none;  }  /* couleur du bouton */
#menu { display: block;}


body { background-image: none; }
article { float: right; width: 95%; }

article, { width: 100%; padding-top: 0; } 
article img { max-width: 100%; margin: 0; } 


h1 { font-family: Arial, sans-serif;
    font-size: 1.7em; color:#d06b19; text-align: center; 
}
	
h2 { font-family: Arial, sans-serif;
    font-size: 1.1em; color: brown; 
	text-align: center;
}

#menu li a, #menu li a:visited {
   font-family:Georgia, "Times New Roman", Times ;
   font-size: 0.8rem; 
   font-weight: 500;	
}
 .FlexboxMenu {
 	font-family:"Times New Roman", Times, serif;
	font-size: 1rem;
	font-style: normal;
	line-height: 16px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-align:center;
	}

										/**bock texte et image**/ /* 799*/

.blockGauche  {float: center; width: 90%; border: solid 0px lightgray; text-align: justify; 
}
.blockGaucheimg {text-align: center; }

.blockDroit  {float: center; width: 90%; border: solid 0px lightgray; text-align: justify; 
}
.blockDroitimg {text-align: center; }

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

       											 /**pied **/    /* 799 */

.FlexboxP {
		box-sixing: border-box; 
		width: 100%; 
		margin: 0 auto; 
		overflow: hidden; 
		padding-top: 20px; 
		background-color:;  /***** couleur de fond du bas de page ****/
}   
.FlexboxP a:hover {
	color: red;}

.blockPiedGauche {float: left; width: 50%; text-align: center; color: #333; padding-left: 1%;
}
.blockPiedDroit {float: right;  width: 50%; text-align: center; color: #333; padding-left: 1%;
}



footer {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
}

footer a:link {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
}

footer a:hover {
	color: red;
	text-decoration: none;
}
footer a:active {
	color: #333;
	text-decoration: none;
}




.global .contenu table a:link {
	color: #333;
}
.global .contenu table a:link {
	text-decoration: none;
}
.global .contenu table a:visited {
	color: #333;
}
.global .contenu table a:visited {
	text-decoration: none;
}
.global .contenu table a:active {
	color:#FFCC00;
}
.global .contenu table a:active {
	text-decoration: none;
}
.global .contenu table a:hover {
	color:#990000;
}
.global .contenu table a:hover {
	text-decoration: none;
}



	
.global .contenu table {width: 80%;}

.global .contenu table {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 600;
	
}
.global .contenu table img {
	max-width: 95%; 
	max-height: auto;
}	


}


 /****************************************************************************/
@media only screen and (max-width: 599px) { 
.mobile { display: block; 
} 
 
#boutonmenu { display: block; line-height: 2rem; 
background: linear-gradient(whitesmoke);  /* couleur de la barre bouton */
text-align: left; padding-left: 3%;   /* position */
font: bold 1.6rem/2.5rem Arial, sans-serif;
color: brown; text-decoration: none; }  /* couleur du bouton */

.entete img { display: block; width: 100%; } 
.contenu img { max-width: 100%; margin: 0 auto;} 

article, { width: 100%; padding-top: 0; } 


h1 { font-family: Arial, sans-serif;
    font-size: 1.4em; color:#d06b19; text-align: center; 
}
	
h2 { font-family: Arial, sans-serif;
    font-size: 0.9em; color: brown; 
	text-align: center;
}

#menu li {background-color:#F5F5F5;
		display: block;}

#menu li a, #menu li a:visited {
   font-family:Georgia, "Times New Roman", Times ;
   font-size: 0.9rem; 
   font-weight:500;	
}

p {
	font-family:"Times New Roman", Times, serif;
	font-size: 0.9rem;
	font-style: normal;
	line-height: 18px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
	text-align:justify;
}
li{
 	font-family:"Times New Roman", Times, serif;
	font-size: 0.9rem;
	font-style: normal;
	line-height: 18px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
	text-align:justify;
}
												/**bock texte et image**/     /* 599 */

.blockGauche  {float: center; width: 95%; border: solid 0px lightgray; text-align: justify;  
}
.blockGaucheimg { width: 95%;  margin: 0 auto; }

.blockDroit  {float: center; width: 95%; border: solid 0px lightgray; text-align: justify; 
}
.blockDroitimg {text-align: center;  width: 95%; }

.blockCentre {float: center; width: 95%; border: solid 0px lightgray; text-align: center; ; padding: 5px,5px,5px,5px;
}
.blockCentreimg {  max-width: 100%; max-height: auto; }

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

.blockGauche3 { float: center; width: 60%; text-align: justify; vertical-align: middle;
}
.blockDroit3 {float: center;  width:95%; border:  text-align: justify; vertical-align: middle;
}





	
	.FlexboxMenu {display: none;}
	.FlexboxMenu{ display: flex; flex-direction: column;
		align-items: center;
}

 .FlexboxMenu {
 	font-family:"Times New Roman", Times, serif;
	font-size: 0.9rem;
	font-style: normal;
	line-height: 16px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-align:center;
	}



	.blockPiedCentre {display: none;}
	.FlexboxP{ display: flex; flex-direction: column;
		align-items: center; }

												 /**pied **/     /* 599 */
	footer {
		box-sixing: border-box; 
		width: 100%; 
		margin: 0 auto; 
		overflow: hidden; 
		padding-top: 20px; 
		background-color:#fff;  /***** couleur de fond du bas de page ****/
} 


	footer {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

	footer a:link {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
	footer a:visited {
	text-decoration: none;
	color: #333;
}
	footer a:hover {
	text-decoration: none;
	color:#CC0000;
}
	footer a:active {
	text-decoration: none;
	color: #333;
}


.blockPiedDroit {width: 100%; margin: 0 auto;  text-align: none; padding-left: 1%} 
.blockPiedGauche  {width: 100%; margin: 0 auto; text-align: none; padding-left: 1%}

.global .contenu table {width: 98%;}

.global .contenu table {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	
}
.global .contenu table img {
	max-width: 95%; 
	height: auto;
	 }	


}
/********************************************************************************/
/* RESPONSIVE  menu horizontal*/
@media only screen and (max-width: 799px) { 
.mobile { display: none; } 
#menu { display: block; height: auto; }
#menu.afficher { height: 200px; margin-top: 0; } 
#menu { transition: height 1s; overflow: hidden; border-bottom: none; background: none; }
}

@media only screen and (max-width: 599px) { 
.mobile { display: block; } 
#menu { display: block; height: 0;} 
#menu.afficher { height: 530px; margin-top: 0; } 
#menu { transition: height 1s; overflow: hidden; border-bottom: none; background: none; }
  
}