html{
height : 100%;
}

body{
	color:#000000;
	font-family: "Verdana, serif";
	font-weight: "bold";
	height : 100%;
}

h1 { 
text-align : center;
margin-bottom : 2em;
}


h3{
text-align : center;
}

h2{
margin-top : 3em;
text-align : center;
text-decoration : underline;
}

h2.classic{
  text-align : center;
  margin-top : none;
  text-decoration : underline;  
}

a {
	text-decoration:none;
}
a:hover {
 font-style : italic;
}
#cadre { /* taille du cadre, à titre d'exemple */
width: 15em;
background-color: #FF9900;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(images/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(images/hautdroit.gif);
}
#basgauche {
background: url(images/basgauche.gif);
}
#basdroit {
float: right;
background: url(images/basdroit.gif);
}
#contenu p {
color: #000000;
margin: 0.5em; /*gestion des espaces interparagraphes */
}
img.EK {
border-color:#C0C0C0;
border-style:solid;
}


/*   style renvoi accueil */
.renvoi_accueil{
font-weight : bold;
position : absolute;
left : 85%;
top : 5%;
}


#dernieres_nouvelles{
position : absolute;
top : 5pt;
left : 80%;
width : 18%;
height : 50%;
background : white;
}

.titre_nouvelles{
font-style : italic ;
color : red;
}

/*  bandeau_deroulant index.htm */


#bandeau_deroulant{
position : absolute;
top : 100px;
left : 485px;
width : 650px;
font-size : 14pt;
color : black ;

}


/*  page canyons.htm*/





.description_canyon{
margin-right : 2em;
margin-top : 2em;
}


.texte_desc_canyon{
font-style : italic;
text-align : center;
padding-top : 3em;
padding-left : 18em;
margin-left : 35pt;

}

.infos_canyon{
float : left;
width : 50%;
border-style : solid;
border-color :#C0C0C0;
padding : 1em;
padding-left : 0;
margin-bottom : 2em;
}


.infos_canyon ul{
list-style-type : none;
}

.tete_liste{
text-decoration : underline;
font-size : 110%;

}


/* texte clignotant page canyon */
#clignotant{
font-size : 150%;
}

/* style legende sous les videos canyoning */
.legende {
font-size : smaller ;
font-style : italic;
margin-top : 0.5em;

}

/* style des divers textes d'intro */

.texte_intro{
font-size : 110%;
}

.infos{
color : red ;
font-size : 0.8em;
text-decoration : underline;

}


/* styles des logos de la page d'accueil */
.references{
height : 200px;
text-align : center;
}

.references img{
height : 75px;
margin-right : 5px;
border-style : solid;
border-width : 0.1pt;
border-color : blue;
}


/*les deux couleurs du site original   */



.vert{
color : #25C002 ;
}

.orange{
color : #FF9900 ;
}


.centrer{
text-align : center ;
}
/*    style contenu plus d'infos trek   */

.page_trek{
background : #25C002;
height : 100%;
font-size : medium;
}

.corps_trek{
width : 80%;
margin : auto;
padding : 0;
background : white;
border-style : solid;
border-color : #FF9900;
font-size : smaller;
}


/* contient le titre et le logo */
.entete_trek{
height : 130px;;
margin-bottom : 3em;
background : #FF9900;

}

#logo{
float : left;
height : 130px;
width : auto;
}

.titre_trek{
margin : 0;
padding-top : 1.5em;
padding-bottom : 2em;
text-align : center;
}

.contenu_trek{
padding-left : 2em;
padding-right : 2em;
padding-top : 0;
}

.contenu_trek h3{
text-align : center;
text-decoration : underline;
}

/* bandeau contenant les images d'illustration */
.bandeau_illustration_trek{
padding : 0;
padding-top : 1em;
padding-bottom : 2em;
height : 120px;
text-align : center;
}


.img_illustration_trek{
height : 100%;
text-align : center;
margin : 0;
padding : 0;
border : none ;
}



.bandeau_trek{
padding : 0;
margin-bottom : 5em;
height : 200px;
}


.img_trek{
height : 90%;
text-align : center;
}



.img_cilaos{
float : left;
margin-right : 3em;
height : 80%;
border-style : solid;
border-color:#25C002;
}

.img_mafate{
float : right;
height : 80%;
border-style: solid;
border-color:#FF9900;
}

.img_salazie{
float : left;
margin-right : 3em;
height : 80%;
border-style: solid;
border-color:#25C002;
}

.img_fournaise{
float : right;
height : 80%;
border-style: solid;
border-color:#FF9900;
}

.img_ste_suzanne{
height : 80%;
border-style: solid;
border-color:#25C002;
float : left;
}

.img_trou_blanc{
height : 80%;
border-style: solid;
border-color:#FF9900;
float : right;
}

.img_fleurs_jaunes{
height : 80%;
border-style: solid;
border-color:#25C002;
float : left;
margin-right : 2em;
}


.img_neiges{
float : left;
height : 80%;
border-style: solid;
border-color:#25C002;
}

.important {
color : red;
font-weight : bold;
}

.texte_canyon{
padding-top : 5em;
padding-left : 2em;
text-align : center;
}

/* style tableau plus d'infos trek  page trekking.htm*/
.tableau_trek {
border-style : solid;
border-color : black;
border-width : 1pt;
border-collapse : none;
width : 90%;
margin : auto;
}

.tableau_trek caption{
margin-bottom: 1em;
color : blue;
}
.tableau_trek td, .tableau_trek th{ 
border-style : solid;
border-width : 1pt;
padding : 1em;
text-align : center;
}


.jour{
font-weight : bold;
font-style : italic;
}
.journee {
width : 20%;
text-align : center;
}

.activites{
height : 180px;
text-align : center;
}

.cadre_img_tableau{
height : 90%;
}
.img_tableau{
height : 80%;

}


/*   style du tableau de tarifs */
.tableau_tarifs{
margin-top : 3em;
width : 90%;
margin-left :auto;
margin-right : auto;
border-collapse: collapse;
}

.tableau_tarifs th{
width : 50%;
border-style : solid;
border-width : 1pt;
padding : 1em;
}

.tableau_tarifs td {
padding : 1em;
border-style : solid;
border-width : 1pt;
}

.tableau_tarifs ul {
margin-left : 0;
}