h1
{
width: 98%;
float: left;
text-align: left;
    font-family: "times new roman";
   color: #28757C;
   font-size: 24px;
   padding-left: 1%;
   padding-top: 0px;
    margin-top: 0%;
   font-weight: bold;
    padding-bottom: 1%;
    margin-bottom: 1%;
   border-bottom: 2px solid #D22700;
}


h2
{
  font-size: 18px;
   width: 90%;
   text-align: left;
   font-style: italic;
   font-family: "times new roman"; 
   color: #1D6EC6;
   padding-left: 5%;
   text-decoration: underline;
}


.toutl
{
width: auto;
float: left;
text-align: left;
    font-family: "times new roman";
   color: white;
   font-style: normal;
   font-size: 39px;
   padding-left: 35%;
   padding-top: 30px;
   padding-bottom: 0px;
    margin-bottom: 0%;
   border-bottom: none;
}

.toutl2
{
width: auto;
float: left;
text-align: left;
    font-family: "times new roman";
   color: #091819;
   font-style: italic;
   font-size: 35px;
   padding-left: 40%;
   padding-top: 0px;
    margin-bottom: 0%;
   border-bottom: none;
}


.toutl3
{
width: auto;
float: left;
text-align: left;
    font-family: "times new roman";
   color: #091819;
   font-style: italic;
   font-size: 35px;
   padding-left: 45%;
   padding-top: 0px;
   margin-top: 0px;
    margin-bottom: 5%;
   border-bottom: none;
}



.a
{
width: 90%;
float: left;
text-align: center;
font-family: times;
   color: black;
   font-size: 18px;
   padding-left: 2%;
   padding-top: 0px;
    margin-bottom: 2%;
   text-decoration: underline;
   border-bottom: none;
}

.ganache
{
width: 97%;
text-align: left;
    font-family: "comic sans ms";
   color: white;
   font-size: 14px;
 font-size: 16px;
   padding-left: 2%;
   padding-top: 0px;
border: 1px solid black;
   margin-bottom: 0%;
   background-color: #28757C;
   margin-bottom: 5%;
}

blockquote
{
   text-align: justify;
}  
 
strong 
{
    text-decoration: underline;
	font-weight: normal;
}

q
{
    color: rgb(240,0,0);
}



em
{
    font-style: normal;
	color: rgb(235,0,0);
	text-decoration: underline;
}



body
{
   width: 1024px;
   margin: auto;

   background-color: white;
}




#en_tete
{
   float: left;
   width: 100%;
  
   background-color: black;
   
  
}



.premiere_entete
{
 
   width: 1024px;
   height: 80px;
   background-image: url("logo.png");
   background-repeat: no-repeat;

 margin-top: 10px;
   background-color: white;
   
  
}


.premiere_entete2
{
   float: left;
   width: 1024px;
   height: 35px;
   background-color: white;
 
}

.interne1
{
   float: right;
   width: 10%;
   height: 35px;
 margin-top: 45px;
   background-color: #143B3E;

}

.interne2
{
   float: right;
   width: 16%;
   height: 35px;
 margin-top: 45px;
   background-color: #28757C;
 margin-left: 2px;
}

.interne21
{
   float: right;
   width: 16%;
   height: 35px;
 margin-top: 45px;
   background-color: #143B3E;
 margin-left: 2px;
}

.interne3
{
   float: right;
   width: 16%;
   height: 35px;
 margin-top: 45px;
   background-color: #151514;
 margin-left: 2px;
}

.interne4
{
   float: right;
   width: 10%;
   height: 35px;
 margin-top: 45px;
   background-color: #28757C;
 margin-left: 55%;
}


.deuxieme_entete
{
   float: left;
   width: 1024px;
   height: 235px;
   background-image: url("banienre5.png");
   background-repeat: no-repeat;

   background-color: white;
   
  
}



#corps
{
    float: left;
    width: 100%;
	  background-color: #EDE6CD;
   padding-bottom: 2%;
   margin-top: 0px;
}


#corps2
{
    float: left;
    width: 100%;
	  background-color: #FFFFFF;
   padding-bottom: 2%;
   margin-top: 0px;
}


.yoyoyom
{
   
      width: 190px;
   height: 10px;
   background-image: url("menuarrondi.png");
   background-repeat: no-repeat;
 margin-top: 0px;
   margin-bottom: 0%;
   padding: 0%;
}

.yoyoyom2
{
   
      width: 190px;
   height: 10px;
   background-image: url("menuarrondi5.png");
   background-repeat: no-repeat;
 margin-top: 0px;
   margin-bottom: 0%;
   padding: 0%;
}

#menugauche
{
    float: left;
    width: 16%;
	   height: auto;
   padding-bottom: 2%;
	margin-top: 10%;
  
}

.etdeungauche
{
    width: 98%;
	
    margin: 0px;
padding: 0%;
	margin-top: 6%;
	margin-left: 4%;
	margin-bottom: 2%;
}


.boutong
{float: left;
    width: 80%;
	text-align: center;
    margin: 0px;
padding: 0%;
	margin-top: 0%;
	margin-left: 0%;
	padding-left: 0%;
	margin-bottom: 1%;
}

.etdeun
{
    width: 98%;
	
    margin: 0px;
padding: 0%;
	margin-top: 6%;
	margin-left: 2%;
	margin-bottom: 2%;
}


.etdeun_menu
{
    width: 190px;
background-image: url("fond-menu.jpg");
background-repeat: no-repeat;
   height: auto;
  
    font-size: 12px;
  text-align: center;
   margin: 0px; 
   margin-bottom: 0px; 
   	margin-top: 0%;
	margin-top: 0px;
   margin-bottom: 0%;
   padding: 0%;

}


.etdeun_menu2
{
     width: 190px;
background-image: url("fond-menu3.jpg");
background-repeat: no-repeat;
   height: auto;
  
    font-size: 12px;
  text-align: center;
   margin: 0px; 
   margin-bottom: 0px; 
   	margin-top: 0%;
	margin-top: 0px;
   margin-bottom: 0%;
   padding: 0%;
   

}

.etdeun_menu h1 
{
width: 80%;

text-align: left;
    font-family: times;
   color: #FFFFFF;
   font-style: italic;
   background-repeat: no-repeat;
   font-size: 16px;
 
   padding-top: 0px;
   margin-top: 1%;
    margin-bottom: 5%;
   border-bottom: none;
    margin-left: 10%;
   padding: 0px;
}

.etdeun_menu2 h2
{
width: 80%;

text-align: left;
    font-family: times;
   color: black;
   font-style: normal;
   background-repeat: no-repeat;
   font-size: 14px;
 
   padding-top: 0px;
   margin-top: 1%;
    margin-bottom: 5%;
   border-bottom: none;
    margin-left: 2%;
   padding: 0px;
}



.etdeun_menu ul 
{    


  width: 96%;
	margin-top: 0%;
    padding-left: 4%;
    font-size: 12px;
  text-align: left;
   margin: 0px; 
   margin-bottom: 0px; 
 }  
 
.etdeun_menu a 
{



text-decoration: none;
    color: black;
   
    font-family: "comic sans ms";
}

.etdeun_menu a:hover 
{

background-color: #2A8AD4;
   color: white;
   text-decoration: none;
}


.etdeun_menu2 h1
{
width: 80%;

text-align: left;
    font-family: times;
   color: #FFFFFF;
   font-style: italic;
   background-repeat: no-repeat;
   font-size: 16px;
 
   padding-top: 0px;
   margin-top: 1%;
    margin-bottom: 5%;
   border-bottom: none;
    margin-left: 10%;
   padding: 0px;
}


.etdeun_menu2 ul 
{    


  width: 96%;
	margin-top: 0%;
    padding-left: 4%;
    font-size: 12px;
  text-align: left;
   margin: 0px; 
   margin-bottom: 0px; 
 }  
 
.etdeun_menu2 a 
{



text-decoration: none;
    color: black;
   
    font-family: "comic sans ms";
}

.etdeun_menu2 a:hover 
{

background-color: #2A8AD4;
   color: white;
   text-decoration: none;
}




#corpdroit
{
float: left;
    width: 80%;
	
    font-size: 18px;
	font-style: normal;
	margin: auto;
	  margin-top: 1%;
	 margin-left: 2%;
	 padding-left: 1%;
	  margin-bottom: 0px;
}

.internet
{

    width: 99%;
	
    font-size: 18px;
	font-style: normal;
	margin: auto;
	  margin-top: 0%;
	 padding-left: 0%;
	  margin-bottom: 0px;
}

.internet2
{
float: left;
    width: 100%;
	
    font-size: 18px;
	font-style: normal;
	margin: auto;
	  margin-top: 1%;
	 padding-left: 0%;
	  margin-bottom: 0px;
}

.intern
{
float: left;
    width: 99%;
	
    font-size: 18px;
	font-style: normal;
	margin: auto;
	  margin-top: 3%;
	 padding-left: 1%;
	  margin-bottom: 0px;
}

.vrille3
{

    float: left;
    width: 72%;
	
    font-size: 18px;
	font-style: normal;
	
	  margin-top: 0%;
	 padding-left: 0%;
	  margin-bottom: 0px;
}


.vrille2
{

    float: left;
    width: 99%;
	
    font-size: 18px;
	font-style: normal;
	
	  margin-top: 0%;
	 padding-left: 1%;
	  margin-bottom: 3%;
}


.vrille4
{

    float: left;
    width: 80%;
	
	
    font-size: 18px;
	font-style: normal;
	 padding-left: 20%;
	
	  margin-top: 1%;
	  margin-bottom: 3%;
}

.vrille04
{

    
    width: 90%;
	
	
    font-size: 18px;
	font-style: normal;
	 padding-left: 10%;
	
	  padding-top: 2%;
	  margin-bottom: 2%;
}

.vrille5
{

    float: left;
    width: 95%;
	
    font-size: 18px;
	font-style: normal;
	
	  margin-top: 0%;
	 padding-left: 5%;
	  margin-bottom: 0px;
}


.vrille6
{

    float: left;
    width: 80%;
	
	
    font-size: 18px;
	font-style: normal;
	 padding-left: 2%;
	
	  margin-top: 1%;
	  margin-bottom: 3%;
}

.vrille
{

    float: left;
    width: 30%;
	
    font-size: 18px;
	font-style: normal;
	
	  margin-top: 5%;
	 padding-left: 0%;
	  margin-bottom: 0px;
}

.vrille7
{

    float: left;
    width: 99%;
	
	
    font-size: 18px;
	font-style: normal;
	 margin-left: 1%;
	
	  margin-top: 1%;
	  margin-bottom: 3%;
}

.vrille8
{

    float: left;
    width: 100%;
	
    font-size: 18px;
	font-style: normal;
	
	  margin-top: 2%;
	 padding-left: 0%;
	  margin-bottom: 1%;
}

.culop
{
   float: left;
   width: 68%;
   margin: 0px;
   margin-left: 0%;
   margin-bottom: 0px;
   margin-top: 0%;
}

.culop2
{
   float: left;
   width: 99%;
   margin: 0px;
   padding-left: 1%;
   margin-bottom: 0px;
   margin-top: 0%;
}

.culop3
{
   float: left;
   width: 80%;
   margin: 0px;
   padding-left: 2%;
   margin-bottom: 0px;
   padding-top: 1%;
}

.culop4
{
   float: left;
   width: 81%;
   margin: 0px;
   padding-left: 19%;
   margin-bottom: 0px;
   margin-top: 3%;
}

.culop5
{
  
   width: 81%;
   margin: 0px;
   margin-left: 19%;
   margin-bottom: 0px;
   margin-top: 4%;
}

.culop6
{
   float: left;
   width: 81%;
   margin: 0px;
   padding-left: 19%;
   margin-bottom: 1%;
   margin-top: 1%;
}

.culop7
{
  float: left;
   width: 81%;
   margin: 0px;
   margin-left: 19%;
   margin-bottom: 0px;
   margin-top: 4%;
}

.culop8
{
  float: left;
   width: 88%;
   margin: 0px;
   margin-left: 12%;
   margin-bottom: 0px;
   margin-top: 2%;
}

.menudroit
{

    float: left;
    width: 25%;
	height: auto;
   margin-left: 3%;
}




	


#pied_de_page
{
margin-top: 0px;
margin: 0px;
  height: auto;
   float: left;
   text-align: center;
   width: 100%;
   
 background-color: black;
}

a
{
   text-decoration: underline; 
   color: rgb(21,61,113);
   font-style: normal; 
}

a:hover
{
   text-decoration: underline; 
   color: rgb(245,62,43);
}

p
{
   width: 100%;
   font-family: "comic sans ms";
   font-size: 14px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: rgb(21,61,113);
}

.p2
{
   width: 95%;
   margin-left: 3%;
   font-family: "comic sans ms";
   font-size: 12px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: rgb(21,61,113);
}

.titre-link
{
font-weight: bold;
text-align: left;
    font-family: "comic sans ms";
   color: white;
 font-size: 16px;
   padding-left: 2%;
   padding-top: 3px;
   padding-bottom: 5px;
border: 1px solid black;
   margin-bottom: 0%;
   background-color: #2A8AD4;
   margin-bottom: 5%;
   margin-top: 2%;
}


.titre-link a
{
font-weight: bold;
text-align: left;
    font-family: "comic sans ms";
   color: white;
 font-size: 16px;
   text-decoration: none; 
}

.titre-link a:hover
{
font-weight: bold;
text-align: left;
    font-family: "comic sans ms";
   color: white;
 font-size: 16px;
   text-decoration: none; 
   
}

.onglet
{float: left;
   width: 100%;
   height: 35px;
   font-family: "comic sans ms";
   font-size: 18px;
   text-align: center;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: #FFFFFF;
}


.onglet a
{float: left;
   width: 100%;
   height: 35px;
   font-family: "comic sans ms";
   font-size: 18px;
   text-align: center;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: #FFFFFF;
   text-decoration: none; 
}



.onglet a:hover
{float: left;
   width: 100%;
   height: 35px;
   font-family: "comic sans ms";
   font-size: 18px;
   text-align: center;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: #FFFFFF;
   background-color: #151514;
   text-decoration: none; 
}






.bonh
{
   width: 100%;
   font-family: "times new roman";
   font-size: 18px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 10px;
   font-style: normal;
   color: black;
}

.accord
{float: left;
   width: 86%;
   font-family: "comic sans ms";
   font-size: 10px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: rgb(255,255,255);
}

.accord a
{
   font-family: "comic sans ms";
   font-size: 10px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: rgb(255,255,255);
}

.accord a:hover
{
   font-family: "comic sans ms";
   font-size: 10px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: rgb(255,255,255);
}


.accorder
{float: left;
   width: 12%;
   font-family: "comic sans ms";
   font-size: 10px;
   text-align: justify;
  padding: 0px;
  padding-left: 1%;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: rgb(21,61,113);
}

.accorder a
{
   font-family: "comic sans ms";
   font-size: 10px;
   text-align: justify;
   font-style: normal;
   color: rgb(255,255,255);
}

.accorder a:hover
{
   font-family: "comic sans ms";
   font-size: 10px;
   text-align: justify;
   font-style: normal;
   color: rgb(255,255,255);
}

.contenu
{ 
 margin-left: 2%;
float: left;
   width: 30%;
   font-family: "times";
   font-size: 14px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: black;
    
}

.contien
{ 

float: right;
   width: auto;
   font-family: "times";
   font-size: 14px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: black;
    
}

.imagedroite
{ 
 margin-left: 10%;
float: left;
   width: 20%;
   font-family: "times";
   font-size: 14px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
   font-style: normal;
   color: black;
}

.nt
{
  font-family: "comic sans ms";
      font-style: normal;
   font-size: 14px;
   
  padding-left: 2%;
      color: rgb(21,61,113);
}

.sup
{
   width: 100%;
   font-family: times;
      font-style: oblique;
   font-size: 14px;
   text-align: justify;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
      color: rgb(21,61,113);
}

.somb
{ float: left;
   width: 33%;
   font-family: times;
      font-style: normal;
	  font-weight: bold;
   font-size: 16px;
   text-align: center;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
      color: rgb(21,61,113);
}

.somb a
{ text-decoration: none;
}


.mes
{ float: left;
   width: 100%;
   font-family: times;
      font-style: normal;
	  font-weight: bold;
   font-size: 16px;
   text-align: center;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
      color: rgb(21,61,113);
}

.acus
{ float: left;
   width: 33%;
   font-family: times;
      font-style: normal;
	  font-weight: bold;
   font-size: 16px;
   text-align: center;
  padding: 0px;
  margin-top: 0px;
   margin-bottom: 0px;
  
      color: rgb(21,61,113);
}

.acus a
{ text-decoration: none;
}

auto
{
   overflow: auto;
}

a img 
{
   border: none;  
} 

.bebe
{
   float: left;
   width: 140px;
   padding-left: 10px;
  margin: auto;


}

.panfle
{
   float: left;
   width: 140px;
    padding-left: 10px;
  margin: auto;


}


.ttt
{

    width: 95%;
	  margin-left: 3%;
    font-size: 18px;
	font-style: normal;
	margin: auto;
	  margin-top: 1%;
	 
	  margin-bottom: 3%;
}



.bebe
{
   float: left;
   width: 140px;
   padding-left: 10px;
  margin: auto;


}
.panfle
{
   float: left;
   width: 140px;
    padding-left: 10px;
  margin: auto;


}


.puff
{
   
  color: rgb(21,61,113);
}




















.doio
{
margin: auto;
border: 4px outset rgb(110,110,255);
border-collapse: collapse;
margin-bottom: 10px;
margin-left: 20px;
}



.delab
{
background-color:rgb(90,90,255) ;
   color: white;
   font-size: 1.1em;
   font-family: "Times New Roman"
}


.clope
{
   border: 1px solid black;
} 

 
 
.plaisir
 {
color: rgb(27,98,147);
   text-align: center;
}
 
.plaisir a
{
   text-decoration: underline; 
  }
  
  
.plaisir a:hover
{
   text-decoration: underline; 
color: rgb(190,26,26);
   }
   
   .justin
{
margin: auto;
margin-bottom: 10px;
margin-left: 100px;
border-collapse: separate;
}

.bebe
{
   float: left;
   width: 17%;
   padding-left: 10px;
  margin: auto;
}


.senior
{
   border: 1px solid black;
}

.popo
{
   border: 1px solid black;
   color: rgb(172,20,20);
}

.karch
{
background-color:rgb(90,90,255) ;
   color: white;
   font-size: 1.1em;
   font-family: "Times New Roman"
}