/* 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: 1em; color: brown; 
	text-align: center;
}
h3 { font-family: Arial, sans-serif;
    font-size: 1em; color: brown; 
	text-align: center;
}

p {
	font-family:"Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	line-height: 24px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
	text-align:justify;
}

ol {
	font-family:"Times New Roman", Times, serif;
	font-size: 1em;
	font-style:italic;
	line-height: 24px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
	text-align:left;
}

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

.Style22 {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	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:#320064;  /***** couleur de fond du bas de page ****/
}   
.FlexboxP a:hover {
	color: red;}



.blockGauche { float: center; width: 95%;  text-align: justify; 
}

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

.blockDroit  {float: center; width: 95%; text-align: justify; 
}
.blockDroitimg { float: center; width: 95%;  text-align: center; vertical-align:middle;}

.blockGauche_F {float: center; width: 95%;  text-align: justify;  
}

.blockDroit_F  {float: center; width: 100%;  text-align: justify; 
}



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

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


 
footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
 footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:hover {
	text-decoration: none;
}


.global .contenu table a:link {
	color: #333;
	text-decoration: none;
}
.global .contenu table a:visited {
	color: #333;
	text-decoration: none;
}
.global .contenu table a:active {
	color:#FFCC00;
	text-decoration: none;
}
.global .contenu table a:hover {
	color:#990000;
	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;
}	
 .FlexboxMenu { 
 	display: block;
	margin: 0 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.5em; color:#d06b19; text-align: center; 
}
	
h2 { font-family: Arial, sans-serif;
    font-size: 1.2rem; color: brown; 
	text-align: center;
}
h3 { font-family: Arial, sans-serif;
    font-size: 1.1rem; 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: 1.0rem;
	font-style: normal;
	line-height: 20px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
	text-align: left;
}

.Style1 {
	font-size: 0.9em;
	color:#003366;
	font-weight:450;
	font-style: italic;
	text-shadow: 1px 0px 0px #999;
}

ol {
	font-family:"Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style:italic;
	line-height: 20px;  /***hauteur de ligne **/
	color: #333333;
	letter-spacing: 0.1em;
	vertical-align: middle;
	word-spacing: 0.1em;
	text-align:left;
}
 
ol::first-letter{font-size: 125%; font-weight: bold;}  /** première lettre plus grande**/



  .Signature a:link { color:#3366FF; }

  .Style22 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
}  


												/**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 {width: 95%;  margin: 0 auto; }


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

.blockGauche_F {float: center; width: 95%;  text-align: justify;  
}

.blockDroit_F  {float: center; width: 100%;  text-align: justify; 
}


.blockPiedCentre {display: none;}

.FlexboxP{ display: flex; flex-direction: column;
		align-items: center; }
												 /**pied **/     /* 599 */
.FlexboxP {
		box-sixing: border-box; 
		width: 100%; 
		margin: 0 auto; 
		text-align:center;
		overflow: hidden; 
		padding-top: 20px; 
		background-color:#320064;  /***** couleur de fond du bas de page ****/
} 
.FlexboxP a:hover {
	color: red;
}

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

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


.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;
	 }	

 .FlexboxMenu { 
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	color: #333333;
}

 .FlexboxMenu { 
 	display: block;
	margin: 0 auto ;
	 }

 .divMenu { 
 	text-align:center;
 
	}	


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