@media screen and (max-width: 960px) {

    /*////////////////////////////////////////////////////////////////

GENERAL

////////////////////////////////////////////////////////////////*/

    #colonne-gauche {
        width: 96%;
        float: none;
        margin-left: 0px;
        padding: 10px;
    }

    #colonne-droite {
        width: 96%;
        float: none;
        margin-right: 0px;
        padding: 10px;
    }

    #content.normal {
        float: none;
        width: 96%;
        padding: 0 10px;
    }

    #content.large {
        float: none;
        width: 96%;
        padding: 0 10px;
    }





    /*////////////////////////////////////////////////////////////////

MENU PRINCIPAL

////////////////////////////////////////////////////////////////*/

    .mobilebarmaximenuck {
        background: #1f73a2 url(../images/bg-menu.jpg) top repeat-x !important;
    }

    .mobilemaximenucktopbar {
        background: #1f73a2 url(../images/bg-menu.jpg) top repeat-x !important;
        height: 40px !important;
    }

    .mobilebarmaximenuck {
        background: #61a2c6 !important;
    }

    .mobilebarmaximenuck div.maximenuck {
        background: url(../images/separateur.jpg) left bottom repeat-x !important;
    }

    .mobilebarmaximenuck .mobilemaximenuckclose {
        background: url(../images/close.jpg) center center no-repeat !important;
    }

    .mobilebarmaximenuck div.level1.maximenuck > a {
        background: url(../images/arrow.jpg) left center no-repeat !important;
    }

    .mobilebarmaximenuck div.level2.maximenuck > a {
        background: url(../images/arrow2.jpg) left center no-repeat !important;
    }

    .open .mobilemaximenucktogglericon {
        background-image: url('../images/minus.jpg') !important;
    }

    .mobilemaximenucktogglericon {
        background: url('../images/plus.jpg') center center no-repeat !important;
    }





    /*////////////////////////////////////////////////////////////////

STYLES

////////////////////////////////////////////////////////////////*/

    table {
        width: 100% !important;
    }

    img {
        max-width: 100% !important;
    }

    object,
    iframe {
        width: 100% !important;
    }





    /*////////////////////////////////////////////////////////////////

PAGES

////////////////////////////////////////////////////////////////*/

    .item-page {
        padding-bottom: 10px !important;
    }



    .item-pagebateau div {
        width: 98% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .item-pagebateau div div {
        float: none !important;
        margin-bottom: 10px !important;
    }



    .bateaux-premium div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-classic div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-budget div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-access div {
        float: none;
        margin-bottom: 30px;
    }



    /* Page bases */

    div.carte-base {
        display: none !important;
    }

    div.liste-base {
        display: block !important;
    }

    .div-bases div {
        float: none !important;
        width: 93% !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }



    /* Pages bateaux */

    .item-pagegamme-premium div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pagegamme-premium p {
        float: none !important;
    }

    .item-pageclassic div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pageclassic p {
        float: none !important;
    }

    .item-pagebudget div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pagebudget p {
        float: none !important;
    }

    .item-pageaccess div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }



    .vsig {
        width: 100% !important;
    }

    .vsig_top {
        width: 100% !important;
    }

    .vsig_ruler {
        width: 100% !important;
    }



    /* Page promotions */

    .promos div {
        width: 100% !important;
    }





    /*////////////////////////////////////////////////////////////////

MODULES

////////////////////////////////////////////////////////////////*/

    /* Diaporama */

    .camera_wrap {
        width: 100% !important;
    }





    /*////////////////////////////////////////////////////////////////

PIED DE PAGE

////////////////////////////////////////////////////////////////*/

    #footer {
        width: 100%;
    }

    #footer-adresse {
        width: 100%;
        height: auto;
    }

    #footer-adresse p {
        text-align: left;
    }

    #footer-int {
        width: 100%;
    }

    #footer-int .moduletable img {
        display: none;
    }

    .moduletablemenu-footer {
        float: left;
        width: auto;
        padding: 0 20px;
    }

    .moduletabletext-footer {
        width: 92%;
    }

    .moduletablesocial-footer {
        width: 100%;
    }

    .customsocial-footer div {
        float: none !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #e6e6e6;
    }

}

@media screen and (min-width: 1009px) {
    #haut-droite-mobile {
        display: none;
    }
}

@media screen and (max-width: 1009px) {
    #maximenuck229 {
        margin-top: 5%;
    }

    #haut-droite {
        float: none;
        text-align: center;
        display: none !important;
    }

    #site-description {
        padding-top: 130px !important;
    }

    div.addthis-smartlayers-desktop,
    #haut-droite,
    div.slideshowck,
    #breadcrumbs,
    div.accueil-pictos p {
        /*display:none!important;*/
    }

    #camera_wrap_101 {
        margin-bottom: -100px;
        margin-top: 10px;
    }

    .accueil-pictos {
        width: 100%;
    }

    #haut {
        background-position: center 20px;
        height: 180px;
    }

    /*@media screen and (max-width: 900px) {
    #haut {
        background-size: auto 80px;
    }
}*/

    /*////////////////////////////////////////////////////////////////

GENERAL

////////////////////////////////////////////////////////////////*/

    #colonne-gauche {
        width: 96%;
        float: none;
        margin-left: 0px;
        padding: 10px;
    }

    #colonne-droite {
        width: 96%;
        float: none;
        margin-right: 0px;
        padding: 10px;
    }

    #content.normal {
        float: none;
        width: 96%;
        padding: 0 10px;
    }

    #content.large {
        float: none;
        width: 96%;
        padding: 0 10px;
    }





    /*////////////////////////////////////////////////////////////////

HEADER

////////////////////////////////////////////////////////////////*/

    /*#haut {height: auto;}*/

    #logo {
        float: none;
    }

    #site-description {
        float: none;
        margin: 0;
        text-align: center;
        /*padding-top: 13% !important;*/
    }



    #reservation {
        text-align: center;
        margin: 0;
    }

    #telephone img {
        float: none;
        margin: 0;
    }

    #telephone p {
        text-align: center;
        margin: 0;
    }





    /*////////////////////////////////////////////////////////////////

STYLES

////////////////////////////////////////////////////////////////

table {width: 100%!important;}

table tr td {display: inline!important; padding: 5px!important; width: 100%!important;}

img {max-width: 100%!important;}

object, iframe {width: 100%!important;}
*/




    /*////////////////////////////////////////////////////////////////

MENU PRINCIPAL

////////////////////////////////////////////////////////////////*/

    .mobilebarmenuck {
        background: #1f73a2 url(../images/bg-menu.jpg) top repeat-x !important;
    }

    .topbar {
        background: #1f73a2 url(../images/bg-menu.jpg) top repeat-x !important;
        height: 40px !important;
    }

    .mobilemaximenuck {
        background: #61a2c6 !important;
    }

    .mobilemaximenuck div.maximenuck {
        background: url(../images/separateur.jpg) left bottom repeat-x !important;
    }

    .mobilemaximenuck .mobilemaximenuckclose {
        background: url(../images/close.jpg) center center no-repeat !important;
    }

    .mobilemaximenuck div.level1.maximenuck > a {
        background: url(../images/arrow.jpg) left center no-repeat !important;
    }

    .mobilemaximenuck div.level2.maximenuck > a {
        background: url(../images/arrow2.jpg) left center no-repeat !important;
    }

    .open .mobilemaximenutogglericon {
        background-image: url('../images/minus.jpg') !important;
    }

    .mobilemaximenutogglericon {
        background: url('../images/plus.jpg') center center no-repeat !important;
    }





    /*////////////////////////////////////////////////////////////////

PAGES

////////////////////////////////////////////////////////////////*/

    .item-page {
        padding-bottom: 10px !important;
    }



    .item-pagemedias img {
        display: none;
    }

    .item-pagemedias table tr td {
        padding: 5px;
        margin: 5px;
    }



    .item-pagebateau div {
        width: 97% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .item-pagebateau div div {
        float: none !important;
        margin-bottom: 10px !important;
    }



    .moduletabledestinations {
        margin: 0 auto;
    }



    .bateaux-premium div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-classic div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-budget div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-access div {
        float: none;
        margin-bottom: 30px;
    }



    /* Page médias */

    .item-pagemedias table tr td {
        border: none !important;
    }



    /* Page bases */

    div.carte-base {
        display: none !important;
    }

    div.liste-base {
        display: block !important;
    }

    .div-bases div {
        float: none !important;
        width: 93% !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }



    /* Pages bateaux 

.vsig_ruler1_0 {float: none!important;}

table.tarifs, table.tarifs thead, table.tarifs tbody, table.tarifs th,  table.tarifs tr, table.tarifs td {display: block!important;}

table.tarifs th {position: relative; width: auto!important;}

table.tarifs th:before {position: absolute; top: 6px; left: 6px; width: 30%; padding-right: 10px; white-space: nowrap;}

table.tarifs tr {width: auto !important;}

table.tarifs td {position: relative; width: auto!important;}

table.tarifs td:before {position: absolute; top: 6px; left: 6px; width: 30%; padding-right: 10px; white-space: nowrap;}

.tarifs th, td {height: auto!important;}

*/

    .item-pagegamme-premium div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pageclassic div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pagebudget div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pageaccess div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }



    .vsig {
        width: 100% !important;
    }

    .vsig_top {
        width: 100% !important;
    }

    .vsig_ruler {
        width: 100% !important;
    }



    /* Page promotions */

    .promos div {
        width: 100% !important;
    }





    /*////////////////////////////////////////////////////////////////

ONGLETS DANS LES PAGES

////////////////////////////////////////////////////////////////*/

    #onglets li {
        float: none !important;
    }

    #contenu {
        width: 96.7% !important;
    }





    /*////////////////////////////////////////////////////////////////

MODULES

////////////////////////////////////////////////////////////////*/

    /* Diaporama */

    .camera_wrap {
        width: 100% !important;
        /*display:none!important;*/
    }





    /*////////////////////////////////////////////////////////////////

PIED DE PAGE

////////////////////////////////////////////////////////////////*/

    #footer {
        width: 100%;
    }

    #footer-adresse {
        width: 100%;
        height: auto;
    }

    #footer-adresse p {
        text-align: left;
    }

    #footer-int {
        width: 100%;
    }

    #footer-int .moduletable img {
        display: none;
    }

    .moduletablemenu-footer {
        float: left;
        width: auto;
        padding: 0 20px;
    }

    .moduletabletext-footer {
        width: 92%;
    }

    .moduletablesocial-footer {
        width: 100%;
    }

    .customsocial-footer div {
        float: none !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #e6e6e6;
    }

}

@media screen and (max-width: 900px) {
    #maximenuck229 {
        margin-top: 4%;
    }

    #camera_wrap_101 {
        margin-bottom: -50px;
        margin-top: -20px;
    }

}

@media screen and (max-width: 524px) {



    /*////////////////////////////////////////////////////////////////

GENERAL

////////////////////////////////////////////////////////////////*/
    #site-description {
        padding-top: 35% !important;
    }

    #camera_wrap_101 {
        margin-bottom: -100px;
        margin-top: -70px;
    }

    #maximenuck229-mobilebarmaximenuck {
        margin-top: 5%;
    }

    #colonne-gauche {
        width: 96%;
        float: none;
        margin-left: 0px;
        padding: 10px;
    }

    #colonne-droite {
        width: 96%;
        float: none;
        margin-right: 0px;
        padding: 10px;
    }

    #content.normal {
        float: none;
        width: 96%;
        padding: 0 10px;
    }

    #content.large {
        float: none;
        width: 96%;
        padding: 0 10px;
    }





    /*////////////////////////////////////////////////////////////////

STYLES

////////////////////////////////////////////////////////////////*/

    table {
        width: 100% !important;
    }

    table tr td {
        display: inline !important;
        padding: 5px !important;
        width: 100% !important;
    }

    img {
        max-width: 100% !important;
    }

    object,
    iframe {
        width: 100% !important;
    }

    table.tarifs {
        display: none !important;
    }



    /*////////////////////////////////////////////////////////////////

HEADER

////////////////////////////////////////////////////////////////*/

    /*#haut {height: auto;}*/

    #logo {
        float: none;
    }

    #site-description {
        float: none;
        margin: 0;
        text-align: center;
    }

    #haut-droite {
        float: none;
        text-align: center;

    }

    #reservation {
        text-align: center;
        margin: 0;
    }

    #telephone img {
        float: none;
        margin: 0;
    }

    #telephone p {
        text-align: center;
        margin: 0;
    }





    /*////////////////////////////////////////////////////////////////

MENU PRINCIPAL

////////////////////////////////////////////////////////////////*/

    .mobilebarmenuck {
        background: #1f73a2 url(../images/bg-menu.jpg) top repeat-x !important;
    }

    .topbar {
        background: #1f73a2 url(../images/bg-menu.jpg) top repeat-x !important;
        height: 40px !important;
    }

    .mobilemaximenuck {
        background: #61a2c6 !important;
    }

    .mobilemaximenuck div.maximenuck {
        background: url(../images/separateur.jpg) left bottom repeat-x !important;
    }

    .mobilemaximenuck .mobilemaximenuckclose {
        background: url(../images/close.jpg) center center no-repeat !important;
    }

    .mobilemaximenuck div.level1.maximenuck > a {
        background: url(../images/arrow.jpg) left center no-repeat !important;
    }

    .mobilemaximenuck div.level2.maximenuck > a {
        background: url(../images/arrow2.jpg) left center no-repeat !important;
    }

    .open .mobilemaximenutogglericon {
        background-image: url('../images/minus.jpg') !important;
    }

    .mobilemaximenutogglericon {
        background: url('../images/plus.jpg') center center no-repeat !important;
    }





    /*////////////////////////////////////////////////////////////////

PAGES

////////////////////////////////////////////////////////////////*/

    .item-page {
        padding-bottom: 10px !important;
    }

    .item-pagemedias img {
        display: none;
    }

    .item-pagemedias table tr td {
        padding: 5px;
        margin: 5px;
    }



    .moduletabledestinations {
        margin: 0 auto;
    }



    .item-pagebateau div {
        width: 97% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .item-pagebateau div div {
        float: none !important;
        margin-bottom: 10px !important;
    }



    item-pagegamme-premium div {
        width: auto !important;
    }

    .bateaux-premium div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-classic div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-budget div {
        float: none;
        margin-bottom: 30px;
    }

    .bateaux-access div {
        float: none;
        margin-bottom: 30px;
    }



    /* Page médias */

    .item-pagemedias table tr td {
        border: none !important;
    }



    /* Page bases */

    div.carte-base {
        display: none !important;
    }

    div.liste-base {
        display: block !important;
    }

    .div-bases div {
        float: none !important;
        width: 93% !important;
        height: auto !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
    }



    /* Pages bateaux */

    .vsig_ruler1_0 {
        float: none !important;
    }

    table.tarifs,
    table.tarifs thead,
    table.tarifs tbody,
    table.tarifs th,
    table.tarifs tr,
    table.tarifs td {
        display: none !important;
    }

    div.interne h2 {
        display: none !important;
    }

    div.interne div.item h2 {
        display: block !important;
    }


    table.tarifs th {
        position: relative;
        width: auto !important;
    }

    table.tarifs th:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 30%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table.tarifs tr {
        width: auto !important;
    }

    table.tarifs td {
        position: relative;
        width: auto !important;
    }

    table.tarifs td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 30%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .tarifs th,
    td {
        height: auto !important;
    }



    .item-pagegamme-premium div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pageclassic div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pagebudget div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }

    .item-pageaccess div {
        clear: none !important;
        width: 97% !important;
        float: none !important;
    }



    .vsig {
        width: 100% !important;
    }

    .vsig_top {
        width: 100% !important;
    }

    .vsig_ruler {
        width: 100% !important;
    }



    /* Page tarifs */

    .item-pagetarifs .moduletable {
        display: none !important;
    }



    /* Page promotions */

    .promos div {
        width: 100% !important;
    }





    /*////////////////////////////////////////////////////////////////

ONGLETS DANS LES PAGES

////////////////////////////////////////////////////////////////*/

    #onglets li {
        float: none !important;
    }

    #contenu {
        width: 94% !important;
    }





    /*////////////////////////////////////////////////////////////////

MODULES

////////////////////////////////////////////////////////////////*/

    /* Diaporama */

    .camera_wrap {
        width: 100% !important;
    }



    /* Recherche */

    .searchsimplerecherche {
        float: none;
        margin-top: 10px;
    }



    /* Addthis */

    .joomla_addthis a {
        float: none !important;
    }





    /*////////////////////////////////////////////////////////////////

PIED DE PAGE

////////////////////////////////////////////////////////////////*/

    #footer {
        width: 100%;
    }

    #footer-adresse {
        width: 100%;
        height: auto;
    }

    #footer-adresse p {
        text-align: left;
    }

    #footer-int {
        width: 100%;
    }

    #footer-int .moduletable img {
        display: none;
    }

    .moduletablemenu-footer {
        float: left;
        width: auto;
        padding: 0 20px;
    }

    .moduletabletext-footer {
        width: 92%;
    }

    .moduletablesocial-footer {
        width: 100%;
    }

    .customsocial-footer div {
        float: none !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #e6e6e6;
    }

}

#haut-droite-mobile a {
    float: none;
    color: #296D94;
    padding: 5px;
    margin-left: 0px;
    margin-bottom: 50px;
    font-size: 18px;
    border-color: #61a2c6;
    border-width: thin;
    border-style: solid;
    border-radius: 8px;
}

#haut-droite {

    float: right;

    margin: 10px 20px 0px 20px;

    text-align: right;

}

#haut-droite-mobile {


    margin: 18px 20px 0px 20px;

    text-align: center;
}