@charset "UTF-8";
html, body {
margin-left : auto;
margin-right : auto;
padding : 0;
font-family : arial, sans-serif;
font-size : 100%;
}
div#container {
position : relative;
margin : 0 auto;
width : 900px;
height : auto !important ;
height : 100%;
min-height : 100%;
}
div#header {
position : relative;
margin : 0 auto;
padding : 0;
height : 295px;
background : url(images/balpina.jpg) no-repeat top;
}
div#header1 {
position : relative;
margin : 0 auto;
padding : 0;
height : 120px;
background : url(pagehiver/images/clubalpinahiver.jpg) no-repeat top;
}
div#header2 {
position : relative;
margin : 0 auto;
padding : 0;
height : 120px;
background : url(pageete/images/clubalpinaete.jpg) no-repeat top;
}
div#menu_haut {
margin-left : 300px;
padding : 0;
height : 85px;
}
div#menu_img {
clear : left;
height : 245px;
text-align : center;
background : url(images/fenetrecadre.jpg) no-repeat;
}
div#menu {
position : relative;
height : 30px;
width : 900px;
left : 0;
padding : 0;
text-align : center;
background : url(images/fondbois.jpg) no-repeat;
}
div#menuete {
float : left;
width : 130px;
padding : 10px 5px 0 5px;
text-align : left;
background : url("pageete/images/menuete.png") no-repeat;
}
div#news {
float : left;
width : 130px;
text-align : left;
}
div#menuhiver {
float : left;
width : 130px;
padding : 10px 5px 0 5px;
text-align : left;
}
div#saison {
position : absolute;
height : 85px;
width : 100px;
}
#resol {
text-align : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
position : fixed;
font-size : 10px;
width : 230px;
top : 0;
left : 1280px;
margin : 0 auto;
background : #bfc6d9;
text-align : center;
}
#resol h1 {
background : none;
font-size : 15px;
letter-spacing : 3px;
padding : 0;
margin : 0;
border : 0;
}
#resol h2 {
font-size : 10px;
letter-spacing : 3px;
padding : 0;
margin : 0;
border : 0;
background : none;
}
div#content {
padding : 0 0 0;
background : transparent;
text-align : left;
clear : left;
}
div#footer {
width : 900px;
height : 80px;
bottom : 0;
background : #9f9f9f;
text-align : left;
z-index : 0;
}
div#copy {
position : relative;
margin-left : auto;
margin-right : auto;
width : 900px;
height : 18px;
bottom : 0;
text-align : right;
z-index : 1;
}
h1 {
font : 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
}
.h2 {
font : bold 45px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #292f37;
text-align : left;
}
.txt {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
}
.txt2 {
font : 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #9baab9;
}
.more {
font : bold 11px Arial, Helvetica, sans-serif;
color : #fc9f10;
text-align : right;
margin : 0;
}
.copy {
font : 10px Arial, Helvetica, sans-serif;
color : #fff;
margin : 2px;
}
div#blocpt {
float : left;
width : 900px;
height : 700px;
text-align : center;
background : url("pageete/images/fondpt.jpg") no-repeat;
}
div#blocdivers {
width : 760px;
height : 325px;
margin-left : 140px;
text-align : left;
background : transparent no-repeat;
}
div#bloclargeh {
width : 900px;
height : 900px;
text-align : center;
background : url("pagehiver/images/fondlarge.jpg") no-repeat;
}
div#bloc1e {
width : 760px;
height : 580px;
margin-left : 140px;
text-align : left;
background : url("pageete/images/mesange1.jpg") no-repeat;
}
div#bloc1h {
width : 760px;
height : 580px;
margin-left : 140px;
text-align : left;
background : url("pagehiver/images/fondpetit.jpg") no-repeat;
}
div#bloc2e {
width : 760px;
height : 730px;
margin-left : 140px;
text-align : left;
background : url("pageete/images/fondmoyene.jpg") no-repeat;
}
div#bloc2h {
width : 760px;
height : 730px;
margin-left : 140px;
text-align : left;
background : url("pagehiver/images/fondmoyen.jpg") no-repeat;
}
div#bloc3e {
width : 760px;
margin-left : 140px;
text-align : left;
background : url("pageete/images/fondgrande.jpg") no-repeat;
}
div#bloc3h {
width : 760px;
height : 900px;
margin-left : 140px;
padding : 0 0 0 0;
text-align : left;
background : url("pagehiver/images/fondgrand.jpg") no-repeat;
}
div#bloclargeh {
width : 900px;
height : 900px;
text-align : center;
background : url("pagehiver/images/fondlarge.jpg") no-repeat;
}
div#bloclargee {
width : 900px;
height : 900px;
text-align : center;
background : url("pageete/images/fondlargee.jpg") no-repeat;
}
.b1lightbox {
width : 100%;
}
.b1a {
float : left;
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
margin-left : 10px;
text-align : left;
width : 150px;
background : transparent;
}
.b1text {
width : 530px;
padding : 250px 0 0 170px;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000000;
text-align : left;
font-weight : bold;
}
.b1text1 {
width : 550px;
margin-left : 200px;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-align : center;
font-weight : bold;
}
.b1text2 {
width : 650px;
padding : 0 10px 0 0;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
margin-left : 100px;
text-align : center;
}
.b1text3 {
float : left;
width : 900px;
margin-left : auto;
margin-right : auto;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
text-align : center;
}
.b1text4 {
width : 900px;
}
.b1photos {
width : 900px;
height : 150px;
font : 15px 'black "Trebuchet MS"', Arial, Helvetica, sans-serif;
font-weight : bolder;
color : #fff;
text-align : center;
background : url("pagehiver/images/bandeauphotos.png") no-repeat;
}
.b1ephotos {
width : 900px;
height : 150px;
font : 15px 'black "Trebuchet MS"', Arial, Helvetica, sans-serif;
font-weight : bolder;
color : #fff;
text-align : center;
background : url("pageete/images/bandeauete.png") no-repeat;
}
.b1photostransparent {
margin-left : 30px;
width : 760px;
text-align : center;
background : transparent;
}
.b1text1e {
width : 650px;
margin-left : 100px;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-align : center;
}
.b1text2 {
width : 650px;
padding : 0 10px 0 0;
font : 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
margin-left : 100px;
text-align : center;
}
.b2b {
float : left;
width : 120px;
margin : 0 0 0 0;
padding : 0 0 0 20px;
background : transparent no-repeat;
}
.text3 {
float : left;
width : 450px;
height : 35px;
margin-left : 50px;
border : 4px outset #404040;
background-color : #ff0000;
color : white;
font-family : Arial, "Arial Black", Times, "Times New Roman", serif;
text-align : center;
}
.more {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
margin : 0;
text-align : center;
background : url(images/bouton.png) no-repeat center;
float : left;
width : 190px;
height : 26px;
padding : 4px 10px 0 0;
}
a {
text-decoration : none;
}
table {
margin : auto;
border : 4px outset #404040;
border-collapse : separate;
font-family : Arial, "Arial Black", Times, "Times New Roman", serif;
font-size : 14px;
}
th {
background-color : #c0c0c0;
font-size : 12px;
font-family : Arial, "Arial Black", Times, "Times New Roman", serif;
text-align : center;
}
td {
color : #000000;
font-family : Arial, "Arial Black", Times, "Times New Roman", serif;
text-align : center;
}
table1 {
position : absolute;
margin-left : 150px;
border : 4px outset #404040;
background-color : #ff0000;
color : #000000;
font-size : 14px;
font-family : Arial, "Arial Black", Times, "Times New Roman", serif;
text-align : center;
}
.date_jour {
font : bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
margin : 0;
padding : 10px 0 0 10px;
}
.date_mois {
font : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
margin : 0;
padding : 0 0 0 12px;
}
.lienHaut {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
padding : 0 7px 0 7px;
}
.lienHaut1 {
color : #fff;
text-decoration : underline;
}
.lienHaut:hover {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #888;
text-decoration : none;
padding : 0 7px 0 7px;
}
.lienDetail {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}
.lienDetail:hover {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
}
.lienBas {
font : 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
}
.lienBas:hover {
font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}