body {
margin: 0;
padding: 0;
background-color: #BFC5C1;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-image: url(fond_page.gif);
background-repeat: repeat-y;
background-position: center;
}
h1 {
margin: 0;
padding: 0;
width: 337px;
height: 97px;
overflow: hidden;
}
h1 a {
display: block;
width: 337px;
height: 97px;
background-image: url(titre.gif);
background-repeat: no-repeat;
}
h1 a span {
margin-left: -1000px;
}
a {
color: #333333;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- CENTRAGE--*/
#centrage {
width: 770px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- TOTAL --*/
#total {
position: relative;
float: left;
width: 770px;
}
body.bodyaccueil #total {
background-image: url(fond_total_accueil.jpg);
background-repeat: no-repeat;
background-position: 0px 190px;
}
body.bodyportail #total {
background-image: url(fond_total_portail.jpg);
background-repeat: no-repeat;
background-position: 0px 190px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header {
width: 770px;
height: 190px;
background-image: url(titre.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
body.bodyaccueil #header,
body.bodyportail #header {
background-image: url(fond_header_accueil.jpg);
}
body.bodygenerique #header {
background-image: url(fond_header_generique.jpg);
}
body.bodygouter #header {
background-image: url(fond_header_gouter.jpg);
}
body.bodyteterousse #header {
background-image: url(fond_header_tete_rousse.jpg);
}
body.bodynidaigle #header {
background-image: url(fond_header_nid_aigle.jpg);
}
body.bodyvallot #header {
background-image: url(fond_header_vallot.jpg);
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- CONTENT --*/
#content {
float: left;
width: 770px;
background-image: url(fond_inter.gif);
background-repeat: repeat-y;
padding-bottom: 65px;
}
body.bodyaccueil #content {
background-image: none;
padding: 0;
}
body.bodyportail #content {
background-image: none;
padding: 135px 0px 0px 0px;
height: 270px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- MENU --*/
#menu {
float: left;
width: 190px;
font-size: medium;
font-weight: bold;
line-height: 18px;
}
body.bodyportail #menu { /*--  Sert à éviter le décalage de l'inter à cause de la largeur du menu 18/02/2008 --*/
width: 30px;
}
body.bodyportail #menu ul li a { /*--  Sert à éviter le décalage de l'inter à cause de la largeur du menu 18/02/2008 --*/
display: none;
}
#menu ul {
margin-top: 5px;
}
#menu ul li {
margin-bottom: 8px;
}
#menu ul li a {
display:block;
width: 170px;
height: auto;
padding: 0px 0px 0px 16px;
background-image: url(puce_menu.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
text-decoration: none;
}
#menu ul li a:hover,
#menu ul li a.on {
color: #660000;
background-position: 0px -128px;
}
#menu ul li ul {
display: none;
}
body.bodyaccueil #menu ul li,
body.bodyportail #menu ul li {
display: none;
}
body.bodyaccueil #menu ul li.liengouter,
body.bodyaccueil #menu ul li.lienteterousse,
body.bodyaccueil #menu ul li.liennidaigle,
body.bodyaccueil #menu ul li.lienvallot,
body.bodyaccueil #menu ul li.liensportail,
body.bodyportail #menu ul li.liengouter,
body.bodyportail #menu ul li.lienteterousse,
body.bodyportail #menu ul li.liennidaigle,
body.bodyportail #menu ul li.lienvallot,
body.bodyportail #menu ul li.liensportail {
display: block;
}
body.bodyaccueil #menu ul li a span,
body.bodyportail #menu ul li a span {
display: none;
}
body.bodyaccueil #menu ul li.liengouter a,
body.bodyportail #menu ul li.liengouter a {
display: block;
position: absolute;
top: 129px;
left: 12px;
width: 206px;
height: 59px;
background-image: url(bout_gouter.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
z-index: 3;
}
body.bodyaccueil #menu ul li.lienteterousse a,
body.bodyportail #menu ul li.lienteterousse a {
display: block;
position: absolute;
top: 161px;
left: 195px;
width: 195px;
height: 60px;
background-image: url(bout_tete_rousse.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
z-index: 4;
}
body.bodyaccueil #menu ul li.liennidaigle a,
body.bodyportail #menu ul li.liennidaigle a {
display: block;
position: absolute;
top: 213px;
left: 24px;
width: 229px;
height: 61px;
background-image: url(bout_nid_aigle.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
z-index: 5;
}
body.bodyaccueil #menu ul li.lienvallot a,
body.bodyportail #menu ul li.lienvallot a {
display: block;
position: absolute;
top: 114px;
left: 246px;
width: 274px;
height: 69px;
background-image: url(bout_vallot.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
z-index: 2;
}
body.bodyaccueil #menu ul li a:hover,
body.bodyportail #menu ul li a:hover {
background-position: 0px -110px;
}
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*--  ZONE LIENS ACCUEIL DROITE  --*/
body.bodyaccueil #menu ul li.liensportail ul,
body.bodyportail #menu ul li.liensportail ul {
display: block;
position: absolute;
width: 145px;
height: 235px;
padding: 25px 0px 10px 15px;
margin: 0;
top: 145px;
left: 595px;
background-image: url(fond_menu_droite_accueil.jpg);
background-repeat: no-repeat;
}
body.bodyaccueil #menu ul li.liensportail ul li,
body.bodyportail #menu ul li.liensportail ul li,
body.bodyportail #menu ul li.liensportail ul.on li  {
display: block;
height: auto;
font-size: small;
line-height: 16px;
margin-bottom: 5px;
font-weight: bold;
}
body.bodyaccueil #menu ul li.liensportail ul li a,
body.bodyportail #menu ul li.liensportail ul li a {
display: block;
width: 125px;
height: auto;
padding: 0px 0px 0px 14px;
color: #990033;
background-image: url(puce_menu_droite_accueil.gif);
background-repeat: no-repeat;
background-position: 0px -8px;
}
body.bodyaccueil #menu ul li.liensportail ul li.reservligne a,
body.bodyportail #menu ul li.liensportail ul li.reservligne a {
color: #CC0000;
}
body.bodyaccueil #menu ul li.liensportail ul li a:hover,
body.bodyportail #menu ul li.liensportail ul li a:hover,
body.bodyportail #menu ul li.liensportail ul li.on a {
color: #CC0000;
background-position: 0px -78px;
}
body.bodyaccueil #menu ul li.liensportail ul li a span,
body.bodyportail #menu ul li.liensportail ul li a span {
display: block;
}
/*-----------------------------------------------*/
/*-- SOUS RUBRIQUES --*/
body.bodygouter #menu ul li.liengouter ul,
body.bodynidaigle #menu ul li.liennidaigle ul,
body.bodyteterousse #menu ul li.lienteterousse ul,
body.bodyvallot #menu ul li.lienvallot ul {
display: block;
}
#menu ul li ul.on {
display: block;
}
#menu ul li ul {
font-size: small;
color: #003366;
font-weight: normal;
padding: 0px 0px 0px 20px;
}
#menu ul li ul li {
margin-bottom: 3px;
}
#menu ul li ul li a {
display:block;
width: 150px;
height: auto;
padding: 0px 0px 0px 14px;
background-image: url(puce_sous_menu.gif);
background-repeat: no-repeat;
background-position: 0px -7px;
text-decoration: none;
color: #003366;
}
#menu ul li ul li a:hover,
#menu ul li ul li a.on  {
color: #660000;
background-position: 0px -106px;
}
/*---------------------------------------------------------------------*/
/*--  LIENS ACCUEIL DROITE  --*/
#menu ul li.liensportail {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
#filariane {
position: absolute;
width: 540px;
text-align: right;
font-size: x-small;
color: #971732;
top: 168px;
left: 210px;
}
#filariane a {
color: #971732;
}
body.bodyportail #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter {
float: left;
width: 540px;
padding: 5px 20px 40px 20px;
line-height: 18px;
}
body.bodyaccueil #inter{
height: 405px;
padding: 0;
}
#inter h2,
#inter h2 a,
#interpopup h2,
#interpopup h2 a {
font-size: x-large;
color: #660000;
margin: 0px 0px 10px 0px;
}
#inter h3,
#inter h3 a,
#interpopup h3,
#interpopup h3 a  {
font-size: large;
color: #003366;
margin: 15px 0px 8px 0px;
}
#inter h4,
#inter h4 a,
#interpopup h4,
#interpopup h4 a  {
font-size: medium;
color: #333333;
margin: 8px 0px 8px 0px;
padding-left: 5px;
}
#inter h5,
#inter h5 a,
#interpopup h5,
#interpopup h5 a  {
font-size: medium;
font-weight: normal;
color: #660000;
margin: 8px 0px 8px 0px;
}
#inter p,
#interpopup p {
margin: 8px 0px 8px 0px;
}
#inter ul,
#interpopup ul {
padding-left: 20px;
margin: 8px 0px 8px 0px;
}
#inter ul li,
#interpopup ul li {
padding-left: 14px;
background-image: url(puce_liste01.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#inter ul li ul,
#interpopup ul li ul {
padding-left: 10px;
margin: 0;
}
#inter ul li ul li,
#interpopup ul li ul li {
background-image: url(puce_liste02.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*--  GUIDE EN EXERGUE SUR TOUTES PAGES RESA  --*/
div#sejour table tr.guide td,
form div.guide,
div#devis table tr.guide td  {
background-color: #EBB6C1;
}
#tarif table th.prestation {
text-align: left;
font-weight: normal;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--  ELEMENTS SPECIFIQUES AUX PAGES "PORTAIL"  --*/
body.bodyportail #inter {
padding: 0;
width: 530px;
height: 240px;
overflow: auto;
}
body.informations #inter h2,
body.situation #inter h2,
body.reservations #inter h2,
body.tarifsrefuges #inter h2,
body.moncompte #inter h2,
body.liens #inter h2 {
position: absolute;
top: 274px;
left: 20px;
width: 500px;
height: 52px;
background-repeat: no-repeat;
}
body.recommandations #inter h2 {
position: absolute;
top: 267px;
left: 20px;
width: 500px;
height: 59px;
background-repeat: no-repeat;
}
body.informations #inter h2 {
background-image: url(titre_informations.jpg);
}
body.situation #inter h2 {
background-image: url(titre_situation_acces.jpg);
}
body.recommandations #inter h2 {
background-image: url(titre_recommandations_alpinistes.jpg);
}
body.reservations #inter h2 {
background-image: url(titre_reservation_ligne.jpg);
}
body.tarifsrefuges #inter h2 {
background-image: url(titre_tarifs_refuges.jpg);
}
body.moncompte #inter h2 {
background-image: url(titre_mon_compte.jpg);
}
body.liens #inter h2 {
background-image: url(titre_liens.jpg);
}
body.informations #inter h2 span,
body.situation #inter h2 span,
body.recommandations #inter h2 span,
body.reservations #inter h2 span,
body.tarifsrefuges #inter h2 span,
body.moncompte #inter h2 span,
body.liens #inter h2 span {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER --*/
#footer {
float: left;
width: 750px;
height: 180px;
padding: 0px 20px 0px 0px;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: bottom;
margin-top: -65px;
}
#footer #hautpage {
font-size: x-small;
color: #660000;
padding-left: 220px
}
#footer #hautpage a {
display: block;
color: #660000;
line-height: 13px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 10px;
text-decoration: none;
}
#footer ul.partenaires {
float: left;
width: 350px;
margin-top: 46px;
padding-left: 30px;
}
body.bodyaccueil #footer ul.partenaires,
body.bodyportail #footer ul.partenaires {
margin-top: 28px;
}
#footer ul.partenaires li {
display: inline;
margin-right: 10px;
}
#footer ul.partenaires li img {
margin-bottom: 9px;
}
#footer ul.liensfooter {
float: right;
margin-top: 78px;
font-size: x-small;
color: #FFFFFF;
}
body.bodyaccueil #footer ul.liensfooter,
body.bodyportail #footer ul.liensfooter {
margin-top: 60px;
}
#footer ul.liensfooter li {
display: inline;
}
#footer ul.liensfooter li a {
color: #FFFFFF;
text-decoration: none;
}
#footer ul.liensfooter li a:hover {
text-decoration: underline;
}
body.bodyaccueil #footer,
body.bodyportail #footer {
background-image: url(fond_footer_accueil.gif);
height: 150px;
margin: 0;
}
body.bodyaccueil #footer #hautpage,
body.bodyportail #footer #hautpage {
display: none;
}
/*---------------------------------------------------------------------------------------------------------*/
/*--  PLAN DU SITE  --*/
#plandusite {
padding-left: 20px;
}
#plandusite h3 {
background-image: url(puce_liste02.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
}
#plandusite h3,
#plandusite h3 a {
text-decoration: none;
margin: 0px 0px 10px 0px;
}
#plandusite ul {
margin: -8px 0px 10px 0px;
}
#plandusite ul li a {
text-decoration: none;
}
#plandusite a:hover {
text-decoration: underline;
}
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01 {
color: #649EEF;
}
div.coul02, .bleuFonce, .coul02 {
color: #003366;
}
div.coul03, .rouge, .coul03 {
color: #971732;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleue {
border: 1px solid #649EEF;
}
img.bord02, .bordureBleueFoncee {
border: 1px solid #003366;
}
img.bord03, .bordureRouge {
border: 1px solid #971732;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #971732;
padding: 3px;
vertical-align: top;
}
th {
background-color: #971732;
color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------------------------*/
.invisible {
display: none;
}
/*--- TARIFS ---*/
div#tarif table th.prestation {
color: #971732;
background-color: #FFFFFF;
}
div#tarif table td.tarif {
  text-align:right;
}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--  POP UP  --*/
body.bodypopup {
background-image: none;
}
body.bodypopup #centrage {
width: 630px;
}
body.bodypopup #centrage #total {
float: left;
width: 600px;
background-color:#ffffff;
padding: 0px 15px 0px 15px;
background-image: url(fond_popup.gif);
background-repeat: repeat-y;
}
body.bodypopup #centrage #total #headerpopup {
float: left;
width: 600px;
height: 150px;
background-image: url(fond_header_popup.jpg);
background-repeat: no-repeat;
}
body.bodypopup #centrage #total #headerpopup h1 {
display: none;
}
body.bodypopup #centrage #total #interpopup {
float: left;
width: 570px;
padding: 10px 15px 0px 15px;
background-color:#ffffff;
}
body.bodypopup #centrage #footerpopup {
float: left;
width: 630px;
height: 101px;
background-image: url(fond_footer_popup.gif);
background-repeat: no-repeat;
}
/*--------------------------------------
  --------------------------------------*/
/*-- VERSION --*/
#version {
position: absolute;
top: 34px;
left: -24px;
height: 78px;
width: 24px;
padding: 13px 0px 0px 0px;
overflow: hidden;
background-image: url(fond_version.jpg);
background-repeat: no-repeat;
}
#version ul {
margin: 0;
padding: 0;
}
#version ul li {
margin: 0;
padding: 0;
}
#version ul li.versen a {
display: block;
width: 24px;
height: 24px;
background-image: url(bout_en.gif);
background-repeat: no-repeat;
}
#version ul li.versfr a {
display: block;
width: 24px;
height: 24px;
background-image: url(bout_fr.gif);
background-repeat: no-repeat;
}
#version ul li span {
margin-left: -300px
}