/* Eléments, styles par défaut */
body {
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:85%;
margin:0;
padding:0;
background:#FFF url(../img/bg/bg-relais-auvergne-2.jpg) 0 0 no-repeat;

}
img {
border:0;
margin:0;
padding:0;
}



h1{
font-size:4em;
}
/* -------------------------------------------------------------------------------------------- */
/* pageaccueil/
/* -------------------------------------------------------------------------------------------- */
#drapeau{
margin:0 0 0 137px;
padding:0;
}

#drapeau li{
margin:0 5px;
padding:0;
display:inline;text-align:right;
}

#page-accueil {
padding:0;
margin : 120px 0px 0 10%;
width : 782px;
height : auto;
z-index : 100;
position : relative;
z-index:1;

}


#contain-accueil{
margin:0;
padding:0;
height : auto;
width : 582px;
text-align:justify;
float:right;


}
#cadre-animation{
margin:0;
padding:0;
position:absolute;
top:-80px;
z-index:6;
}
#cadre-animation h1{
font-size:1em;
}


#contenu-txt{
margin:0;
padding:0;
position:absolute;
top:210px;
left:300px;
z-index:7;
width:650px;
height:250px;
background:url(../img/page-accueil/fd-txt.png) 0px 0 no-repeat;
}

* html #contenu-txt{
margin:0;
padding:0;
position:absolute;
top:180px;
left:300px;
z-index:7;
width:650px;
height:250px;
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/page-accueil/fd-txt.png');
 }

#contenu-txt p{
margin:15px 0 0 30px;
padding:0;
font-size:0.9em;
text-align:justify;
width:530px;

}
#contenu-txt a{
margin:0;
padding:0;
position:relative;
z_index:300;
color:#333;
text-decoration:none;

}

#pied-accueil{
margin:0;
padding:0;
position:relative;
top:0;
z-index:5;
background:url(../img/bg/bg-pied.png) 5% 0  no-repeat;
width:100%;
height:182px;

}

* html #pied-accueil{
margin:0;
padding:0;
position:relative;
z-index:5;
width:100%;
height:182px;
background: transparent 5% 0 no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/bg/bg-pied.png');

      }
	  
#lien-logis{
margin:0;
padding:0;
position:absolute;
top:90px;
left:10px;
}

#bas-pied{
margin:-160px 0 0 0;
background:#FFF;
height:300px;
width:100%;
}

/* -------------------------------------------------------------------------------------------- */
/* page-contenu/
/* ---
----------------------------------------------------------------------------------------- */
#images-photo{
	width:500px;
	margin:10px auto;
}

#page-type {
padding:0;
margin : 30px 0px 0 10%;
width : 899px;
height : auto;
z-index : 100;
position : relative;
z-index:1;



}

#contain{
margin:0 0 0 200px;
padding:0;
height : auto;
width : 700px;
text-align:justify;



}
.texte-contain{
margin:0;
padding:0;
z-index:7;
width:700px;
height:auto;

}
	
#cadre ul{
margin:0px 5px 2px 330px;
padding:15px 0px 0 0;
text-align:justify;
width:auto;
font-size:0.9em;
list-style:none;

}
#cadre ul li{
padding-left:15px;
background:url(../img/puces/puce-txt.gif)  0px 3px no-repeat;

}

* html #cadre{
margin:0px;
padding:10px 0 120px 0;
width:700px;
height:auto;
background:url(../img/page-type/cadre.gif) 0 0 repeat-y;
min-height:400px;
height:auto !important;
height:400px;
      }
#cadre{
margin:0px;
padding:10px 0 120px 0;
width:700px;
height:auto;
background:url(../img/page-type/cadre.png) 0 0 repeat-y;
min-height:400px;
height:auto !important;
height:400px;
}
#ht-cadre{
margin:0px;
padding:0px;
width:700px;
height:79px;
background:url(../img/page-type/ht-cadre.png) 0 0 no-repeat;

}
#cadre h3{
margin:0px 0 0 350px;
padding:0px 15px 0 15px;
width:auto;
height:auto;
font-size:0.9em;

}
* html #ht-cadre{
margin:0px;
padding:0px;
width:700px;
height:79px;
background:url(../img/page-type/ht-cadre.gif) 0 0 no-repeat;
}



#cadre h4{
margin:10px 0 0 10px;
padding:0px 15px 0 15px;
width:auto;
height:auto;
font-size:0.9em;

} 

#txt-desc {
margin:25px 0 0 20px;
padding:0px;
width:635px;
}

#txt-desc a{
margin:0px;
padding:0px;
color:#000;
}


#txt-desc p{
margin:0 5px 0 5px;
font-size:0.9em;
}
#hotel-photo{
margin:0 5px 0 5px;
padding:0px;
float:left;

}
#hotel-photo h1{
	font-size:0.9em;
}

#hotel-photo h2{
	font-size:0.9em;
	position:relative;
	top:-50px;
}

/* -------------------------------------------------------------------------------------------- */
/* titre/
/* -------------------------------------------------------------------------------------------- */
.sIFR1 {
margin:0px;
padding:0px;
position:absolute;
top:36px;
left:660px;
width:250px;
text-align:center;
}
	


.sIFR2 {
margin:35px 0 0 260px;
padding:0;
color:#58585A;
width:320px;
text-align:right;
height:32px;
}



/* -------------------------------------------------------------------------------------------- */
/* arianne/
/* -------------------------------------------------------------------------------------------- */


#symbole{
position:absolute;
top:-40px;
left:600px;
z-index:8;
}


#entete {
margin : 0;
padding : 0;
width : 100%;
}



#arianne {
position:relative;
top:45px;
left:0 px;
margin : 0 0 0 20px;
padding : 0;
width : 400px;

}
#arianne ul {
margin : 0;
padding : 0;
float : left;
}
#arianne li {
display : inline;
padding-left : 5px;
list-style : none;
font-size : 0.8em;
color : #000000;
font-weight : 500;
}
#arianne a {
color : #000000;
font-weight : 500;
text-decoration : none;
}
#arianne a:hover {
text-decoration : underline;
}

#txt-centre{
width:300px;
margin:0px auto 45px auto;
text-align:center;
}

/* -------------------------------------------------------------------------------------------- */
/* meteo/
/* ---
----------------------------------------------------------------------------------------- */

#meteo{
margin:15px auto;
height:88px;
width:481px;

}

#acces {
width:600px;
margin-left:20px;
}
#lien-acces{
margin:25px 15px;
color:#333;
}
#cadre-acces ul{
margin:0px 5px 2px 35px;
padding:15px 0px 0 0;
text-align:justify;
width:auto;
font-size:0.9em;
list-style:none;

}
#cadre-acces ul li{
padding-left:15px;
background:url(../img/puces/puce-txt.gif)  0px 3px no-repeat;

}

* html #cadre-acces{
margin:0px;
padding:10px 0 120px 0;
width:700px;
height:auto;
background:url(../img/page-type/cadre.gif) 0 0 repeat-y;
min-height:400px;
height:auto !important;
height:400px;
      }
#cadre-acces{
margin:0px;
padding:10px 0 120px 0;
width:700px;
height:auto;
background:url(../img/page-type/cadre.png) 0 0 repeat-y;
min-height:400px;
height:auto !important;
height:400px;
}
	
/* -------------------------------------------------------------------------------------------- */
/* contact/
/* ---
----------------------------------------------------------------------------------------- */
.formulaireclient-check{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:44em;
border:1px dashed #CCCCCC;
font-size:0.9em;
text-align:center;


}




.formulaireclient-check label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:20px;

}


.formulaireclient-check label:hover {
text-decoration:underline;

}




.formulaireclient-check input{
float:left;
width:2em;
margin:5px 7px 0px 7px;
border: 1px solid #cfd0d1;
z-index:10;


z-index:10;
}

.formulaireclient-check input:hover{
background-color:#f2f5fa;
	border: #999 1px solid;
}
.formulaireclient-i select{
float:right;
width:15em;

}

.formulaireclient-petitinput{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;



}



.formulaireclient-petitinput label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

.formulaireclient-petitinput input{
float:left;
width:6em;
margin:5px 7px 0px 7px;
border: 1px solid #cfd0d1;
z-index:10;

}



.formulaireclient-i select{
float:right;
width:18.3em;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:0.9em;
margin:5px;

}



.formulaireclient-i{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;


}



.formulaireclient-i label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

.formulaireclient-i input{
margin:5px;
float:right;
width:22em;
z-index:10;
border: 1px solid #cfd0d1;

}

.formulaireclient-adresse{
margin:0;
padding:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;



}

.formulaireclient-adresse label{
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;



}

.formulaireclient-adresse textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;



}

.formulaireclient-commentaire{
margin:0;
padding:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:150px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;



}

.formulaireclient-commentaire label{
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;



}

.formulaireclient-commentaire textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;



}

.formulaireclient{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;

background:url(../img/input/fleche.gif) 0 0 no-repeat;

}
.formulaireclient img{
margin:0 px 10px;



}
.formulaireclient label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

#demandecontact p{
margin:5px auto;
}


.formulaireclient input{


border: 1px solid #cfd0d1;

}



.formulaireclient-capcha{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:50px;
width:44em;
border:1px dashed #CCCCCC;
font-size:0.9em;
text-align:center;
padding:5px 0;


}

#capcha{
margin:0;
padding:0;
height:40px;


}


.formulaireclient-capcha label {
display:block;
float: left;
text-align: left;
padding: 0.2em;
margin-left:20px;

}







.formulaireclient-capcha input{
width:5em;
margin:2px auto;
z-index:10;

}

.formbutton {
margin:0;
padding:0;
width:500px;
text-align:right;
}
 
.formbutton input{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#333333;
font-size:0.9em;
font-weight:bold;
padding: 1px 2px;
background:url(../img/contact/envoyer.gif) repeat-x left top;
z-index:1;
}

.formbutton input:hover{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#333333;
font-size:0.9em;
font-weight:bold;
padding: 1px 2px;
background:url(../img/bouton/subhover.gif) repeat-x left top;
z-index:1;
}

.obligatoire{
background:#FFCC00;
}

#suivant{
margin-top:50px;
width:620px;
text-align:center;
font-size:0.9em;
}
#suivant a{
color:#000000;
}
/* -------------------------------------------------------------------------------------------- */
/*formresa/
/* -------------------------------------------------------------------------------------------- */
#formresa{
position:absolute;
top:0px;
margin:0;
padding:0;
width:100%;
height:30px;
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}


.resa-date{
float:left;
margin:5px 0 0 0;
padding:0;
color:#333333;
width:27em;
font-size:0.9em;
}



.resa-date label {
margin:0;
padding:0;
float: left;
text-align: right;
margin-left:10px;
padding-left:20px;
}

.resa-date select{
margin:0 7px;
padding:0;
float:left;
width:auto;
z-index:300;
border: 1px solid #cfd0d1;
font-size:0.9em;

}

.resa-date input{
margin:0 7px;
padding:0 5px;
float:left;
width:auto;
z-index:300;
font-size:0.9em;

}
.nbnuit {
float:left;
margin:5px 0 0 0;
padding:0;
color:#333333;
width:16em;
font-size:0.9em;
}

.nbnuit  label {
margin:0;
padding:0;
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;
padding-left:20px;
}

.nbnuit  select{
margin:0 7px;
padding:0;
float:left;
width:auto;
z-index:300;
border: 1px solid #cfd0d1;
font-size:0.9em;

}

.nbadult{
float:left;
margin:5px 0 0 0;
padding:0;
color:#333333;
height:20px;
width:18em;
font-size:0.9em;
}

.nbadult label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

.nbadult select{
margin:0 7px;
padding:0;
float:left;
width:auto;
z-index:300;
border: 1px solid #cfd0d1;
font-size:0.9em;
}

.bresa {
margin:0;
padding:0;
width:69px;
height:20px;
position:absolute;
left:860px;
text-align:right;
}
 
.bresa input{
display:block;
margin:5px;
padding:0;
cursor:pointer;
color:#333333;
font-size:0.9em;
font-weight:bold;
background:url(../img/resa/rechercher.gif) repeat-x left top;
z-index:1;
}

.bresa input:hover{
display:block;
margin:5px;
padding:0;
cursor:pointer;
color:#333333;
font-size:0.9em;
font-weight:bold;
background:url(../img/resa/rechercher-up.gif) repeat-x left top;
z-index:1;
}

#titreresa{
margin:5px;
padding:0;
float:left;
font-size:0.9em;
font-weight:bold;
}
/* -------------------------------------------------------------------------------------------- */
/*pied/
/* -------------------------------------------------------------------------------------------- */
#pied{
padding:0;
margin:0;
position:relative;
top:-90px;
z-index:5;
background:url(../img/bg/bg-pied.png) 5% 0  no-repeat;
width:100%;
height:236px;

}

*+html #pied{
padding:0;
margin:0;
position:relative;
top:-136px;
z-index:5;
background:url(../img/bg/bg-pied.png) 5% 0  no-repeat;
width:100%;
height:182px;

}

* html #pied{
position:relative;
top:-136px;
width:100%;
height:182px;
background: transparent 5% 0 no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/bg/bg-pied.png');

      }


#coordonnees {
padding:0;
margin:0;
position:relative;
top:186px;
left:23%;
width:650px;
height:282px;
font-size:0.9em;
text-align:center;
}





#plan-ol {
width:200px;
margin:10px auto;
}
#plan-ol a{
color:#000000;
}

.mentions{
margin:10px;
font-size:0.9em;
}
.mentions a {
padding-left:12px;
color:#000000;
margin:10px;
background:url(../img/puce/puce-txt.gif) 0px 3px no-repeat;
}

.image-gallerie {
margin:0;
padding:0;
margin:5px 8px 5px 8px;
width:620px;
height:auto;


}

.image-gallerie img{
margin:0;
padding:0;
margin:3px 3px 5px 3px;



}

.image-gallerie a{
margin:0;
padding:0;
color:#000000;

}
.image-gallerie h3{
float:left;
margin:0;
padding:0;
margin:5px 20px 0 20px;
}

#lien-logis{
margin:10px 0 0 0;
}

#footer{
padding:0;
margin:0;
position:relative;
left:23%;
width:650px;
font-size:0.9em;
text-align:center;



}


#logis{
padding:0;
margin:0;
color:#333;
text-decoration:none;
}
#aztech {

color:#CC3366;
text-decoration:none;
}

a:hover #aztech {

color:#da4e4d;

}

/* -------------------------------------------------------------------------------------------- */

/* hotel-tarif */

/* -------------------------------------------------------------------------------------------- */
		
.tab-hotel  tr{
font-size:0.9em;
margin-bottom:5px;
padding:2px 7px;
height:27px;
}
.tab-hotel  td{
font-family:'Trebuchet MS', Verdana, sans-serif;
border:1px solid #999999;
text-align:left;
padding-left:5px;

}

#hotel-capa{

font-family:'Trebuchet MS', Verdana, sans-serif;
text-align:center;
font-size:0.9em;
font-style:italic;
margin:0px 2px 5px 2px;
color:#333333;


}
thead th, tfoot th {
background-color:#e2007a;
border:1px solid #999999;
color:#FFF;
background-repeat:repeat-x;
text-align:center;
}
.tab-hotel  a{
color:#333333;
}


.tab-hotel {
border-collapse:collapse;
width:600px;
margin:10px auto;
font-size:1em;


}
tbody {
background-color:#FFFFFF;


}
.tab-hotel  th{
font-family:'Trebuchet MS', Verdana, sans-serif;

height:15px;


}



@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

  @media screen {
    .sIFR-active h2.titre2 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
 
  @media screen {
    .sIFR-active p.sIFR1 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	  @media screen {
    .sIFR-active h3.sIFR3 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	@media screen {
    .sIFR-active h2.sIFR4 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
		@media screen {
    .sIFR-active h2.sIFR6 {
       font-family: Verdana;
       visibility: hidden;
    }
	}

	@media screen {
    .sIFR-active p.sIFR5 {
       font-family: Verdana;
       visibility: hidden;
    }
	}