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:200px;
position: absolute;
top: 205px;
left: 50%;
margin-left:-540px;
max-height:175px;
overflow: auto;
}

.deuxgauche
{
width:240px;
position: absolute;
top: 335px;
left: 50%;
margin-left:-600px;
max-height: 210px;
overflow: auto;
}

.troisgauche
{
width:220px;
position: absolute;
top: 510px;
left: 50%;
margin-left:-540px;
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: 210px;
left: 50%;
margin-left:345px;
max-height: 150px;
overflow: auto;
}

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

.quatredroit
{
width:225px;
position: absolute;
top: 605px;
left: 50%;
margin-left:340px;
max-height: 190px;
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:56px;
overflow: auto;
}

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


#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/touriste.png");
}

#corps/* Le corps de la page */
{  margin: 0px;
   margin-top: 25px;
   margin-bottom: 15px;
   margin-right: 0px;
   height: 453px;
   background: url("images/touriste.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:210px;
position: absolute;
top: 615px;
left: 50%;
margin-left:-555px;
padding:5px;
padding-left:10px;

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

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

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

}
#titredroitht
{  
   background-color: rgb(207,191,120);
   width:185px;
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: 200px;
   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)
}