/* CSS Document */

.click {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0372ac;
	text-decoration: none;
	font-weight: bold;
}
.click:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0372ac;
	text-decoration: underline;
	font-weight: bold;
}
.rech {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: none;
}
.nom_dept {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: none;
}
.titrerubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.txtgrisbold2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.txtgrisbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: none;
	font-weight: bold;
}

.txtgrisbold:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
.txtgrisbold:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
.txtgrisbold:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.nom {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004C72;
	text-decoration: underline;
	font-weight: bold;
}
.nom:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CC3300;
	text-decoration: underline;
	font-weight: bold;
}
.adresse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: none;
}
.page2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004C72;
	text-decoration: none;
	font-weight: bold;
}
.page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}

.page:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}

.page:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
	text-decoration: underline;
	font-weight: bold;
}
.villenormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0372ac;
	text-decoration: none;
	font-weight: bold;
}
.villes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2585B7;
	text-decoration: none;
	font-weight: none;
}

.villes:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #38ABE7;
	text-decoration: underline;
	font-weight: none;
}

.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2585B7;
	text-decoration: none;
	font-weight: none;
}

.contact:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #38ABE7;
	/*text-decoration: underline;*/
	font-weight: none;
}



.book{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#004C72;text-decoration: underline;}
.book:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#CC0000;text-decoration: underline;}
.txtblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: -0.1em;
}
.grosbleu {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0372ac;
	text-decoration: none;
	font-weight: bold;
}
.listing {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #004C72;
	text-decoration: none;
}
.grosrouge {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #BF0000;
	text-decoration: none;
	font-weight: bold;
}
.link {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #064573;
	text-decoration: none;
	font-weight: bold;
}
.link:link {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #064573;
	text-decoration: underline;
	font-weight: bold;
}
.link:visited {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #064573;
	text-decoration: underline;
	font-weight: bold;
}
.link:hover {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #064573;
	text-decoration: none;
	font-weight: bold;
}
#barrenavigation {
	position: absolute;
	margin-left: 0px;
	margin-top:0px;
	background-color: #ffffff;
	background-image:url(http://www.france-hotel-guide.com/images2/barre_navigation.gif);
	width:100%;
	height: 19px;
	z-index: 20;
	left: 0px;
	top: 0px;
}
#drapeaux {
	position: absolute;
	z-index: 30;
	top:0;
	left: 50%; 
    width: 829px;
    height: 19px;
    margin-top: 0px; 
    margin-left: -415px; 
}
body{ margin:0px;}
.texte_barre {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-decoration: none;	font-weight: normal; color: #004c72;
}
.lien_barre {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-decoration: none;	font-weight: normal; color: #004c72;
}
.lien_barre:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-decoration: none; font-weight: normal; color: #004c72;
}
.lien_barre:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-decoration: none; font-weight: normal; color: #004c72;
}
.lien_barre:hover {
	color: #004c72;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; font-weight: normal;text-decoration:underline;
}

.adresse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004C72;
	text-decoration: none;
}
.lienbleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #004C72;
	text-decoration: none;
}
.lienbleu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #004C72;
	text-decoration: underline;
}

.lienbleu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #004C72;
	text-decoration: underline;
}
.lienbleu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #004C72;
	text-decoration: underline;
}
.name {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.vidFrame {             position: absolute;
             display: none;
             background-color: #FFDA00;
             /*border: 1px solid #FFFFFF;*/
             width: 620px;
             height: 570px;
             cursor: move;
			 z-index:200;
}
form {margin: 0; padding: 0;}
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-image:url(http://www.france-hotel-guide.com/images2006/calendrier_degr_bleu.jpg);
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

.ds_subhead {
	background-image:url(http://www.france-hotel-guide.com/images2006/calendrier_degr_rouge.jpg);
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color:#FCEDED;
	color: #000;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
	text-decoration:underline;
} /* This hover code won't work for IE */

.ds_cell_auj {
	background-color:#F5BABA;
	color: #E43F3F;
	font-weight:bold;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: pointer;
}

.ds_cell_auj:hover {
	background-color: #F5BABA;
	text-decoration:underline;
} /* This hover code won't work for IE */

.ds_cell_no {
	background-color:#FFFFFF;
	color: #000;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: text;
	text-decoration:line-through;
}

.name {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.name:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.name:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.name:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.tableau {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: none;
}
.tableau:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: none;
}
.tableau:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: underline;
}
.bord {BORDER-RIGHT: #B4DAF1 1px solid; BORDER-LEFT: #B4DAF1 1px solid;}
.descriptif {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: none;
}

.div1 {position:absolute;
margin:0;
padding:0;
z-index:10;
}
.div2 {position:absolute;
top:-12px;
left:-8px;
z-index:20;
}
.visit {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: underline;
}
.visit:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: underline;
}
.visit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
}
.price {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	font-weight:bold
}
.district {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2585B7;
	text-decoration: underline;
}

.district:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300;
	text-decoration: underline;
}
.tri {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	text-decoration: none;        
	font-weight: bold;
}
.all {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2585B7;
	text-decoration: underline;
	font-weight: bold;
}
.quartier {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.liste {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a60000;
}
.listelien {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A60000;
	text-decoration: underline;
}
.quartierpetit {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
.quartierpetit2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.cssTexte
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.noir:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0372ac;
	text-decoration: underline;
}
.tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.radio2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: none;
	font-weight: bold;
}
.radio:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: underline;
	font-weight: bold;
}
.radio:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: underline;
	font-weight: bold;
}
.radio:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: underline;
	font-weight: bold;
}
.radio3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.radio3:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.radio3:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.radio3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.radioblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.radioblanc:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.radioblanc:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.radioblanc:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.adresserouge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b30000;
	text-decoration: none;
}
.liengris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
.liengris:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}

.liengris:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
.liengris:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
.distance{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
.districtnormal {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2585B7;
	text-decoration: none;
}
.choix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	background-color: #074F75;
	font-weight: bold;
}
.prix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC0000;
	text-decoration: none;
}
#fermeture{
        display:none;
        font-size: 10px;
        cursor: pointer;
        color : #666666;
        width : 550px;
        text-align: right;
        margin-top : 10px;
        font-weight: bold;
}
#illustration_categ
{            
        height: 320px;
        margin-left: 81px;
        width: 366px;
        position: absolute;
}
#illustration_site
{            
        height: 143px;
        margin-left: 91px;
        width: 370px;
}
#texte_info {
        background: url("/images2006/pages_sites/fond-information.png") repeat scroll 0 0 white;
        height: 145px;
        margin-left: 91px;
        margin-top: 10px;
        width: 366px;
        position: absolute;
}
h1{
    font-family: Arial,sans-serif; 
    color: rgb(85, 85, 85); 
    font-size: 23px; 
    margin: 10px 0px 0px; 
    padding: 0px; 
    font-weight: bold;
}
.arriere-plan {
    background-color: #04B2D3;
    border-right: 6px solid #04B2D3;
    border-top: 6px solid #04B2D3;
    border-bottom: 6px solid #04B2D3;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
    height: 64px;
    line-height: 10px;
    vertical-align: middle;
}
.img_guide{
    float:left;
    margin-top: -8px;
    margin-left: -6px;
    padding-right: 7px;
 }
.lien_guide {
    color: #fff;
    float: left;
    font-family: Lato,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    padding: 8px 0 8px 5px;
    text-align: left;
    text-decoration: underline;
    width: 100%;
}
.lien_guide:hover {
    color: #fff;
    text-decoration: none;
}
.texte_guide {
    color: #b5f1fd;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    padding: 0 8px;
}
.sidebar-box {
  max-height: 400px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; 
  padding: 20px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}
.read-more .button{
    background-color: white;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #999;
    color: #333;
    padding: 5px 10px;
}
#affichage:disabled {
    display: none;
}