body {
	background-color:#d2d2d2;
	padding: 0;
	margin: 0;
         }

#divglobal{

	background-color:#ffffff;
	width: 90%;
	height: 100%;
	float: center;
	margin:auto;
    padding: 0;
    text-align:center;
       }

#entete{

	background-color:#00ff00;
	width: 100%;
	height: auto;
	float: center;
    text-align:left;
	margin: 0;
	padding: 0;
	border-radius: 20px;
       }
#menu{

	background-color:#91b80f;
	width: 100%;
	height: auto;
    text-align:center;
    font-family: arial;
    color: white;
	border-radius: 8px;
	margin:5px;
	padding: 0;
       }
	   .linkmenu { color: #ffffff;  /* CSS link color */

font-size: 14px;
       }


		  

#contenairecentre{
	background-color:#ffffff;
	width: 76%;
        height: 100%;
         float: left;		
		 text-align:center;
        font-family: arial;
			margin:0px;
	        padding: 0;
		overflow: scroll;
		overflow: auto;
          }

#divarticle2{
	    background-color:#e6fae6;
		border-style: solid;
		border-radius: 15px;
		border-width:1px;
        border-color:#aaee55;
	    height: auto;
		margin:15px;
        float: center;		
		text-align:center;
		font-size: 18px;
        font-family: arial;
		overflow:auto;
		color: #004400;
          }
		  #divarticle2 a:link {color:#c86432;}
		  
	#divarticle3{
	    background-color:#e6fae6;
		width: 50%;
	    height: auto;
        float: left;		
		text-align:center;
		font-size: 16px;
        font-family: arial;
		overflow:auto;
		color: #004400;
          }
		  #divarticle3 a:link {color:#c86432;} 
		  
     #divarticle4{
	    background-color:#e6fae6;
		width: 33%;
	    height: auto;
        float: left;		
		text-align:center;
		font-size: 18px;
        font-family: arial;
		overflow:auto;
		color: #004400;
          }
		  #divarticle4 a:link {color:#c86432;}	

      #divarticle5{
	    background-color:#e6fae6;
		width: 25%;
	    height: auto;
        float: left;		
		text-align:center;
		font-size: 18px;
        font-family: arial;
		overflow:auto;
		color: #004400;
          }
		  #divarticle5 a:link {color:#c86432;}

        #divarticle6{
	    background-color:#e6fae6;
		width: 37%;
	    height: auto;
        float: left;		
		text-align:center;
		font-size: 18px;
        font-family: arial;
		overflow:auto;
		color: #004400;
          }
		  #divarticle5 a:link {color:#c86432;}		  
		  
		  
#contenairedroit{
	    background-color:#ffffff;
	    width: 24%;
        height: 100%;
        float: left;
		text-align:center;
			margin:0;
	        padding: 0;
          }	
		  
#divtableh{
	    width: 80%;
		margin: 0 auto;
	    background-color:#9fca87;
		border-style: solid;
		border-radius: 15px 15px 0px 0px;
		border-width: 2px 2px 1px 2px;
        border-color:#649e44;
	    height: auto;
        float: center;		
		text-align:center;
		font-size: 19px;
        font-family: arial;
		color: #006600;
          }
		  
#divtableb{
	    width: 80%;
		margin: 0 auto;
	    background-color:#dfedd7;
		border-style: solid;
		border-radius: 0px 0px 15px 15px;
		border-width: 1px 2px 2px 2px;
        border-color:#649e44;
	    height: auto;
        float: center;		
		text-align:left;
        font-family: arial;
          }
         #divtableb h1 {color:#ff0000;}		  
#divtableb2{
	    width: 80%;
		margin: 0 auto;
	    background-color:#dfedd7;
		border-style: solid;
		border-radius: 0px 0px 15px 15px;
		border-width: 1px 2px 2px 2px;
        border-color:#649e44;
	    height: auto;
        float: center;		
		text-align:center;
        font-family: arial;
          }
         #divtableb2 h1 {color:#ff0000;}					  

.titre{
		 font-size: 20px;
        font-family: cursive;
        color: red;
		}
.linear-gradient {
  background: linear-gradient(#91b80f,#dfe9b9,#fafcf5,#ffffff);
  }
  .imtete{
	max-width: 100%;
      }

	  
.lienaccueil{  
   font-size:16px;
   font-family: arial;
   color:#000000;
  
}


.centretab{
   font-size:15px;
   font-family: arial;
   text-align: center;
   color:#660000;
}
	 


#link {
	color: #006600;
        font-size: 15px;
      }
#link2 {
	color: #005500; 
	font-size: 14px;
	}

#link3 { color: #ff0000;
     font-size: 12px;
	float: center;
}
#link4 {
	color: #005500; 
	font-size: 14px;
	text-align: left;
	 margin-left:5px;
	}

#linkjaune { color: #ffffff; }

.aligncenter, dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
	display: block;
          }
	
@media screen and (max-width: 600px) {
	#divglobal{width: 100%;}
	#contenairecentre{width: 100%;}
	#contenairedroit{
		width: 100%;
		float: center;}	
	#menu{margin:2px;}
	.linkmenu { font-size: 9px;}
     #divarticle2 {font-size: 11px;}
	 #divarticle3 {font-size: 10px;}
	 #divarticle4 {font-size: 10px;}
	 #divarticle2{margin:8px;}
	 #link2 { font-size: 11px;}
	 #link4 { font-size: 9px;}
	 #divtableh{
	    width: 90%;
        font-size: 9px;
          }
	 #divtableb{
	    width: 90%;
        font-size: 9x;
          }
}
@media screen and (min-width: 1200px) and (max-width: 5000px) {
#divglobal{width: 1100px;}
          }