/* 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:#CCCCCC;

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

#titre{
margin:0;
padding:0;
}
#plan{
margin:30px auto;
width:625px;
}

#alternative{
margin:0;
padding:0;
}
.texte-contact a{
color:#000000;
text-decoration:none;
}

#page-accueil {
padding:0;
margin : 0px auto 0 auto;
width : 782px;
height : 720px;
z-index : 100;
position : relative;
background:#FFFFFF;
}

#drapeau{
margin:15px 0 0 0;
padding:0;
width:200px;
float:left;
}

#drapeau li{
margin:0 5px;
padding:0;
display:inline;
text-align:left;
}
.texte-contain{
margin:0;
padding:0;
margin-top:250px;
}

#pied{
margin: 0px auto 0px auto;
width:782px;
color:#333333;
text-align:center;
}

h1{
font-size:2em;
}
/* -------------------------------------------------------------------------------------------- */
/* pageaccueil/
/* -------------------------------------------------------------------------------------------- */



#contenu-txt{

float:left;
height:400px;
min-height:400px!important;
width:400px;




}
#contenu-txt p{
margin:0 7px 10px 20px;
font-size:0.9em;
text-align:justify;

}

#contenu-menu{
float:left;
height:500px;
min-height:400px!important;
marging-left:400px;
background:url(../img/menu/bg-menu.png) no-repeat 90% 45%;
width:360px;

}



* html #contenu-menu{
margin-top:50px;
float:left;
height:500px;
min-height:500px!important;
marging-left:500px;
width:300px;
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/menu/bg-menu.png');

      }

#menu-jour ul {
margin:0;
padding:0;
width:270px;
text-align:justify;
list-style:square;
list-style-position:inside;
padding-left:10px;
margin-left:50px;

}
#menu-jour p{
margin:0 0 0 50px;
padding:0;
width:270px;
font-size:0.77em;

}
#menu-jour ul li{
margin-bottom:20px;
background:url(../img/menu/etoile.gif) 45% 100% no-repeat;
height:auto;
padding-bottom:15px;
}


.txt-accueil1{
padding:10px 0 30px 0;
margin-bottom:80px;
text-align:justify;
}

.txt-accueil1 img{
float:left;
margin:0px 5px;
}

.txt-accueil2{
padding:10px 0;
margin-bottom:80px;
text-align:justify;
}

.txt-accueil2 img{
float:left;
margin:0px 5px;
}

/* -------------------------------------------------------------------------------------------- */
/* pagetype/
/* -------------------------------------------------------------------------------------------- */

#bandeau{
margin:0;
padding:0;
position:absolute;
left:0px;
top:30px;
width782px;
}

#accessibilite{
margin:0;
padding :0;
margin : 0px auto 20px auto;
width : 762px;
color:#808080;
height:20px;
}

#liendroite{
margin:0;
padding:0;
margin:15px 0 0 0;
float:right;

}

#accessibilite a{
margin:0;
padding:0;
font-size:0.8em;
color:#808080;
}
#takemenu{
display:none;
}



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


#logo{
position : absolute;
z-index : 350;
top : 0px;
left : 255px;
z-index:1;
}
#arianne {
margin : 0;
padding : 0;
position : absolute;
top : 280px;
left : 20px;
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;
}

#mapgoogle{
width:625px;
margin:20px 50px;
}

#mapgoogle a{
width:625px;
margin:20px 50px;
}

#contain{
margin:0;
padding:0;
height : auto;
width : 772px;
padding : 0 0 10px 0;
padding-bottom:20px;
margin : 0px 0 0 0;
color:#FFFFFF;
text-align:justify;
background:url(../img/cadre/cadre2.gif) 60px 100% no-repeat;


}




.texte {
margin:0px;
padding:0px;
margin : 10px auto 30px auto;
color:#000000;
width:621px;
height:auto;
}

.texte-contact {
margin:0px;
padding:0px;
margin : 10px auto 10px auto;
color:#000000;
width:auto;
height:auto;
}

.erreur{
margin:7px 5px 15px 25px;
padding:0px;
text-align:justify;
width:auto;
font-size:0.9em;
}
.texte p{
margin:0px;
padding:0px;
text-align:justify;


}

.texte-acces {
margin:0px;
padding:0px;
margin : 10px auto 10px auto;
color:#000000;
width:auto;
height:auto;
}


.texte-acces p{
margin:0px;
padding:0px;
text-align:left;

}

.image {
margin:0;
padding:0;
margin:5px 8px 0 0;
float:left;
width:310px;
}



.texte-carte {
margin:0px;
padding:0px;
margin : 10px auto 10px auto;
color:#000000;
width:auto;
min-height:250px;
height:auto !important;
height:250px;

}



.texte-carte ul{
margin:7px 0px 0 180px;
padding:0px 5px;
text-align:justify;
width:350px;
font-size:0.9em;
list-style-type:none;

}
.texte-carte ul li{
margin-top:5px;
padding-left:15px;
background:url(../img/puce/puce-txt.gif)  0px 3px no-repeat;

}
.texte-carte p{
margin:0px 5px;
padding:0px;
text-align:justify;
width:auto;
font-size:0.9em;
}



.telecharger{
margin:0;
padding:0;
position:relative;
top:3px;
color:#adadad;


}


.telecharger-doc{
position:relative;
top:10px;
color:#adadad;


}
.telecharger-doc a{
color:#000000;
padding-left:40px;
background:url(../img/puce/puce-tele-ddoc.gif) 25px 3px no-repeat;
}

.telecharger-doc-contenu {
margin:10px 0 0 0;
float:right;
color:#adadad;


}
.telecharger-doc-contenu a{
display:block;
margin:10px 0 10px 0;
color:#000000;
padding-left:40px;
background:url(../img/puce/puce-tele-ddoc.gif) 25px 3px no-repeat;
}

.ensavoirplus{
margin:0px;
padding:0;
background:url(../img/bt/bt-accueil.gif) 100% 0 no-repeat;
padding:2px 10px 7px 25px;
text-align:right;
margin-right:10px;




}

.ensavoirplus a{
margin:0;
padding:0;
text-align:right;
display:block;
color:#FFFFFF;
text-decoration:none;
margin:10px 10px 0 0px;
padding-top:2px;
padding-bottom:10px;

}

/* -------------------------------------------------------------------------------------------- */
/*titre/
/* -------------------------------------------------------------------------------------------- */

.sIFR5 {
margin:0;
padding:0;
position:relative;
top:40px;
padding-left:35px;
text-align:left;
color:#808080;
width:744px;
height:40px;
font-size:1.6em;
color:#666666;
background:url(../img/titre/barre-droite.gif) no-repeat 100% 14px;


}


.sIFR1 {
margin:0;
padding:0;
position:relative;
top:40px;
padding-left:35px;
text-align:left;
color:#808080;
width:744px;
height:40px;
font-size:1.6em;
color:#666666;
background:url(../img/titre/barre-droite.gif) no-repeat 100% 14px;
margin-bottom:60px;

}

.sIFR2 {
margin:0;
padding:0;
margin:30px 20px 10px 25px;
left:0px;
padding-left:30px;
text-align:left;
background:url(../img/puce/titre2.gif) 0px 5px no-repeat;
color:#808080;
width:600px;
font-size:1.4em;
}

.sIFR6 {
margin:0;
padding:0;
margin:30px 20px 10px 25px;
left:0px;
padding-left:30px;
text-align:left;
background:url(../img/puce/titre2.gif) 0px 5px no-repeat;
color:#808080;
width:300px;
font-size:1.4em;
}
.sIFR4{
	
margin:0;
padding:0;
margin:70px 0px 20px 65px;
font-size:1.5em;
width:270px;
}



#lien-acces{
color:#333333;
}

/* -------------------------------------------------------------------------------------------- */
/* page-contenu/
/* ---
----------------------------------------------------------------------------------------- */
#page-type {
padding:0;
margin : 0px auto 0 auto;
width : 782px;
height : auto;
z-index : 100;
position : relative;
background:#FFFFFF;


}
.texte-page {
margin:0px;
padding:0px;
margin : 20px auto 10px auto;
color:#000000;
width:auto;
min-height:200px;
height:auto !important;
height:200px;



}

.texte-page ul{
margin:15px 5px 2px 65px;
padding:15px 0px 0 0;
text-align:justify;
width:auto;
font-size:0.9em;
clear:left;
list-style:none;

}
.texte-page ul li{
margin-top:5px;
padding-left:15px;
background:url(../img/puce/puce-txt.gif)  0px 3px no-repeat;

}
.texte-page p{
margin:7px 5px 2px 25px;
padding:0px;
text-align:justify;
width:auto;
font-size:0.9em;
}

.texte-page a{
color:#333333;
}
.image img{
margin:0;
padding:0;
border-left:10px #FAB700 solid;
}


.image-carte {
margin:0;
padding:0;
margin:5px 8px 0 20px;
width:130px;
float:left;

}

.image-carte img{
margin:0;
padding:0;

}

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

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


/* -------------------------------------------------------------------------------------------- */
/* 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-commentaire{
margin:0;
padding:0;
margin: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{
margin-top:20px;
background:url(../img/contact/bg.gif) 150px 0 no-repeat;
}


.formulaireclient input{


border: 1px solid #cfd0d1;

}

.formbutton {
margin:0;
padding:0;
float:right;
margin-right:100px;
}
 
.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;
}
/* -------------------------------------------------------------------------------------------- */
/*pied/
/* -------------------------------------------------------------------------------------------- */
#ombre{
height:96px;
margin : 0px auto 0 auto;
width :782px;
background:url(../img/ombre/ombre.gif) 0 0 no-repeat;
}


#coordonnes-page{
margin:0px 0 0 0;
padding:0;
height:30px;
font-size:0.8em;
font-weight:100;
color:#333333;
text-decoration:none;

}

#coordonnes-page a{
color:#000000;
text-decoration:none;

}

* html #coordonnes{
margin:10px 0 0 0;
padding-top:50px;
height:40px;
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/coordonnees/logo-atelier-coordonnees.png');
font-size:0.9em;
      }




#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{
	margin:40px auto 20px auto;
	width: 782px;
	font-size: 0.8em;
	color:#333;
	text-align:center;



}

#footer a{

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

a:hover #aztech {

color:#da4e4d;

}

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

/* hotel-tarif */

/* -------------------------------------------------------------------------------------------- */
		
		.tab-hotel  tr{
font-size:0.9em;
margin-bottom:5px;
text-align:center;
height:27px;
}
.tab-hotel  td{
font-family:'Trebuchet MS', Verdana, sans-serif;

border:1px solid #999999;
text-align:center;
}

#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:#d4d700;
border:1px solid #999999;
color:#000000;
background-repeat:repeat-x;
}
.tab-hotel  a{
color:#333333;
}


.tab-hotel {
border-collapse:collapse;
width:440px;
margin:10px 2px;
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.sIFR2 {
       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;
    }
	}