/*  Fichier CSS exterieur */
/* Communs */
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#003300;
  background: url(null) fixed ;
  background-color:#66cc99;      
}
a{
  color:#ffffff;
}
/*End*/
/* Structure */
#frisegauche{
  position:absolute;
	top:-1px;
  width:248px;
  height:420px;
  background:url(images/frise_gauche.gif);
}
#frisedroite{
  position:absolute;
  left:275px;
  top:-1px;
  width:254px;
  height:420px;
  background:url(images/frise-droite.gif);
  z-index:3;
}
#menu_index, #menu_canyoning, #menu_eauvive, #menu_sportnature, #menu_sporthiver, #menu_raid, #menu_sejour, #menu_incentive, #menu_parcours, #menu_partenaire{
 position:fixed;
 behavior:url(ie-fixed.htc); 
 top:0px;
 left:0px;
 width:480px;
 height:420px;
 z-index:1;
 background-repeat:no-repeat;
}
#menu_index{
  background:url(images/photoindex.jpg);
}
#menu_canyoning{
  background:url(images/canyoning.jpg);
}

#menu_eauvive{
  background:url(images/eau_vive.jpg);
}


#menu_parcours{
  background:url(images/parcours.jpg);
}


#menu_sportnature{
  background:url(images/sportnature.jpg);
}

#menu_sporthiver{
  background:url(images/sporthiver.jpg);
}

#menu_raid{
  background:url(images/raid.jpg);
}

#menu_sejour{
  background:url(images/sejour.jpg);
}

#menu_incentive{
  background:url(images/incentive.jpg);
}

#menu_partenaire{
  background:url(images/partenaire.jpg);
}

ul.menu{
  margin:0px;
  padding:0px;
}
ul.menu li a{
  position:absolute;
  list-style-type:none;
}
ul.menu li a{
  display:block;
}
ul.menu li a.logo, ul.menu li a.logo1{
  position:absolute;
	left:0px;
  width:77px;
  height:94px;
  background:url(images/btn_logo.gif);
  z-index:4;
}
ul.menu li a.logo:hover{
  background:url(images/btn_logo2.gif);
}

ul.menu li a.aventure{
  width:140px;
  height:21px;
	left:90px;
  top:5px;
  background:url(images/btn_aventure.gif);
  z-index:3;   
}
ul.menu li a.aventure:hover{
  background:url(images/btn_aventure2.gif);
}

ul.menu li a.eauvive{
  width:148px;
  height:33px;
  left:80px;
  top:40px;
  background:url(images/btn_eau_vive.gif);
  z-index:3;   
}
ul.menu li a.eauvive:hover{
  background:url(images/btn_eau_vive2.gif);
}


ul.menu li a.canyoning{
  width:83px;
  height:23px;
  left:80px;
  top:70px;
  background:url(images/btn_canyon.gif);
  z-index:3;  
}
ul.menu li a.canyoning:hover{
  background:url(images/btn_canyon2.gif);
}



ul.menu li a.sportnature{
  width:172px;
  height:34px;
  left:23px;
  top:105px;
  background:url(images/btn_sportnature.gif);
  z-index:3;   
}
ul.menu li a.sportnature:hover{
  background:url(images/btn_sportnature2.gif);
}

ul.menu li a.sporthiver{
  width:194px;
  height:33px;
  left:0px;
  top:140px;
  background:url(images/btn_sporthiver.gif);
  z-index:3;   
}
ul.menu li a.sporthiver:hover{
  background:url(images/btn_sporthiver2.gif);
}
ul.menu li a.raid{
  width:85px;
  height:18px;
  left:23px;
  top:170px;
  background:url(images/btn_raid.gif);
  z-index:3;   
}
ul.menu li a.raid:hover{
  background:url(images/btn_raid2.gif);
}

ul.menu li a.incentive{
  width:111px;
  height:31px;
  left:35px;
  top:205px;
  background:url(images/btn_incentive.gif);
  z-index:3;   
}
ul.menu li a.incentive:hover{
  background:url(images/btn_incentive2.gif);
}
ul.menu li a.sejour{
  width:134px;
  height:25px;
  left:35px;
  top:240px;
  background:url(images/btn_sejours.gif);
  z-index:3;   
}
ul.menu li a.sejour:hover{
  background:url(images/btn_sejours2.gif);
}



ul.menu li a.partenaire{
  width:97px;
  height:25px;
  left:37px;
  top:270px;
  background:url(images/btn_partenaire.gif);
  z-index:3;   
}
ul.menu li a.partenaire:hover{
  background:url(images/btn_partenaire2.gif);
}
ul.menu li a.acces{
  width:40px;
  height:25px;
  left:18px;
  top:310px;
  background:url(images/btn_acces.gif);
  z-index:3;   
}
ul.menu li a.acces:hover{
  background:url(images/btn_acces2.gif);
}
div#boussole{
  position:absolute;
  width:73px;
  height:114px;
  top:320px;
  background:url(images/boussole.gif); 
}
#salamandre{
  position:fixed;
  top:125px;
  left:500px;
  width:291px;
  height:281px;
  behavior:url(ie-fixed.htc);
}
#contenu{
  margin-left:554px;
  padding-left:0.3em;
  text-align:right;
  overflow:hidden;
  margin-right:1em;  
}
#contenu{
  position:relative;
  z-index:3;
}
#pieddepage{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:338px;
  height:242px;
  top:368px;
  left:0px;
  background:url(images/pieddepqge.gif);
  z-index:3;
  font-size:0.8em;  
}
#pieddepage p.adresse, #pieddepage p.adresse2{
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  margin-top:10px;
}

html>body #pieddepage{
  margin-top:0px;
}
#pieddepage p.adresse{
  width:60%;
  padding-top:15px;
  padding-left:100px;
  margin-bottom:0px;  
}
#pieddepage p.adresse2{
  width:80%;
  margin-top:0px;
  padding-left:50px;
}
#pieddepage p.com, #pieddepage p.com a{
  color:#FF3399;
  font-weight:normal;
  width:30%;
  text-align:center;
  padding-top:5px;
}
#pieddepage p.com a:hover{
  color:#ffffff;
}
#pieddepage a.copy{
  display:block;
  position:absolute;
  width:125px;
  height:116px;
  top:85px;
  left:0px;
  background:url(images/copyright.gif);
}
#pieddepage a.copy:hover{
  background:url(images/copyrightroll.gif);
}
#pieddepage a.contact{
  display:block;
  position:absolute;
  width:160px;
  height:50px;
  margin-top:-30px;
  left:170px;
  background:url(images/contact.gif);
  z-index:4;
}
#pieddepage a.contact:hover{
  background:url(images/contactroll.gif);
}

#pieddepage a.espagnol{
  display:block;
  position:absolute;
  width:29px;
  height:16px;
  top:120px;
  left:150px;
  background:url(images/espagnol.gif);
}
#pieddepage a.espagnol:hover{
  background:url(images/espagnolroll.gif);
}
#pieddepage a.english{
  display:block;
  position:absolute;
  width:29px;
  height:16px;
  top:120px;
  left:190px;
  background:url(images/anglais.gif);
}
#pieddepage a.english:hover{
  background:url(images/anglaisroll.gif);
}
#pieddepage a.francais{
  display:block;
  position:absolute;
  width:29px;
  height:16px;
  top:120px;
  left:190px;
  background:url(images/francais.gif);
}
#pieddepage a.francais:hover{
  background:url(images/francaisroll.gif);
}
/*End*/


/*---- titre image ---*/
h1.index{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:284px;
  height:84px;
  top:200px;
  left:210px;
  background:url(images/titre_indexO.gif);
  background-repeat:no-repeat;
  padding-left:1px;
  z-index:4;
}
h1.canyoning{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:198px;
  height:49px;
  top:180px;
  left:300px;
  z-index:4;
}
h1.sportnature{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:198px;
  height:49px;
  top:180px;
  left:200px;
  z-index:4;
}



h1.eauvive{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:308px;
  height:44px;
  top:150px;
  left:260px;
  z-index:4;
}

h1.sporthiver{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:172px;
  height:95px;
  top:180px;
  left:310px;
  z-index:4;
}

h1.raid{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:172px;
  height:95px;
  top:180px;
  left:310px;
  z-index:4;
}
h1.incentive{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:198px;
  height:49px;
  top:180px;
  left:325px;
  z-index:4;
}
html>body h1.incentive{
  top:150px;
}
h1.aventure{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:168px;
  height:95px;
  top:180px;
  left:280px;
  z-index:4;
}
html>body h1.aventure{
  top:155px;
}
h1.partenaire{
  position:fixed;
  behavior:url(ie-fixed.htc);
  width:289px;
  height:84px;
  top:180px;
  left:325px;
  z-index:4;
}
/*---- sous titre---*/

img#canyon{
  position:absolute;
  top:80px;
  left:-80px;
}

html>body img#canyon{
  top:50px;
}
img#eauviveImg{
  position:absolute;
  top:70px;
  left:-50px;
}

img#sportnatureImg{
  position:absolute;
  top:50px;
  left:80px;
}

img#parcoursImg{
  position:absolute;
  top:80px;
  left:-80px;
}
html>body img#parcoursImg{
  top:65px;
}

img#sporthiverImg{
  position:absolute;
  top:60px;
  left:-55px;
}


img#raidImg{
  position:absolute;
  top:80px;
  left:12px;
}
html>body img#raidImg{
  top:50px;
}
img#sejourImg{
  position:absolute;
  top:80px;
  left:20px;
}
html>body img#sejourImg{
  top:50px;
}
img#incentiveImg{
  position:absolute;
  top:50px;
  left:-80px;
}
html>body img#incentiveImg{
  top:50px;
}
img#partenaireImg{
  position:absolute;
  top:80px;
  left:-110px;
}
html>body img#partenaireImg{
  top:65px;
}

/*---- fin sous titre---*/
/*---- Style texte ---*/
h1{
  color:#ffffff;
  font-size:1.2em;
  text-align:center;
  font-variant:small-caps;
}

h2, h2.white, h3.white{
  font-size:1,1em;
  text-align:right;
  font-variant:small-caps;
	border-bottom:1px solid #33cc99;
}
h2.white, h3.white{
  color:#ffffff;
}

strong.caps{
  font-variant:small-caps;
}
strong.whitecaps{
  color:#ffffff;
}
span.white{
  color:#ffffff;
}
span.whitecaps{
  color:#ffffff;
  font-variant:small-caps;  
}
span.bold{
  font-weight:bold;
	color:#ffffff;
}
/*---- Extra ---*/
span.adaptive{
  display:bloc;
  position:absolute;
  top:-1000px;
  font-size:1px;
  width:1px;
  height:1px;
}
.spacer{
  font-size:1px;
  clear:both;
}
/*---- PopUp ---*/
div#popup{
  position:absolute;
  width:629px;
  height:419px;
  top:50%;
  left:50%;
  margin-top:-209px;
  margin-left:-314px;
	background-color:#336666;
	border:#33cc99 solid 10px;
  z-index:5;
}
div#popup img{
  float:right;
  margin-top:30px;
  margin-right:15px;
}
div#popup img.logo{
  position:absolute;
  top:-10px;
  left:90px;
}
div#popup img.close{
  position:absolute;
  top:330px;
  left:560px;
  z-index:4;
  border:none;
}
div#popup img.print{
  position:absolute;
  top:315px;
  left:280px;
  z-index:4;
  border:none;
}
div#popup p.init{
  margin-top:180px;
}
div#popup p{
  width:11.4em;
  text-align:right;
  font-size:0.8em;
  padding-left:3em;
  margin-top:0px;
	color:#33cc99
}
/*--- Canyoning --*/
.soustitre{
  font-size:1em;
  color:#ffffff;
}
.soustitre2{
  font-size:0.9em;
  color:#ffffff;
  font-weight:normal;
}
h4.soustitre{
  text-align:right;
  padding-right:3em;
}
h4.soustitre2{
  font-size:0.9em;
  text-align:right;
  padding-right:0px;
}
ul.formule{
  text-align:right;
  margin-right:3em;   
}
ul.formule2{
  text-align:right;
  margin-top:-1em;
}
ul.formule2 li{
  list-style-type:none;
  display:inline;
}
ul.canyoning{
  text-align:left;
}

ul.canyoning li.c2{
  margin-left:5em;
}
ul.canyoning li.c3{
  margin-left:10em;
}


ul.sportnature li{
color:#ffffff;
  font-size:1.1em;
	list-style-type:disc;
}

ul.sportnature p{
color:#003300;
  font-size:0.9em;
	font-weight:normal;
}

ul.sporthiver li{
  text-align:left;
	color:#ffffff;
}

}

ul.formule li{
  width:15em;
  text-align:left;
	color:#33cc99;
  list-style-type:none;
}
#decouverte,#perfectionnement,#sportif{
  position:absolute;
  margin-top:-1000px;
}
div#popplus{
  position:absolute;
  width:356px;
  top:50%;
  left:50%;
  margin-top:-220px;
  margin-left:-178px;
	background-color:#336666;
	border:#33cc99 solid 10px;
  /*-----background:url(images/fondpopup.gif);
  background-repeat:no-repeat;----*/
  z-index:5;
}
div#popplus img.close{
  position:absolute;
  top:10px;
  left:310px;
  z-index:4;
  border:none;
}
div#popplus h3.soustitre{
  margin-top:50px;
  margin-left:3em;
  margin-right:3em;  
}
div#popplus p{
  padding-left:3em;
  width:295px;
	color:#33cc99;
}

div#popplus ul.formule li{
  
  text-align:left;
	color:#ffffff;
}
/*----- Formulaire ----*/
div#popup img.logoF{
  position:absolute;
  top:-8px;
  left:40px;
}
div#popup img.closeF{
  position:absolute;
  top:10px;
  left:560px;
  z-index:4;
  border:none;
}
div#popup form{
  float:right;
  width:460px;
  margin-top:6em;
}
div#popup fieldset{
  border:none;
}
div#popup legend{
  display:none;
}
div#popup p.full{
  width:85%;
  text-align:center;
  font-size:1em;
  margin-top:0.3em;
}
div#popup h1.cgv{
  font-size:1em;
  text-align:center;
  font-variant:small-caps;
  margin-top:3em;
}
div#popup p.cgv{
  width:85%;
  text-align:left;
  font-size:1em;
  margin-top:0.3em;
}
div#popup p.type{
  font-size:1em;
  text-align:right;
  display:inline;
}
label.form{
  display:block;
  float:left;
  width:12em;
  text-align:right;
}
div#popup input#particulier, div#popup input#entreprise{
  border:none;
  color:#66CC99;
  font-weight:bold;
}
div#popup input.contact{
  border:none;
  border-bottom:1px solid #ff66cc;
  background-color:#336666;
  color:#66CC99;
}
div#popup textarea.contact{
  border:1px solid #ff66cc;
  background-color:#336666;
  color:#66CC99;
  padding:0.1em;    
}
div#popup input.envoyer{
  position:absolute;
  margin-left:150px;
  margin-top:0.3em;
  border:none; 
}
div#erreur{
  position:absolute;
  top:30px;
}
div#erreur h1, div#message h1{
  font-size:0.9em;
  color:#ffffff;
  margin-bottom:0.3em;
}
div#erreur p, div#message p{
  width:80%;
  text-align:center;
  font-size:1em;
  margin-top:0.3em;
}
div#message{
  position:absolute;
  top:10em;
  padding-left:150px;
}
input#nom, input#email{
  width:250px;
}
textarea#message{
  width:400px;
}
/*----- liste normal sans puce ---*/
ul.none li{
  list-style-type:none;  
}
/*---- CGV ---*/
a.cgv{
  position:absolute;
  margin-top:2em;
  margin-left:2em;
}