/*
 Theme Name:   U-Design Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  U-Design Child Theme
 Author:       HM35
 Author URI:   http://example.com
 Template:     u-design
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  u-design-child
*/



/*TEST
 */



/* Custom Styles */
body, #page-content-title .title-description { font-family:'Cantarell'; font-weight: normal; font-style: normal; }
body { font-size:16px; line-height:1.7; }
h1, h2, h3, h4, h5, h6, #slogan { font-family:'Cantarell'; }
h1, h2, h3, h4, h5, h6 { line-height:1.3; font-weight: normal; font-style: normal; }

 @media screen and (max-width: 719px) {
#top-elements { height:110px; }
    #logo h1 a, #logo .site-name a { background:transparent url( https://www.hotel-mont-saint-michel.com/wp-content/uploads/2016/12/logo-altos-NEW.png ) no-repeat 0 100%; width:239px; height:86px; margin:auto; }       } 

#logo { top: 6px; }
#slogan { 
    top:100px;
    left:0px;
}
#slogan { font-size:12px; }
#navigation-menu { font-family:'Cantarell'; font-weight: normal; font-style: normal; font-size:17px; }
#navigation-menu > ul.sf-menu { margin-top:0; }
    #main-menu { background:none; }
h1 {font-size:1.833em; }
h2 {font-size:1.667em; }
h3 {font-size:1.5em; }
h4 {font-size:1.333em; }
h5 {font-size:1.25em; }
h6 {font-size:1.083em; }

#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3 {font-size:1.667em;}
.post-top h1, .post-top h2, .post-top h3 { font-size:1.9em; }
#sidebarSubnav h3, h3.bottom-col-title {font-size:1.21em; }
.portfolio-items-wrapper h2 {font-size:1.333em; }
h2.portfolio-single-column {font-size:1.667em; }


#c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; }
#c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Cantarell'; line-height:1.7; }
#c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.2em; line-height:1.7; }
#c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; }


    #navigation-menu > ul.sf-menu { float:right; }
    
/* secondary nav bar items' alignments */
#sec-nav-text-area-1 { text-align: left; }
#sec-nav-text-area-2 { text-align: right; }
#sec-nav-menu-area { text-align: center; }
    

body, .posts-counter, h3.accordion-toggle a { color:#9D9FA3; }
a, #isotope-options li a:hover, #isotope-options li a.selected, h3.accordion-toggle.active a { color:#FFFFFF; }
a:hover, .post-top h2 a:hover, .post-top h3 a:hover, #isotope-options li a, .single-post-nav-links .prev-title a:hover, .single-post-nav-links .next-title a:hover { color:#A8935E; }
.custom-formatting li.current_page_item > a, .custom-formatting li.current-menu-item > a, .custom-formatting li.current-cat > a, .custom-formatting li.current > a { color: #A8935E; }
.custom-formatting li.current_page_item > a:hover, .custom-formatting li.current-menu-item > a:hover,.custom-formatting li.current-cat > a:hover, .custom-formatting li.current > a:hover { color: #FFFFFF; }
h1, h2, h3, h4, h5, h6, .post-top h2 a, .post-top h3 a, .single-post-nav-links .prev-title a, .single-post-nav-links .next-title a { color:#fff; }
    #top-wrapper { background: url("https://www.hotel-mont-saint-michel.com/wp-content/uploads/2025/04/fond_altos2.jpg") no-repeat scroll center top #1E1F25; }
#slogan, #top-elements .phone-number, #top-elements .social_media_title, #search input.blur, #search input.inputbox_focus { color:#9D9FA3; }
#slogan{ color:#9D9FA3; }
    #c1-header, #c2-header, #c3-header, #rev-slider-header { background-color:#1E1F25; }
    #main-menu {
        background-color: #1E1F25; /* the fallback */
        background-color: rgba(30,31,37,0);
    }
@media screen and (min-width: 720px) {
    .u-design-fixed-menu-on.fixed-menu #main-menu {
        background-color: #1E1F25; /* the fallback */
        background-color: rgba(30,31,37,0);
    }
}
#navigation-menu ul.sf-menu > li > a > span { color:#FFFFFF; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span, #navigation-menu ul.sf-menu > li.current_page_item > a > span { color:#A8935E; }
#navigation-menu ul.sf-menu > li.current-menu-item > a > span:hover, #navigation-menu ul.sf-menu > li.current_page_item > a > span:hover { color:#A8935E; }
#navigation-menu ul.sf-menu > li > a:hover span { color:#A8935E; }
#navigation-menu ul.sf-menu a, #navigation-menu ul.sf-menu a:visited {color: #ffffff; }
#navigation-menu ul.sf-menu a:hover  { color:#A8935E; }
#navigation-menu ul.sf-menu li li {
    background-image: none;
    margin-bottom: 1px;
    background-color: #1E1F25; /* the fallback */
    background-color: rgba(30,31,37,0.95);
}
#secondary-navigation-bar-wrapper  {
    background-color: #1E1F25; /* the fallback */
    background-color: rgba(30,31,37,0);
}
#secondary-navigation-bar-content  { color:#A8935E; }
#secondary-navigation-bar-content a { color:#A8935E; }
#secondary-navigation-bar-content a:hover { color:#A8935E; }
#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3,
#page-content-title #page-title .breadcrumbs, #page-content-title #page-title .breadcrumbs a { color:#A8935E; }
    #page-content-title { background-color:#9D9FA3; }
    #home-page-content, #page-content, .no_title_section #page-content { background: url("https://www.hotel-mont-saint-michel.com/wp-content/uploads/2025/04/fond_altos2.jpg") no-repeat scroll center top #1E1F25; }
h3.before_cont_title { color:#A8935E; }
#before-content { color:#9D9FA3; }
    #before-content { background-color:#1E1F25; }
    #bottom-bg { background: url("https://www.hotel-mont-saint-michel.com/wp-content/uploads/2016/11/fond-altos02.png") no-repeat scroll center top #1E1F25; }
h3.bottom-col-title { color: #A8935E; }
#bottom, #bottom .textwidget, #bottom #wp-calendar, #bottom .posts-counter { color: #9D9FA3; }
#bottom a { color: #9D9FA3; }
#bottom a:hover { color: #A8935E; }
    #footer-bg { background: url("https://www.hotel-mont-saint-michel.com/wp-content/uploads/2016/11/fond-altos02.png") no-repeat scroll center top #1E1F25; }
body { background-color: #1E1F25; }
#footer, #footer_text { color: #9D9FA3; }
#footer a, #footer_text a { color: #9D9FA3; }
#footer a:hover, #footer_text a:hover { color: #A8935E; }


    @media screen and (max-width: 719px) {
        #logo { top: 6px; }
        #logo h1 a, #logo .site-name a { background:transparent url( https://www.hotel-mont-saint-michel.com/wp-content/uploads/2016/12/logo-altos-NEW.png ) no-repeat 0 100%; height:100px; }
        #wrapper-1, #top-wrapper, #c1-header, #c2-header, #c3-header, #rev-slider-header, #page-content-title, #home-page-content, #page-content, .no_title_section #page-content, #before-content, #bottom-bg, #footer-bg { background-image:none; }
    }
    @media screen and (max-width: 959px) {
        #c2-slider .slide-desc p, #c2-slider .slide-desc ul  { font-size:1.1em; line-height:1.6; }
        ul#c2-slider li ul li { font-size:0.8em; }
    }
    @media screen and (max-width: 480px) {
        #c2-slider .slide-desc h2 { font-size:1.4em !important; line-height:1.5; }
    }
    @media screen and (min-width: 720px) and (max-width: 959px) {
        .mean-container #logo {
            left: 0;
            margin-left: 0;
            padding-left: 20px;
            position: relative;
            width: 700px;
        }
        .mean-container #logo h1 a, .mean-container #logo .site-name a {
            width: 700px;
            max-width: 700px;
            background-position: 50% 60%;
            background-size: inherit;
        }
    
        #top-elements { min-height:86px; }
        #c2-slider .slide-desc h2 { font-size:1.7em !important; line-height:1.6; }
    }

@media screen and (min-width: 720px) and (max-width: 959px) {
    #sticky-menu-alias, #sticky-menu-logo { display: none !important; } }
@media screen and (min-width: 960px) {
    .u-design-fixed-menu-on.fixed-menu #top-elements,
    .u-design-fixed-menu-on.fixed-menu #secondary-navigation-bar-wrapper {
        display: none;
        height: 0;
        margin: 0;
        padding: 0;
    }
    .u-design-fixed-menu-on.fixed-menu #top-wrapper {
        background-color:#1E1F25;
        position: fixed;
        display: block;
        width: 100%;
        z-index: 9500;
        opacity: 0.90;
    }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu ul.sf-menu { margin-top: 0; }
    #sticky-menu-alias, #sticky-menu-logo { display: none; }
    
    .u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo {
        display:inline-block;
        float:left;
        height: 40px;
        padding-left: 20px;
    }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu #sticky-menu-logo img { height: inherit; }
    .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { background-color: transparent; }
        .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu {
          margin-left: 0;
          margin-right: 0;
        }
}
    @media screen and (min-width: 960px) {
        .u-design-fixed-menu-on.fixed-menu #top-wrapper { background-image:none; }
    }
    
    @media screen and (min-width: 960px) {
        /* Set the Container widths first */
        .container_24 {
            max-width: 1100px;
            width: auto;
        }
        /* Sidebar */
        #main-content.grid_16 { width: 67%; }
        #sidebar.grid_8 { width: 33%; }
        #sidebar.push_8, #main-content.push_8 { left: 33%; }
        #main-content.pull_16, #sidebar.pull_16 { right: 67%; }
    }
    
/*FIN TEST */

/*-------------ACCUEIL------------*/

.bloc-accueil {
	display: inline-block;
    position: relative;
  
}

.bloc-accueil .text {
	
	z-index: 1;
    position: absolute;
    text-align: center;
    font-family: Georgia;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: white;
    width: 70%;
}

.vignette {
	overflow: hidden;
}

.vignette img{
	transition:all 0.5s;
}
.vignette:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}



/*-------------------------------*/

#secondary-navigation-bar-wrapper {
   /*background-color: #1E1F25;    background-color: #42413d;*/
   background-color: rgba(30,31,37,0);
}
h1, h2, h3, h4, h5, h6, .post-top h2 a, .post-top h3 a, .single-post-nav-links .prev-title a, .single-post-nav-links .next-title a {
    text-transform: uppercase;

}
a.btncentre, .btn {
    background-color: #1E1F25;
    border: none;
    color: #ffffff;
    display: inline-block;
    font-family: 'Cantarell';
    font-size: 14px;
    padding: 12px 24px 8px 24px;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
}

a.btn, .btn {
    background-color: #1E1F25;
    border: none;
    color: #ffffff;
    display: inline-block;
    float: right;
    font-family: 'Cantarell';
    font-size: 14px;
    padding: 12px 24px 8px 24px;
    line-height: 1;
    text-align: center;
    margin-right: 10px;
}

a.btn-secondary:hover, .btn-secondary:hover {
    background-color: #A8935E;
    color: #ffffff;
}

a.btn1, .btn {
    background-color: #9D9FA3;
    border: none;
    color: #ffffff;
    display: inline-block;
    float: right;
    font-family: 'Cantarell';
    font-size: 14px;
    padding: 12px 24px 8px 24px;
    line-height: 1;
    text-align: center;
    margin-right: 10px;
}

a.btn1-secondary:hover, .btn-secondary:hover {
    background-color: #1E1F25;
    color: #ffffff;
}

.alignleft, img.alignleft, a img.alignleft {
    float: left;
    margin: 0px 14px 2px 0;
}

/*<<<<<<<<<<<<<<<<<<< IMAGE SURVOL >>>>>>>>>>>>>>>>>>>>*/

img.overVisite {
	display:none;
	position: absolute;
	z-index:0;
	top:0px;
}

a.lienVisite:hover img.overVisite {
	display:block;
}


/*<<<<<<<<<<<<<<<<<<<< Bouton formulaire >>>>>>>>>>>>>>>>>>>>*/
.bouton{
	padding: 10px;
        background-color:#9D9FA3;
        border:#9D9FA3;
        cursor:pointer;
        color:#ffffff;
        min-width:313px;
	   font-size:17px;
}

.wpcf7-form-control {
    width: 100%;
    line-height: 1.8;
}

/*<<<<<<<<<<<<<<<<<<< Page 10 bonnes raisons >>>>>>>>>>>>>>>>>>>>*/
.post {
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    background-color: #fbfbfb;
    color: #000000;
}

.post-img {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
}

.post-content {
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.aligncenter, img.aligncenter, a img.aligncenter, img.centered, a img.centered {
    display: block;
    margin: 0px auto 0px !important;
}

h2 {
font-size: 18px;
}

#page-content #page-title h1, #page-content #page-title h2, #page-content #page-title h3 {
    text-align: center;
}

/*<<<<<<<<<<<<<<<<<<< MENU COFFRET CADEAU >>>>>>>>>>>>>>>>>>>>*/

div#main-menu div#navigation-menu ul.sf-menu > li.menuBook a span {
    padding: 10px 10px 10px 10px;
    transition: all 0.1s;
    border: 0px solid #A8935E;
}

/*<<<<<<<<<<<<<<<<<<< BLOG - marge >>>>>>>>>>>>>>>>>>>>*/
entry {
    padding: 20px 20px 20px 20px;

}

/* HEADER */
.home #top-wrapper {
	    /*background: linear-gradient(rgba(30,31,37,1), rgba(30,31,37,1), rgba(30,31,37,1), rgba(30,31,37,0.9), rgba(30,31,37,0.7),rgba(30,31,37,0.4), rgba(30,31,37,0));*/
	   background: rgba(30,31,37,0.5);
	padding-bottom: 0 !important;
}
#wrapper-1 { background: inherit; float: inherit; }
#top-wrapper {
    background: rgba(30,31,37,1);
}
#secondary-navigation-bar-wrapper { z-index: 100; background: rgba(30,31,37,1); }
.home #secondary-navigation-bar-wrapper { background: none; }
#main-menu { margin-top: 20px; }

#sec-nav-text-area-2 .contact, .lang_sel_list_horizontal { display: inline-block; }
.lang_sel_list_horizontal { float:right; padding-top: 1px; }
.language-bar { display: inline; }

#logo { z-index: 102; }

#rev-slider-header { margin-top: -110px; }

#lang_sel_list ul { border: none !important; }
#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited, #lang_sel_list ul a.lang_sel_other, #lang_sel li ul a:link, #lang_sel_list ul a.lang_sel_other:visited { background: none !important; }
#lang_sel_list a, #lang_sel_list a:visited { border: none !important; }


/* GALLERIE PHOTOS */
.uk-modal { background: rgba(30,31,37,0.8); }
.uk-overlay-background { background: rgba(30,31,37,0.8); }
.uk-overlay-icon:before { color: rgba(30,31,37,1); }
.uk-modal-dialog { border: none; background: none; }

#navigation-menu ul.sf-menu li li { margin-bottom: 0; }


/* MENU RESPONSIVE */
@media screen and (max-width: 959px) {
.mean-container .mean-bar, .mean-container .mean-nav { background: rgb(30,31,37); }
#rev-slider-header { margin-top: 25px; }
.home #secondary-navigation-bar-wrapper { background: rgb(30,31,37); }
	#secondary-navigation-bar {display:none}
}


/* BLOC DE RESERVATION */
#rev-slider-header { position: relative; }
#before-content { position: fixed; background-color: rgba(30,31,37,0.5); z-index: 100; bottom: 0; color: #FFFFFF; }
#before-content, #before-content .substitute_widget_class, #before-content .textwidget { padding: 0; text-align: center; }
.responsiveHM { display: none; }
.baseline, .form-booking, .datepicker-content, .select-content, .submit-content, .title, .datepicker { display: inline-block; }
.baseline, .datepicker-content, .select-content { margin-right: 10px; }
.datepicker { font-size:14px; padding: 9px !important; width: 120px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; direction: initial !important; background-image: url("https://www.hotel-mont-saint-michel.com/wp-content/uploads/2016/12/calendar.png"); background-repeat: no-repeat; background-position: 90%; background-size: 14px 14px; border-width: 0px; }
#select-adult { padding: 8px 12px; border: none; height: 30px; }
.baseline { text-transform: uppercase; }
.booking-submit { padding: 10px 40px; background-color: #a8935e; border: none; color: #FFFFFF; text-transform: uppercase; cursor: pointer; font-weight: bold; font-size:17px }
.form-booking-super-container { text-align: center; background-color: rgb(30,31,37); color: #FFFFFF; }
.home .form-booking-super-container { background: none; position: absolute; bottom: 280px; width: 100%; z-index:1000; position:absolute; }
.home .form-booking-container { width: 800px; margin: 0 auto; background-color: rgba(30,31,37,0.5); padding: 10px 0; }

/*  BOUTON RESERVATION FOOTER */
.footerbook { background-color: #a8935e; padding: 15px }
a .footerbook {color: #FFFFFF; text-align: center}

.mobilebook { background-color: #a8935e; padding: 15px; width:80%; margin:auto; }
a .mobilebook {color: #FFFFFF; text-align: center}

.footerbook2 { background-color: #6f6b6b; padding: 15px }
a .footerbook2 {color: #FFFFFF; text-align: center}

/* MODIFICATION CALENDRIER DATEPICKER */
.ui-datepicker { background-color: rgba(30, 31, 37, 0.8) !important; color: #FFFFFF !important; }
.ui-widget-header { background: none !important; border: none !important; color: #FFFFFF !important; }
.ui-datepicker-title { color: #FFFFFF !important; }
.ui-state-default, .ui-widget-content .ui-state-default { border: none !important; background: none !important; color: #FFFFFF !important; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #A8935E!important; }
.ui-widget-header .ui-icon { background-image: url(https://www.hotel-mont-saint-michel.com/wp-content/uploads/2016/12/ui-icons_444444_256x240.png) !important; }
.ui-datepicker-prev-hover, .ui-datepicker-next-hover { background: none !important; }
.ui-datepicker-month { text-transform: capitalize !important; }

@media (max-width: 959px) {
	.responsiveHM { display: block }
	.form-booking-super-container { display: none; }
	#before-content { position: relative; background-color: rgb(30,31,37); }
	.responsiveHM .contact-button-container { text-align: center; padding: 10px 0; background-color: rgb(30,31,37); }
	.responsiveHM .booking, .responsiveHM .callus { width: 80%; padding:15px; border: 0px; color: #FFFFFF; cursor: pointer; font-size: 100%; }
	.responsiveHM .booking { background-color: #A8935E; }
	.responsiveHM .callus { background-color: #9D9FA3; }
	
	/* CORRECTIF DISPARITION MENU SUR ANDROID */
	.mobile-detected .mean-bar { display: block; }
}

#home-page-content, #page-content, .no_title_section #page-content {
background: url("https://www.hotel-mont-saint-michel.com/wp-content/uploads/2025/04/fond_altos2.jpg") no-repeat scroll center top #1E1F25 !important;
}

/* LIEN GOOGLE MAPS */
@media (min-width: 959px) {
.googlemaps { display: none !important }
	}
/* IMAGE MOBILE  HOME*/
@media (min-width: 959px) {
.mobilehome { display: none }
	}
.mobilehome { padding-top:80px }

@media (max-width: 959px) {#myGallery { display: none !important }}

/* TELEPHONE */

.telephone { color:#fff; text-align:right;}

@media screen  and (max-width: 959px) {
	.telephone { display: none !important; }
}


/* RESPONSIVE */

#mobile-hide { display: block; }


@media screen  and (max-width: 1024px) {
	.mobile-hide{ display: none !important; }
}

#mobile-only { display: none; }

@media screen and (max-width: 1024px) {
	.mobile-only{ display: block !important; }
}