/* normalise les marges et les remplissages  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
margin: 0;
padding : 0;
}

/* normalise les tailles de polices pour les en-têtes */
h1, h2, h3, h4, h5, h6
{
font-size : 100%;
}

/* supprime list-style pour les listes */
ol, ul
{
list-style : none;
}

/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, em, strong, th, var
{
font-style : normal;
font-weight : normal;
}

/* supprime les bordures dans les tableaux */
table
{
border-collapse : collapse;
border-spacing : 0;
}

/* supprime les bordures dans les éléments fieldset et img */
fieldset, img
{
border : 0;
}

/* aligne le texte à gauche dans caption et th */
caption, th
{
text-align : left;
}

/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after
{
content :'';
}

/* supprime le souslignage des liens et les met en noir */
a
{
text-decoration : none;
color : #000;
}

html
{
text-align : center;
min-width : 1200px;
background : url(../images/background_orange.png) repeat-x 0 32px #c2c296;
}

body
{
width : 1100px;
margin : 0 auto;
text-align : left;
margin-top : 35px;

}

#header
{
height : 250px;
width : 100%;
}

#banniere
{
height : 197px;
width : 100%;
background : url(../images/banniere01.jpg) no-repeat;
}

#banniere h1, #banniere p
{
position : absolute;
top : -9999px;
line-height : 0px;
margin : 0;
}

#corps
{
position  : relative;
width : 100%;
margin-top : 0.5em;
}

p
{
text-align : justify;
line-height : 1.4em;
margin : 1em;
font-size : 106%;
font-weight : bold;
}

p strong
{
font-weight : bold;
}



.titre_page
{
position  : relative;
top : 10px;
left : -30px;
width : 350px;
line-height : 35px;
background : url(../images/cadre_titre_page.png) top right no-repeat #ffcc66;
padding-left : 30px;
color : #000;
font-size : 120%;
font-weight : bold;
margin-bottom : 40px;
}

h2
{
text-align : center;
font-size : 130%;
color : #000;
margin : 30px 0;
}

a
{
color : red;
}

.positionnement {
position : absolute;
line-height : 0px;
top : -9999px;
}


/* -----------------      cadre et texte de la page d'accueil  -------------------*/

#texte_accueil
{
height : 390px;
}

#texte_accueil p
{
text-align : center;
line-height : 1.7em;
font-size : 117%;
}


.saut
{
clear : both;
}

/*  ------------------------------------------------------------------------	*/
/*                                    menu						*/
/*  ---------------------------------------------------------------------------*/


/*  -----------------------   menu du haut   -------------- */

#menu_haut
{
position : absolute;
top : 3px;
right : 0px;
height : 28px;
width : 800px;
background : url(../images/menu_haut.gif) no-repeat 0 0;
}

#menu_haut h2
{
position : absolute;
top : -9999px;
}


ul#menu_contact li
{
position : absolute;
top : 4px;
text-align : left;
}

ul#menu_contact a {
color : #fff;
}

ul#menu_contact li.guide {
left : 50px;
}

ul#menu_contact li.tarifs {
left : 180px;
}

ul#menu_contact li.hebergement {
left : 390px;
}

ul#menu_contact li.news {
left : 620px;
}

ul#menu_contact li.liens {
left : 710px;
}


ul#menu_contact a:hover
{
text-decoration : underline;
}

/*  -------------------  menu principal  ----------------------*/

#menu_bas
{
position : relative;
height : 31px;
width : 100%;
}

#menu_bas h2
{
position : absolute;
top : -9999px;
}

#menu_principal li
{
float : left;

}

#menu_principal a, #contact a
{
display : block;
float : left;
height : 31px;
width : auto;
line-height : 31px;
color : #fff;
font-weight : bold;
text-align : center;
padding : 0px 26px;
background-color : #ea5a00;
border-right : #ec6c00 1px solid;
}

#menu_principal a:hover, #contact a:hover
{
background-color : #a33f00;
}

#menu_principal a span, #contact a span
{
display : none;
}

#menu_principal a:hover span, #contact a:hover span
{
display : block;
position : absolute;
top : 30px;
left : 80px;
width : 100%;
text-align : left;
color : #000;
font-weight : normal;
}

#contact lighter
{
float : right;
}

#contact a
{
float : right;
background-color : #a33f00;
}

#contact a:hover
{
background-color : #f48a24;
}


/* --------------         menu stage      ------------------------------		*/
.menu_stage
{
position  : absolute;
top : 5px;
right : -30px;
background : url(../images/cadre_stage.png) no-repeat 0 0 #ea5a00;
padding-left : 80px;
}

.menu_stage a
{
display : block;
float : left;
width : auto;
height : 35px;
line-height : 35px;
text-align : center;
color : #fff;
font-weight : bold;
border-right : #ec6c00 1px solid;
padding : 0px 26px;
}

.menu_stage a:hover
{
background-color : #a33f00;
}

.menu_stage h3
{
position : absolute;
top : -9999px;
line-height : 0px;
margin : 0;
}



/*                  style des tableaux                                               */

table {
float : left;
border: medium solid #6495ed;
border-collapse: collapse;
width: 45%;
margin-right : 30px;
margin-top : 15px;
margin-left : 20px;
}
th {
font-weight : bold;
font-size : 105%;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
td {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
caption {
font-size : 110%;
text-align : center;
}


/*  ---------------------------------------------------------------------  	*/
/*   			cadre								*/
/*  ---------------------------------------------------------------------	*/

#cadre1
{
width : auto;
background-color : #fff5e6;
}

#cadre_image
{
width : auto;
background-color : #3399ff;
}

/* propriétés communes aux 4 coins */
#hautgauche1, #hautdroit1, #basgauche1, #basdroit1,
#hautgauche_image, #hautdroit_image, #basgauche_image, #basdroit_image
{
height : 19px;
width : 19px;
background-repeat : no-repeat;
font-size : 1px;  /*  correction d'un bogue IE */
}

/*   propriétés spécifiques à chaque coin  */
#hautgauche1
{
background-image : url(../images/cadre1/hautgauche.png);
}

#hautdroit1
{
float : right;
background-image : url(../images/cadre1/hautdroit.png);
}

#basgauche1
{
background-image : url(../images/cadre1/basgauche.png);
}

#basdroit1
{
float : right;
background-image : url(../images/cadre1/basdroit.png);
}
#hautgauche_image
{
background-image : url(../images/cadre_image/hautgauche.png);
}

#hautdroit_image
{
float : right;
background-image : url(../images/cadre_image/hautdroit.png);
}

#basgauchemenu_image
{
background-image : url(../images/cadre_image/basgauche.png);
}

#basdroit_image
{
float : right;
background-image : url(../images/cadre_image/basdroit.png);
}

#contenu
{
margin : 0.5em 1em;
}



/*   ------------------               photos                ------------------------------      */
.cadre_image_750_192
{
height : 215px;
width : 773px;
background : url(../images/cadre_750_192.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 0px 0px 160px;
}


.cadre_image_500_375_left
{
float : left;
height : 398px;
width : 523px;
background : url(../images/cadre_500_375.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 4px 0px -6px;
}

.cadre_image_500_375_right
{
float : right;
height : 398px;
width : 523px;
background : url(../images/cadre_500_375.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px -26px 0px 4px;
}

.cadre_image_500_333_left
{
float : left;
height : 356px;
width : 523px;
background : url(../images/cadre_500_333.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 4px 0px -6px;
}

.cadre_image_500_333_right
{
float : right;
height : 356px;
width : 523px;
background : url(../images/cadre_500_333.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px -26px 0px 4px;
}

.cadre_image_500_500_left
{
float : left;
height : 523px;
width : 523px;
background : url(../images/cadre_500_500.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 4px 0px -6px;
}

.cadre_image_500_500_right
{
float : right;
height : 523px;
width : 523px;
background : url(../images/cadre_500_500.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px -26px 0px 4px;
}

.cadre_image_262_350_left
{
float : left;
height : 373px;
width : 285px;
background : url(../images/cadre_262_350.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 4px 0px -6px;
}

.cadre_image_262_350_right
{
float : right;
height : 373px;
width : 285px;
background : url(../images/cadre_262_350.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px -26px 0px 24px;
}

.cadre_image_420_560_left
{
float : left;
height : 583px;
width : 443px;
background : url(../images/cadre_420_560.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 4px 0px -6px;
}

.cadre_image_420_560_right
{
float : right;
height : 583px;
width : 443px;
background : url(../images/cadre_420_560.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px -26px 0px 4px;
}

.cadre_image_420_630_left
{
float : left;
height : 653px;
width : 443px;
background : url(../images/cadre_420_630.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px 4px 0px -6px;
}

.cadre_image_420_630_right
{
float : right;
height : 653px;
width : 443px;
background : url(../images/cadre_420_630.gif) no-repeat;
padding : 10px 10px 13px 13px;
margin : 0px -26px 0px 4px;
}

/*    ------------------------------------------------------------------------------------	*/
/*                                    style des listes							*/
/*   -------------------------------------------------------------------------------------  	*/



#cadre1 li {
  position: relative;
  margin: 25px auto;
  border : 1px solid black;
  background-color : #fff;
  }
  
#cadre1 li h3
{
position : absolute;
width : auto;
height : 30px;
line-height : 30px;
text-align: center;
padding : 0px 7px;
background-color : #fff;
color : #000;
font-weight : bold;
top : -16px;
left : 10px;
}

#cadre1 li p
{
text-align : justify;
line-height : 1.2em;
margin : 1em;
font-size : 100%;
font-weight : normal;
}

#cadre1 li p strong
{
font-weight : normal;
}


/*                                sous-liste                                         */

#cadre1 ul ul
{
margin-left : 40px;
}

#cadre1 ul ul li
{
border : none;
}

#cadre1 h5
{
list-style-image:none;
list-style-type:none;
background: url(../images/puce-bleu.gif) no-repeat 0% 50%;
padding-left : 20px;
}


/*            listes  pour téléphone des refuges           */

ul.refuge li span 
{

display:table-cell;
width:130px;
}

ul.refuge li { /*pour l'alignement des puces*/
list-style-image:none;
list-style-type:none;
background: url(../images/puce-bleu.gif) no-repeat 0% 50%;
padding-left : 20px;
}




/*  					footer                   */
#footer
{
position : relative;
left : -30px;
height : 40px;
width : 1160px;
margin-top : 15px;
margin-bottom : 15px;
background : url(../images/footer.png) no-repeat;
color : #fff;
font-weight : bold;

}


.copyright
{
position : absolute;
left : 30px;
top : 0px;
width : 500px;
text-align : left;
line-height : 40px;
}

#footer a
{
line-height : 40px;
color : #fff;
}

.webmaster
{
position : absolute;
top : 0px;
left : 500px;
}

.xhtml
{
position : absolute;
top : 4px;
right : 130px;
height : 19px;
width : 53px;
}

.css
{
position : absolute;
top : 4px;
right : 50px;
height : 19px;
width : 53px;

}