body

{
   width: 90%;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;
   padding: 0px;
   font-family: "Comic sans MS", Arial, sans-serif; 
   color: teal;
   background-color: rgb(191,224,218);
}

h1
{
   color: white;
   font-family: "Comic sans MS",cursive;
   font-size: 20px;
   margin:auto;
   margin-top:0px;
   margin-bottom:0px;
   padding:auto;
    padding-top:0px;
	padding-bottom:0px;
  
   
}


em
{
font-size: 20px;
}

a 
{
color: white;
font-size: 20px;
text-decoration: none;
}
a:hover
{
color: purple;
background-color: rgb(187,255,255);
text-decoration: none;
} 

blockquote p 
{
border: 2px solid teal;
background-color: white;
text-align: center;
padding: 10px;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;

   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;

}

blockquote a
{
color: rgb(220,88,0);
font-size: 20px;
}

.ungauche
{
width:250px;
position: absolute;
top: 215px;
left: 50%;
margin-left:-570px;
max-height:175px;
overflow: auto;
}

.deuxgauche
{
width:250px;
position: absolute;
top: 363px;
left: 50%;
margin-left:-615px;
max-height: 120px;
overflow: auto;
}

.troisgauche
{
width:320px;
position: absolute;
top: 510px;
left: 50%;
margin-left:-635px;
max-height: 120px;
overflow: auto;
}

.undroit
{
width:310px;
position: absolute;
top: 140px;
left: 50%;
margin-left:305px;
max-height: 200px;
overflow: auto;
padding:5px;

}
.deuxdroit
{
width:285px;
position: absolute;
top: 200px;
right: 25px;
max-height: 110px;
overflow: auto;
}

.troisdroit
{
width:265px;
position: absolute;
top: 340px;
left: 50%;
margin-left:340px;
max-height: 150px;
overflow: auto;
}

.basdroit
{
width:305px;
position: absolute;
z-index:31;
top: 475px;
left: 50%;
margin-left:290px;
overflow: auto;
}
.bascentre
{
width:230px;
position: absolute;
z-index:30;
top: 595px;
left: 50%;
margin-left:35px;
overflow: auto;
}

.bas
{
width:350px;
position: absolute;
top: 580px;
left: 50%;
margin-left:-315px;
}


#en_tete
{
   height: 75px;
   background: url("images/banniere.png") no-repeat bottom right rgb(34,160,164);
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
#en_tete h1
{
   text-indent: -50000px;
}



#pelerin
{
width: 102px;
height: 63px;
position: absolute;
top: 16px;
left: 100px;
background: url("../photos/pelerin.png");
}

#corps/* Le corps de la page */
{  margin: 0px;
   margin-top: 25px;
   margin-bottom: 15px;
   margin-right: 0px;
   height: 453px;
   background: url("images/pelerin.jpg") no-repeat center;/*  */
  
}

 #titregaucheht
{  
   background-color: rgb(64,190,194);
   width:280px;
position: absolute;
top: 112px;
left: 50%;
margin-left:-605px;
padding:5px;
padding-left:20px;

 -moz-border-radius: 10px;

}
#titregauchebs
{  
   background-color:rgb(207,191,120);
   width:330px;
position: absolute;
top: 650px;
left: 50%;
margin-left:-675px;
padding:5px;
padding-left:10px;

 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;

}
 #titredroitbs
{  
   background-color: rgb(207,191,120);
   width:290px;
position: absolute;
top: 618px;
left: 50%;
margin-left:320px;
padding:8px;
padding-left:20px;

   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;

}
#titredroitht
{  
   background-color: rgb(207,191,120);
   width:270px;
position: absolute;
top: 88px;
left: 50%;
margin-left:280px;
padding:8px;
padding-left:20px;

   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;

}

#pied_de_page
{
   margin-top: 210px;
   padding: 5px;
   color: white;
 
    -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

table
{
margin: auto;
margin-top:0px;
margin-bottom:0px;
border-collapse: separate;
border-spacing: 10px;
}
 a img
{
border: none;
}
td 
{
width: 20%;
background-color: rgb(34,160,164);
text-align: center;
border: 3px inset teal;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;


}
.premier
{
border: none;
background-color: rgb(64,190,194);
}