@charset "UTF-8";
/* CSS Document */

a {
	font-size:14px ; 
}

li,p,u,strong {
	font-size:14px ; 
}

p.baseline {
	font-size:14px ; 
}

p.small {
	font-size:13px ; 
}

.footer {
	font-size:13px ; 
}

.titre {
	background-color:#FFFF66 ;
}

.titre p {
   text-align:center; 
}

.titrev2 {
/*background-color:#FFFF66; jaune 
background-color:#4799F8; bleu */
background-color:#35373C;
border:solid 2px #999999;
border-radius:5px;
}

.titrev2Mer {
background-color:#1C7CCC;
border:solid 2px #999999;
border-radius:5px;
}

.titrev2Montagne {
background-color:#666;
border:solid 2px #999999;
border-radius:5px;
}

.titrev2Campagne {
background-color:#49970A;
border:solid 2px #999999;
border-radius:5px;
}

.titrev2Ville {
background-color:#BE6217;
border:solid 2px #999999;
border-radius:5px;
}

div.titrev2 h1 {
text-align:center;
vertical-align:middle;
font-weight:normal;
font-size:22px;
/*color:#666666;  gris */
color:#FFF;
}

div.titrev2Mer h1 {
text-align:center;
vertical-align:middle;
font-weight:normal;
font-size:22px;
color:#FFF;
}

div.titrev2Montagne h1 {
text-align:center;
vertical-align:middle;
font-weight:normal;
font-size:22px;
color:#FFF;
}

div.titrev2Campagne h1 {
text-align:center;
vertical-align:middle;
font-weight:normal;
font-size:22px;
color:#FFF;
}

div.titrev2Ville h1 {
text-align:center;
vertical-align:middle;
font-weight:normal;
font-size:22px;
color:#FFF;
}

img.bouille {
vertical-align:middle;
width:60px ;
}

.soustitreMer {
	background :url('/fiche-logement/fond_de_page/Mer.gif') ;
}

.soustitreMontagne {
	background :url('/fiche-logement/fond_de_page/Montagne.gif') ;
}

.soustitreCampagne {
	background :url('/fiche-logement/fond_de_page/Campagne.gif') ;
}

.soustitreVille {
	background :url('/fiche-logement/fond_de_page/Ville.gif') ;
}

.soustitre {
	background-color : #666666 ;
}

.soustitrev2 {
    background-size:cover ;
	height:700px; /*500 */
	background-position:center center;
}

.soustitrev2 bloc {
	position:absolute;
	margin-top:100px;
	margin-left:0;
	font-size:18px;
	background-color:hsla(116,83%,33%,0.63); 
	color:white ;
    z-index:1;
	}
	
.soustitrev2 table {
    width:60%;
	 margin:0 auto;
	 padding-top:280px; /*280px*/
	 vertical-align:middle ;
}

.soustitrev2 td {
     /*background-color:hsla(0,0%,0%,0.50); */
	 /*border:solid 1px white; */
	 /*border-radius:15px;*/
     background: rgba(30, 30, 30, 0.35);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(10px); /* Safari / iOS */
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.soustitrev2 p#l1 {
	 color: #FFF ;
	 font-family:helvetica;
	 font-size:28px;
	 text-align:center;
	 margin-top:10px;
	 margin-bottom:0;
}

.soustitrev2 p#l2 {
	 color : #FFF ;
	 font-family:helvetica;
	 font-size:20px;
	 text-align:center;
	 margin-top:0;
	 margin-bottom:0;
}

.soustitrev2 p#l3 {
     color:#d2cecc;
	 font-family:helvetica;
	 font-size:16px;
	 text-align:center;
	 margin-top:5px;
	 margin-bottom:0;
}

.soustitrev2 p#l4 {
      color:#d2cecc;
	  font-family:verdana;
	  font-size:12px;
	  text-align:right;
	  margin-top:0;
	  margin-bottom:0;
}

.header {
	    margin-top:0;
		background-color: #FFFF66 ; /* partie jaune */
		border : solid 1px #666666 ;
}

.header p{
	color:#666;
    font-size:20px; 
	margin-bottom:0;
}

.cadre {
	float:left; /*new*/
	width:100%; /*new*/
	margin:10px;
	border: solid 1px #CCCCCC;
	border-radius:5px;
    background-color:#FFFFFF ;
}

.cadre p {
	color:#000 ;
    text-align:justify;
	margin-left: 14px; 
	margin-right:10px;
	margin-top: 2px; 
	margin-bottom: 10px;
}

.cadre p#titrecadre {
   text-align:left;
   margin-left:0;
   font-size: 20px ;
   font-weight:600 ;
   color:#999; 
}

div.textelibre {
   /*background-color:#F1F1F1 ; 
   border:solid 1px #DCDCDC ;
   background-color:#4799F8;*/
   font-family: verdana ;
   font-size: 14px;
   border-radius :5px;
   color:#000 ;
   background-color:#FFF;
   padding : 20px; 
   margin-top:20px;
}

info {   /* ampoule */
	font-size:12px ;
	text-align:justify;
}

img.confort {
	width:30px;
	vertical-align:middle;
}

p.confort {
    font-weight:300 ;
}


li {
margin-top:3px;
margin-bottom:3px;
margin-left:30px;
}

p.titreconfort {
text-align:center;	
color:#0C7BA3;
font-weight:bold;
font-size:18px; 
}

.tarifs td {
	height:30px;
	background-color:#F1F1F1;
    border:solid 1px white;
	text-align:center;
}

.tarifs p#c1 {
	margin-left:3px;
	margin-top:0;
	margin-bottom:0;
}


.reservations td#c1 {
	height:20px;
    background-color:#F1F1F1;
    border:solid 1px white;
}

.reservations p#c1 {
	margin-left:3px;
	margin-top:0;
	margin-bottom:0;
}

li {
	color:#333 ;
    display:list-item 
}


a.btn {
     text-decoration:none;
	 color:#FFFFFF;
}

a.btn:hover {
     text-decoration:none;
}

/* pour Internet Explorer */

span#btnrougeIE {
    font-family: Arial,sans-serif;
	font-weight:bold;
    font-size: 16px;
    width: 120px;
    height: 25px;
    padding-top: 3px; /*permet le centrage vertical*/
    text-align: center;
    color: white;
    background-color: #FF33;
}

span#btnrougeIE:hover{
    color: #222;
    background-color: #369;
}


/* fin pour Internet Explorer */


span#btnrouge {
    font-family: Arial,sans-serif;
    font-size: 16px;
	font-weight:bold;
    padding: 3px; /*permet le centrage vertical*/
    text-align: center;
    color: #000;
    background: #444;
    background: -webkit-linear-gradient( #C33, #F33);
    background:    -moz-linear-gradient( #C33, #F33);
    background:     -ms-linear-gradient( #C33, #F33);
    background:      -o-linear-gradient( #C33, #F33);
    background:         linear-gradient( #C33, #F33);
	border-radius: 8px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); /* ombre du texte */
	/*box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);  ombre du bouton */
}

span#btnrouge:hover{
    color: #222;
    background: #555;
    background: -webkit-linear-gradient( #000, #333);
    background:    -moz-linear-gradient( #000, #333);
    background:     -ms-linear-gradient( #000, #333);
    background:      -o-linear-gradient( #000, #333);
    background:         linear-gradient( #000, #333);
}


/* nouvelle fiche */
table.dispoprix {
	border-collapse:collapse ;
	margin:auto ;
   width: 90%;
}


table.dispoprix td {
	padding-left:5px;
	height:30px ;
   border: thin solid #CCCCCC;
   width: 50%;
}

table.dispoprix p {
	padding-left:0;
	text-align:center;
	font-weight:bold;
}

div.slide {
width:65% ; /*60 */
float:left	;
}

div.profil{
width:35% ; /*40 */
float:left ;
}

div.colg40 {
width:40% ;
float:left	;
margin: 20px ;
height:200px ;
}

div.cold45 {
width:45% ;
height:300px;
float:left	;
}

div.cold30 {
width:30% ;
float:left	;
}

div.cold70 {
width:70% ;
float:left	;
}


div.w20F { /* inscription */
	width:100% ;
	float:left ;
}


@media screen and (max-width:768px) {
	
span#btnrouge {
    font-size: 11px;
	}
	

bloc {
	visibility : hidden ;
}
	
div.textelibre {  /* pas utile */
   margin : 4px;
   padding : 2px;
}

p.titreconfort {
padding:0;
margin:0;
font-weight:bold;
font-size:14px; 
}

div.slide {
width:95% ;
}

div.profil{
width:100% ;
}

div.colg40 {
width:100% ;
}

div.cold45 {
width:100% ;
}

div.cold30 {
width:100% ;
}

div.cold70 {
width:100% ;
}
	
	
.soustitrev2 table {
    width:98%;
	 margin:0 auto;
	 padding-top:90px;
	 vertical-align:middle ;
}

body,div,article,p,table,footer,h1 {
	margin:0 ;
	padding:0;
}
		

}

@media screen and (max-width : 414px) { 
	
span#btnrouge {
    font-size: 11px;
	}
	
	
img.bouille {
vertical-align:middle;
width:40px ;
}
	
.soustitrev2 {
    background-size:cover ;
	height:560px; /*480 */
	background-position:center center;
}
	
.soustitrev2 table {
    width:95%;
	margin:0 auto;
	padding-top:200px; /*100px*/
	vertical-align:middle ;
}
		
	
.soustitrev2 p#l1 {
	 font-family:verdana;
	 font-size:18px;
}
	
.soustitrev2 p#l2 {
	 font-family:verdana;
	 font-size:13px;
}

.soustitrev2 p#l3 {
	 display :none;
	 height:20px;
}
	
.cadre {
	float:left; /*new*/
	width:100%; /*new*/
	margin:10px;
	border: solid 1px #CCCCCC;
	border-radius:5px;
    background-color:#FFFFFF ;
}

.cadre p {
	color:#00000 ;
    text-align:justify;
	margin-left: 14px; 
	margin-right:10px;
	margin-top: 2px; 
	margin-bottom: 10px;
}
	
.cadre p#titrecadre {
   font-size: 16px ;
   color:#1F93EB; /*#OB8603
}
	
div.textelibre {
   background-color:#FFF ; 
   color:#000 ;
   margin : 10px; 
   padding : 10px; 
   font-size:15px ; 
}
	
div.profil{
width:100% ;
}
	
div.w20F { /* inscription */
	width:100% ;
	float:left ;
}


	
}