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

menu {
	width:100%;
	text-align:center;
}

div.hautheader {  /* moteur */
    z-index : 100 ;
	width:100%;
	position:fixed ;
  }

div#logo {
   float:left;	
	width:25% ;
	height:50px;
	margin-left:30px;
	background-color: #999 ;
   }

div#connect {
    text-align: right ;
	height:50px;
	background-color: #999  ;
}

div.headerrallonge {
	width:100%;
	background-color: #999 ;
	height:35px ;
}

.headerrallonge h1 {
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:bold ; 
}

.container2 {
	width: 100%; /* 960px */
	background-color:#FFF; /*#e4dfd4; les bords de page */
    margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

.container3 {
	width: 100%; /* 960px */
	background-color:#343434; /* bords de page gris foncé */
    margin: 0 auto; 
}

.contenu1 { 
	margin: 0 auto; 
	width:960px ;
	background-color:#000;
}

.sidebar2 { /* pas de colonne */
	float: right; 
	width: 0;
	padding-bottom: 10px;
}
.content2 {
	padding: 10px 10px;
	width: 980px; 
	float: right; 
	background-color: #FFF; /*#e4dfd4; */
}

.sidebar2NEW { /* pas de colonne */
	float: right; 
	width: 0;
	padding-bottom: 10px;
}

.content2NEW {
	padding: 5px 5px;
	width: 100%; 
	float: right; 
	background-color: #FFF; /*#e4dfd4; */
}

.content2 p {
	font-size:13px; /* navigateur */
}

.content3 {
	width: 960px; 
	float: right; 
	background-color: #FFF; 
}

.content3NEW {
	width: 80%; 
	margin:0 auto ;
	background-color: #FFF; 
}

.content3NOUVEAU {
	width: 98%; 
	margin:0 auto ;
	background-color: #FFF; 
}

.sidebar3NEW { 
	float: right; 
	width: 20%;
	padding-bottom: 10px;
}


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

.content4 {
	width: 760px; 
	float: right; 
	background-color: #FFF; /*#e4dfd4; */
}

.sidebar4 {
	float: right; 
	width: 200px;
	padding-bottom: 10px;
}

.sidebar4NEW { 
	float: right; 
	width: 25%;
	padding-bottom: 10px;
}

.content4NEW {
	padding: 5px 5px;
	margin:0 auto ;
	width: 60%; 
	float: right; 
	background-color: #FFF; /*#e4dfd4; */
}



.content4 a,p,strong {
	font-size:14px;
}

.content5 {
	width: 960px; 
	float: right; 
	background-color: #343434;  /* fond gris foncé */
}

.content5NEW {
	width: 80% ; 
	margin: 0 auto ;
	background-color: #343434;  /* fond gris foncé */
}

div.contenularge {
    background-color:#FFFFFF ;
	margin: 0 auto; 
	width:100% ;
}

.contenularge table {
	width:100%;
}

.contenularge td {
	border-right:dashed 1px black;
	border-bottom:dashed 1px black;
	height:100px;
	width:33% ;
	text-align:center;
	vertical-align:middle;
}

.contenularge span {
	font-size:22px;
	font-weight:bold;
}

div.photobandeau {
	height:200px; /* 200px hauteur contenu 400 */
	background:url('../img/fond_bandeau1.jpg') ;
}


div.contenurech {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche18.jpg') ;  /* 13 pour les autres versions */
	padding-top : 200px; /* 250px descend le bloc du dessous */
	height:150px; /* 200px */
    background-size:cover ;
}

ol.formrech {
   display: block;
	margin: 0 auto;  
	width:850px;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:#CCC ;
	background-color:hsla(0,0%,0%,0.50);
    height:145px; /*150 */
}

div.contenurechcompa {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche2019neige.jpg') ; /* 7A / 16M pour montagne été */
	padding-top : 2%; 
	height:500px; 
    background-size:cover ;
}

div.contenurechcompa2 {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche2019neige.jpg') ;  /* 7A ancien 21 - pour montagne/campagne été */
	padding-top : 2%; 
	height:500px; 
    background-size:cover ;
}

div.contenurechcompa1 {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche13.jpg') ;  /* 20A ancien 18 - 13 pour les autres versions */
	padding-top : 2%; 
	height:500px; 
    background-size:cover ;
}

ol.hautform {
    display: block;
	margin-left: 2%; 
	padding-top:40px; 
	padding-bottom:5px; 
	width:12% ;
	border-radius : 5px;
	background-color:hsla(0,0%,0%,0.47);
	/*hsla(209,90%,27%,0.70);*/
}

ol.hautright {
    display: block;
    float: right;
	margin-right: 2%; 
	padding-bottom:5px; 
	width:11% ;
	border-radius : 5px;
	background-color:hsla(0,0%,97%,0.80);
}

ol.formrechcompa {
   display: block;
	margin: 0 auto;  
	width:65% ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:#CCC ;
	background-color:hsla(0,0%,0%,0.50);
}

ol.formrechcompa1 { /* clair */
   display: block;
	margin: 0 auto;  
	width:65% ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:#CCC ;
	background-color:hsla(0,0%,0%,0.50); /*0 0% 100% 0.10 clair*/
}

ol.formrechcompa2 { /* fonce */
   display: block;
	margin: 0 auto;  
	width:65% ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:#CCC ;
	background-color:hsla(0,0%,0%,0.50);
}

ol.formrech2 {
   display: block;
	margin: 0 auto; 
	margin-top: 10px;
	width:850px ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:#CCC ;
	background-color:hsla(59,100%,50%,0.37); /* jaune */
	/*background-color:hsla(200,92%,26%,0.50); */
	 background-color:hsla(0,0%,100%,0.56);
    height:100px;
}


span#formrech {
	font-size:16px;
	color:black;
}

input,select {
	margin-left:30px;
}

input.navigateur,select.navigateur {
	margin-left:0;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color:black;
	margin: 2px;
	padding: 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #CCCCCC; /* none */
	font-size: 13px ;
}

select.fiche { /* sur fiche-location */
	margin-left:0;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	color:black;
	margin: 2px;
	padding: 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #CCCCCC; /* none */
	font-size: 18px ;
	font-weight:bold ; 
}

button {
	height: 30px;
	line-height: 30px;
	vertical-align: absmiddle;
	color:#666;
	background-color: #FFFF66 ;
	padding: 0 2px;
	border-radius: 5px;
	font-size: 13px ;
	font-weight: bold ;
}

span#slogan {
	margin-left:30px;
	color:white ;
	font-size:30px;
}

span#slogan2 {
	margin-left:30px;
	color:black ;
	font-size:30px;
}

span#slogan3 {
	margin-left:450px; 
	color:white ;
	font-size:20px;
}

p#slogan4 {
	text-align:right ;
	margin-right:5% ;
	color:white ;
	font-size:20px;
}

select.formrech{
 font-size: 16px;
 line-height: 2;
 width:170px;
 border: solid 1px #999;
 border-radius: 5px;
 color: black;
 -webkit-appearance: true;
 -moz-appearance: none;
 appearance: none;
}

input.formrech{ /* index */
 font-size: 16px;
 line-height: 1;
 width:120px;
 border: solid 1px #999;
 color: black;
 -webkit-appearance: true;
 -moz-appearance: none;
 appearance: none;
}

input.formrechsubmit {
background-color:#F4EFBF ; 
color:#000 ;
font-size:16px ;
}

p#connect {
	padding : 10px;
	font-size:13px;
	font-family:verdana ;
	color:white ;
}

p#footer {
	padding :20px;
	text-align:center ;
	color:#CCC;
	font-size:11px;
}

a:link, a:visited {
	/*font-size:14px;*/
	/*color:#666;*/
}

a.footer:link, a.footer:visited {
	color: #CCC;
	text-decoration: none;
}

a.footer:hover, a.footer:active, a.footer:focus {
	text-decoration: underline;
}



a.connect:link, a.connect:visited {
	color: #FFF;
	text-decoration: none;
}

a.connect:hover, a.connect:active, a.connect:focus {
	text-decoration: underline;
}

a.connectinv:link, a.connectinv:visited {
	color: #FFF;
	text-decoration: underline;
}

a.connectinv:hover, a.connectinv:active, a.connect:focus {
	text-decoration: none;
}


address {
	padding :10px;
	text-align:center ;
	color:white ;
}


figurenouveaute {
	text-align:center ;
	margin:0;
	padding:10px;
	background:#dadada;
	border: 1px solid #dadada;
	width:240px;
}

figure {
	text-align:center ;
	margin:0;
	padding:10px;
	background:white;
	border: 1px solid #CCC;
	/*width:240px; */
}

figure.compa {
	float:left ;
	text-align:center ;
	margin:10px;
	padding:10px;
	background:white;
	border: 1px solid #dadada;
	width:29%;
}

figcaption {
	margin-top:5px;
	padding:5px;
	background:#F4F4F4; /* #f4f4f4 */
	color:#666 ;
	border: 1px #FFF;
	border-radius: 5px; 
	text-align:center;
}

figcaption.compa {
	margin-top:5px;
	padding:5px;
	background:#E7E7E7; /* #f4f4f4 */
	color:#666 ;
	border: 1px #FFF;
	border-radius: 5px; 
	text-align:center;
}

section p {
	text-align:justify ;
	margin-right:0; /* 10 */
}

div.blocvitre {
width:32%; /* 33% */
margin:0; /* 10px */
height:380px; /*320*/
border:solid 1px #CCC;
float:left ;
background-size:cover ;
}

img.roundedImageminiannonce {
	border:solid 1px white ;
	position:absolute;
    overflow:hidden;
    -webkit-border-radius:40px;  
    -moz-border-radius:40px;
    border-radius:40px;
    width:70px;  
    height:70px;
}

/*------------------------- */
section.encadregrisrond {
	 margin-top :15px;
	 margin-bottom:15px ;
	 padding-top:10px;
	 padding-bottom:10px; 
	 border:solid 1px #999;
	 border-radius:15px ;
}

section.encadregrisrond p {
	margin-left:0;
}

/*----------- concerne la page moteur et nouvelle annonce courte ---------- */
p.autreloc {
	font-size:16px;
	margin-top:30px;
	border:solid 1px #999999; 
	background-color:#eeeeee; 
	margin-right:0;
	border-radius:5px;
}

div.annht {
float:left;
margin-top:30px;
width:99%;
background-color: #336666; /*#35373C; #4799F8*/
border-left:solid 1px #006699;
border-right:solid 1px #006699; 
border-top:solid 1px #006699; 
border-top-left-radius:5px;
border-top-right-radius:5px;
}

div.annht h1 {
margin-top:5px;
margin-left:10px;
font-weight: normal ;
font-size:18px ;
margin-bottom:0 ;
}

div.annht p {
text-align:right;
margin-right:2%;
font-size:13px;
color:greenyellow; /*#67fa05 */
}

div.annleft {
border-left:solid 1px #006699;
border-bottom:solid 1px #006699; 
width:35%; /*36% */
height:360px; /*360*/
background-size:cover ;
float:left;
}

div.annmidd {
border-bottom:solid 1px #006699; 
width:37%;
height:360px; /*335*/
background-color: #EDEDED ;
float:left ;
}

div.annmidd p {
margin-top: 0;
font-size:14px ;
}

div.annmidd a {
margin-top: 0;
font-size:16px ;
}

div.annright {
border-right:solid 1px #006699; 
border-bottom:solid 1px #006699; 
width:27%;
height:360px; /*335*/
float:left ;
background-color: #E5E5E5 ;
}

div.annright p {
font-size:14px ;
}

div.annright strong {
font-size:24px ;
}

div.vitre {
    border-left:solid 1px #006699;
    display: block;
	width:100% ;
	border-top: solid 1px white; 
	background-color:#CCC ;
	background-color:hsla(0,0%,0%,0.40);
    height:20%; 
    position: relative;
    top: 80%;
	 color:white;
	 font-size:12px;
	}
	
	div.vitre p {
	margin-left:10px;
	margin-top:10px;	
	}
	
	img.minia {
    vertical-align:middle;
	 height:30px; 
	 width:30px;
	 border:solid 1px #FFFFFF		
	}
/*-------------- concerne la page moteur et annonce courte ---------------- */
div.reftitre {
    background-color:#F1F1F1 ;
	margin:10px;
	border:solid 1px #999;
	border-radius:5px ;
}

.reftitre h1 {
	font-size:26px;
}

.mondiv p,td,a  {
	padding:0;
	font-size:13px;
	margin:0;
	}
	
.mondiv h1 {
	margin: 3px ;
	font-size: 14px ; 
	font-weight : normal ;
}

.mondiv i {
	font-size: 14px ;
}

.mondiv info {
	font-size: 12px ;
	color: #e4dcd7 ;
}

section.lienmot a {
	font-size:10px; 
}

/* ztout/inclus-ann  */
.mondiv{
margin:10px ; /* bord de page */
padding:10px; /* 15px table */
border:solid 1px #FFF ; /* important = couleur de fond #e4dfd4 */
}

.mondiv:hover{
border:solid 1px white ; 
border-radius:10px;
background:#f6f4ee; /*#c6c0b5; */
}

table.annonce {
border-top:solid 1px #CCC;
border-left:solid 1px #CCC;
border-right:solid 1px #CCC; 
border-bottom:solid 1px #CCC; 
/*background:white url(../../image/niveaubeige300.gif) top left repeat-x ; */
}


div.annonce {
width:980px;
border-top:solid 1px black;
border-left:solid 1px black;
border-right:solid 1px black; 
background-color:#F0ECD8; 
}
div.annonce:hover {
background-color:#ffffcc; 
font-size:16px;
}

div.annoncephoto {
position:absolute;
margin-left:0;
width:280px;
height:220px;
background-color:#adaa9a;
border-top:solid 1px #666666;
border-bottom:solid 1px #666666;
}

div.annoncetitre {
margin-top:0;
margin-left:280px;
height:20px ;
width:744px;
}

div.annoncetexteG {
position:absolute;
margin-top:0;
margin-left:280px;
width:360px;
height:160px ;
}

div.annoncetexteM {
position:absolute;
margin-top:0;
margin-left:640px;
width:205px;
height:160px ;
}
div.annoncetexteD {
margin-top:0;
margin-left:845px;
width:179px;
height:160px ;
}
div.annoncetexteB {
margin-top:0;
margin-left:0;
margin-left:280px;
height:20px ;
width:744px;
}

p#style0 {
text-align:left;
margin-left:20px;
margin-top:0;
margin-bottom:0;
font-size:9px;
color:#333333;
font-style: italic;
}


p#style1 {
text-align:left;
margin-top:2px;
margin-left:10px;
}

p#style1bis {
text-align:left;
margin-top:0;
margin-left:10px;
}

p#style2 {
text-align:left;
margin-top:2px;
margin-left:10px;
color:red;
}

p#style3 {
text-align:left;
margin-top:2px;
margin-left:10px;
font-size:9px;
}

p#style4 {
text-align:right;
margin-top:2px;
margin-right:10px;
font-size:10px;
}

p.titregeo {
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align:center;
color:white;
background-color: #35373C; /*indianared */
margin-left:10%; /* 20% */
margin-right:10%; /* 20% */
margin-bottom:0;
font-size:16px ;
border:solid #CCC 3px;
border-bottom:0;
}

p.titregeo2 {
padding-top:0;
padding-bottom:1%;
text-align:justify;
color:black;
background-color: #E9E2E3; /*indianared */
margin-left:10%; /* 20% */
margin-right:10%; /* 20% */
margin-top:5px;
font-size:13px ;
border-top:0;
}


img.titregeo {
width:83%; /*60% */
height:240px;
vertical-align:top;
border:solid #CCC 3px;
margin-bottom:0 ;
}

a.detail
{
font-size:13px;
color:#FFF; /* #FFFF99; */
text-decoration:none;
}
a.detail:hover
{
color:#FFF;
text-decoration: underline;
}
a.detail:visited
{
color:#FFF;
text-decoration: none;
}

a.detail2
{
font-size:20px;
font-weight:bold;
color:#666; /* #FFFF99; */
text-decoration:underline;
}
a.detail2:hover
{
color:#666;
text-decoration: none;
}
a.detail2:visited
{
color:#666;
text-decoration: underline;
}


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

img.pictoselect {
width:30px ;
vertical-align:middle	;
border:solid 1px black ;
background-color: yellow ;
}
/*-------------- inclus traduction lien annonce utf8  ---------------- */
p.ann { 
    text-align:center;
	font-size:10px;
	font-style:arial;
}
a.ann {
	text-decoration:none ;
}
a.ann:hover {
	text-decoration:underline ;
}
/*--------------promotion vacances et depart derniere minute------------------- */
div.promovac {
    margin:10px;
    border: solid 1px #CCC;
    border-radius: 5px	
}

.promovac select {
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	color:black;
	margin: 2px;
	padding: 0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 14px ;
}
/*----------------location type logement--------------------- */

div.hop {
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

div.encart {
	width:80% ;
    margin:10px;
	text-align:justify;
    border: solid 1px #CCC;
    border-radius: 5px ;	
}

p.imagelog {
	padding:0 ;
	margin-left: 29px;
	margin-top:29px ;
	margin-bottom:0 ;
}

p.textlog {
	padding:0 ;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
	font-size:10px;
}

a.textlog {
	font-size:12px;
}

section.vc {
	margin-bottom:10px ;
	margin-top:10px ;
	padding: 10px ;
	border: solid 1px #CCC ;
	border-radius : 15px ;
}

/* villegiatures de prestige */

section.vp {
	margin-bottom:10px ;
	margin-top:10px ;
	padding: 10px ;
	border: solid 1px orange ;
	border-radius : 15px ;
}

div.prestigeC1 {
	width:27%;
	float:left;
	background-color:black;
	border-bottom:solid 1px grey;
	height:200px;
}

div.prestigeC2 {
	width:44%;
	float:left;
	background-color:#343434;
	border-bottom:dashed 1px white;
	height:200px;
}

div.prestigeC3 {
    width:29%;
	float:left;
	background-color:#343434;
	border-bottom:dashed 1px white;
	height:200px;
}

img.prestige {
    vertical-align:middle;
	border:1px solid white;
	width:270px;
	height:160px;	
}

/* regions france */
table.rg {
	width:100% ;
	margin:auto ;
	cellpadding:0 ;
	cellspacing:5px ;
}

td.rg1,strong.rg1 {
text-align:right;
color:#003399 ;
}

td.rg2,strong.rg2 {
text-align:right;
color:#666666 ;
}

td.rg3,strong.rg3 {
text-align:right;
color:#FF0000 ;
}

/* regions france nouveau */
div.tour {
	 margin-top :15px;
	 margin-bottom:15px ;
	 padding-top:10px;
	 padding-bottom:10px; 
	 border:solid 1px #999;
	 border-radius:15px ;
}

div.tabextg {
float:left;
width:25%;	
margin-left:1%;
}
	
div.tabcent {
float:left;
width:48%;	
}

div.tabextd {
float:left;
width:25%;	
height:390px;
}

div.tabextdmin {
float:left;
width:25%;	
height:200px;
}

div.tabextdmed { /* regions */
float:left;
width:25%;	
height:330px;
}

div.tabcentg {
width:50%;
float:left;
text-align:right;
}
	
p.rg1 {
color:#003399 ;
}

p.rg2 {
color:#666666 ;
}

p.rg3 {
color:#FF0000 ;
}

p.sej4 {
	margin-top:70px;
	text-align:justify;
}
/* type logement */
section.typelog {
	width:95% ; /*80% */
    margin:10px;
	background-color: #F0F0F0;
    border: solid 1px #CCC;
    border-radius: 5px ;	
}
section.typelog2 {
	width:95% ; /*80% */
    margin:10px;
	background-color: #E0E0E0;
    border: solid 1px #CCC;
    border-radius: 5px ;	
}

/* label */
section.label p,a {
	font-size:12px;
}

section.label td {
	vertical-align:top;
	width:25%;
}

/* it plage */
section.col3 table {
	width:100%;
}

section.col3 p,a {
	font-size:13px;
}

section.col3 td {
	vertical-align:top;
	width:33%;
}

/* annonces VIP */
figure.vip {
	float:left ;
	text-align:center;
	margin:0;
	padding:10px;
	background:#B7B5B5 ; /*white; */
	border: 1px solid #dadada;
	width:14%;
}

figcaption.vip {
	height:30px;
	margin-top:5px;
	padding:5px;
	background:#F4F4F4; /* #f4f4f4 */
	font-size:11px;
	color:#666 ;
	border: 1px #FFF;
	border-radius: 5px; 
	text-align:center;
}

/* stations de ski */
table.domaine {
	width:100% ;
}

table.domaine td {
	text-align:center;
}

/*...............*/
.colonne300 {
	float: left;
	width: 32%; /*300px*/
	border: solid 1px #666666;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin: 5px;	
}

.colonne400 {
	float: left;
	width: 40%; 
	border: solid 1px #666666;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin: 5px;	
}

.colonne280 {
	float: left;
	width: 28%; 
	border: solid 1px #666666;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin: 5px;	
}

.part {
     background:#999999; /* #999999 */
	 border:0;
	 color:#FFFF99;  /* #FFF99 */
	 border-top-left-radius: 10px;
	 border-top-right-radius: 10px;
	 width:100%;
	 height:30px;
	 text-align:center;
}

p.specifique {
	margin-top:5px;
	margin-bottom:5px;
	color: #999999;
	font-size:13px;
}

a.specifique {
	 font-size:13px ;
	 color: black ;
}

div.mess_vert {
	width:100%;
	height:30px ;
	background-color: #66FF66 ;
	color: black ;
	text-align:center ;
	padding-top: 10px ;
}

div.mess_rouge {
	width:100% ;
	height:30px ; 
	background-color: #FF3333 ;
	color: white ;
	text-align:center ;
	padding-top: 10px ;
}

div.w10 {
	width:10% ;
	float:left ;
}

div.w20 {
	width:20% ;
	float:left ;
}

div.w25 {
	width:25% ;
	float:left ;
}

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

div.w33 {
	width:33% ;
	float:left ;
}

div.w40 {
	 width:40% ;
	float:left ;
}

div.w50 {
	 width:50% ;
	float:left ;
}

div.w50carte {
	width:50% ;
	float:left ;
    margin-left:50%;
	position:fixed;
	margin-top:-30px;	 
}

div.w50carteN {
	width:39% ;
	float:left ;
    margin-left:41%;
	position:fixed;
	margin-top:-30px;	 
}

div.w60 {
	 width:60% ;
	float:left ;
}

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

div.w75 {
	width:75% ;
	float:left ;
}

div.w80 {
	width:80% ;
	float:left ;
}

div.w90 {
	width:90% ;
	float:left ;
}

/* carte Google */
div.cartegoogle {
    width: 100%; 
    height: 700px;
}

div.cartegooglefixe {
    width: 100%; 
    height: 650px;
}

/* page station de ski et balnéaire */

div.stationski {
	padding-top:50px;
	height:350px;
	background-image:url(../image/fond_neige.jpg);
	background-size:cover ;
}

div.stationplage {
	padding-top:50px;
	height:350px;
	background-image:url(../image/fond_plage.jpg);
	background-size:cover ;
}

div.passann {
	padding-top:50px;
	height:350px;
	background-image:url(../img/fond_rech_original.jpg);
	background-size:cover ;
}

div.stationfenetre {
	margin:0 auto;
	height:70px;
	margin-top:50px;
	width:70%;
	border:solid 1px #FFF;
	color:white;
	border-radius:15px;
	background-color:hsla(0,0%,0%,0.50)
}

p.stationgros {
	text-align:center;
	font-size:30px;
	margin-bottom:5px;
}

p.stationfin {
    text-align:center;
	font-size:11px;
	margin-top:5px
}


@media screen and (min-width:321px) and (max-width:768px) {
figure {
	width:90%; 
}
	
p {
	font-family:arial;
}
	
.content3NEW {
	width: 98%; 
	margin:0 auto ;
	background-color: #FFF; 
}

.content4NEW {
	width: 98%; 
	float:left;
	margin:0 auto ;
	background-color: #FFF; 
}

.sidebar4NEW {
	width: 98%; 
	float:left;
	margin:0 auto ;
	background-color: #FFF; 
}

div.contenurechcompa2 {
	padding-top : 100px; /* 250px descend le bloc du dessous */
	height:200px; 
}

div.contenurechcompa1 {
	padding-top : 100px; /* 250px descend le bloc du dessous */
	height:200px; 
}

ol.formrechcompa1 {
	width:98% ;
    height:150px; 
}

ol.formrechcompa2 {
	width:98% ;
    height:150px; 
}
	
p.autreloc {
	font-size:14px;
	font-family:arial;
}

/*div.annleft {  
/*width:36%;  
/*height:260px;  
} */

	
div.annleft {  /*moteur*/
    width:100% ;
	height:350px;  /*450*/
	border:0;
}

	/*
div.annmidd { 
width:34%;
height:260px; 
}

div.annright { 
width:30%;
height:260px; 
}
	*/
	
div.annmidd { 
width:50%;
height:300px; 
}

div.annright { 
width:49%;
height:300px; 
}	

div.annright p {
padding-left:2%;
font-family:arial;
font-size:14px ;
}

div.annmidd p {
padding-left:2%;
font-family:arial;
font-size:14px ;
}

.colonne400 {
	width: 98%; 
}

.colonne280 {
	width: 48%; 
}

ol.hautform {
    display:none ;
}

ol.hautright {
    display:none ;
}
	
div.w25 {
	width:50% ;
	float:left ;
}
	

}


@media screen and (max-width : 320px) { 
	
div.reftitre {
    background-color:#F1F1F1 ;
	margin:1%;
	border:solid 1px #999;
	border-radius:5px ;
}
	
.reftitre h1 {
	font-size:22px;
}

.reftitre p {
	text-align:left;
}
	

div.headerrallonge {
	display: none;
	}
	
figure {
	width:95%;
	}
	
span#slogan {
	font-size:30px;	
	margin:0px;
	}	
div.hautheader {  /* moteur */
	width:100%;
	position:static ;
   }
	
div#logo {
   float:left;	
	width:100% ;
	height:50px;
	margin-left:1px;
	background-color: #999 ;
   }

div#connect {
   float:left;	
	width:100% ;
	text-align:left;
	margin-top:0;
	margin-left:1px;
	height:50px;
	background-color: #999  ;
}

div.annht {  /*moteur*/
border-top-left-radius:0;
border-top-right-radius:0;
width:100%;
}

div.annleft {  /*moteur*/
    width:100% ;
	height:250px;  /*450*/
	border:0;
}

div.annmidd {  /*moteur*/
    width: 100%; /*48% */
	height:290px; /*250 */
	background-color:#ECEAEC ; /* #E6E6E6 ; */
	border:0;
}

div.annmidd p {
   font-size:20px ; /*16px */
   margin-top:5px ;
   margin-bottom:0 ;
}

div.annmidd a {
   font-size:18px ; /*12px */
   margin-top:5px ;
   margin-bottom:0 ;
}

div.annmidd strong {
   font-family :arial ;
   font-size:16px ; /*12px */
   margin-top:5px ;
   margin-bottom:30px ;
}	
	
div.annmidd img {
	margin-top: 10px;
}

div.annright { /*moteur*/
     /*display: none;   */ 
	 width:100%; 
	 height:300px; 
	 background-color:#CCCCCC ; 
}

div.annright p {
    font-family: arial ;
    font-size:18px; /*14px */
}

div.annright strong {
   font-family: arial ; 
   font-size:24px ; 
}


div.colonne300 { /*moteur*/
	width:45% ;
}

p#btnbleu {
    margin-left:0 ; 
	margin-top:20px;
    width: 70%;
}

.content3NEW {  /*fiche location */
	width: 100%; 
	background-color: #FFF; 
}

div.tabextg { /* z/locations vacances */
	width: 100%; 
}

div.tabcent { /* z/locations vacances */
	width: 100%; 
}

div.tabextd { /* z/locations vacances */
	width: 100%; 
}

div.tabextdmin {
	width: 0%; 
}


div.contenurechcompa {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche2019neige.jpg') ;  /* 13 pour les autres versions */
	padding-top : 120px; /* descend le bloc du dessous */
	height:300px; 
    background-size:cover ;
}

div.contenurechcompa1 {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche13.jpg') ;  /* 13 pour les autres versions */
	padding-top : 220px; /* descend le bloc du dessous */
	height:260px; /*300*/
    background-size:cover ;
}

div.contenurechcompa2 {
	margin: 0 auto; 
	width:100% ;
	background:url('../img/fond_recherche2019neige.jpg') ;  /*image/fond_neige.jpg*/
	padding-top : 220px; /* descend le bloc du dessous */
	height:260px; 
    background-size:cover ;
}

ol.formrechcompa { /*index */
   display: block;
	margin: 0 auto;  
	width:100% ;
	text-align:center ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:#CCC ;
	background-color:hsla(0,0%,0%,0.50);
    height:270px; 
}

ol.formrechcompa1 { /*index */
   display: block;
	margin: 0 auto;  
	width:100% ;
	text-align:center ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:hsla(0,0%,100%,0.10);
    height:150px; /*270*/
}

ol.formrechcompa2 { /*index */
   display: block;
	margin: 0 auto;  
	width:100% ;
	text-align:center ;
	border: solid 1px white; 
	border-radius : 10px;
	background-color:hsla(0,0%,0%,0.50);
    height:150px; /*270*/
}

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

div.w25 { /* clevac */
	width:100% ;
	float:left ;
}

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

div.w40 { /* france */
	 width:100% ;
	float:left ;
}

div.w50 { /* france */
	 width:100% ;
	float:left ;
}
	
div.w50carte {
	width:100% ;
	float:left ;
    margin-left:0%; 
	position:relative;
	margin-top:30px;	 
}
	
div.w50carteN {
	width:100% ;
	float:left ;
    margin-left:0%; 
	position:relative;
	margin-top:30px;	 
}

div.w60 { /* france */
	 width:100% ;
	float:left ;
}

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

div.w75 {
	width:100% ;
	float:left ;
}

div.w80 {
	width:100% ;
	float:left ;
}

.colonne280 {
	margin-left:0;
	width: 100%; 
}

.colonne400 {
	margin-left:0;
	width: 100%; 
}

div.blocvitre {
width:100%;
margin-left:0;
height:320px; /*270*/
border:solid 1px #CCC;
float:left ;
background-size:cover ;
}

/* carte Google */
div.cartegoogle {
    width: 100%; 
    height: 300px;
}
div.cartegooglefixe {
    width: 100%; 
    height: 300px;
}
ol.hautform {
    display:none ;
}
	
ol.hautright {
	display: none;
}
	
/* page station de ski et balnéaire */
	
div.stationski {
	padding-top:50px;
	height:350px;
	background-image:url(../image/neige1.jpg);
	background-size:cover ;
}
	
div.stationplage {
	padding-top:50px;
	height:350px;
	background-image:url(../image/balneaire1.jpg);
	background-size:cover ;
}
	
div.passann {
	padding-top:50px;
	height:350px;
	background-image:url(../image/neige.jpg);
	background-size:cover ;
}

div.stationfenetre {
	margin:0 auto;
	height:110px;
	margin-top:150px;
	width:90%;
	border:solid 1px #FFF;
	color:white;
	border-radius:15px;
	background-color:hsla(0,0%,0%,0.50)
}
	
p.stationgros {
	text-align:center;
	font-size:18px;
	margin-bottom:5px;
}

p.stationfin {
    text-align:center;
	font-size:11px;
	margin-top:5px
}
	
section.vc {
	margin-bottom:5px ;
	margin-top:5px ;
	padding: 5px ;
	border: solid 1px #CCC ;
	border-radius : 15px ;
}

	
div.prestigeC1 {
	width:100%;	
	border-left:solid 1px white;
	border-right:solid 1px white;
	}
	
div.prestigeC2 {
	width:100%;	
	border-left:solid 1px white;
	border-right:solid 1px white;
	border-bottom:0;
	}
	
div.prestigeC3 {
	width:100%;	
	border-left:solid 1px white;
	border-right:solid 1px white;	
	}
	
img.prestige {
    vertical-align:middle;
	border:1px solid white;
	width:220px;
	height:160px;	
}
	
.content4NEW {
	width: 100%; 
	float:left;
	margin:0 auto ;
	background-color: #FFF; 
}

.sidebar4NEW {
	width: 100%; 
	float:left;
	margin:0 auto ;
	background-color: #FFF; 
}
	
div.hop {
	width:100%;
}

div.encart {
	width:95% ;
    margin:10px;
	text-align:justify;
    border: solid 1px #CCC;
    border-radius: 5px ;	
}
	
p.titregeo {
padding-left:2%;
border-top-left-radius:10px;
border-top-right-radius:10px;
text-align:center;
color:white;
background-color: #35373C; /*indianared */
margin-left:5%; 
margin-right:3%; 
margin-bottom:0;
font-size:16px ;
}

img.titregeo {
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width:100%;
vertical-align:top;
border:solid #CCC 2px;
}

span#slogan {
	font-size:30px;	
	margin:0px;
	}	
.contenularge span {
	font-size:16px;
	font-weight:bold;
}
		
	
	
}