html{
background: #000;
}

body {
color: #000;
font-size: 12px;
font-family: Arial, Verdana, san-serif;
background: transparent;
}

a, a:visited {
color: #4E7F00;
font-weight: bold;
}

a:hover, a:active {
color: #FFF
}

a.plansite{
color: #000;
font-weight: normal;
cursor: default;
}
img{
margin: 0px;
}

h1{
font-weight: bold;
}
h2{
font-weight: bold;
color: white;
}
h3{
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #F8982A;
}
#texte h3{
text-transform: none;
}

address{
font-style: normal;
}

address b{
text-transform: uppercase;
font-weight: bold;
}

#texte p.voir{
text-align: left;
}
#conteneur{
position: relative;
width: 990px;
margin:0px auto;
background: url('../../images/repete.jpg');
}

#top{
position: relative;
background: url('../../images/bas_menu.jpg') #000 no-repeat center bottom;
padding: 0px 0px 35px 0px;
-height: 50px;
z-index: 8;
}

#contenu{
background: url('../../images/fd2.jpg') no-repeat;

padding-bottom: 20px;
}

#logo{
background: url('../../images/logo.jpg') no-repeat;
width: 69px;
height: 120px;

float: left;
}

#accroche{
position: relative;
z-index: 2;

font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: Verdana;
padding-top: 13px;
padding-bottom: 35px;
margin-bottom: 24px;

width: 235px;
}

#accroche span{
font-size: 8px;
text-transform: none;
color: #F8982A;
}

#menuwrapper{
position: relative;
z-index: 10;
}

#motif{
position: absolute;
z-index: 1;
left:350px;
top: 0px;
background: url('../../images/fd_menu.jpg') no-repeat;
width: 416px;
height: 121px;
}

#salles{
text-align: center;
color: #3A2D85;
font-size: 13px;
}

#paves{
margin-left: 257px;
padding-top: 6px;
}

#galerie, #blocs, #escalade, #actu{
float: left
}

#blocs, #escalade, #actu{
margin-left:20px;
width: 466px
}

#escalade, #actu{
margin-top:18px;
/margin-top:10px;
}

#actu div{
background: url('../../images/actualite.gif') #fff no-repeat right top;
padding: 50px 10px 10px 25px;
}

#actu h2{
text-transform: uppercase;
color: #CADB2C;
font-size: 13px;
font-weight: bold;
}

#baseline{
background: url('../../images/baseline.png') no-repeat;
width: 307px;
height: 82px;
float: right;
margin-top: 20px;
}

#basPage a, #basPage a:visited, #basPage {
color: #666;
font-weight: normal;
}

#basPage a:hover, #basPage a:active{
color: #CADB2C;
font-weight: normal;
}

#texte {
padding-left: 30px;
margin-right: 30px;
-margin-right: 10px;
width: 650px;
float: left;
}

.sitemap *{
list-style: none;
}

.galerie #texte{
width:930px;
}

.galerie h1{
position: relative;
}

.galerie h1 span{
position: absolute;
bottom: 5px;
left:225px;
font-size: 17px;
color: #555;
}

#texte p{
text-align: justify;
}

#colDroite{
width: 270px;
float: left;
}


#messageList{
position: relative;
background-color: #fff;
}

#texte #messageList *{
text-align: left;
}

#messageList .parent{
background-color: #DEEC63;
}

#messageList td.message{
border-right: 3px solid #C9DD23;
border-left: 3px solid #C9DD23;
}

#messageList tbody td{

border-bottom: 3px solid #fff;
}

#messageList p{
margin: 0px;
}

#messageList td p{
padding: 5px;
}

#messageList .profil{
background: url('../../images/bg-vert.gif') no-repeat #DEEC63 left bottom;
width: 135px;
}
#messageList .profil p, #messageList .message .lieu{
background: url('../../images/hg-vert.gif') no-repeat left top;
color: #888;
width: 120px;
}

#messageList .petit{
font-size: 10px;
color: #637F35;
}

#messageList .message .petit{
padding: 0 5px;
margin: 0;
font-size: 10px;
}

#messageList .message .lieu{
background: none;
width: auto;
}

#messageList td{
vertical-align: top;
}

#messageList .repondre{
background: url('../../images/bd-vert.gif') no-repeat right bottom #DEEC63;
width: 150px;
}
#messageList .repondre p.rep{
background: url('../../images/hd-vert.gif') no-repeat right top;
height: 100%;
}

#messageList .profil p b{
color: #000;
font-size: 12px;
}


#messageList td.blanc{
background-color: #fff;
}

#messageList td.pale{
background-color: #FAFAFA;
}
#messageList td.gris{
background-color: #efefef;
}

#messageList h3{
color: #fff;
margin-bottom: 2px;padding-left: 5px;
}

#messageList .message p{
font-size: 11px;
padding-top: 0px;
padding-bottom: 0px;
margin: 7px 0;
}

#messageList .message p.joindre{
margin-bottom: 5px;
}

#messageList #tfoot td{
border-bottom: 0px;
}

#tri{
margin-bottom: 20px;
}

#rappelAnnonce{
height: 100px;
overflow: auto;
margin-bottom: 15px;
}

#rappelAnnonce #messageList{
position: static;
}

#rappelAnnonce table{
overflow: hidden;
position: relative;
}

#famillesGalerie{
list-style: none;
}

#famillesGalerie li{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

#famillesGalerie span.clear{
text-align: center;
position: relative;
top:-5px;
}

#famillesGalerie span{
display: block;
}

#famillesGalerie a, #famillesGalerie a:visited{
color: #fff;
}

#famillesGalerie a .cadre, #famillesGalerie a:visited .cadre{
border-color: #fff;
}

#famillesGalerie a:hover, #famillesGalerie a:active{
color:#000;
}

#famillesGalerie a:hover .cadre, #famillesGalerie a:active .cadre{
border-color:#000;
}

#famillesGalerie li.foot{
margin-right: 15px;
margin-bottom: 10px;
}

#archives {
background: url('../../images/archives.png') no-repeat right top;
padding-bottom: 25px;
}

#archives div, #archives #annees a{
padding: 0 0 0 10px;
}

#archives a{
display: block;
}

#archives h2{
margin: 0px;
}

#archives #annees{
margin-bottom: 10px;
}

#archives #annees a{
display: inline;
}

table#tarifs{
border: 1px solid #000;
background-color: #fff;
}
table#tarifs *{
padding: 3px;
text-align: center;
}
table#tarifs td{
border: 1px dotted #666;
}
table#tarifs th{
border: 2px solid #000;
}

.index *{
float: none;
}
.index h3{
margin: 5px 0px;
}
.index #conteneur{
background-image: none;
}

.index #top{
padding: 30px 0px 35px 0px;
}
.index #menuwrapper{
padding-left:285px;
float: none;
-padding: 0px;
-position: relative;
-left:278px;
}

.index #contenu{
padding: 0px;
background-image: url('../../images/fd.jpg');
}
.index #logo{
background-image: url('../../images/logo_index.jpg');
width: 208px;
height: 319px;
float: none;
}

.index #accroche{
font-size: 32px;
float: none;
width: 400px;
padding: 0px;
}

.index #accroche span{
font-size: 9px;
}

.index #contenu #gauche{
float: left;
}

.index #contenu a:hover, .index #contenu a:active{
color: #000;
}
.ombre{
padding:0px 8px 8px 0px;
background: url('../../images/shadow.png') no-repeat bottom right;
-background: none;
}

.cadre{
border:3px solid white;
}

.border, iframe{
border: 2px solid #4E7F00;
}

small{
display: block;
margin-bottom: 20px;
}

.suite{
text-align: right;
display: block;
}

.transports h3{
text-transform: none;
padding-left: 10px;
font-size: 17px;
margin-bottom: 0px;
color: #fff;
}

.transports h3.tete{
background: url('../../images/transports.png') no-repeat;
width: 266px;
height: 27px;
padding-top: 90px;
}

.horaires{
background: url('../../images/horaires.png') no-repeat;
padding-top: 80px;
padding-left: 20px;
width: 246px;
}

.horaires ul{
list-style: none;
}

.horaires ul span{
padding-left: 12px;
}

.telecharge{
background: url('../../images/telechargement.png') no-repeat;
padding: 49px 20px 0;
margin-bottom: 20px;
}

.telecharge ul, .telecharge p{
margin-bottom: 5px;
}

.transports p{
margin-left: 30px;
}

.loc{
background: url('../../images/location.png') no-repeat;
width: 227px;
padding-top: 90px;
padding-left: 40px;
}

.important, .important:visited{
color:#FF4D0F;
}

.important:hover, .imlportant:active{
color:#fff;
}


.loc ul{
list-style: none;
}

.hg{
position: absolute;
top: 0px;
left: 0px;
background: url('../../images/hg.gif') no-repeat;
width: 23px;
height: 23px;
}

.hd{
position: absolute;
top: 0px;
right: 0px;
background: url('../../images/hd.gif') no-repeat;
width: 23px;
height: 23px;
}

.bd{
position: absolute;
bottom: 0px;
right: 0px;
background: url('../../images/bd.gif') no-repeat;
width: 23px;
height: 23px;
}

.bg{
position: absolute;
bottom: 0px;
left: 0px;
background: url('../../images/bg.gif') no-repeat;
width: 23px;
height: 23px;
}

div.hg, div.hd, div.bd, div.bg{
position: absolute;
z-index: 1;
padding: 0px;
}

.bloc{
position: relative;
z-index: 2;
}

.avantages{
background:#fff; padding:8px;
padding-right: 0px;
padding-left: 5px;
padding-bottom: 5px;
width: 402px;
float: left;
margin-top: 15px;
}

.avantages .info{
padding-top:50px;
padding-left: 155px;
background:url('../../images/avantages.jpg') no-repeat;
}

.avantages p, .commencer p{
margin-bottom: 4px;
}

.avantages ul{
list-style: none;
margin-bottom: 16px;
margin-left: 0px;
margin-right: 3px;
font-size: 11px;
}

.reduc{
float: left;
background:#fff; padding:8px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 5px;
width: 232px;
margin-left: 9px;
margin-top: 15px;
}

.reduc ul{
list-style: none;
margin: 0px 10px;
margin-bottom: 12px;
font-size: 11px;
line-height: 16px;
}
.reduc ul li{
margin-bottom:4px;
}
.reduc h3{
margin-bottom: 10px;
}

.sorties h3{
margin-left: 4px;
}

.sorties p{
padding: 7px;
font-size: 11px;
}

.commencer{
background:#fff; padding:8px;
padding-right: 0px;
padding-left: 5px;
padding-bottom: 5px;
width: 402px;
float: left;
margin-top: 15px;
}

.commencer .info{
padding-top:40px;
padding-left: 155px;
padding-right: bottom;
background:url('../../images/commencer.gif') no-repeat;
}

.commencer ul{
list-style: none;
font-size: 11px;
}

.recherche {
background-color: #fff;
padding: 10px;
margin-bottom: 15px;
}

.recherche label{
display: block;
margin: 10px 0px 3px 0px;
}

.recherche input{
width: 90%;
}

.recherche #age{
width: 60px;
}

.recherche .age{
float: left;
margin: 0px;
margin-right: 30px;
}

.recherche p label{
float: none;
width: auto;
color: #000;
text-align: left;
}

.recherche #sexes{
margin-top: 15px;
height: 48px;
width: 130px;
float: left;
}
.recherche #sexes input{
width: auto;
float: left;
display: block;
margin-top: 30px;
margin-right: 25px;
/border: 0px;
}

.recherche textarea{
width: 90%;
height: 80px;
}

.reponseForm #mail, .reponseForm #pseudo{
width: 250px;
}

.reponseForm p{
width: 280px;
}

.reponseForm .imgGche, .reponseForm .imgDte{
margin-right: 15px;
}

.reponseForm .age{
margin: 6px 0 6px;
width: 70px;
}

.reponseForm #sexes{
float: left;
margin: 15px 20px 0;
width: auto;
height: auto;
}

.reponseForm #tel{
width: 92px;
}

.reponseForm .telephone{
width: 147px;
margin-top: 0px;
}

.reponseForm form div{
width:280px;
float: left;
}

.reponseForm .niveau {
width: 100px;
margin-top: 0px;
}

.reponseForm .message{
width: 335px;
-width: 290px;
}

.reponseForm #message{
width: 100%;
height: 200px;
}

.cas {
width: 230px;
margin-top: 40px;
margin-left: 20px;
}

.cas fieldset{
margin-bottom: 40px;
padding: 10px;
border-color: #2A5B11;
}

.cas legend{
font-weight: bold;
color: #2A5B11;
/margin-bottom: 10px;
}

body form input.envoyer, body form input.envoyer:focus, body form input.envoyer:hover{
width: 70px;
height: 20px;
border: 0;
background: none;
margin-top: 5px;
}

#formContact .envoyer{
margin-left: 216px;
}

#tri .envoyer{
margin-left: 216px;
width: 53px;
height: 15px;
}

.publication{
display: block;
font-size: 10px;
color: #4E7F00;
}

.actu{
margin-bottom: 40px;
}



.clear{
clear: both;
display: block;
}

.imgGche{
float: left;
}

.imgDte{
float: right;
}

.margin10{
margin: 10px;
}

.noMargeTop{
margin-top: 0px;
}
.noMargeBot{
margin-Bottom: 0px;
}
.noMargeLeft{
margin-left: 0px;
}
.noMargeRight{
margin-right: 0px;
}

body .inline{
display: inline;
}

body .block{
display: block
}

.petit{
font-size: 9px;
}

.erreur {
font-weight: bold;
color:#FF4D0F;
}

.dessus *{
position: relative;
z-index: 3;
}