body{
float:none;
width: auto;
}
 
img {
max-width:100%;
height:auto;
width:auto\9; /*ie8*/
}
a span.logo_hotel {
  font-size: 42px;
  line-height: 40px;
  letter-spacing: 0;
   margin-right: 0;
}
.logo {
  background-size:43% ;}
#header a .logo {
 display: block;
font-size: 30px;
  line-height: 40px;
  vertical-align: middle;
  margin-right: 0;
}
#header a h1 {
	height: 45px;
}

.box h2 {
    font: 22px/30px 'univers_65bold',Arial,Helvetica,sans-serif;
    margin: 0 0 14px;
}
.box .frame {
    padding: 10px 10px;
}
    
.main-holder {
    width: auto;
}    
    
.box {
  margin: 0 10px 80px;
  padding: 75px 0 0;
  width: auto;
}
.box .poll.all,
.box .poll {
    height: auto;
    margin: auto;
    width: 177px;
}
#header .section .result {
    float: none;
    text-align: none;
     margin-top:60px;
}
.result .love {
  float: left;
}
.result .statistic {
  float: right;
}
.box .poll .area_all,
.box .poll .area {
  float: none;
  margin: 3px auto;
  padding: 0 32px 0 0;
}

.tab-area {
width: 100%;
}
.social {
 margin: 0 10px 0 0;
 float:right;
}

.right {
    margin: 0;
    float:none;
}
.newsletter label {
  float: none;
}
.newsletter .area {
  float: none;
  margin-bottom: 15px;
  margin-top: 0;
}

#header-newsletter-form.newsletter fieldset input {
  margin-top: 5px;
}
#footer {
    margin: 0 5px;
    width: auto;
}
.newsletter input[type="submit"] {
  margin: 0 0 10px 0;
}
#footer .add-nav {
  margin: 0 10px 15px 0;
}
.tab-content .map {
   height: auto;
    margin: 0 0 28px;
    width: 97%;
} 
 .panel .breadcrumbs {
  margin: 0 -5px 0 0;
}
 .panel .holder {
  width: 99%;
   height: 20px;
}
.panel {
  left: 0;
  width: 100%;
}
.panel .back {
  padding: 1px 0 0 17px;
  font-size: 13px;
}

.panel .breadcrumbs li:first-child {
  padding: 0px 5px 0 0;
}
.panel .breadcrumbs li {
  padding: 0 5px 0 8px;
}
#header .holder {
  width: 98.006%;
}
  .logo-block {
  float: none;
  margin: 0 2%;
}
.tab-content .twocolumns .aside h2 {
  margin: 0 0 26px 0;
}
.tab-content .twocolumns .aside {
  float: none;
  width:auto;
 }
.tab-content .twocolumns .content {
    width: 100%;
}
 .tab-content .twocolumns {
    width: 93%;
    margin: 0 auto;
}
 
 .sort-list .twocolumns .textholder {
  height: auto;
  margin: 0 5%;
  width: 90%;
}
 #wrapper strong.slogan {
  padding: 5px 0 0 5px;
}
.carousels-list {
  margin: 0 auto;
  width: 100%;
  float: none;
}
 .survey {
 display: none;
}
 .sort-box ul li {
  padding: 0 5px 0 0;
}
.sort-box ul {
  padding: 4px 0 0 0px;
}
 .sort-box {
  width:100%;
}
.main-frame .content .bar {
  width: 94%;
} 
.newsletter .area input {
  margin-top: 10px;
}
.sort-list .carousel {
float:none;
}
.sort-list .twocolumns {
  width: 100%;
}
.sort-list .box1 {
  width: 309px;
}
 .main-frame {
  width: 100%;
}
.main-frame .content {
  width: 100%;
}
.sort-list li {
  margin: 0 auto;
}
.heading1 .r {
  margin: 10px;
  padding: 0;
  width: auto;
}
.box input[type="submit"], .box input[type="button"] {
float:none;
}
.tab-content {
  padding: 20px 0 14px;
}

.tab-content .twocolumns h2, .tab-content .twocolumns p, {
  width: 90%;
  margin: 0 auto;
}
#footer .add-nav li {
  padding: 0 2px 0 0;
}
.separator {
  padding-left: 5px;
}
.carousel-block .cycle-gallery {
  width: auto;
}
.carousel-block .cycle-gallery .mask {
  margin: 0;
}
.carousel-block {
width:100%;
}
#content {
  width: 100%;
  padding: 15px 0;
}
#sidebar {
display:none;
}
#content .gray-block {
width:93%;
 margin: 7px -13px 19px;
}
#content .gray-block .map {
  padding: 8px 0px 20px 0px;
  float:none;
}
#content .gray-block .map img {
  width: 100%;
}
#content .topiclist {
margin: 15px 10px;
  width:95%;
}
#content .topiclist li {
padding:0;
  width: 100%;
}
#content .topiclist .alignleft {
  float: left;
  margin: 0 0 0 8px;
  width: 100%;
}
#content .topiclist .box1 {
width: auto;
  margin: 0 4px 0 auto;
}
#content .topiclist .box1 {
  margin: 25px 4px 5px auto;
  width: 96%;
}
#content .topiclist .box1 ul {
width:100%;
}
#content .topiclist .box1 .frame {
  padding: 15px 10px 15px 35px;
}
.heading {
  padding:  20px 0 ;
  height:auto;
}
.heading .section {
  width: 100%;
}
.heading .section .view {
  float: left;
}
.heading .section.r {
display:none;
}
.heading .section em {
  float: left;
}
.search-form1 .area1 {
float:none;
}
.search-form1 .area {
 float:none;
}
.search-form1 input[type="submit"] {
float:none;
 margin: 10px 0 0 116px;
}
div.price-block div.section-r strong:before {
   content: "À partir de ";
   font-size: 12px;
   color: #08BFD5;
   }
.sort-list .price-block .section-r {
  padding: 10px 5px 10px;
  width:100%;
}
.sort-list .price-block .section-l {
  display: none;
}
.content ul.sort-list li div#listview ol#result li a.more{
	display:none;	
}
.sort-list .twocolumns .textholder p {
height:100%;
}
.sort-list .price-block .section-r .btn {
  margin: 0 0 0 15px;
}
.search-form1 {
 margin:0;
 padding: 10px 0 17px 35px;
  width: 100%;
}
.main-frame .content .status {
  width: 100%;
}
#content .poll table td.first {
  display:none
}
.carousel-wrapper {
  width: 100%;
}
#content .poll .row.arrows{
background: url("/images2/arrow_date3.jpg") no-repeat scroll 221px 97px / 70px auto transparent;
}
#content .poll .row {
  width: 100%;
  padding: 4px 0 0;
}
#content .poll .row input[type="submit"] {
float:none;
 margin: 15px 97px;
}
#content .poll {
  margin-left:0;
  width:100%;
}
#content .poll .frame {
  width: 100%;
}
#content .poll .row .area {
  float: left;
  margin: 0 3%;
}
#content .poll table .info {
  display: none;
}
#content .poll table {
  margin: 0 2px;
  width: 98%;
}
.contact-form .row .area1 textarea {
  width: 91%;
}
.contact-form .row .area1 {
  float: none;
  width: 100%;
}
.contact-form .row .area {
  width: 100%;
  float:none;
}
.contact-form .row span {
  text-align: left;
  width: 100%;
  float:left;
}
.contact-form .row {
  width: 100%;
}
form, fieldset {
  width: 100%;
}
.contact-form {
  width: 100%;
}
.contact-form .row .area input {
  float: none;
  position: relative;
  width: 93%;
}
.text-holder {
  float: none;
  min-height: auto;
  padding: 18px 0 10px;
  width: 100%;
}
.contact-form .row input[type="submit"] {
   margin: 110px 34px 30px 0;
  width: 102px;
}
#content p {
  margin: 15px 10px;
}
p.dispo {
  float: none;
  width: 96%;
}
.other-hotels, .other-hotels-last {
  float: none;
  margin: 10px auto;
 width: 255px;
}

.container {
  height: auto;
}
.content-block {
  margin: 15px 10px;
  padding: 0 0 25px;
}
#content h2 {
  margin: 0 0 17px 15px;
}
#content .poll .row h2 {
  float: none;
  margin: 0 0 12px 25px;
  padding: 7px 0 0;
  width: auto;
}
#progress-table tbody tr td.trois{
	display:none;
}
.result{
	width:100%;
}
div.dateselector2{
	margin:0 auto;
}
html body.page div#wrapper div.w1 div.w2 div#main div.main-holder div#twocolumns div#content div.gray-block div.map div#map{
	width:100%;
}
#content .poll table td.price {
  width:15%;
}
#progress-table tbody tr td.td_logo{
  width: 30%;
}
#content .poll table td.second {
  width: 50%;
}
#progress-table tbody tr td.book {
	display: none;
}
.affiliate td{
	display: none;
}
#wrapper strong.slogan {
  display: none;
}
.panel .breadcrumbs {
  display: none;
}
.error-text {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  min-height: 285px;
  padding: 47px 0 26px 10px;
  width: 100%;
}
div.frame form.poll fieldset.dateselector input.btn:before {
  content: url("/images2/search.png");
     float: left;
    font-size: 1.7em;
    margin: 0 0.5em 0 -1em;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}
#progress-table tbody tr td div.partners img {
  margin: 5px 9%;
}
.newsletter {
  margin: 0 10px;
}
#lightbox-content {
  width: 97% !important;
}
#map_content {
    width: 98%;
    height:250px;
}
#show_carte, #hide_carte {
  margin-bottom: 10px;
  margin-top: 0;
}
#map_ajax {
    width: 99% ;
	height:250px;
}

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
.carousels-list li {
  float: none;
  margin: 0 auto;
  padding: 0 0 27px;
}

 /* masquer les éléments superflus */
.open-close .block, .tabset {  
   display: none !important;
 }

 /*body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }*/

.heading1 h1 {
  line-height: 1.2em;
  font-size: 25px;
}
.heading1 .r {
  padding-left: 0;
  margin-left: 0;
}
.sort-list li {
  margin: 0 auto;
  padding-left: 0;
}

.heading1 .r {
  padding-left: 0;
  margin-left: 0;
}
.main-frame,
.sort-box,
.main-frame .content,
.sort-list .box1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
.sort-list .box1,
.sort-list .twocolumns .textholder {
  width: 100%;
  max-width: 464px;
  margin: 0 auto;
}
.search-page .sort-list .twocolumns .textholder {
  margin-left: 0;
  padding: 2px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;    
}
.sort-list .carousel .mask,
.sort-list .carousel {
  width: 100%% !important;
  max-width: 464px;
}
.search-page .sort-list #result > li {
  margin-bottom: 15px;
  overflow: visible;
}
.sort-list .box1 {
  width: 100%;
}
.sort-list .carousel .mask,
.sort-list .carousel {
  height: 120px;
}
.sort-list .carousel .btn-prev,
.sort-list .carousel .btn-next {
  top: 37px;
}
.sort-list .twocolumns .textholder .section {
  height: 30px;
}