@charset "UTF-8";
/* CSS Document */

/*****************/
 /*styles généraux*/
/*****************/

*{
    margin: 0px;
    padding:0px;
    border:0px;
    font-size: 20px;
}

p{
    margin: 25px auto;
    text-align: justify;
}

a{
    text-decoration: underline;
    color: black;
}



ul,ol{
    text-decoration:none;
    list-style:none;
}

h1, h2, h3{
    text-align: center;
    margin: 10px auto;
    
}

h1{
    font-size: 36px;
    
}

h2{
  text-decoration: underline;  
}

body{
    
    font-family: 'Times New Roman';
    
    background-image: url(image/general/fond-bleu.jpg);
    background-repeat: repeat-y;
    background-position: center;
    
}

#general{
    position: relative;
    width: 1024px;
    
    margin: 0 auto;
    z-index: 0;
    
    
    
    
  /* background-color: blue;*/
    
}


#general2{
    position: relative;
    width: 1000px;
    height: 600px;
    
    z-index: 0;
    background: url(image/general/fond-bleu-maison.jpg);
    background-repeat: no-repeat;
    
    z-index: 2;
    margin: -350px auto -310px auto;
    
   
    
    
 /* background-color: red;*/
    
}


#contenu{
    position: relative;
    
    margin: -530px auto auto auto;
    z-index: 3;
    
}

/*********************/
/******BANIERE*******/
/*******************/


.fleur{
    float: left;
    width: 131px;
    height: 173px;
    margin: 17px auto auto auto;
    
    
}

#baniere{
    
    text-indent: -5000px;
    background: url(image/general/bienvenue.png);
    background-repeat: no-repeat;
    width:340px;
    height: 78px;
    float: left;
   margin: 50px auto auto 10px;
    
}

.logo{
    margin: 50px auto auto 290px;
}






/*********************/
/******MENU**********/
/*******************/



#menu{
    
    position: relative;
    height: 400px;
    width: 1024px;
    text-indent:-5000px;
    background: url(image/general/tableau-menu.png) ;
    background-repeat: no-repeat;
    z-index: 3;
    margin: 15px auto;
    right: 8px;
     
    
}

#menu li a{
    display: block;
    float: left;
    margin: 10px auto;
   
    
}

.menu-index{
    background:url(image/general/menu/essai-accueil.png);
    background-position: 0% -103px; 
    
    background-repeat: no-repeat;
 width: 108px;
  
    height: 38px;
    margin: auto 40px auto -90px;
     
}

.menu-index:hover{
    background:url(image/general/menu/essai-accueil.png);
    
    background-repeat: no-repeat;
    width: 108px;
    height: 38px;
    margin: auto 40px auto -90px;
     
}







.menu-ext{
    background:url(image/general/menu/essai-menu-ext.png);
    background-position: 0% -102px; 
    background-repeat: no-repeat;
    width: 155px;
    height: 38px;
    margin: auto 60px auto 15px;
}

.menu-ext:hover{
    background:url(image/general/menu/essai-menu-ext.png);
    
    background-repeat: no-repeat;
    width: 155px;
    height: 38px;
    margin: auto 60px auto 15px;
}

.menu-int{
    background:url(image/general/menu/essai-menu-int.png);
    background-position: 0% -102px; 
    background-repeat: no-repeat;
    width: 143px;
    height: 38px;
    margin: auto 55px auto 20px;
}

.menu-int:hover{
    background:url(image/general/menu/essai-menu-int.png);
    background-repeat: no-repeat;
    width: 143px;
    height: 38px;
    margin: auto 55px auto 20px;
}

.menu-info{
    background:url(image/general/menu/essai-menu-info.png);
    background-position: 0% -100px; 
    background-repeat: no-repeat;
    width: 172px;
    height: 38px;
    margin: auto 60px auto 10px;
}

.menu-info:hover{
    background:url(image/general/menu/essai-menu-info.png);
    background-repeat: no-repeat;
    width: 172px;
    height: 38px;
    margin: auto 60px auto 10px;
}




.menu-adecouvrir{
    background:url(image/general/menu/essai-menu-adecouvrir.png);
    background-position: 0% -104px; 
    background-repeat: no-repeat;
    width: 172px;
    height: 38px;
    margin: auto auto auto -30px;
}

.menu-adecouvrir:hover{
    background:url(image/general/menu/essai-menu-adecouvrir.png);
    background-repeat: no-repeat;
    width: 172px;
    height: 38px;
    margin: auto auto auto -30px;
}




/*********************/
/******INDEX*********/
/*******************/

.text-index{
    margin: 50px 50px;
    width: 370px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.28);
    float: left;
}

.photo-index{
    margin: 125px auto;
}



.cadre{
    width: 408px;
    height: 300px;
    position: relative;
    z-index: 4;
    background: url(image/index/bord-photo.png);
    left: 550px;
    top: 55px;
}


.titre-index{
    background-color: rgba(255, 255, 255, 0.28);
    width: 900px;
    padding: 7px;
}
    




/*********************/
/******EXT**********/
/*******************/



.text-ext{
    width: 375px;
    background-color: rgba(255, 255, 255, 0.28);
    margin: -25px 25px;
    padding: 20px;
    float: left;
}


.img-ext{
    margin: 50px auto;
}


.image-ext1{
    
    float: left;
    margin: 5px;
    
}







/*********************/
/******INT**********/
/*******************/


.text-int{
    width: 375px;
    background-color: rgba(255, 255, 255, 0.28);
    margin: -25px 25px;
    padding: 20px;
    float: left;
}


.img-int{
    margin: 50px auto;
}


.image-int1{
    
    float: left;
    margin: 5px;
}






/*********************/
/******ADECOUVRIR****/
/*******************/





.text-adecouvrir{
    width: 600px;
    background-color: rgba(255, 255, 255, 0.28);
    margin: 0px 25px 150px 25px;
    padding: 20px;
    float: left;
}


.image-orgnac{
    float: left;
    margin:25px 5px 5px 25px;
}


.image-daudet{
    float: left;
    margin: 5px;
}

.image-musique-paysac{
    float: left;
    margin: 5px;
    margin:25px 5px 5px 5px;
}


.image-thines{
    float: left;
    margin: 5px;
    margin:25px 5px 5px 5px;
}


.image-grospierres{
    float: left;
    margin: 5px;
}


.image-musique-labeaume{
    float: left;
    margin:25px 5px 5px 5px;
}

.image-escalade{
    float: left;
    margin:50px 5px 5px 5px;
}

.image-chassezac{
    float: left;
    margin: 5px;
}


.image-caillette{
    float: left;
    margin: 5px;
}

.image-picodon{
    float: left;
    margin: 5px;
}







/*********************/
/******INFO**********/
/*******************/


.somaire-info{
        position: relative;
    height: 75px;
    width: 1000px;
    
    text-indent: -5000px;
    margin: auto auto 50px auto;

}

.somaire-info li a{
    display: block;
    float: left;
    margin: -10px 90px;
   
}





.bouton-acces {
    background: url(image/info/bouton/acces.png);
    width: 142px;
    height: 69px;
}




.bouton-tarifs{
    background: url(image/info/bouton/tarifs.png);
    width: 142px;
    height: 69px;
}

.bouton-contact{
    background: url(image/info/bouton/contact.png);
    width: 142px;
    height: 69px;
}











.plan{
    margin: 25px auto auto 15px;
}


.titre-acces{
    text-indent: -5000px;
    background: url(image/info/acces/titre-acces.png);
    width: 297px;
    height: 46px;
}

.plan-pdf{
    text-align:center;
    margin: 25px auto;
}



.lien-pdf{
    margin: 10px auto auto auto;
    background: rgba(189, 126, 252, 0.5);
    color:#100;
    border-width: 1px 2px 2px 1px;
    border-color: #cecece #4a4a4a #4a4a4a #cecece;
    border: 1px solid black;
    width: 700px;
     padding: 5px;
    
    
}

.lien-pdf:hover{
    background: rgba(214, 177, 252, 0.5);
    color:#000;
	border-width: 2px 1px 1px 2px;
	border-color: #4a4a4a #cecece #cecece #4a4a4a
    
}

#gps{
    margin: 10px auto auto auto;
   
    color:#100;
    border-width: 1px 2px 2px 1px;
    border-color: #cecece #4a4a4a #4a4a4a #cecece;
    border: 1px solid black;
    width: 300px;
    text-align: center;
    
}





#text-acces{
    margin: 50px auto;
    height: 650px;
    width: 1024px;
    
    
}


.text-acces-cf{
    width: 480px;
    height: 630px;
    padding: 5px;
    margin: 5px;
    float: left;
    border: solid;
    
}

.text-acces-cf li{
    margin: 10px auto 10px 25px;
    list-style: circle;
}



.text-acces-paris{
    width: 480px;
    height: 630px;
    padding: 5px;
    margin: 5px;
    float: left;
    border: solid;
    
}


.text-acces-paris li{
    margin: 10px auto 10px 25px;
    list-style: circle;
}





.tarifs{
    margin: 75px auto 0px auto;
    padding: 25px 0 0 0;
    height: 500px;
    
}


.titre-tarifs{
    text-indent: -5000px;
    background: url(image/info/tarifs/titre-tarifs.png);
    width: 551px;
    height: 47px;
}








.infobulle{
        position: absolute;   
        visibility : hidden;
        border: 1px solid Black;
        padding: 2px;
        font-family: Verdana, Arial;
        font-size: 15px;
        background-color: #FFFFCC;
        z-index: 10;
        
        /*opacity : 0.7;
        
        -moz-opacity : 0.7;
        -khtml-opacity : 0.7 ;
        -filter : alpha(opacity=70) ; */
    }

tr p{
    margin: auto;
    text-align: center;
}


td{
    border: 1px solid black;
    padding: 5px 10px;
    width:auto;
    height: 50px;
    
    
}

.tabeau-prix1{
    border-collapse: collapse;
    text-align: center;
    margin: 15px auto;
    width: 1000px;
}


#tabeau-prix2{
    border-collapse: collapse;
    text-align: center;
    margin: 15px auto;
}



.text-tarifs{
    text-align: center;
}

.text-tarifs-reservation{
    text-align:center;
    margin: 25px auto -50px auto;
    width: 300px;
   
    padding: 20px 0px;
    background: rgba(189, 126, 252, 0.5);
    color:#100;
    border-width: 1px 2px 2px 1px;
    border-color: #cecece #4a4a4a #4a4a4a #cecece;
    border: 1px solid black;
}

.text-tarifs-reservation:hover{
    background: rgba(214, 177, 252, 0.5);
    color:#000;
	border-width: 2px 1px 1px 2px;
	border-color: #4a4a4a #cecece #cecece #4a4a4a
    
}





#contact{
    margin: 0px auto 75px auto;
    height: 700px;
    
}


.titre-contact{
    text-indent: -5000px;
    background: url(image/info/contact/titre-contact.png);
    width: 556px;
    height: 37px;
}

.text-contact{
    text-align: center;
    margin: auto auto 100px auto;
}


.text-contact h1{
    font-size: 25px; 
}