@charset "UTF-8";
body {
font-family: arial, helvetica, verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align: center;
background-image: url(images/fond-raft.jpg);
background-repeat: repeat-x;
background-color: #00BA00;
}
h1 { text-indent: -5000px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; text-decoration: none; }
.rafting h2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #F00; }
.cont h2 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #F00; }
.cont2 h2 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #F00; }
.rafting #container { width: 780px; margin: 0 auto; text-align: left; }
.rafting #header { }
.dessus { position: absolute; }
.diapo { margin-left: 40px; margin-top: -6px; }
.alternatif { margin-left: 40px; margin-top: -15px; }
.rafting #mainContent { padding: 30px 20px 10px 20px; min-height:300px; background-color: #FFF; margin: -32px 20px 0px 20px; top: -100px; height: auto; }
.rafting #footer { background-image: url(images/fond-pied.png); height: 60px; background-repeat: no-repeat; text-align: center; margin: 0 20px 0 20px; position: relative; width: auto; }
.rafting #footer p { padding: 10px 0; margin: 0; }
.rafting #footer p a { text-decoration:none; color: #000; }
.rafting #footer p a:hover { text-decoration:underline; }



.rafting #menu { position: relative; width: 780px; height: 60px; margin-top: 110px; overflow: hidden; }
.rafting #menu ul { position: absolute; left: 99px; width: auto; height: auto; padding: 0; margin:0; list-style: none; background: transparent url(menu.png) top left no-repeat; }
.rafting #menu li { float: left; padding: 0; margin:0; text-indent: 50px; }
.rafting #menu li a { display: block; height: 60px; width: 148px; text-decoration: none; font-size: 1px; line-height: 60px; color: #C6C1A3; }
.rafting #menu li a span { position: absolute; left: -5000px; }
.rafting #menu li a:hover { background: transparent url(menu.png) top left no-repeat; }
.rafting #menu a#activites:hover, #menu a#activitesactive:hover { background-position: 0px -60px; color: #6882c3; }
.rafting #menu a#equipe:hover, #menu a#equipeactive:hover { background-position: -148px -61px; color: #8fab10; }
.rafting #menu a#labase:hover, #menu a#labaseactive:hover { background-position: -296px -61px; color: #ffc326; }
.rafting #menu a#tarifs:hover, #menu a#tarifsactive:hover { background-position: -444px -61px; color: #ffc326; }
.rafting #menu a#activitesactive { background: transparent url(menu.png) 0px -60px no-repeat; }
.rafting #menu a#equipeactive { background: transparent url(menu.png) -148px -65px no-repeat; }
.rafting #menu a#labaseactive { background: transparent url(menu.png) -290px -72px no-repeat; }
.rafting #menu a#tarifsactive { background: transparent url(menu.png) -435px -80px no-repeat; }
/* -------------*/
/* -------------*/
/* -------------*/
a img { border: none; }
.cont .lft { width:400px; margin-top: 0px; text-align: justify; }
.cont .lft p a { color:#F00; text-decoration:none }
.cont .lft p a:hover { text-decoration:underline }

.cont .rgt { width:290px }
.cont ul, .cont h3 { text-align:right }
.cont h3 { margin-top:30px; font-size: 1.2em; }
.cont ul li { background: transparent/* url(img/puce.gif) 15px center no-repeat*/; padding-left: 30px; line-height: 140%; zoom: 1; }
.cont2 { height:430px }
.cont2 .lft { width:400px; height:auto; margin-top: 0px; text-align: justify; }
.cont2 .rgt { width:300px }
.cont2 ul, .cont2 h3 { text-align:right }
.cont2 h3 { margin-top:30px; font-size: 1.2em; }
.cont2 ul li { background: transparent/* url(img/puce.gif) 15px center no-repeat*/; padding-left: 30px; line-height: 140%; zoom: 1; }
.rgt { float:right }
.rgt#img { width: 60px; height: 60px; padding: 3px; }
.lft { float:left }
ul, ol { list-style-type: none; }
a.asuivre { background:url(img/puce.gif) no-repeat right center; padding-right:15px; color:#e52c31; text-decoration:none; background-repeat: no-repeat; }
a.asuivre:hover { text-decoration:underline }
.lien { font-size:12px; }
.lien a { text-decoration:none; color: #000; }
.lien a:hover { text-decoration:underline; }
#accueil { margin: 10px 0 10px 5px; }
#clear { height: auto; position: relative; width: auto; min-height: 10px; }
/* activites*/
 #cont-activites p { padding-left: 40px; }
ul.liste { padding-left: 40px; }
.liste li { background:url(img/puce2.gif) no-repeat left center; padding-left: 20px; }
.activites { padding-left: 17px; float:right; font-size: 18px; color: #000; margin-right: 17px; font-weight: bold; }
.activites a { color: #000; font-weight: bold; text-decoration: none; }
.activites a:hover { color: #F00;}
.activ { padding-left: 17px; float:right; font-size: 18px; margin-right: 17px; font-weight: bold; }
.activ a { color: #F00; text-decoration: none; }
.sousmenu { margin-top: 0px; }
/* fin activites*/
.vignette { float: right; width: 150px; margin-top: 30px; }
.rafting #map { margin: 50px 0 0 0 }
#cont3 { height:450px; }
#formules { height:370px; width: 300px; float: left; background-image: url(images/fond-carte.jpg); padding-top: 40px; background-repeat: no-repeat; padding-left: 15px; }
#formules .g { width:150px; float:left; margin-left: 10px; text-align:left; }
#formules .d { width:50px; float:left; margin-left: 40px; text-align:right; }
#formules h3 { background:url(img/puce3.gif) no-repeat left center; padding-left:30px }
#methode h3 { background:url(img/puce4.gif) no-repeat 50px center; padding-left:30px }
#methode { float:right; width:340px; height: 260px; text-align:center; margin-top: 50px; background-image: url(images/fond-stages.png); background-repeat: no-repeat; background-position: top center; padding-top: 40px; }
.tarif { font-size:14px; font-weight: bold; color: #F00; }
.petit { font-size:9px; text-align:right }
 .groupe h2, {
font-family: Arial, Helvetica, sans-serif;
color: #F00;
}

.groupe h2 { font-size: 16px; }
.groupe h3 { font-size: 14px; text-align:left; }
.groupe p { text-align:justify; padding: 0 50px 0 50px }
.groupe li { background:url(img/puce.gif) no-repeat left 3px; padding-left: 20px; margin:0 40px 0 50px; list-style-type: none; line-height:150%; font-style:italic }
.faq h4 { background:url(img/puce5.gif) no-repeat left center; padding-left: 30px; margin:0px 40px 10px 40px; list-style-type: none; }
.partenaires { text-align:center; line-height:30px; height: 700px; }
.partenaires li a { font-size:14px; color:#FC3; ; font-weight: bolder; text-decoration: none; }
.partenaires li a:hover {
color:#C00;
text-decoration:underline;
font-size:20px
}
.formcontact { position: relative; width:343px; height:300px; text-align: left; }

#weekend h3 { background:url(img/puce4.gif) no-repeat 50px center; padding-left:20px }
#weekend { width:449px; height: 500px; text-align:center; background-image: url(images/week-end.gif); background-repeat: no-repeat; background-position: top center; padding-top: 90px; top: 30px; margin-left: 130px; }

#weekend2 h3 { background:url(img/puce.gif) no-repeat right center; padding-right: 20px; }
#weekend2 { float:right; width:250px; height: auto; text-align:center; margin-top: 100px; padding-top: 120px; background-image: url(images/loge.gif); background-repeat: no-repeat; }
h6 { text-indent: -5000px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; text-decoration: none; }