img{border: none;}

*{padding: 0; margin: 0;}

a{text-decoration: none;}

body
{
   margin: 0;
   padding: 0;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: #e6e4c2;
   font-family: tahoma, "Comic Sans MS", "Times New Roman", Times;
}	 

#fond
{
   width: 950px;
   margin: 0; padding: 0;
   margin: auto;
   background-image: url(images/fond1.jpg);
   background-repeat: repeat-y;
}

#conteneur
{
   width: 940px;
   margin: 0; padding: 0;
   margin-left: 0;
   border: 1px solid #968d00;
   overflow: auto;
}

#tete
{
background: url(images/logo4.jpg);  
   height: 228px;
   position: relative;
   
}

#coordonnees 
{  
text-align: center;
   font-family: tahoma, "Comic Sans MS", "Times New Roman", Times;
   color: #003245; 
   font-size: 14px;
}

#situation{
float: left;
width: 160px;
text-align: center;
}

#situation a{
margin-left: 25px;
}
 
#flag{
float: right;
margin-right: 15px;
}
 
#flag ul {
list-style-type: none;
 
}

#flag li {
float: left;
}

#flag img {
margin-left: 10px;
display: block;

}

#parler {
width: 160px;
text-align: center;
   color: #005b78;
   font-size: 0.8em;
	padding: 5px;
}

#contenu{
clear: both;
}


#gauche 
{  	
   float:left;
   width: 170px; 
   overflow: visible;
   margin: 0;
   padding: 0;

}


#droite 
{   
   float: left;	
   width: 760px;
   overflow: hidden;
   padding-bottom: 30px;

}

#droite p
{
   padding-right: 20px;
   padding-left: 20px;
   color: #003b45;
   font-size: 1em;
   line-height:22px;
}

 #droite h2{
margin: 35px 0;
   padding-left: 20px;
   color: #ad351b;
   font-size: 18px;
}

 #droite h3{
margin: 0 25px;
   color: #ad351b;
   font-size: 14px;
   padding: 5px;
   font-family: "Comic Sans MS", "Times New Roman", Times;

}

#pied_de_page
{  
   padding: 10px; 
   text-align: center;
   color: #525252;
   line-height: normal;
   font-size: 13px;
   clear: both;
}

#pied_de_page a{  
   color: #be2f04;
   text-decoration: none;
}
 
.photo_gauche 
{
   float: left;
   margin: 20px;
}

.photo_droite
{
   float: right;
   margin: 20px;
}

.c_visite
{
   float: left;
   margin: 0;
}

.espace150{
   margin-top: 150px;
}

.espace50{
   margin-top: 50px;

}

.spacer{
   clear: both;
}

/*---------------------------------------- Menu ---------------------------------------------------*/
#menu{

}

.menu {
   width:160px;
   list-style-type: none;
   margin: auto; 
   text-align: center;
   padding: 0;
}

.menu a {
   display: block;
   width: 160px;

   height: 20px;
   font-family: tahoma, "Comic Sans MS", "Times New Roman", Times;
   color: #fffff5;
   font-size: 0.9em;
   font-weight: bold;
   background-color: #ab2f32;
   text-align: center;
   text-decoration: none;
   margin: 4px 0;
}
.menu a:link, .menu a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.menu a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
  background-color: #0b5973;
}

.menu .courant {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
  background-color: #0b5973;
}

/*---------------------------------------- Tarifs ---------------------------------*/
#tarif {
text-indent: 0;
position: relative;
padding: 50px 0 50px 0;

}

#tarif ul, li {
list-style-type: none;
}
#tarif ul {
float: left;
margin-left: 10px;
margin-right: 25px;
background: transparent url(images/tarif.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 315px;
height: 420px;
text-align: center;
}

#tarif li {display: inline;}	/* correction pour IE5 et IE5.5 */

#tarif li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 35px;
width: 315px;
color: #fff;
font-size: 14px;
line-height: 35px;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
text-align: left;
font-family: tahoma, arial, serif;
text-decoration: none;
}

#tarif  a em{
position: absolute;
left: -9999px;
color: #ad351b;
padding:0;
margin-top:-10px;
}

html>body #tarif  a em{
   margin-top: 0px;
}

#tarif  a:hover em{
left: 150px;
}

#tarif li a:hover {
background: transparent url(images/tarif.jpg) top left no-repeat;
color: #ad351b; 
}
#tarif a#tarif0:hover   {
background-position: 0 -420px ;  
}
#tarif a#tarif1:hover {
background-position: 0 -455px;
}
#tarif a#tarif2:hover {
background-position: 0 -490px;
}
#tarif a#tarif3:hover {
background-position: 0 -525px;
}
#tarif a#tarif4:hover {
background-position: 0 -560px;
}
#tarif a#tarif5:hover {
background-position: 0 -595px;
}
#tarif a#tarif6:hover   {
background-position: 0 -630px ;  
}
#tarif a#tarif7:hover {
background-position: 0 -665px;
}
#tarif a#tarif8:hover {
background-position: 0 -700px;
}
#tarif a#tarif9:hover {
background-position: 0 -735px;
}
#tarif a#tarif10:hover {
background-position: 0 -770px;
}
#tarif a#tarif11:hover {
background-position: 0 -805px;
}
/* --------------------------------------- tableau de liens -------------------------------*/
.contient_lien
{  
   padding: 0;
   margin: auto;
   margin-top: 50px;
   padding-top: 10px;
   margin-bottom: 30px;
   border: 1px  solid #800000;
   background-color: #f2f2f2;
   width: 714px;
   overflow: hidden;
   font-family: Tahoma, "Times New Roman", Times;
   font-size: 8px;
   text-align: center;
}

.contient_lien a{

   text-decoration: none;
   color: #000;
}

.colonne_gauche
{  
   background-color: #f2f2f2;
   width: 350px;
   height: 1%;
   float: left;	

}
.colonne_droite
{ 
   width: 350px;
   height: 1%;
   background-color: #f2f2f2;
   float: left;

}

.colonne_gauche img
{
   border: 0px;

}

.colonne_gauche p
{
   text-align: center;
}

.colonne_droite img
{
   border: 0px;
}

.colonne_droite p
{
   text-align: center;
}

/*........................... Hebergement */

.photo_gauche_hebergement 

{
   float: left;
   margin: 20px;
}

.photo_gauche_hebergement_haute 

{
   float: left;
   margin: 20px;
}

.photo_droite_hebergement 

{
   float: right;
   margin: 20px;
}

#pop0 { /*..................... fenetre pop ...........................*/
   position: absolute;
   left: 50px;
   width: 500px;
   z-index: 500;
   top: 565px;

}

#pop1 { 
   position: absolute;
   left: 50px;
   width: 500px;
   z-index: 500;
   top: 702px;

}

#pop2 { 
   position: absolute;
   left: 460px;
   width: 500px;
   z-index: 500;
   top: 509px;

}

#pop3 { 
   position: absolute;
   left: 460px;
   width: 500px;
   z-index: 500;
   top: 906px;

}

#pop4 { 
   position: absolute;
   left: 80px;
   width: 500px;
   z-index: 500;
   top: 1090px;

}

#pop5 { 
   position: absolute;
   left: 460px;
   width: 500px;
   z-index: 500;
   top: 1313px;

}

#pop6 { 
   position: absolute;
   left: 50px;
   width: 500px;
   z-index: 500;
   top: 1525px;

}
 
#pop7 { 
   position: absolute;
   left: 460px;
   width: 500px;
   z-index: 500;
   top: 1718px;

}

#pop8 { 
   position: absolute;
   left: 50px;
   width: 500px;
   z-index: 500;
   top: 1900px;

}

#droite  h3
{
   color: #010;
   font-size: 15px;
   font-style: italic;
   padding: 25px 0;
}
#droite  h4
{
   height: 25px;
   padding-left: 30px;
   color: #525252;
   text-align: left;
}

#animation{
   float: left;
   text-align: center;

}

.gras{
font-weight: bold;
}
 
.important
{
   color: #0030d0;
   text-align: center;
 
}

.lien_seul {
    text-align: center;

}

.lien_seul a{
    text-decoration:none;
    font-weight: bold ;
    color: #0030d0;
    font-style: italic;
}

.top {

clear: both;
}						 


.top a { 
display: bloc;
width: 59px;
height: 30px;
background: url(images/top.jpg);
background-position: left bottom;
float: right;
margin: 0 30px;
}

.top a:hover {
background: url(images/top.jpg);
}

.texte_dessous
{
   clear: both;
   width: 30px;
}

.transport{
   width: 100%;  
} 

.transport a{
    text-decoration:none;
    font-weight: bold ;
    color: #13405e;
    font-style: italic;
}

.transport span{
    font-style: italic;
    font-size: 10px;
}	

#droite .transport h2  {
    text-align: left;
    color: #ad351b; 
}

#comment  {
    margin-top: -50px;
    margin-bottom: 50px; 
    margin-left: 250px;
}

#comment a {
    text-decoration:none;
    font-weight: bold ;
    color: #525252;
    font-style: italic;

   
}

#comment a:hover{
    color: #9a9a9a;
}
 



 


 

/* --------------------------------------- livre --------------------------------------------*/

#livre
{  

   width: 760px;
   height: 512px; 
   position: relative;

}

#livre_g
{  

   width: 380px;
   height: 512px;
   background: url(images/livre_ouvert_g.jpg);
   background-repeat: no-repeat;   
   padding: 0;
   position: absolute;
}

#livre_g p
{  
   margin-top: 20px;
   margin-left: 30px;
   text-align: justify;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times;	
   font-size: 0.9em;
   overflow: auto;
   height: 83%;
}

#livre_d
{  

   width: 380px;
   height: 512px;
   background: url(images/livre_ouvert_d.jpg);
   background-repeat: no-repeat; 
   padding: 0;
   position: absolute;
   top: 0;
   left: 380px;


}

#livre_d p
{  
   margin-top: 20px;
   margin-right: 20px;
   margin-left: 5px;
   text-align: justify;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times;	
   font-size: 0.9em;
   overflow: auto;
   height: 88%;
}

#couverture
{  

   width: 380px;
   height: 512px;
   background: url(images/couverture.jpg);
   background-repeat: no-repeat;  
   padding: 0;
   position: absolute;
   top: 0;
   left: 0;
 
}

#tourne_page
{  
   position: absolute;
   top: 450px;
   left: 130px;
   width: 200px;
   text-align: center;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times;	
   font-size: 0.9em;
   color: #ad351b;

  
}

html>body #tourne_page {
   top: 435px;
}

#tourne_page a
{  
   text-decoration: none;
   color: #ad351b;

}

.num_page{	
position: absolute;
top: 440px;
left: 10px;

}

.num_page_d{	
position: absolute;
top: 440px;
left: 700px;

}