@media screen and (max-width: 640px) {
body {
background-color: #FFF;
}
.container {
width: 100%;
}
.controllerContent {
width: auto;
}
#controllerContent {
width: auto;
padding: 0 1% 1%;
}
.linecure {
width: 100%;
}
.rowcarte {
width: 100%;
margin-left: 0;
padding-top: 15px;
}
.rowcarte img, .stationinfo .descr img {
margin: 0 auto;
display: block;
width: 100% !important;
height: auto !important;
}
.row2col .coldemcuristes {
width: 100%;
padding: 0;
}
.footer {
width: 100%;
}
.footer .footer-links {
float: left;
width: 45%;
border-right: none;
padding: 0;
}
.home-top h1 {
height: auto;
 font-size: 3vmin;
  line-height: 4vmin;
}
#mini_imgs {
display: none;
}
     .menubar {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 15vmin;
		min-height: 30px;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
		background-color: #DCE4EC;
      }
      .menubar.open {
        -webkit-transform: translate(-300px,0);
        transform: translate(-300px,0);
      }

           .menubar .logo {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        
        font-size: 20px;
        line-height: 60px;
        
        margin: 0 16px;
        
        color: rgba(254, 254, 254, 0.8);

        float: none;
        max-width: none;
      }

      .menubar .logo a {
        text-decoration: none;
        color: inherit;
        font-weight: normal;
      }

      .menubar button {
        display: block;

        width: 80px;
        height: 40px;
        
        flex-direction: row;

        background-image: none;
        background-color: transparent;
        
        border: none;

        

        box-sizing: border-box;

        font-size: 24px;
        line-height: 32px;
        color: rgb(254, 254, 254);

        border-style: none;
        border-radius: 4px;

        
      }

      .menubar button.menu {
       
		
      }

      .menubar button.menu img {
        

        top: 6px;
        left: 6px;
      }

      body.open .menubar button .menuopen {
       
      }

      body.open .menubar button .menuclose {
       
      }

      .menubar button .menuopen {
        
      }
	 .menubar.open button.menu .menuopen {
opacity: 0.0;
}
.menubar.open button.menu .menuclose {
opacity: 1.0;
} 

      .menubar button .menuclose {
       
      }

      .menubar button:hover {
       
      }

      .menubar button:focus {
       
        outline: 0;
       
      }

      .menubar button:active {
        
      }

      .menubar button img {
       width: 16vmin;
height: 5vmin;
max-width: 16vmin;
max-height: 5vmin;
      }

      .menumobile  {
       display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
      }

    
      body .menuopen {
        opacity: 1.0;
      }

      body .menuclose {
        opacity: 0.0;
      }
      .navmenuchoise {
        position: fixed;
        width: 300px;
        height: auto;  
        top: 0;
        background-color: #4F5051;
        color: #fefefe;
        -webkit-transform: translate(300px,0);
        transform: translate(300px,0);
        z-index: 2;
      }

      body.open .menuopen {
        opacity: 0.0;
      }

      body.open .menuclose {
        opacity: 1.0;
      }

      .navmenuchoise.open {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
      }

      .navdrawer-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.0000001;
        z-index: 1;
        pointer-events: none;
      }

      .navdrawer-bg.open {
        opacity: 0.5;
      }

      .menubar, .navmenuchoise {
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
      }

      .navmenuchoise ul {
        list-style-type: none;
      }

      .navmenuchoise ul li a {
        display: block;  
        height: 60px;   
        padding: 0 20px;  
        line-height: 10vmin;  
        text-decoration: none;
        color: white;
		font-size: 14px;
		font-weight: bold;
      }

      .navmenuchoise ul li {
        border-bottom-style: solid;
        border-width: 1px;
        border-color: white;
      }

      .navmenuchoise ul li a:hover {
        background-color: rgba(255, 255, 255, 0.2);
      }

      .navmenuchoise ul li a:focus {
        background-color: rgba(255, 255, 255, 0.3);
        outline: 0;
      }

      .navmenuchoise ul li a:active {
        background-color: rgba(255, 255, 255, 0.4);
      }
	  .container .header {
height: 15vmin;
width: auto;
}
ul#mainMenu {
height: auto;
padding: 0;
width: 100%;
background-color: transparent;
}

ul#mainMenu li.brown a .left, ul#mainMenu li.brown a .right,ul#mainMenu li.brown a .content,ul#mainMenu li.lightblue a .left,ul#mainMenu li.lightblue a .right, ul#mainMenu li.lightblue a .content, ul#mainMenu li.green a .left,ul#mainMenu li.green a .right, ul#mainMenu li.green a .content, ul#mainMenu li.water a,ul#mainMenu li.blue a .left,ul#mainMenu li.blue a .right, ul#mainMenu li.blue a .content{
	background:none;
	width: 300px;
}
.curesmenu {
float: none;
margin: 0;
height: auto;
background-color: inherit;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

ul#mainMenu li a.active, ul#mainMenu li.water a  {
color: #FFFFFF;
}
ul#mainMenu li.right {
float: left;
}
ul#mainMenu li.water a {
text-align:left;
margin-left: 18px;
}
.logo .float-right {
display: none;
}
.menumob {
display: block;
padding-left: 20px;
}
.home-top {
padding-top: 2vmin;
}

.header .right-header {
width: 0;
float:none;
}
#login {
float:none;
}
.header .right-header a.owner-block {
display: none;
float: none;
width: 0;
}

.logo {
float: none;
width: auto;
}
#logo {
float: none;
width: auto;
margin: 0;
height: 15vmin;
}
.columaviscure,.columtopcure {
margin-right: 0; 
margin-left: 0;
}
.rowfull .titleline h2, .rowfull1 .titleline h2, .rowtopcure .titleline h2, .proposcureth .titleline h2, .coldemcuristes .titleline h2, .login-desc h2 {
font-size: 4vmin;
}
.avisint a {
font-size: 3vmin;
}
.etoile {
padding-right: 2vmin;
}
.row2col .coldiv {
width: 100%;
}
div.full-result-list {
width: 100%;
margin: 0px 5px;
}
.cadreomb .title h2, .cadreomb .title a, .stationinfo .title h2, .stationinfo .title a {
font-size: 4vmin;
text-align: center;
}
.cadreomb h3 {
font-size: 3vmin;
}
.linepropri .photo {
float: none;
width: 100%;
}
.linepropri .photo img {
margin: 0 auto;
display: block;
width: 100% !important;
height: auto !important;
}
.linepropri .extrait {
width: 100%;
}
.cadreomb {
width: 99%;
}
.bock_colonne_gauche {
height:auto;
}
.rightcolumn {
float: left;
width: 100%;
}
.left-search {
width: 100%;
}
h1.detail-title-page {
font-size: 4vmin;
}
.right-detail-part {
display: none;
}
.cadreomb .photos {
padding: 0;
width: 100%;
}
.cadreomb .photos img {
width: 95%;
}
.cadreomb .descr, .stationinfo .descr {
padding:0 2vmin;
}
table.plan tr td, table.plan tr th {
font-size: 2vmin;
}
.cadreomb .calendar-legends {
margin: 2vmin 0;
}
.cadreomb span.calendar-legend-text, .advertEditForm span.calendar-legend-text {
margin-right:0;
font-size: 2.5vmin;
}
.cadreomb .calendar {
margin: 3vmin;
padding:0;
}
.cadreomb .calendarcontent {
margin: 0;
}
form.contact-form {
width: 100%;
padding-right:0;
}
form.contact-form .part-one {
width: 45%;
}
label {
margin: 0;
font-size: 3vmin;
}
input.text, select {
width: 80%;
}
form.contact-form .part-two {
width: 45%;
margin: 0;
}
form.contact-form textarea {
width: 98%;
padding:0;
}
.legend {
float:none;
}
button.orange {
float:none;
padding: 3vmin;
}
.captcha_explain {
font-size: 2.5vmin;
width: 70%;
}
.captcha .detail-captcha {
padding:0;
}
.cadreomb .compolog {
padding:0;
}
.rowdiv .cont {
width: 100%;
}
.introcurethermale p, .introcurethermale strong {
font-size: 3vmin;
line-height: 4.5vmin;
}
.introcurethermale {
margin-bottom:0;
}
.columtopcure .title h2 {
margin: 4vmin 0 3vmin 0;
font-size: 4.5vmin;
}
.columstation .namestation a, .columstation .nameann a, .columnews .nameann a {
font-size: 3vmin;
}
.columstation {
width: 45%;
margin-left: 3%;
}
.columstation .namestation {
height: 10vmin;
}
.rowfull1 .columreg {
width: 100%;
margin-bottom: 4vmin;
padding:0;
}
.rowfull1 .columreg1 {
width: 100%;
}
.rowfull1 .columreg1 {
margin:0;
padding:0;
}
.rowfull1 .intro {
margin: 0vmin 5vmin 0 5vmin;
width: 90%;
}
.rowcureregion {
width: 100%;
}
.full-result-station .cadreomb {
width: 99%;
margin: 1% 1% 2% 1%;
}
.full-result-station .linepropri .photo {
width: 45%;
padding-left: 1%;
}
.full-result-station .cadreomb .linepropri {
padding: 0 0 2vmin 0;
}
.curepath {
width: 100%;
}
.pugg336 {
width: 100%;
}
.stationcure .zone_sointher ul li, .stationcure .zone_services ul li {
width: 90%;
}
.blcureproche {
width: 48%;
}
.blcureproche .photo {
width: 90%;
overflow: hidden;
}
.blcureproche .urlcure {
width: 100%;
height: 16vmin;
float: left;
}
.stationcure .zone_activites ul li {
width: 100%;
}

.stationcure h3.hasimage, .stationcure h3.hasimage, .stationcure .zone_sointher h3 {
min-height: 0;
line-height: 10vmin;
}
.contact-form.avis-form .input-expandable input {
width: 98%;
}
form.contact-form.avis-form textarea {
width: 99%;
}
ul.notes-echelle {
left:0;
top: 0;
}
form.contact-form.avis-form #certif {
top: 4vmin;
}
form.contact-form.avis-form .label_certif {
width: 90%;
font-size: 2vmin;
margin-left: 6vmin;
}
button.darkgreen {
padding-bottom: 3vmin;
}
.titlerate {
font-size: 3vmin;
}
.detailrate, .detailrate span {
font-size: 3vmin;
}
.stationcure .avis_item .titre_avis {
font-size: 3vmin;
}
.content_date {
padding-top: 2vmin;
font-size: 3vmin;
}
.content_avis {
font-size: 3.5vmin;
}
.columstation .nameann, .columnews .nameann {
height: 14vmin;
max-height:14vmin;
}
.columstation .desann, .columnews .desann {
max-height: 10vmin;
height: 10vmin;
overflow: hidden;
}
.columstation .imgstation img, .columnews .imgstation img {
width: 100%;
}
.columstation .imgstation, .columnews .imgstation {
height: 32vmin;
}
.columnews {
width: 45%;
height: 60vmin;
margin-right: 1%;
margin-left: 3%;
}
.row2col .coldemcuristes {
width: 96%;
padding: 2vmin;
}
.row2col .desdem , .row2col .desdem  strong{
font-size: 3vmin;
}
.proposcureth .descriptif {
padding: 0 2vmin;
}
.columtopcure {
margin-top:0;
}
.last-news-destination .titlenewsresult a {
  font-size: 4vmin;
  padding-left:0;
  }
 .actu-intro p {
  font-size: 3vmin;
 }
 .allnews .preview {
  width: 40%;
  padding: 0;
}
.allnews .extractart {
  width: 58%;
  padding: 0 1% 0 1%;
}
.allnews .preview img {
  width: 100% !important;
  height: auto !important;
}
.last-news-destination .extractart p, .last-news-destination .extractart a {
  font-size: 3vmin;
  line-height: 3.5vmin;
  max-height: 21.5vmin;
  overflow: hidden;
}
.extractart .moreextract {
  padding-top: 1vmin;
}
.chapo .artichapo {
  width: 100%;
}
.content-news h1 {
  font-size: 4vmin;
  }
  .content-news .contentart p, .content-news .contentart a, .content-news .contentart strong, .content-news .contentart u {
  line-height: 5vmin;
  font-size: 3.5vmin;
  }
  .artrelated {
  height: auto;
  }
  .elmrel {
  width: 100%;
  }
  .content-news .contentart p img, .cms-page img,.box-content p img   {
  width: 100% !important;
  height: auto !important;
}
textarea.full {
  width: 95%;
}
.etoile.etoile-no {
  width: 20%;
  }
  .avisint {
  text-align: left;
  }
  .proposcureth .text {
  font-size: 3vmin;
}
.blcurether {
display: none;
}