/*
Theme Name: Moulin Roty
Version:2014
Author: Claire Guilloton and Spadilha
Author URI: http://www.claireguilloton.com/
*/

/*--------------------------------------------------------------------------------------------------
                      RESET
--------------------------------------------------------------------------------------------------*/
/* apply a natural box layout model to all elements */
* {margin: 0; padding: 0; border: 0; vertical-align: baseline; background:transparent; outline: none;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/*--------------------------------------------------------------------------------------------------
                      BODY
--------------------------------------------------------------------------------------------------*/
html, body {height: 100%;}

body {font-family: 'Raleway', sans-serif; font-weight:600; font-size:13px; color:#6f6963; line-height:1; background-color: #E3DFDB;

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

input, select, textarea {font-family: 'Raleway', sans-serif; font-weight:600; font-size: 12px; padding: 0; border: 0;}
textarea {overflow: auto; line-height: 17px;}

::-webkit-input-placeholder {
   color: #D4D0CC;
}
:-moz-placeholder { /* Firefox 18- */
   color: #D4D0CC;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #D4D0CC;
}
:-ms-input-placeholder {
   color: #D4D0CC;
}

h1, h2, h3, h4 {font-family: 'moonflower_bold', sans-serif; font-weight:normal;}

a {text-decoration:none; color:#4BAFA3;
    -webkit-transition:color 0.15s ease-in;
    -moz-transition:color 0.15s ease-in;
    -o-transition:color 0.15s ease-in;
    transition:color 0.15s ease-in;
}
a:hover {color: #4BAFA3;}

ol, ul {list-style: none;}

table {border-collapse: collapse; margin: 15px 0;}
table th, table td {padding: 5px; border: 1px solid #000;}

.row {width: 100%; float: left; clear: left;}

.wrapper {max-width: 1172px; margin: 0 auto; position: relative;}


/*-------------------------------------------------
  MAIN
-------------------------------------------------*/
#main {width: 100%; min-height: 100%; float: left; clear: left; margin-bottom:-86px; position: relative; padding-top: 95px;}
.home #main {position: relative; margin-bottom: 0; min-height: 0;}
.home #main .wrapper {position: static; height: 100%;}

#overlayer {position: absolute; left: 0; top: 95px; right: 0; bottom: 0; background-color:rgba(227,223,219,0.8); z-index: 99;}


/*-------------------------------------------------
  HEADER
-------------------------------------------------*/
#header {width: 100%; height: 95px; background-color: #E3DFDB; position: fixed; float: left; clear: left; z-index: 999;}
#header .logo {width: 205px; height: 40px; background: url('_images/logo_moulinroty.png') center center no-repeat; position: absolute; left: 13px; top: 25px;}


/* MENU */
.menuClick {display: none;}
#menu {height:53px; float: left; margin: 47px 0 0 220px;}


#collections {height: 53px; float: left; padding: 0 10px 0 90px;}
#collections h3 {font-family: 'Raleway', sans-serif; font-weight:600; font-size: 14px; color: #6F6963; float: left; text-transform: uppercase; cursor: pointer;}
#collections h3:hover {color: #4cb0a3;}

.menu {float: left;}
.menu li {float: left; text-transform: uppercase;}
.menu li a {padding: 0 10px; font-size: 14px; color: #6F6963; float: left;}
.menu li a:hover {color: #4cb0a3;}
.menu li.current-menu-item a {color: #4cb0a3;}


/* MENU PANEL */
.collectionsPanel {width: 100%; height: 595px; padding:25px; background-color: #fff; position: absolute; left: 0; top: 95px; z-index: 9999; display:none;}
.collectionsPanel:before {content:''; width: 19px; height: 8px; background: url('_images/arw_up.png') center top no-repeat; position: absolute; left: 348px; top:-8px;}

.collectionsPanel h4 {width: 180px; font-size: 34px; color: #8F877F; font-weight: normal; margin:0 24px 14px 0; padding-left: 12px; float: left;}



#menuPanel {width: 190px; float: left; clear: left;}
/* Panel SUBMENU */
.collectionsPanel ul {width: 100%; float: left; position: relative;}
.collectionsPanel ul li {width: 100%; float: left;}

.collectionsPanel ul li a, .collectionsPanel ul li span {width: 100%; line-height: 31px; font-size: 14px; color: #8F877F; text-transform: uppercase; display: block; float: left; clear: left; cursor: pointer;

    -webkit-transition: background-color 0.15s ease-in;
    -moz-transition: background-color 0.15s ease-in;
    -o-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in;
}

.collectionsPanel ul li span {padding-left: 12px;}
.collectionsPanel ul li span a {padding-right: 20px;}
.collectionsPanel ul li span.doubled a {line-height: 16px; padding: 4px 20px 4px 0;}

.collectionsPanel ul li span:hover, .collectionsPanel ul li.active span, .collectionsPanel ul > li > ul > li.active a {color: #fff; background: url('_images/bg_menuPanelHover.png') right center no-repeat #3CB1A4;}

.collectionsPanel ul li span:hover > a, .collectionsPanel ul li.active span > a {color: #fff;}

.collectionsPanel ul li ul {width: 335px; min-height: 500px; position: absolute; left: 215px; top: 0; display: none;}

.collectionsPanel ul li .sublevel li a {padding-left: 12px;}

#panelThumbWrapper {width: 545px; height: 545px; position: absolute; right: 25px; top: 25px; z-index: 999;}
#panelThumbWrapper img {width: 100%; height: auto;}



/* SOCIAL MEDIA BUTTONS */
#socialmedia {position: absolute; right: 80px; top:16px;}
#socialmedia a, #socialmedia span {height: 70px; background: url('_images/sprite_socialmedia.png') 0px 0px no-repeat; display: block; float: left; text-indent: -9999px; margin-left: 2px;

    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
.actions_btn{
    width: 100%;
    margin: auto;
}
.return_btn{
    background: #C9816E;
    color: white;
    padding: 1rem;
    margin: auto;
    display: block;
    border-radius: 15px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    width: fit-content;
}
.return_btn:hover{
    color: white;
}

#socialmedia span {width: 100%; height: 100%; opacity: 0; display: block; margin-left: 0;}

#socialmedia .icoBlog {width: 68px; height: 70px; background-position: 0px 0px;}
#socialmedia .icoBlog span {background-position: 0px -70px;}
#socialmedia .icoFacebook {width: 40px; height: 70px; background-position: -68px 0px;}
#socialmedia .icoFacebook span {background-position: -68px -70px;}
#socialmedia .icoPinterest {width: 27px; height: 70px; background-position: -108px 0px;}
#socialmedia .icoPinterest span {background-position: -108px -70px;}
#socialmedia .icoInstagram {width: 35px; height: 70px; background-position: -135px 0px;}
#socialmedia .icoInstagram span {background-position: -135px -70px;}

#socialmedia a:hover span {opacity: 1;}



/* LANGUAGE */
#language {width: 37px; position: absolute; right: 0px; top:39px; z-index: 999; padding:8px 0 2px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
}
#language:hover {background-color:#fff;}

#language li, #language div {width: 100%; font-size: 14px; color:#6F6963; text-transform: uppercase; text-align: center; cursor: pointer; margin-bottom: 6px; float: left; clear: left;}
#language ul {width: 100%; float: left; clear: left; display: none;}
#language li a {color:#6F6963;}
#language li a:hover {color:#4BAFA3;}



/*--------------------------------------------------------------------------------------------------
                      HOME PAGE
--------------------------------------------------------------------------------------------------*/
/* BANNER */
#banner {width: 100%; position: absolute; top: 50%; margin-top: -260px; left: 0;}
#banner img {width: auto; height: auto; max-width: 100%; max-height: 100%;}

.bnrBg {position: relative; z-index: 1; text-align: center;}
.bnrContent {width: 40%; position: absolute; right: 90px; top: 15%; z-index: 90; text-align: center;}

.bnrContent h2 {font-size: 30px; color: #fff; text-transform: uppercase; margin-bottom: 10%}
.bnrContent p {font-size: 20px; color: #fff; line-height: 25px; margin-bottom: 9%;}
.bnrContent p.highlight {font-size: 23px; line-height: 30px; text-transform: uppercase;}
.bnrContent p a {color: #fff;}
.bnrBtn {font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; background-color: #027BA6; padding:4% 8%; display: inline-block;}
.bnrBtn:hover {color: #fff; background-color: #DBDBDB;}



/*--------------------------------------------------------------------------------------------------
                      INTERNS
--------------------------------------------------------------------------------------------------*/
/* PAGE COLLUMNS  */
.page-collumn {width: 49%; float: left; overflow: hidden;}
.page-collumn:last-child {margin-left: 2%;}


/*-------------------------------------------------
  COLLECTION
-------------------------------------------------*/
#collection-single {width: 100%; float: left; clear: left; margin-bottom: 24px;}

.collectionContent {width: 100%; float: left; clear: left;}
.grid-item {width: calc(50% - 12px); position: relative; overflow: hidden;}




.single-image {width: 100%; height: auto; background-color: #fff; float: left; margin-bottom: 20px; position: relative;}
/* when we had the titles underneath the pictures.single-image.hasTitle {padding-bottom: 45px;}*/
.single-image.hasTitle {padding-bottom: 0px;}
.single-image img {width: 100%; height: auto; float: left; clear: left;}
.single-image h4 {width: 100%; font-family: 'Raleway', sans-serif; font-weight:600; font-size: 13px; text-align: center; position: absolute; left: 0; bottom: 20px; }

.single-image:first-child {padding-bottom: 0;}


.single-content {width: 100%; padding: 20px; background-color: #fff; float: left; clear: left; margin-bottom: 20px; text-align: center;}
.single-content h1 {font-size: 35px; color: #6F6963; text-align: center; font-weight: normal;}
.single-content p {line-height: 21px; margin-top: 20px;}

.fitvids {background: none;}

#singleMobile {display: none;}
#singleLarge {display: block;}


#collection-footer {width: 100%; float: left; clear: left; text-align: center;}
#collection-footer {font-size: 15px;}

#collection-footer h3 {font-family: 'Raleway', sans-serif; font-weight:600; font-size: 14px; color: #4cb0a3; margin:30px 0 40px; text-transform: uppercase;}
#collection-footer h3 a {color: #4cb0a3;}



#bubleman {width: 170px; height: 312px; background: url('_images/bubble_man.png') left top no-repeat; display: block; font-family: 'moonflower_bold', sans-serif; font-size: 25px; color: #fff; line-height: 28px; text-align: center; padding-top: 27px; margin: 0 auto;}
#bubleman:hover {color: #fff; background-position: right top;}
#bubleman.bubleFixed {position: fixed; bottom:-190px; left: 50%; margin-left: -85px;}




#collection-menu {width: 100%; float: left; clear: left; margin-top: 40px;}
#collection-menu h3 {font-family: 'Raleway', sans-serif; font-weight:600; font-size: 14px; color: #6F6963; margin-bottom: 43px; text-align: center; text-transform: uppercase;}

.clctMenuBlock {width: 16%; margin-right: 12%; float: left;}
.clctMenuBlock:last-child {margin-right: 0;}
.clctMenuBlock h4 {font-size: 34px; font-weight: normal; color: #958F8A; margin-bottom: 23px;}
.clctMenuBlock ul {float: left; clear: left;}
.clctMenuBlock ul li {font-size: 13px; color: #6F6963; text-transform: uppercase; line-height: 20px; margin-bottom: 10px;}
.clctMenuBlock ul li a {color: #6F6963;}
.clctMenuBlock ul li a:hover, .clctMenuBlock ul li.active a {color: #4BAFA3;}





/*-------------------------------------------------
  BLOG
-------------------------------------------------*/
.post {width: 100%; height: auto; float: left; margin-bottom: 25px; position: relative;}

.post header {width: 100%; float: left; clear: left; margin-bottom: 15px;}
.post header h2 {height: 42px; line-height: 42px; font-size: 35px; float: left; margin-right: 20px; display: table;}

.post .date {width: 99px; height: 42px; line-height: 42px; background: url('_images/date_bubbles.png') left top no-repeat; display: inline-block; font-family: 'moonflower_bold', sans-serif; font-weight: normal; font-size: 20px; color: #fff; text-transform: uppercase; text-align: center; padding:0 6px 0 17px;

    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;

}

/* POSTS COLORS */
.red h2 {color: #BF2F3B;}
.red .date {background-position:0px 0px;}

.yellow h2 {color: #DCB000;}
.yellow .date {background-position:-99px 0px;}

.lime h2 {color: #A4BE37;}
.lime .date {background-position:-198px 0px;}

.pink h2 {color: #E384A6;}
.pink .date {background-position:-297px 0px;}

.orange h2 {color: #E46E32;}
.orange .date {background-position:-396px 0px;}

.blue h2 {color: #0095C1;}
.blue .date {background-position:-495px 0px;}

.darkblue h2 {color: #0076B2;}
.darkblue .date {background-position:-594px 0px;}

.green h2 {color: #47B0A3;}
.green .date {background-position:-693px 0px;}



.article-body {width: 100%; padding: 20px; background-color: #fff;  float: left; clear: left;}
.article-body p {line-height:19px; margin-bottom:11px;}

.article-image {width: 100%; float: left; clear: left;}
.article-image img {float: left; clear: left;}


#actltsFooterIcon {width: 110px; height: 156px; background: url('_images/actualites_footer.png') center top no-repeat; display: block; position: fixed; bottom: 0px; right: 50%; margin-right:-700px; z-index: 100;}


/*-------------------------------------------------
  TIMELINE
-------------------------------------------------*/
#timeline {width: 100%; background: url('_images/timeline.png') center top repeat-y; float: left; clear: left;padding-bottom: 30px;}

.page-template-template-aventure-php #push {height: 56px;}

.timelineTop {width: 100%; height: 146px; background: url('_images/timeline_top.png') center top repeat-y; float: left; clear: left; margin-top: 20px;}
.timeline {width: 100%; float: left; clear: left;}
.timelineBottom {width: 100%; height: 371px; background: url('_images/timeline_bottom.png') center top repeat-y; float: left; clear: left; position: relative; z-index: 100;}


.year-block {width: 536px; padding: 20px 20px 20px 20px; background-color: #fff; position: relative;}

.year-block:before {content:''; width: 12px; height: 26px; background: url('_images/arw_left.png') center top no-repeat; position: absolute; right: -12px; top: 50%; margin-top: -13px;}
.right .year-block:before {right: auto; left: -12px; background: url('_images/arw_right.png') center top no-repeat;}

.left .year-block {float: left;}
.right .year-block {float: right;}


.year-block img {float: left; margin-right:20px;}
.year-block h2 {font-size: 28px;}
.year-block p {line-height:19px; margin-top:11px;}

.year {width: 73px; height: 66px; line-height: 66px; font-family: 'moonflower_bold', sans-serif; font-size: 24px; color: #fff; background: url('_images/timeline_dates_bg.png') center top no-repeat; position: absolute; right: -86px; top: 50%; margin-top: -33px; text-align: center;}

.right .year {right: auto; left: -86px;}


.cartoon {position: absolute; background: url('_images/timeline_cartoons.png') center top no-repeat; z-index: 10;}


/* COLORS */
.timeline.red {margin-top: -20px;}
.red .year-block h2 {color: #BF2F3B;}
.red .year {background-position:0px 0px;}
.red .cartoon {width: 160px; height: 148px; background-position:0px -127px; top: -145px; right: 333px;}

.timeline.yellow {margin-top: -32px;}
.yellow .year-block h2 {color: #DCB000;}
.yellow .year {background-position:0px -66px;}
.yellow .cartoon {width: 288px; height: 117px; background-position:0px 0px ; top: -113px; left:88px;}

.timeline.lime {margin-top: -10px;}
.lime .year-block h2 {color: #A4BE37;}
.lime .year {background-position:0px -132px;}
.lime .cartoon {width: 134px; height: 108px; background-position:-233px -448px ; top: -115px; right: 220px;}

.timeline.pink {margin-top: 42px;}
.pink .year-block h2 {color: #E384A6;}
.pink .year {background-position:0px -198px;}
.pink .cartoon {width: 135px; height: 148px; background-position:-233px -276px ; top: -148px; left:272px;}

.timeline.orange {margin-top: -60px;}
.orange .year-block h2 {color: #E46E32;}
.orange .year {background-position:0px -264px;}
.orange .cartoon {width: 167px; height: 139px; background-position:-201px -132px ; top: -135px; right:225px;}

.timeline.blue {margin-top: 50px;}
.blue .year-block h2 {color: #0095C1;}
.blue .year {background-position:0px -330px;}
.blue .cartoon {width: 196px; height: 102px; background-position:0px -312px; top: -132px; left:163px;}

.timeline.darkblue {margin-top: -30px;}
.darkblue .year-block h2 {color: #0076B2;}
.darkblue .year {background-position:0px -396px;}
.darkblue .cartoon {width: 228px; height: 132px; background-position:0px -424px ; top: -129px; right:178px;}

.timeline.green {margin-top: 42px;}
.green .year-block h2 {color: #47B0A3;}
.green .year {background-position:0px -462px;}
.green .cartoon {width: 167px; height: 139px; background-position:-201px -132px ; top: -135px; right:225px;}



/*-------------------------------------------------
  SERVICES
-------------------------------------------------*/
#service-main {width: 100%; padding: 30px; background-color: #fff; float: left; clear: left; margin-bottom: 20px; position: relative; display: none;}
#service-main h1, #service-main h2 {font-size: 35px; color: #6F6963; font-weight: normal; margin-bottom: 10px;}
#service-main p {line-height:19px; margin-bottom:15px;}
#service-main .alignleft {margin-right: 50px;}
#service-main .alighright {margin-left: 50px;}
#service-main a { color: #4BAFA3;}

.serviceLoader {width: 74px; height: 22px; background: url('_images/loading.gif') center top no-repeat; display: block; position: absolute; left: 50%; top: -24px; margin-left: -37px; z-index: 9999;}

.service-close {width: 20px; height: 20px; background: url('_images/service-close.png') center center no-repeat; display: block; position: absolute; top: 10px; right: 13px; cursor: pointer;}



.service-col {width: 23.5%; float: left; margin-right:2%;}
.service-col:last-child {margin-right: 0;}

.service-col .pageTitle {height: auto; float: left; clear: left; margin-bottom: 7%;}

.service-col a {width: 100%; height: auto; float: left; clear: left; margin-bottom: 7%; position: relative;}

.service-col img {width: auto; height: auto; float: left; clear: left; position: relative; z-index: 10;}
.service-col img.srvcHover {position: absolute; left: 0; top: 0; z-index: 12;display: none;}


.service-col a:hover img.srvcHover {display: block;}

.lesPlus {height: 93px; background-color: #fff;}



/* SERVICE GALLERY */
.gallery-wrap {width: 100%; float: left; clear: left;}
.gallery-wrap ul li {width: 20%; padding:0.5%; float:left; }
.gallery-wrap ul li img {width: 100%; height: auto;}
.gallery-wrap ul li img:hover {opacity: 0.9;}

/* SERVICE FORM */

/* FOOTER PAGE FORM */
#service-main .wpcf7 {width: 50%; float: left; margin: 20px 0;}
#service-main .cttRow {width: 100%; float: left; clear: left; position: relative;}
#service-main .wpcf7-form-control-wrap {width: 100%; float: left; clear: left; margin-bottom: 15px;}
#service-main .rowCaptcha .wpcf7-form-control-wrap {width: 70px;}
#service-main #captcha {margin-top: 5px;}
#service-main label {width: 100%; font-size: 13px; color: #6F6963; padding-bottom: 5px; float: left; clear: left;}
#service-main .wpcf7-text, #service-main .wpcf7-textarea, #service-main .wpcf7-captchar {width: 100%; height: 37px; line-height: 37px; background-color: #fff; font-size: 13px; color: #6F6963; float: left; padding: 0 5px; border:2px solid #d9d2cc;}
#service-main .wpcf7-textarea {height: 250px; line-height: 18px; padding: 5px;}
#service-main .wpcf7-captchar {width: 60px;}
#service-main .wpcf7-submit {height: 46px; padding: 0 10px; font-size: 15px; color: #fff; text-transform: uppercase; background-color: #706963; cursor: pointer; float: right;}


#service-main .ajax-loader {position: absolute; top: 12px; right: 110px;}
#service-main .wpcf7-not-valid-tip {display: none;}
#service-main .wpcf7-not-valid {border:2px solid #C90101;}
#service-main .wpcf7-response-output {width: 81%; font-size: 12px; font-weight: 600; color:#fff; line-height: 15px; float:left; clear: left; display: none; margin-top: 16px;}
#service-main .wpcf7-mail-sent-ok {color:#368F6F;}
#service-main .wpcf7-validation-errors {color:#C90101;}





/*------------------------------------------
  SITEMAP
------------------------------------------*/
.sitemap h1 {font-size: 40px; color: #6F6963; font-weight: normal; margin-bottom: 20px;}

.sitemapcol {width: 16%; margin-right: 12%; float: left;}
.sitemapcol:last-child {margin-right: 0;}
.sitemapcol h3 {font-size: 34px; font-weight: normal; color: #958F8A; margin-bottom: 23px;}
.sitemapcol ul {float: left; clear: left;}
.sitemapcol ul li {font-size: 13px; color: #6F6963; text-transform: uppercase; line-height: 20px; margin-bottom: 10px;}
.sitemapcol ul li a {color: #6F6963;}
.sitemapcol ul li a:hover, .sitemapcol ul li.active a {color: #4BAFA3;}




/*------------------------------------------
  PUSH FOOTER
------------------------------------------*/
#push {width: 100%; height: 86px; float: left; clear: left;}
.home #push {display: none;}


/*------------------------------------------
  FOOTER
------------------------------------------*/
#footer {width: 100%; height: 66px; overflow: hidden; padding-top: 30px; z-index: 9999; float: left; clear: left; margin-top: 20px; position: relative; z-index: 90; background-color: #e3dfdb;}
#footer:hover, #footer.opened {background-color:#D9D2CC;}


.btnFooter {width: 11px; height: 7px; background: url('_images/nav_down.png') center top no-repeat; position: absolute; right: 3px; top: 0; cursor: pointer;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.btnFooter.opened {transform: rotate(-180deg);}
#footer div .row{display:flex;justify-content: center;}
.ftrBlock {float: left; margin-left: 25px;}
.ftrBlock:first-child {margin-left: 0;}
.ftrBlock h3 {font-family: 'Raleway', sans-serif; font-weight:600; font-size: 13px; color: #6F6963; text-transform: uppercase; margin-bottom: 30px; cursor: pointer; float: left;}
.ftrBlock h3:hover {color: #4BAFA3;}

.ftrBlock ul {float: left; clear: left;}
.ftrBlock li {font-size: 13px; color: #A7A19D; margin-bottom: 6px;}
.ftrBlock li a {color:#6F6963;}
.ftrBlock li a:hover {color: #4BAFA3;}

.ftrBlock iframe {width: 200px; height: 71px; float: left; clear: left; margin:-8px 0 0 -9px;}


/* NEWSLETTER */
#newsletter {width: 100%; max-width: 195px;}
#newsletter .nlWrapper {width: 100%; height: 37px; padding: 0 4%; border: 1px solid #DDDBD9; background-color:#fff; position: relative; float: left; clear: left;}
#newsletter .invalid .nlWrapper {border:1px solid #C90101;}
#newsletter .wpcf7-text {width: 90%; height: 37px; line-height: 37px; font-size: 13px; color: #6F6963; float: left;}
#newsletter .wpcf7-submit {width: 15px; height: 19px; text-indent: -99999px; background: url('_images/btn_newsletter.png') left top no-repeat; display: block; cursor: pointer; position: absolute; right: 6px; top:9px;}

#newsletter .ajax-loader {position: absolute; top: 9px; right: -18px;}
#newsletter .wpcf7-not-valid-tip {display: none;}
#newsletter .wpcf7-response-output {width: 100%; font-size: 12px; font-weight: 600; color:#fff; line-height: 15px; float:left; clear: left; display: none; margin-top: 5px;}
#newsletter .wpcf7-mail-sent-ok {color:#368F6F;}
#newsletter .wpcf7-validation-errors {color:#C90101;}




/* FOOTER ICON */
.ftrCalque {width: 131px; height: 127px; background: url('_images/footer_calque.png') left bottom no-repeat; display: inline-block; margin-top: 20px; position: relative; cursor: pointer;}
.ftrCalque:hover, .ftrCalque.opened {background-position: left top;}
.ftrBonjour {width: 116px; height: 65px; background: url('_images/footer_bonjour.png') left bottom no-repeat; position: absolute; left: 121px; top: 0; display: none; font-family: 'moonflower_bold', sans-serif; font-size: 25px; color: #fff; line-height: 28px; text-align: center; padding:20px 0 0 30px; font-weight: normal;}

.copyright {font-size: 11px; color: #A7A19D; clear: left; margin-top: 20px; font-style: italic; padding-bottom: 20px;}


/* FOOTER PAGE */
#footerPage {width: 100%; float: left; clear: left; position: relative;}
#footerPage #pagecontent {margin-top: 40px;}


.footerLoader {width: 74px; height: 22px; background: url('_images/loading.gif') center top no-repeat; display: block; position: absolute; left: 50%; top: 110px; margin-left: -37px;}




.defaultContent h1 {font-size: 40px; color: #6F6963; font-weight: normal; margin-bottom: 20px;}
.defaultContent h3 {font-family: 'Raleway', sans-serif; font-weight:600; font-size: 18px; color: #6F6963; margin:30px 0 5px 0;}
.defaultContent p {line-height: 21px; margin-bottom: 15px; color: #6F6963;}


.error404content {margin-top: 80px;}
.error404content h1 {padding-top: 50px;}

/* FOOTER PAGE FORM */
#pageForm {width: 47%; float: right; padding-bottom: 10px;}
#pageForm .cttRow {width: 100%; float: left; clear: left; position: relative;}
#pageForm .wpcf7-form-control-wrap {width: 100%; float: left; clear: left; margin-bottom: 10px; position: relative;}
#pageForm .rowCaptcha .wpcf7-form-control-wrap {width: 70px;}
#pageForm #captcha {margin-top: 5px;}
#pageForm label {width: 100%; font-size: 13px; color: #6F6963; padding-bottom: 5px; float: left; clear: left;}
#pageForm .wpcf7-text, #pageForm .wpcf7-textarea, #pageForm .wpcf7-captchar {width: 100%; height: 37px; line-height: 37px; background-color: #fff; font-size: 13px; color: #6F6963; float: left; padding: 0 5px;}
#pageForm .wpcf7-captchar {width: 60px;}
#pageForm .wpcf7-textarea {height: 250px; line-height: 18px; padding: 5px;}
#pageForm .wpcf7-submit {height: 46px; padding: 0 10px; font-size: 15px; color: #fff; text-transform: uppercase; background-color: #706963; cursor: pointer; float: right;}


#pageForm .ajax-loader {position: absolute; top: 12px; right: 110px;}
#pageForm .wpcf7-not-valid {border:1px solid #C90101;}
#pageForm .wpcf7-not-valid-tip {display: none;}
#pageForm .wpcf7-response-output {width: 81%; font-size: 12px; font-weight: 600; color:#fff; line-height: 15px; float:left; clear: left; display: none; margin-top: 16px;}
#pageForm .wpcf7-mail-sent-ok {color:#368F6F;}
#pageForm .wpcf7-validation-errors {color:#C90101;}

/*#pageForm .ajax-loader {float: right; margin:0 20px;}
#pageForm .wpcf7-not-valid-tip {position: absolute; font-size: 11px; top: -13px; right: 1%; color: #C90101;}
#pageForm .wpcf7-response-output {width: 70%; font-size: 13px; font-weight: 600; text-align:center; color:#fff; line-height: 16px; float:right; padding:5px 15px; display: none;}
#pageForm .wpcf7-mail-sent-ok {background-color:#368F6F;}
#pageForm .wpcf7-validation-errors {background-color:#C90101;}*/

/*
EDIT MATTHIEU
.screen-reader-response {margin:20px 0;background-color:#e3dfdb;padding:20px;color:#4cb0a3;display: none;}
*/
.screen-reader-response {display: none;}

/*-------------------------------------------------
  MY CLASSES
-------------------------------------------------*/
.hidden {display: none;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.asLink {cursor:pointer;}

.fLeft {float:left;}
.fRight {float:right;}

.cLeft {clear:left;}
.cRight {clear:right;}

.aCenter {text-align:center;}

.aligncenter {display: block; margin:15px auto;}
.alignright {float:right; margin:15px 0 15px 25px; clear: right;}
.alignleft {float:left; margin:15px 25px 15px 0; clear: left;}

.invisible {visibility:hidden;}

.relative {position:relative;}



/*-------------------------------------------------
  OU NOUS TROUVER ?
-------------------------------------------------*/

#googleMap{
  float: left;
  width:833px;
  height:555px;
  border: 20px solid #fff;
}

#ont-content {width: 100%; margin-top: 40px;}


#googleMapLeftInfo {
    width: 24%;
    float: left;
    margin-right: 3%;
}

#ou-nous-trouver-left-picture {
    width: 221px;
    height: 127px;
    background-image:url('_images/ou-nous-trouver-left-picture.png');
    margin-left: 5%;
    margin-bottom: 20px;
}

#googleMap-box {
    width: 73%;
    float: right;
}

#map_canvas {
    float: left;
    /*width:872px !important;
    height:555px !important;*/
    border: 20px solid #fff;
}



#ont-content h4 {
    color: #4cb0a3;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 17px;
}

#ont-content .explication {
    font-size: 13px;
    color: #706963;
    text-align: center;
    line-height: 18px;
    margin-bottom: 20px;
}

#ont-content .input {
    border: 0;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    padding-left: 12px;
    color: #706963;
    font-size: 13px;
    float: left;
    width: 90%;
    text-transform: uppercase;
}

#ont-content .input-form {
    margin-bottom: 29px;
    height: 44px;
}

#ont-content .input-form .submit {
    display: inline-block;
    width: 10%;
    height: 44px;
    float: left;
    cursor: pointer;
    background:url("_images/input-form-submit.png") center center no-repeat #fff;
}

#ont-content .list-partenaires a {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #706963;
    margin-bottom: 9px;
}

#googleMap-box .legend {
    width: 100%;
    float: left; clear: left;
    color:#706963;
    font-size: 13px;
}

#googleMap-box .legend-title {
    display: inline-block;
    margin-bottom: 32px;
    margin-top: 23px;
}

#googleMap-box .legend table {
    border: 0;
    padding: 0;
    margin: 0;
}

.list-my-box{
  width: 281px;
  margin-top: -29px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff;
  margin-bottom: 29px;
}

#ont-content ul .input{
  width: 290px;
}

#ont-content ul .input:hover{
  background-color: #4cb0a3;
  color: #fff;
  cursor: pointer;
}

#googleMap-box .legend table td {
    border: 0;
    vertical-align: middle;
}

#googleMap-box .legend table td.lef {
    text-align: center;
}

#googleMap-box .legend table td.rig {
    padding-left: 15px;
}

#googleMap-box .legend table td.alone {
    height: 50px;
    padding-bottom: 10px;
}

#googleMap-box .legend_ending {
  padding-top: 10px;
}

#map_canvas .google-map-content-shop-infos {
    position: relative;
    margin-top: 54px;
    padding-top: 18px;
    padding-bottom: 14px;
}

#map_canvas .map_infobubble.map_popup {
    /*
height: 200px;
background-color: red !important;
position: relative;
*/
}

#map_canvas .google-map-content-shop-infos .title {
    color: #e185a6;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    text-align: center;
    margin-bottom: 18px;
}

#map_canvas .google-map-content-shop-infos .adresse {
    color: #706963;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
}

#map_canvas .google-map-content-shop-infos .address1,
#map_canvas .google-map-content-shop-infos .zipcity,
#map_canvas .google-map-content-shop-infos .phone {
    display: block;
    text-align: center;
}

#map_canvas .google-map-content-shop-infos .en_savoir {
    color: #e185a6;
    font-size: 13px;
    display: block;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
}

#map_canvas .google-map-content-shop-infos .list-icons {
    text-align: center;
    margin-left: -3px;
    margin-bottom: 17px;
}

#map_canvas .google-map-content-shop-infos .list-icons span {
    width: 13px;
    height: 14px;
    display: inline-block;
    margin-right: 3px;
}

#map_canvas .google-map-content-shop-infos .list-icons span.me {
    background-image:url('_images/mini-memoires-denfant-marker.png');
}

#map_canvas .google-map-content-shop-infos .list-icons span.chambre {
    background-image:url('_images/mini-chambre-marker.png');
}

#map_canvas .google-map-content-shop-infos .list-icons span.vetements {
    background-image:url('_images/mini-les-petits-habits-marker.png');
}

#map_canvas .google-map-content-shop-infos .list-icons span.les_petits {
    background-image:url('_images/mini-les-petits-marker.png');
}

#map_canvas .google-map-content-shop-infos .list-icons span.partenaire {
    background-image:url('_images/mini-tous-les-univers-marker.png');
}

#map_canvas .google-map-content-shop-infos .list-icons span.doudous {
    background-image:url('_images/ptits-doudous-marker.png');
    width: 30px;
}

/*ADD MATTHIEU*/
.iprelative {position:relative;overflow:hidden;}

.iprelative #map_loading_div {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: none repeat scroll 0 0 rgba(255,255,255, 0.8);
}

.iprelative #map_loading_div img {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-37px;
    margin-top:-11px;
}
/*FIN ADD MATTHIEU*/

body.single-partners #main{
padding-top: 48px;
}

#partners-content{
  padding: 20px;
  width: 100%;
  background-color: #fff;
  float: left;
  min-height: 650px;
}

#partners-content .part-1 {
  float: left;
  width: 48%;
}

#partners-content .part-2{
  float: right;
  width: 48%;
}

#partners-content .part-2 .titre{
  color: #4cb0a3;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-family: 'Raleway', sans-serif;
  font-weight: inherit;
}

#partners-content .part-2 .contenu p{
  padding-bottom: 31px;
  line-height: 17px;
  color: #706963;
  font-size: 13px;
}


/*style page simple*/
.image-fullpage {
	height: auto;
	
}

/* TODO: Nico Rappel product 28/05/2019*/
.iconrappel{
  width: 15%;
  display: block;
  float: left;
  bottom: 2px;
  position: relative;
}
.iconrappelproduct{
  width: 70%;
}
 /*//////////////////////////////////////////////////////////////////////////////
  ////////////////////////RESERVATION PAGES ///////////////////////////////////*/
.default_color{
    color: #C9816E;
}
.secondary_color{
    color: #B8914A;
}
.third_color{
    color: #2E9294;
}
.reservation_banniere{
    margin: auto;
}
.calendar_mr_block{
    background: white;
    margin-top: 1rem;
    border-radius: 25px;
    font-weight: 400;
}
.calendar_mr_block h2{
    font-size: 33px;
}
.calendar_top_info{
    background: #007D80;
    margin: auto;
    text-align: center;
    padding: 0 1.5rem;
    border-radius: 25px 25px 0 0;
}
.calendar_top_info .text-top-info{
    text-align: center;
    color: white;
    font-weight: 600;
    padding: 1.5rem 0;
    font-size: 15px;
    width: 72%;
    margin: auto;
}
.block_reservation{
    margin: 1.5rem 0;
}
.icon_block{
    padding: 1.5rem;
    display: flex;
    align-items: center;
}
.icon_block_text{
    margin-left: 1.5rem;
}
.icon_block_text p.text, .icon_block_text p{
    font-weight: 400;
    line-height: 17px;
    margin-top: 0.2rem;
}
.icon_block_text p.text .bold-text, .icon_block_text p .bold-text{
    font-weight: 900;
}
#pagecontent{
    padding: 0 1.5rem;
}
.block_reservation img, .catalogue_noel_block img,.reservation_banniere{
    display: block;
    max-width: 100%;
}
.block_reservation h2{
    font-size: 1.8rem ;
}
.block_reservation .text{
    margin: 0.5rem 0;
    font-weight: initial;
    line-height: 17px;
}
.block_reservation .text .bold-text{
    font-weight: 600;
}
h1.reservation{
    position: absolute;
    top: -100%;
}
.catalogue_noel_block{
    max-width: 80%;
    margin: 1.5rem auto;
}
.catalogue_noel_block img{
    margin: auto;
}
#listcal2 .reminder_selected{
    background: #C9816E;
    padding: 0.5rem;
    width: 20%;
    text-align: center;
    margin-top: 0.5rem;
    border-radius: 10px;
    color: white;
}
/*Support boutiques*/
.legend_block{
    display: flex;
    align-items: center;
}
.img_shop_support .img_shop_support_mrmyshop{
    margin-bottom: 0.5rem;
}
.img_shop_support{
    margin-left: 0.5rem;
}
@media screen and (max-width: 640px) {
    .block_reservation img, .catalogue_noel_block img,.reservation_banniere{
        display: block;
        max-width: 100%;
    }
    .legend_block{
        flex-direction: column;
    }
    .icon_block{
        flex-direction: column;
        padding: 1rem;
    }
    #pagecontent{
        padding: 1rem;
    }
    .icon_block_icon{
        margin-bottom: 0.5rem;
    }
    .calendar_top_info .text-top-info{
        width: 100%;
    }
    .icon_block_text{
        margin-left: 0.5rem;
    }
    .img_shop_support .img_shop_support_mrmyshop a img, .img_shop_support .img_shop_support_telservice a img{
        display: block;
        max-width: 80%;
        margin: auto;
    }
}