@charset "utf-8";

html {
font-size:100%;
}

body {
font-size:1.1rem;
}

/*  div { font-size:1.0em;
    font-weight: normal }
	*/

<style type="text/css">
.Style1 {font-size:1em;
         font-weight: normal}  
.Style2 {font-weight: normal} 
.Style3 {font-weight: bold} 
.Style4 {font-weight: bold} 

h1 { font-size:1.1em;
    font-weight: bold }
	
	
h2 { font-size:1.1em;
    font-weight: bold }
	
	
p { font-size:1em;
    font-weight: normal
}

#P_bandeau_vert{
    background-color: #F6AD1A;
font-size:1.1em;	
	font-weight: bold;
	line-height : 1.5em;
	vertical-align:middle
	}

	
table 	{ 

font-size:1em;
    font-weight: normal }
}
ul {
font-size:0.9em;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
 line-height: 1.5;
  padding: 0px;
  list-style: none;
}

li {font-size:1em;
  margin-left: 1px;
  }
	

#pagecomplete { 
position: absolute; 
width: 1160px;  
top:0; 
bottom:0; 
left:0; 
right: 0; 
margin: auto;  
}


#Banniere {
padding: 10px;
}


#menugauche {
font-size:1em;
float:left;
width: 245px;
}


  
#partiecentrale {
margin-left: 250px;


}

/* menu haut, Contenu et pied de page sont contenus dans partie centrale  */

 #menuhaut { 
 	 font-size:1.05em;
 padding: 10px;
   border-bottom:solid 2px black ; 
   }
 
 #contenu { 
padding: 10px;
background:#FEFDF0;
   }
 
#pieddepage {
padding: 10px;

}
 


/*  remise en forme pour petits écrans   */

@media screen and (max-width:1000px) {


#pagecomplete { 
width: 100%;  
}
 
#Banniere {
padding: 10px;
}
 #menugauche
{

  display: none;
}
  
#partiecentrale {
margin-left: 0px;
width: 100%; 
}

/* menu haut, Contenu et pied de page sont contenus dans partie centrale  */

 #menuhaut { 
 font-size:0.9em;
 padding: 10px;
   border-bottom:solid 2px black ; 
   }
 
 #contenu { 
padding: 10px;
background:#FEFDF0;
   }
 
#pieddepage {
padding: 10px;

} 
}


#@media (max-width <= 600px) {
#}



.GrilleCSS {
  display: grid;
 /*  grid-template-columns: 1fr 1fr ;      */
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}


.GrilleCatalogue {
  display: grid;
 /*  grid-template-columns: 1fr 1fr ;      */
  grid-column-gap: 10px;
  grid-row-gap: 10px;
#grid-auto-rows: 300px;
grid-auto-rows: minmax(200px, auto);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.BlocsMenu {
 
 display: flex;

  justify-content: center;
  align-items: center;
  padding: 20px;

  line-height: 2;
 color:black;
     font-size: 1.1em;

	 
	 
}

.TitreMenu {
text-decoration: none;
 font-weight: bold;
  color:white;
     font-size: 1em;
	 text-align:center;
background-color: #F6AD1A;
background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);

}

.Grille_Blog_CSS {
  display: grid;
 /*  grid-template-columns: 1fr 1fr ;      */
  grid-column-gap: 10px;
  grid-row-gap: 10px;

  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}


.Flottante_Blog {
float: left;
margin-right: 15px;
padding-left:20px;
padding-right:20px;
}

.Retour_dessous {
	clear: both;
}


.Titre_Blog{
 
text-decoration: none;
 font-weight: bold;
  color:black;
     font-size: 1.1em;
	 text-align:center;

}

.Texte_Blog{
text-decoration: none;
 
  color:black;
     font-size: 1em;
	 text-align:left;

}

 .Texte_Index{
text-decoration: none;

  color:white;
     font-size: 1.05em;
	 text-align:center;
background-color: #F6AD1A;
background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);


}

#@media (only (screen and (max-device-width < 900px))) { }
	
	

   




.menu1 { /* boite qui contient le menu (les onglets) */
  width: 960px;
  border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:2px ; /* marge intérieure haute */
  padding-bottom:5px} /* marge intérieure basse */

.choix {
border-color: black;
  border-style: solid;
  border-width: thick;
  overflow:auto;
  background:white



}
  
.onglet { /* style des onglets inactifs */
font-size:11pt;
  border:solid 1px black ; /* encadrement */
  margin:5px 10px 0px 5px ; /* marge extérieure */
  padding:5px 3px 5px 3px;
   border-color: black;
  border-style: solid;
  border-width: thick;
  overflow:auto;
  background:white} /* marge intérieure */

a.onglet { /* style des liens se trouvant dans un onglet inactif */

  text-decoration:none} /* les liens ne sont pas soulignés */

.onglet-actif { /* style de l'onglet de la page active */
font-size:11pt;
   border:solid 2px black ; /* l'encadrement est porté à 2 pixels */
   border-bottom:solid 2px white ; /* le trait inférieur est effacé */
   margin:5px 5px 0px 5px ; /* marges intérieures */
   padding:7px 3px 5px 3px ; /* marges extérieures */  }

    /* gestion des images - zoom   */


	a span          {     display: none;}
a:hover span    {     display: inline;
                      position: absolute;
                      top: 0px;
                      left: 0px;
                      background:#FFFFDD;
                }

				
				

.zoom img {

height:80px;
}
.zoom img:hover {

height:400px;
}   
   

</style>