/* GRID */

    .grid_1 {width:328px;}
    .grid_2 {width:656px;}
    .grid_3 {width:984px;}
    
    .grid_half {width:492px;}

    .margin_left {margin-left:15px;}
    .margin_center {margin-left:15px; margin-right:15px;}
    .margin_right {margin-right:15px;}
    
    .pad_left {padding:0 0 0 15px;}
    .pad_center {padding:0 15px 0 15px;}
    .pad_right {padding:0 15px 0 0;}

    .column {float:left; overflow:hidden; display:inline;}
    .column.left {float:left;}
    .column.right {float:right;}
    
        
    .row {width:auto; margin:0; overflow:hidden;}
    
    .row .row {display:inline-block; width:auto; margin:0;}
    
    .wrapper {position:relative; width:984px; margin:0 auto;}
    .wrapper_70 {position:relative; width:680px; margin:0 auto; margin-bottom:60px;}    
    
    .clearfix {
        display:block; visibility:hidden; clear:both;
        margin:0; padding:0;
        font-size:0; height:0;
    }
    
    .for_desktop {display:block;}
	.for_tablet {display:none;}
	.for_mobile {display:none;}
	
	.for_desktop.for_tablet {display:none;}
	.for_desktop.for_mobile {display:none;}
	.for_tablet.for_mobile {display:none;}
 
/* LAYOUT */

    html{height:100%;}
    body {font-family:'Delius', cursive; font-size:16px; background-color:#693536; overflow-y:scroll; overflow-x:auto; min-height:100%;}
    #page {width: 100%;}
    header {position:relative; height:180px; background-color:white; color:#693536; padding-top:20px;}
    #content {padding:40px 0; }
    footer .adresse {font-size:12px; text-align:left; padding-top:6px; margin-top:12px; border-top:1px solid white; padding-bottom:40px;}
    footer div.tripadvisor img {height:40px;}
    footer div.tripadvisor {margin:0 25px;}
    
    #content section article {padding-bottom:30px;}
    #content article a {color:inherit;}
    #content p {margin-bottom:1.2em;}
    #content ul li {font-size:14px; margin-left:20px; margin-bottom:12px;}
    

    a {text-decoration:none;}
    a:link {color:#000; text-decoration:underline;}
    a:visited {color:#000;}
    a:hover {color:#000; text-decoration:underline;}
    a:active {color:#000;}
    
    address {font-style:normal; display:inline;}
    img {border: 0px none;}
    img.responsive {width:100%;}
    sup {text-transform:none; line-height:0;}
    p.renf { margin-bottom:0.7em;} 
    h1 {text-align:center; text-transform:uppercase; border-bottom:1px solid white; padding-bottom:4px; margin-bottom:15px;}
    h2 {text-align:left; font-size:21px; text-transform:uppercase; margin-bottom:10px; padding-top:2px;}
    h3 {text-align:left; font-size:21px; text-transform:uppercase; margin-bottom:10px;}
    h4 {text-align:left; font-size:18px; margin-bottom:20px;}
    aside {margin-bottom:30px;}
    figure {margin:0;}

    .text_left {text-align:left;}
    .text_right {text-align:right;}
    .text_center {text-align:center;}
    
    .line_24 {line-height:24px;}
    .hide_it {display:none;}
    .img_32 {margin:15px 32px 0 0;}
    .h1_marg40 {margin-bottom:40px;}
    
    
    .home_plan figcaption {text-align: right; font-size: 14px; padding-top: 6px; display:block;}
    .home_plan figure {width:100%; display:block; margin-left: auto; margin-right: auto;}
    .home_plan figure img {width:100%;}
    
    .home_mail {font-size:14px;}
    a.small_mail {font-size:12px; color:inherit;}


/* MENU NAVIGATION */

    .tb_menu td {vertical-align:middle;}
    
    .home_box {width:304px; margin-top:30px;}
    .home_box a {color:white;}
    
    .menu {position:absolute; left:0; top:0; text-transform:uppercase;}
    .menu a {color:#693536; text-decoration:none;}
    .menu a.selected {color:#693536; text-decoration:underline;}
    .pad20 {padding:0 20px;}

/* MENU for_desktop for_mobile */

    .logo {min-height:180px;}

    .navigation {position:absolute; bottom:20px;}
    .navigation ul li {display:inline-block; margin:0 5px;}


/* MENU PICTO*/

    div.contact {
        position:absolute;
        z-index:101;
        top:0; right:0px;
    }
    div.contact a {margin-left:15px; display:inline-block; height:23px; float:left;}
    
    div.contact a.facebook img {height:100%;}
    
    div.contact a.email {font-family:'Delius', cursive; font-size:18px; text-decoration:none; color:#5f402b; padding-bottom:3px;}
    
    div.pictos {
        position:absolute;
        z-index:100;
        top:0; left:0;
        background-color:rgb(255, 255, 255);
        background-color:rgba(255, 255, 255, .85);
        font-size:13px;
    }
    
    div.pictos p {margin-bottom:.5em;}
    div.pictos .details {display:none; margin-top:-14px;}
    div.pictos .images {letter-spacing:2px;}
    
    div.pictos:hover .details {display: block;}
    div.pictos:hover .images {display: none;}
    
    div.pictos .details img {vertical-align middle; margin-top:-5px;}
    div.col_1 {display:block; float:left; margin:0 auto;}
    div.col_2 {display:block; float:left; margin:0 auto;}
    

/* ACTUALITES */

    
    .date {font-size:14px; padding-bottom:5px;}
    
    /* DETAILS */
    figure.image_details figcaption {font-size:14px; text-align:center;}
    figure.image_details {text-align:center; margin:15px;}
    
    p.text {margin-bottom:0.8em !important ;}
    
    .liens img,
    .liens span,
    .liens a {vertical-align:bottom; margin-right:5px; margin-bottom:3px; font-size:16px;}
    
    .resume {font-style:italic; font-size:14px;}
    
    
    /* LISTE */
    
    article.liste_actu {
        width:460px;
        margin-bottom:15px;
        padding-bottom:0 !important;
        padding-left:15px;
        padding-right:15px;
        float:left;
        display:inline;
        min-height:115px;
    }
    
    .liste_actu .actu_img div.date,
    .liste_actu .actu_img div.actu_content {display:block !important; width:100%; height:140px;}
    
    article.liste_actu div.actu_content
        {width:100%;}
    
    .more {text-transform: uppercase; font-size:12px;}
    
    h3.actu {border-bottom:solid !important; border-bottom-width:thin !important; font-size:18px !important; }
    
    .liste_actu .actu_content .resume {font-style:normal !important; }
     
    .liste_actu div figure {display:none;}



    article.liste_actu.promoted {position:relative !important; float:none !important; margin:0 auto; margin-bottom:15px; overflow:hidden;}
    
    .liste_actu div.promoted figure {display:inline-block; overflow:hidden;}
    

    
    .liste_actu.promoted {width:680px; height:160px; display:block; margin-left:auto; margin-right:auto;}
    
    .liste_actu.promoted .actu_content {width:70%; height:160px; padding:10px 0 10px 10px;}
    
    .liste_actu.promoted .actu_img {width:25%; height:120px; overflow:hidden; margin:15px 0 10px 10px; vertical-align:middle; text-align:center;}
    
    .liste_actu.promoted h3.actu {border-bottom:none !important; font-size:21px !important; margin-bottom:3px !important;}
    .liste_actu.promoted .actu_content .resume {font-style:normal !important; font-size:16px;}
    
    
   
    
   
    

/* THEME (couleurs) */

    body.home {background-color:#6a3535; color:#fff;} /* id=2 */
    body.home footer .white {display:inline;}
    body.home footer .brown {display:none;}
    
    body.presentation {background-color:#3a100f; color:#ffe3d9;} /* id=4 */
    body.presentation h1 {border-bottom-color:#ffe3d9;}
    body.presentation footer .adresse {border-top-color:#ffe3d9;}
    body.presentation footer .white {display:inline;}
    body.presentation footer .brown {display:none;}
    
    body.actualites {background-color:#dcd2d2; color:#3a100f;} /* id=5 */
    body.actualites h1 {border-bottom-color:#3a100f;}
    body.actualites footer .adresse {border-top-color:#3a100f;}
    body.actualites footer .white {display:none;}
    body.actualites footer .brown {display:inline;}
    
    body.carte {background-color:#2d2d2d; color:#fff;} /* id=7 */
    body.carte h1 {border-bottom-color:#fff;}
    body.carte footer .adresse {border-top-color:#fff;}
    body.carte footer .white {display:inline;}
    body.carte footer .brown {display:none;}
    
    body.acces {background-color:#7f5d2f; color:#fff;} /* id=9 */
    body.acces h1 {border-bottom-color:#fff;}
    body.acces footer .adresse {border-top-color:#fff;}
    body.acces footer .white {display:inline;}
    body.acces footer .brown {display:none;}
    
    body.contact {background-color:#f0cf93; color:#673e28;} /* id=8 */
    body.contact h1 {border-bottom-color:#673e28;}
    body.contact footer .adresse {border-top-color:#673e28;}
    body.contact footer .white {display:none;}
    body.contact footer .brown {display:inline;}