.show_mobile {
    display: none;
}
.hide_mobile {
    display: block;
}
#menu select {
  display: none;
}
#sous_menu select {
  display: none;
}
.menu-footer select {
  display: none;
}


@media screen and (max-width: 990px) {
    .show_mobile {
        display: block;
    }
    #main_contenu a.bt_devis3_haut,
    #main_contenu a.bt_reservez_haut,
    .hide_mobile {
        display: none;
    }
    body {
        width: 480px;
        overflow: hidden;
        font-size: 13px;
        line-height: 13px;
    }
    #menu ul     { display: none; }
    #menu select { 
        background-color: #CAC8C9;
        border: 0 none;
        color: #FFFFFF;
        display: inline-block;
        height: 20px;
        margin: 0 124px;
        width: 226px;
    }
    #sous_menu ul     { display: none; }
    #sous_menu select { 
        background-color: #CAC8C9;
        border: 0 none;
        color: #FFFFFF;
        display: inline-block;
        height: 20px;
        margin: 0 124px 0 99px;
        width: 226px;
    }
    #pied_de_page {
        position: relative;
    }
    .menu-footer p     { display: none; }
    .menu-footer     { top: -30px; left: 0; width: 353px; position: absolute; }
    .menu-footer select { 
        background-color: #CAC8C9;
        border: 0 none;
        color: #FFFFFF;
        display: inline-block;
        height: 20px;
        margin: 0 0;
        width: 226px;
    }
    #header {
        position: relative;
        width: 479px;
        height: 300px;
    }
    .baseline {
        margin: 0;
        padding: 0 12px 0 0;
        text-align: right;
        width: 98%;
    }
    #wrapper,
    #general,
    #main_contenu,
    #left_contenu,
    #footer {
        width: 479px;
        margin: 0;
    }
    .image_deux_colonnes {
        width: 100%;
        margin: 15px 0 0;
    }
    .image_deux_colonnes img {
        margin: 0 15px 15px 0;
    }
    .colonne_image_slider,
    .colonne_texte_slider,
    .texte_trois_colonnes,
    .trois_colonnes_sans_image .texte_trois_colonnes,
    .image_trois_colonnes,
    .texte_deux_colonnes {
        width: 100%;
        margin: 0;
    }
    .colonne_image_slider {
        margin: 0 0 15px;
        text-align: center;
    }
    .texte_trois_colonnes {
        margin: 0 0 15px;
    }
    #main_contenu .trois_colonnes,
    #main_contenu .deux_colonnes,
    #contenu {
        width: 442px;
        padding: 0 15px 0 20px;
    }
    .trois_colonnes_sans_image .contenu_trois_colonnes,
    .contenu_trois_colonnes,
    .deux_colonnes_slider, 
    .contenu_deux_colonnes {
        background: none;
    }
    #left_contenu .contenu-accueil {
        width: 442px;
        padding: 0 15px 0 20px;
        margin: 0;
        background: none;
    }
    #contenu .texte_accueil #sous_menu2,
    #contenu #sous_menu2 {
        border: 0 none;
        width: 100%;
        height: auto;
        margin: 10px 0;
    }
    #main_contenu .trois_colonnes #sous_menu2 {
        float: left;
        height: auto;
        margin: 15px 0;
        padding: 0;
        width: 100%;
    }
    #main_contenu .trois_colonnes #sous_menu2 ul li {
        background: none repeat scroll 0 0 transparent;
        border-bottom: medium none;
        float: none;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
        width: auto;
    }
    #contenu ul {
        float: left;
        clear: both;
        margin: 10px 10% 10px 0;
        width: 90%;
        padding: 0;
    }
    .texte_accueil {
        width: 417px;
        margin: 15px 0 0;
    }
    #coup_coeur {
        width: 425px;
        background: none;
    }
    #bandeau,
    #menu,
    #pied_de_page {
        width: 479px;
    }
    #menu {
        width: 479px;
        overflow: hidden;
        padding: 7px 0;
    }
    #sous_menu {
        width: 449px;
        height: auto; 
    }
    #sous_menu ul {
        border-bottom: none;
    }
    .slider-wrapper,
    #visuel img,
    #visuel,
    .nivoSlider {
        width: 479px;
        height: 192px;
        z-index: 1000;
    }
    .logo {
        width: 333px;
    }
    .langage {
        margin: 5px 5px 0 0;
        width: 62px;
        position: absolute;
        right: 0;
    }
    
    #reservation-mobile {
        width: 402px;
        background-color: #cac8c9;
        padding: 10px 20px;
        margin: 0 0 10px;
    }
    #reservation-mobile #form_reservation {
        width: 220px;
        margin: 0 91px;
    }
    #reservation-mobile .div_ferme {
        display: none;
    }
    #reservation-mobile h2 {
        border-bottom: 1px solid #857962;
        border-top: 1px solid #857962;
        text-align: center;
        cursor: pointer;
        margin: 0;
        font-weight: normal;
    }
    #reservation-mobile h2 span {
        background: url("../img/master_arrow.png") no-repeat scroll 0 5px transparent;
        display: block;
        line-height: 30px;
        margin: 0 98px;
        text-indent: 20px;
        font-size: 17px;
        width: 195px;
    }
    #reservation-mobile h2.h2_ouvert span {
        background: url("../img/down_arrow.png") no-repeat scroll 0 5px transparent;
    }
    #reservation-mobile #form_reservation {
        border-bottom: none;
        border-left: none;
        border-right: none;
        height: auto;
        padding: 3px 0px 4px 0px;
        width: 100%;
        text-align: center;
    }
    #form_reservation input {
        width: 57px;
    }
    
    #contenu form div.code_iata label {
        width: 135px;
    }
    #contenu form div label {
        width: 160px;
    }
    #contenu form div input.text_large, #contenu form div textarea {
        width: 220px;
    }
    #contenu form .bt_reserver {
        margin: 10px 30px;
    }
    #form_reservation div.liens {
        width: 210px;
    }
    
    #contenu form div {
        margin: 5px 0;
        width: 90%;
    }
    .detail-offre div {
        margin: 0 0 10px 10px;
        width: 420px;
    }
    #contenu .description {
        width: 420px;
        margin: 0 0 15px;
        min-height: 140px;
        height: auto !important;
        height: 140px;
    }
    #contenu ul#thumbs {
        margin: 0;
    }
    .body_offrir .offre-spe img {
        margin: 0 0px 0 0;
        width: 140px;
    }
    .body_offrir div.cadeau-right {
        margin: 0 10px 0 0;
        width: 290px;
    }
    .soiree img {
        margin: 0 0px 0 0;
        width: 140px;
    }
    .soiree .visite_virtuelle_seminaires {
        margin: 0;
    }
    .soiree .visite_virtuelle_seminaires img {
        width: 25px;
    }
    .soiree div.soiree-left {
        margin: 0 10px 0 0;
        width: 290px;
    }
    .soiree div.soiree-right {
        margin: 0 0px 0 10px;
        width: 290px;
    }
    body.body_sallesMariage .soiree div.soiree-right,
    body.body_salles .soiree div.soiree-right {
        margin: 15px 0 0 10px;
        width: 412px;
    }
    .left-carte {
        width: 432px;
    }
    .temoignage p, .temoignage h2 {
        float: left;
        width: 432px;
    }
    
    .body_mariages #contenu a.bt_plan,
    .body_mariages #contenu a.visite_virtuelle_seminaires,
    .body_seminaires #contenu a.bt_plan,
    .body_seminaires #contenu a.visite_virtuelle_seminaires,
    .body_restaurant #contenu .left-restaurant a.visite,
    .body_chambres #contenu a.visite {
        display: none;
    }
    
    .offre-spe div.offre-right {
        width: 320px;
    }
    .offre-spe div.offre-right div.texte-offre-right {
        width: 320px;
    }
    .offre-spe span.prix {
        width: 200px;
    }
    .body_offrir #contenu form div {
        width: 100%;
        float: left;
    }
    .infos-visite {
        width: auto;
        height: auto;
    }
    .infos-visite div {
        float: none;
        width: auto;
    }
    .infos-visite img {
        float: none;
        margin: 0;
    }
    
    .coupcoeur {
        float: left;
        height: 180px;
        margin: 0 0 0 10px;
        width: 200px;
    }
    
    #footer {
        background: #FFF url(http://www.lavilladulac.com/img/bg-footer-mobile.jpg) no-repeat 0 0;
    }
    #pied_de_page p {    
        width: 50%;
        font-size: 11px;
    }
    #pied_de_page p.adresse {
        margin: 0 0 0 15px;
        width: 320px;
    }
    
}