/*post
Theme Name: Expat Lyon Agency Theme NEW 2017
Theme URI: http://www.isisweb.fr/
Description: Le thème pour Expat Lyon Agency.
Version: 1.0
Author: Isis WEB
Author URI: http://www.isisweb.fr/
Tags:  fixed-width, two-columns, threaded-comments, theme-options

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { background: #FFF; text-align: center; line-height: 21px; font-family: 'Poppins', sans-serif; font-size: 12px; color: #434353; font-weight:400; overflow-x:hidden;}
a { text-decoration: none; color: #FF8500; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
br.clear { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #434353; line-height: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #434353; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { line-height: 17px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; color: #eeeeee; font-style: italic; }
.mp-formdiv .mp-form p { padding-bottom:0; }
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

.container { text-align: left; width: 960px; margin: 0 auto; position: relative; }
div#header { position:relative; }

div.logo{
    float: left;
    margin-top: 15px;
    width: 12%;
}
div.menu-container{
    float: left;
    width: 88%;
}
div.menu-container div.header-bar{
    margin:25px 0 15px 0;
}
div.menu-container div.header-bar, div.menu-container div.nav-menu{
    position: relative;
    width:100%;
    clear:both;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
div#header p#slogan { font-size: 17px; color: #ff8500; margin-right:82px; width:465px; }
div#header ul#top-navigation {
    margin-right: auto;
    margin-left: 15px;
}
div#header ul#top-navigation > li:not(:last-child) { padding:0 3px 0 0; }
div#header ul#top-navigation li a { text-transform:uppercase; font-size: 13px; color: #4a4a49; display: block; padding: 6px 4px 2px 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; line-height:16px;}
div#header ul#top-navigation li a:hover { text-decoration: none;  background:#ff8500;}
div#header ul#top-navigation > li.current_page_item > a, div#header ul#top-navigation > li:hover > a, div#header ul#top-navigation > li.current-cat > a, div#header ul#top-navigation > li.current-cat-parent > a, div#header ul#top-navigation > li.current_page_parent > a, #top-navigation > li.page_item.page-item-683.page_item_has_children > a { background:#ff8500; color: #fff !important; }
div#header ul#top-navigation li ul {
    margin: 5px 0 0 0; padding: 0 0px 0px; border-left: 1px solid #ff8500; border-right: 1px solid #ff8500; border-bottom: 1px solid #ff8500; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }	
div#header ul#top-navigation > li > ul ul { top: -5px; }
div#header ul#top-navigation li ul li { background: #FFF; width: 208px; margin: 0px; padding-bottom: 2px; }
div#header ul#top-navigation li ul li:last-child { background: #d6cdb5; }
div#header ul#top-navigation li ul a { padding: 4px 15px 4px 25px; width: 168px; color: #57576b; font-size:11px; }
div#header ul#top-navigation li ul a:hover { background: #ff8500; color: #FFF; }
div#header div#search-form form { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; }
div#header div#search-form input[type=text] { width:149px; padding:11px 10px; margin:0 7px 0 0; background: none; border: 1px solid #d4d5da; color: #616378; font-size: 10px;  }
div#header div#search-form input[type=submit] { cursor:pointer; outline:0; border:0; background:#FF8500; font-weight:700; text-transform:uppercase; color:#FFF; padding:11px 10px;}
div#header #home-button { font-size:0; }
div#header #home-button img{ vertical-align:middle; }
div#header #langues { font-size:14px; font-weight:300;  }
div#main-area-wrap {}
div#main-area { padding: 12px 0px 15px; clear:both; }

p#slogan-phrase { font-size: 30px; color: #2d3134; padding: 0px 0px 0px 45px; line-height: 35px; margin-bottom: 40px; }
p#slogan-phrase span { color: #ffffff; }

div#main-area div.page-block { float: left; width: 245px; margin-bottom: 30px; }
div#main-area div.page-block.fullwidth { width: 590px; }
div#main-area div.page-block.first { margin-right: 50px; }
div#main-area div.page-block h3 { padding: 10px 0px 12px 35px; font-weight: bold; font-size: 24px; letter-spacing: -1px; line-height: 24px; }
div#main-area div.page-block div.separator { width: 223px; height: 2px; margin-bottom: 12px; }
div#main-area a.readmore { padding: 0px 0px 0px 11px; color: #ffffff; font-size: 11px; font-weight: bold; display: block; float: right; margin-top: 15px; }
div#main-area a.readmore span { padding: 1px 10px 5px 0px; display: block; }
div#main-area div#from-blog { float: right; width: 251px; padding: 0 0 10px 0; margin: -10px 0 0 0;}
div#main-area div#from-blog h3 { font-weight: bold; font-size: 24px; letter-spacing: -1px; line-height: 24px; }

div#main-area div#from-blog ul.control { overflow: hidden; padding-left: 7px; }
div#main-area div#from-blog ul.control li { float: left; padding-right: 2px; position: relative; height: 33px; }
div#main-area div#from-blog ul.control li.last { background: none; }
div#main-area div#from-blog ul.control li a { color: #2d3134; font-weight: bold; display: block; padding: 12px 12px 4px 33px; }
div#main-area div#from-blog ul.control li img { position: absolute; top: 16px; left: 13px; }

div#main-area div#from-blog ul.control li.ui-state-active { padding: 0 2px 0 0;  }
div#main-area div#from-blog ul.control li.ui-state-active a { display: block; color: #ffffff; } 

div#main-area div#from-blog div.content { position: relative; }
div#main-area div#from-blog div.content h3 { margin: 0 0 5px 0; height: 38px; text-indent: 15px; line-height: 38px; color: #fff; font-size: 20px; font-weight: normal; }
div#main-area div#from-blog div.content img#subscribe { position: absolute; top: 10px; right: 12px; }

div#from-blog div.content img.thumb { float: left; border: 3px solid #40484c; margin-right: 12px; }

div#from-blog div.content div#recent-tabbed, div#from-blog div.content div#popular-tabbed, div#from-blog div.content div#random-tabbed { }
div.ui-tabs-hide { display: none; }

div#from-blog div.content div.post { color: #363642; padding: 8px 11px; overflow: hidden; position: relative; }
div#from-blog div.content div.post  a { color: #363642; }
div#from-blog div.content div.post  a.from_blog_title:hover { color: #e66700; }
div#from-blog div.content div.post  p.from_blog_date { color: #363642; font-size:11px;font-style:italic; line-height:12px; padding-bottom:5px;margin-top:10px;  }
div#from-blog div.content div.post  p.from_blog_teaser { color: #363642; font-size:12px; line-height:12px;padding-bottom:0;margin-top:3px;  }
div#from-blog div.content div.post h4 { font-size: 15px; margin-bottom:5px; }

div#from-blog div.content div.post p.meta { color: #363642; font-size: 11px; padding-bottom: 4px; }
div#from-blog div.content div.post p.meta a { color: #363642; font-weight: bold; }
div#from-blog div.content div.post p.date { position: absolute; top: 5px; left: 10px;  text-transform: uppercase; color: #ffffff; font-size: 10px; padding: 6px 2px 14px 7px; letter-spacing: -1px; line-height: 10px; width: 40px; }

div#from-blog div.content div#content-bottom { display: none; }

div#from-blog div.content div.post p.meta span.comments-number a { color: #363642; font-size: 9px; font-weight: bold; display: inline-block; width: 24px; line-height: 17px; text-indent: 3px; text-align: center; height: 20px; }
div#from-blog div.content div.post p.meta span.comments-number a:hover { text-decoration: none; }

#main-area .container #main a, #main-area .container .page-block a { color: #434353; }
#main a.logo-contact { margin-right:107px;}
#main-area .container #main a.readmore, #main-area .container .page-block a.readmore { color: #ffffff; }
#main-area #main { float: right; width: 685px; }
h1#post-title { font-size: 36px; line-height: 38px; width: 641px; font-weight: normal; }
h1#post-title span { font-size:40px; font-weight:600; margin-bottom:30px; color:#FF8500; display: block; }
.home #main div.post {
    padding: 0;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ab9f87;
}
#main div.post.gallery { padding: 20px 0px 15px 0px; }
#main div.post.index { padding: 30px 0px 15px 0px; }
#main-area #sidebar, #main-area #partnerSidebar { float: left; width: 252px; }
#main-area #sidebar div.widget { color: #434353; }
#main-area #sidebar div.widget:last-child { margin-bottom: 0px; }
#main-area #sidebar div.widget a { color: #434353; }
#main-area #sidebar div.widget div.content-top { display: none; }
#main-area #sidebar div.widget div.content-bottom {  width: 251px; height: 10px; padding: 0px 0px 0px; }
div.widget h3.title { font-size: 18px; text-indent: 15px; line-height: 38px; width: 251px; color: #ffffff; }
div.widget h3.title span { }

div.widget div.widget-content { padding: 0px 20px 0px 12px; }
div.widget div.widget-content ul { margin: 0px 0px 0px 15px; }
div.widget div.widget-content ul li ul { padding:5px 0px 0px 7px; margin: 0px 0px -12px; }
img.thumbnail-post { border: 1px solid #6c7478; padding: 8px; background: #565d62; }
div#main-area .container img.thumbnail-post.category { margin-top: 6px; }
a.post-edit-link { background: #212427; color: #ffffff; padding: 4px 7px; margin-bottom: 10px; display: inline-block; color: #bebebe; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
a.post-edit-link:hover { text-decoration: none; color: #ffffff; }

div.thumb-gallery { float: left; border: 1px solid #6f767a; padding: 7px; background: #4f575d; margin: 0px 24px 24px 0px; position:relative; }
div.thumb-gallery a { display: block; } 
div.thumb-gallery  img.preview-thumb { border: 1px solid #252d33; }
div.thumb-gallery.last { margin-right: 0px; }

h2.cat-title { font-size: 22px; line-height: 1em; letter-spacing: -1px; margin: 0px; }
#main-area .container #main h2.cat-title a:hover { text-decoration: none; color: #f0f0f0; }

div#main-area div.entry a.readmore { margin-top: 0px; margin-right: 3px; }

div.cat-meta-top { display: none; }
p.post-meta { padding: 0px 0 2px; font-size: 11px; line-height: 16px; }
div.cat-meta-bottom { display: none; }

div.entry { width:100%;  padding: 0px 0px 17px; margin-bottom: 25px; }
div.entry.last { background: none; margin-bottom: 0px; }

p.single-post-meta {  width: 457px; padding: 8px 170px 9px 22px; position: relative; }
p.single-post-meta.full { padding-right: 25px; width: 602px; }
p.single-post-meta span.post-comments { display: block; position: absolute; top: 0px; right: 10px; width: 148px; height: 41px;  }
span.post-comments a { display: block; text-align: center; width: 148px; height: 41px; line-height: 41px; font-style: italic; font-weight: bold; font-size: 14px; color: #ffffff; }
div.single-meta-bottom {  width: 639px; height: 2px; }

#main-area div#main.home { width: 100%; float: left; }
#main #single-partner { margin-bottom:15px }
#main ul { list-style-type: disc; padding:11px 0 18px 18px; }
#main ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
#main ul li ul, #main ul li ol { margin: 2px 0px 2px 20px; }
#main ol li ul, #main ol li ol  { margin: 2px 0px 2px 35px; }

#main-area #main.fullwidth { width: 960px; }

/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/

div#featured-slider { 
    width:100%; 
    height:450px; 
    overflow:hidden;
    position:relative; 
}

div#featured-slider li div.container-slide{
    height:100%;
    overflow:hidden;
    height:450px;
    position:relative;
}

div#featured-slider li div.container-slide img{
    width:100%;
    height:auto;
    margin-top:-225px;
}

div#featured-slider li div.container-slide .description{
    position:absolute;
    bottom:50px;
    width:475px;
    left:0;
    right:0;
    margin:0 auto;
    padding:35px 30px;
    background:rgba(255,133,0,0.75);
    text-align:left;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    z-index:9;
}

div#featured-slider li div.container-slide .description h2{
    font-size:28px;
    font-weight:700;
    text-transform:uppercase;
    color:#FFF;
    margin-bottom:15px;
}

div#featured-slider li div.container-slide .description p{
    font-size:14px;
    margin-bottom:10px;
    color:#FFF;
}

div#featured-slider li div.container-slide .description a{
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end;
    font-size:12px; 
    color: #FFF; 
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    transition:all 0.2s ease-in-out;
}
div#featured-slider li div.container-slide .description a:hover{ text-decoration:none; color:#4a4a49; }
div#featured-slider li div.container-slide .description a:after{ content:url(images/fleche.png); padding-left:5px; font-weight:500; font-size:12px; }

div#featured-slider .slick-prev:before, div#featured-slider .slick-next:before {
    display:none; 
}

div#featured-slider .slick-prev span:before, div#featured-slider .slick-next span:before{
    display: block;
    overflow: hidden;
}

div#featured-slider .slick-prev, div#featured-slider .slick-next {
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
    font-size: 60px;
    line-height: auto;
    color:  #8eadd1;
    z-index:2;
    top:65%;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

div#featured-slider .slick-prev:hover, div#featured-slider .slick-next:hover {
    color: #FF8500;
}

div#featured-slider .slick-prev {
    left:0;
}

div#featured-slider .slick-next {
    right:0;
}

div#featured-slider div.fleches{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
}

/*------------------------------------------------*/
/*-------------------[PARTNERS]-------------------*/
/*------------------------------------------------*/	

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?plfnjb');
    src:  url('fonts/icomoon.eot?plfnjb#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?plfnjb') format('truetype'),
        url('fonts/icomoon.woff?plfnjb') format('woff'),
        url('fonts/icomoon.svg?plfnjb#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-left:before {
    content: "\e900";
}
.icon-right:before {
    content: "\e901";
}

#partners { padding: 33px 0 35px; clear: both; background:#f4f4f6; }
#partners .cf{ position:relative; }
#partners h2 { font-size: 24px; color: #616378; text-align:center; font-weight:700;}
#partners h2 a:hover{ text-decoration:none; }
#partners a.viewpartners { font-size:12px; color: #4A4A49; position:absolute; top:0; right:0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#partners a.viewpartners:hover{ text-decoration:none; color:#FF8500; }
#partners a.viewpartners:after{ content:url(images/fleche.png); padding-left:5px; font-weight:500; font-size:12px; }

#partners ul#partners-slider div.slick-list{
    background: #FFF;
    padding: 35px 0;
    margin-top: 25px;
}

#partners ul#partners-slider div.slick-list .slick-slide a{
    display:block;
    width:150px;
    margin:0 auto;
    overflow:hidden;
}

#partners ul#partners-slider div.slick-list .slick-slide a img{
    width:100%;
    height:auto;
}

#partners ul#partners-slider .slick-prev:before, #partners ul#partners-slider .slick-next:before {
    display:none; 
}

#partners ul#partners-slider .slick-prev span:before, #partners ul#partners-slider .slick-next span:before{
    display: block;
    overflow: hidden;
}

#partners ul#partners-slider .slick-prev, #partners ul#partners-slider .slick-next {
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
    font-size: 50px;
    line-height: auto;
    color:  #616378;
    z-index:2;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

#partners ul#partners-slider .slick-prev:hover, #partners ul#partners-slider .slick-next:hover {
    color: #FF8500;
}

#partners ul#partners-slider .slick-prev {
    left:-50px;
}

#partners ul#partners-slider .slick-next {
    right:-50px;
}

/*------------------------------------------------*/
/*-------------------[OUR VISION]-------------------*/
/*------------------------------------------------*/		

.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}

#categories-highlight img{
    width:100%;   
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom:30px;
}

#categories-highlight img.mobile{
    display:none;
}

#categories-highlight { width: 100%; overflow:hidden; }
#categories-highlight ul { padding: 0; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -moz-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; flex-wrap: wrap;}
#categories-highlight ul li { width: 31%; margin-bottom: 15px;}
#categories-highlight ul li:not(:last-child) { padding-right:15px; }
#categories-highlight ul li h2 { width: 100%; text-align:left; color: #ff8500; font-size: 20px; font-weight:700; margin-bottom:10px; }
#categories-highlight ul li p { text-align:left; font-size:12px; height: 235px; color: #4a4a49; border-bottom:1px solid #4a4a49; }
#categories-highlight ul li a{ font-size:12px; display:inline-block; margin-top: 14px; color:#4A4A49; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#categories-highlight ul li a:hover{ text-decoration:none; color:#FF8500; }
#categories-highlight ul li a:after{ content:url(images/fleche.png); padding-left:5px; font-weight:500; font-size:12px; }

div#main-area .main-articles-highlight a.readmore {  margin-top: 5px; padding: 0 15px 0 0; color: #434353; }
#main-area .container #main .main-articles-highlight a.readmore { color: #434353; }
div#main-area .main-articles-highlight a.readmore span { background: none; }

.main-articles-highlight .main-newsletter { position: relative; padding: 8px 0; margin: 22px 0 0 0; width: 408px; background:url(images/bkg-newletter.png) no-repeat 0 0; }
.main-articles-highlight .main-newsletter  h4 { color: #ffffff; margin: 0 10px; }
.main-articles-highlight .main-newsletter .widget-content { font-size: 11px; padding: 0 10px; }
.main-articles-highlight .main-newsletter .mp-message { color: #fff; }
.main-articles-highlight .main-newsletter .widget-content form br { display: none; }
.main-articles-highlight .main-newsletter .MailPressFormEmail, .main-articles-highlight .main-newsletter .MailPressFormName { background: url(images/home/newsletter-field.png) no-repeat 0 0; border: 0; color: #ababbe; font-style: italic; width: 149px; height: 16px; margin: 0; float: left; text-indent: 10px; }
.main-articles-highlight .main-newsletter .MailPressFormName  { height: 16px; background-position: -15px 0; border-left: 1px solid #b4b1ab; }
.main-articles-highlight .main-newsletter .MailPressFormSubmit { cursor: pointer; border: 0; width: 83px; height: 18px; color: #463f32; background: url(images/home/newsletter-submit.png) no-repeat 0 -1px; }
.main-articles-highlight .main-newsletter .newsletter-bottom { }

.main-widgets { width: 251px; float: right; }
.home .main-widgets { width: 24%; float: left; margin-right: 1.333333333333333%;}
.home .main-widgets:last-child { margin-right: 0;}
.main-widgets  .main-widget { margin: 0 0 27px 0; }
.main-widgets  .main-widget.expatfrance {
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #ab9f87;
    min-height: 385px;
}
.main-widgets .main-widget .gallery { height:173px; background: url(images/bkg-gallery.png) no-repeat 0 0; }
/*.main-widgets  .main-widget .widget-content { background: url(images/layout/blocks/bloc-info-bottom.jpg) no-repeat 0 100%; padding: 0 0 10px 0; }*/
.main-widgets  .main-widget h4 { height: 38px; line-height: 38px; text-indent: 15px; font-size: 20px; color: #fff; background: url(images/layout/blocks/bloc-info-top.jpg) no-repeat 0 0; }
.main-widgets  .main-widget.expatfrance h4 { height: auto; line-height: 1; text-indent: 0; font-size: 16px; color:#434353; font-weight: bold; background: url(none); }
.main-widgets  .main-widget.expatfrance .thumb {
    display: block;
    float: left;
    width: 44px;
    margin-right: 10px;
}

.main-widgets .gallery .widget-content { text-align: center; }
.hw_wpgw img.img_site_partenaire{border:0;margin:5px 0 0 -8px;float:left}
.hw_wpgw p.p_site_partenaire{border:0;margin:5px 0 0 0;width:118px;float:right}
.hw_wpgw a.a_site_partenaire{display:block;font-weight:bold;font-size:12px}

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

p#comments { font-size: 30px; color: #ffffff; padding: 0px 0px 22px 10px; background: url(images/comment-number-bg.png) no-repeat bottom left; }
#main ol.commentlist { list-style-type: none; padding: 8px 0px 40px 0px; /*url background: (images/post-bottom-bg.jpg) no-repeat bottom left; */}
div.comment-body { overflow: hidden; }
img.avatar { border: 5px solid #565d62; float: left; margin: 0px 21px 0px 0px; }
div.comment-wrap	{ float: left; width: 80%; padding: 0px 0px 10px; }
.comment-author span.fn { font-size: 18px; display: inline-block; padding: 5px 9px; background: #4e565b; margin: 0px 0px 10px -2px; }
.commentmetadata { font-weight: bold; font-style: italic; display: inline; border-bottom: 1px solid #787d81; clear: both; margin: 5px 0px 0px; padding-bottom: 5px; }
div.comment-content { width: 100%; padding: 10px 0px 0px; }
div.reply-container { float: right; background: url(images/main-readmore-left.png) no-repeat scroll left top;
    font-size:11px; font-weight:bold; padding:0 0 0 11px; }
a.comment-reply-link { background: url(images/main-readmore-right.png) no-repeat scroll right top; display:block;
    padding:3px 11px 5px 0; }

form#commentform { margin: 10px 0px 0px; }
form#commentform input#author, form#commentform input#email, form#commentform input#url, form#commentform textarea { background: #40474c; border: 1px solid #6f797d; color: #ffffff; padding: 3px; }

ol.commentlist li { padding: 20px 0px 1px 29px; background: url(images/comment-bottom.png) no-repeat bottom left; }

#comment-section div.navigation { overflow: hidden; padding: 0px 0px 15px; }

#main ol.commentlist ul.children { margin: 2px 0 2px 85px; list-style-type: none; background: url(images/children-left.png) repeat-y; }
ol.commentlist ul.children li { padding: 20px 0px 0px 20px; background: url(images/comment-child-top.png) no-repeat right top; }
ol.commentlist li:last-child { background: none; }
ol.commentlist div#respond form#commentform input#author, ol.commentlist div#respond form#commentform input#email, ol.commentlist div#respond form#commentform input#url, ol.commentlist div#respond form#commentform textarea { width: 50%; }
li.depth-1 .comment-wrap { width: 487px; }
li.depth-2 .comment-wrap { width: 383px; }
li.depth-3 .comment-wrap { width: 280px; }
li.depth-4 .comment-wrap { width: 180px; }
#main-area .container #main .comment-author span.fn a { font-weight: normal; }

div.gallery-postimage { margin-bottom: 20px; position: relative; }
div.gallery-postimage  span.overlay { background: url(images/gallery-overlay.png) no-repeat; display: none; position: absolute; top: 9px; left: 9px; z-index: 3; width: 595px; height: 328px; } 

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

div#footer-widget-area { background:#ff8500; padding: 55px 0px 29px; border-top:5px solid #FFF; }
div#footer-widget-area div#recent-projects { position: relative; padding-bottom: 40px; }
div#footer-widget-area div#recent-projects h3 { font-size: 40px; margin-bottom: 27px; }
div.project-popup { display: none; position: absolute; top: -200px; left: -141px; padding: 11px 0px 0px 11px; z-index: 1000 !important; }
div.project-popup span { background: url(images/overlay-popup.png) no-repeat; position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 406px; height: 247px; }
div.project-popup a { display: block; }

div#footer-widget-area div#recent-projects div.project-item { background: #34393d; padding: 6px; border: 1px solid #40464b; float: left; margin: 0px 26px 26px 0px; position: relative; }
div.project-item a { display: block; }

div#footer-widget-area div#recent-projects a.readmore { position: absolute; right: 6px; bottom: 14px; }
div#footer-widget-area a.readmore { padding: 0px 0px 0px 10px; color: #ffffff; font-size: 11px; font-weight: bold; display: block; }
div#footer-widget-area a.readmore span {  padding: 3px 11px 5px 0px; display: block; }

div#footer-widget-area .static-widget { position: relative; width: 100%; height: 130px; background: url(images/layout/footer/logo.png) no-repeat 0 0; margin: 0 0 10px 0; }
div#footer-widget-area .static-widget .static-widget-links { position: absolute; top: 50px; left: 150px; }
div#footer-widget-area .static-widget .static-widget-links a { margin: 0 20px 0 0; }
div#footer-widget-area .static-widget .static-widget-social { position: absolute; top: 50px; right: 80px; padding: 0; }
div#footer-widget-area .static-widget a { color: #ffffff; font-size: 11px; }

div.footer-widget{height:380px;}
div.footer-widget:nth-of-type(2){background:#ffac51;}
div.footer-widget:first-child { width: 471px; float: left; min-height: 180px; }
div.footer-widget:not(:first-child) { padding-left:7px; width: 229px; float: left; min-height: 180px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -moz-box-orient:vertical; -moz-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; }
div.footer-widget:not(:first-child) div.textwidget{  text-align:center;  }
div.footer-widget:not(.last) { padding-right:7px; border-right:1px solid #ffac51;}
div.footer-widget div.textwidget p, div.footer-widget ul li { font-size:12px; }		
div.footer-widget div.textwidget p:last-child { margin-top:27px }	
div.footer-widget div.textwidget p:not(:last-child) { margin-bottom:8px }	

div.footer-widget ul{
    text-align:center;
}
div.footer-widget ul li a{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
div.footer-widget ul li a:hover{
    color:#434749;
}
div.footer-widget div.textwidget ul li span{
    font-weight:600;
}
div.footer-widget div.textwidget a.contact{
    font-size: 11px; 
    padding: 10px 10px 6px 10px; 
    color: #FFF; 
    border:1px solid #FFF;
    display:inline-block;
    line-height:11px;
    font-weight: 700; 
    text-transform: uppercase; 
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    transition:all 0.2s ease-in-out;
    margin-bottom:20px;
}
div.footer-widget div.textwidget a.contact:hover{
    background:#FFF;
    color:#FF8500;
}

div.footer-widget.last { margin-right: 0px; border: 0; }
div.footer-widget h4 { display:none;}
div.footer-widget .adwrap	img { margin: 0px 4px 2px 0px; }
div.footer-widget .textwidget { text-align: justify; }


div.footer-widget, div.footer-widget a { color: #ffffff; }
div.footer-widget a:hover { color: #e97e08; text-decoration: none; }

div#footer { width: 100%; background: #ff8500; padding:36px 0; }
div#footer p { text-align:center; font-size: 10px; }
div#footer a { color: #FFF; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
div#footer a:not(:last-child) { margin-right:13px; }
div#footer a:hover { color: #434749; text-decoration:none;}

.footer_rgpd {
    margin-bottom: 30px;
    color: #FFF;
    text-align: center;
}

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

img#about-image { border:2px solid #434749; display:inline; float:left; margin: 5px 10px 5px 0px; }

#main-area #sidebar .thumbnail { margin: 0 0 30px 0; padding: 10px 0 0 0; background: url(images/layout/blocks/nav-top.jpg) no-repeat 0 0; }
#main-area #sidebar .thumbnail div.widget .title { display: none; }
#main-area #sidebar .thumbnail div.widget { background: url(images/layout/blocks/nav-repeat.jpg) repeat-y 0 0; }
#main-area #sidebar .thumbnail div.widget .widget-content { background: #ffffff; margin: 0 10px 3px; text-align: center; }
#main-area #sidebar .thumbnail div.widget div.content-bottom { height: 7px; background: url(images/layout/blocks/nav-bottom.jpg) no-repeat 0 0; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter { display: block; margin: 10px auto; }
.wp-caption { border:1px solid #6C7478; text-align: center; background-color: #565D62; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
div#main-area .container img.alignleft { display:inline; float:left; margin-right:25px; margin-top: 8px; margin-bottom: 10px; }
div#main-area .container img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*------------------[SEARCH FORM]-----------------*/
/*------------------------------------------------*/

#subscribe #search { float: right; margin: 21px 24px 0px 0px; }
#subscribe #search h3 { font-size: 17px; color: #6c8a96; font-style: italic; float: left; margin: 0px 17px 0px 0px; }
#subscribe #search-form  { float: left; }
input#search-field { width: 184px; border: 1px solid #e0e0e0; padding: 7px 5px; }

/*------------------------------------------------*/
/*---------------[PAGES DROPDOWN]--------------*/
/*------------------------------------------------*/

ul#page-menu { float:left; position: relative; z-index: 100; height: 48px; }
ul#page-menu li { float:left; }
ul#page-menu li a { padding: 12px 15px 11px; color: #ffffff; }
ul#page-menu > li.current_page_item { border-style: solid; border-width: 0px 1px 1px; border-color: #e06a99 #a54c6f #934060 #bf5680; color:#ffffff; padding: 12px 8px 15px; height: 19px; }
ul#page-menu > li.current_page_item a { padding: 0px 0px 24px; }

ul#page-menu li li { margin:0; padding: 0px; }
ul#page-menu li li a, ul#page-menu li.current_page_item li a { text-align: left; height:auto; padding: 7px 5px 7px 27px; display: block; width: 188px; border: 1px dashed #543e4e; border-width: 0px 0px 1px; }
ul#page-menu li.current_page_item li a { background: none; }
#page-menu ul { padding: 8px 6px 8px; width: 222px; }
/*#page-menu li:hover ul, ul#page-menu li.sfHover ul { top:46px; } */
#page-menu li li { background-image: none; margin: 0px; }
#page-menu li li:hover ul, ul#cats-menu li li.sfHover ul { top:0px; }
#page-menu li li a:hover, ul#page-menu li.current_page_item li a:hover  { background: url('images/link_hover.png'); }
ul#page-menu li.current_page_item.sfHover > a { background: none; }
ul#page-menu li li:hover ul, ul#page-menu li li.sfHover ul { left:228px; top:0px; }

/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/

.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:22px; }
.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left:207px; top:0px; }
.nav li:hover ul, .nav li li:hover ul { top: -999em; }
.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 208px; }
.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/*------------------------------------------------*/
/*-----------------[WP PAGE NAVI]-----------------*/
/*------------------------------------------------*/
p.pagination { clear: both; float: left; width:620px; padding: 15px 12px; }
span#prev-posts { float: left; }
span#next-posts { float: right; }

/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption {	text-decoration: none;  }
#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
#main .wp-pagenavi { margin: 0px 0px 15px 0px; font-size: 11px; font-weight: bold; color: #FFFFFF; }
#main .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { width: 21px; height: 29px; line-height: 23px; text-align: center; margin: 0px 2px; text-decoration: none; background: url(images/pagenavi-bg.png) no-repeat; border: 0px; display: inline-block; padding-right: 4px; }
#main .wp-pagenavi span.pages { padding: 6px 7px; margin: 2px 2px 2px 2px; border: none; color: #ffffff; background: none; }
#main .wp-pagenavi span.current { width: 19px; height: 29px; margin: 0px -2px 0px 2px; background: url(images/pagenavi-current.png) no-repeat; border: 0px; display: inline-block; line-height: 23px; text-align: center; padding-right: 8px; color: #ffffff; }

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
.js #featured-slider, .js div#recent-projects, .js div#from-blog div.content {display: none;}
.foursixeight { margin: 0px 0px 15px 84px;}

#main .wp-pagenavi a.last, #main .wp-pagenavi a.first { background: none !important; width: 34px !important; }

/*------------------------------------------------*/
/*-------------------[WIDGET HIERARCHY]-----------*/
/*------------------------------------------------*/
#main-area #sidebar 	div.widget .widget-category-hierarchy  { width: 251px }
#main-area #sidebar div.widget .widget-category-hierarchy h3.title  span { display: block; height: 100%; padding:2px 0 3px 0px; }
#main-area #sidebar div.widget .widget-category-hierarchy h3.title  a { background: none;	 }
#main-area #sidebar div.widget  .widget-category-hierarchy div.content-bottom { height: 7px; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content { padding: 0 5px; }
#main-area #sidebar div.widget .widget-category-hierarchy a { color: #434353; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content ul { margin: 0; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content ul li a { display: block; height: 100%; padding:5px 0; border-bottom:1px solid #434353; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content div > ul > li > a { background:#FF8500; padding:2px 10px; color:#FFF; font-weight:500; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content div > ul > li > ul{
    padding:0;
}
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content div > ul > li > ul > li { position:relative; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content div > ul > li > ul > li a:before{ content:url(images/fleche.png); position:absolute; top: 2.5px; left:5px; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content div > ul > li > ul > li a{
    padding:2px 5px 2px 35px;
}
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content ul li  a:hover { text-decoration: none; background: #434353; color:#FFF; }
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content div > ul > .current_page_item > a { text-decoration: none; background:#434353;}
#main-area #sidebar div.widget .widget-category-hierarchy div.widget-content ul ul .current_page_item a { text-decoration: none; color:#FF8500; font-weight:700; }

.page #main-area p{
    line-height:22px;
    margin-bottom:12px;
}

/* css perso */
#cat-image{
    margin-bottom:15px;
}

#cat-image img {
    max-width:100%;
    width:100%;
    height:auto;
}

#partnerSidebar #partnerThumb {
    width: auto;
    height: auto;
    text-align: center;
    background: none;
    margin-top: 15px;
    margin-bottom:15px;
}

#partnerSidebar h2, #pageSidebar h2 {
    color:#FF8500;
    font-size:20px;
    padding:10px;
    text-align:center;
}

#partnerSidebar #partnerInfos, #pageSidebar #pageInfos {
    color:#463f32;
    padding:0 15px 15px 15px;
}

#partnerSidebar #partner-infos-data {
    padding:15px 0 15px 0;
}

#partnerSidebar #partnerInfos .wp-post-image {
    vertical-align: middle;
    float:left;
    margin-right:10px;
}

#partnerSidebar>#partnerInfos h3 {
    color:#444;
    font-size:13px;
    font-weight: bold;
    display: inline;
    line-height:18px;
}

#partnerSidebar>#partnerInfos ul {
    margin:10px 0 0 0;
}

#partnerSidebar>#partnerInfos a, #pageSidebar>#pageInfos a {
    color:#AAA;
    font-weight:600;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
#partnerSidebar>#partnerInfos a:hover, #pageSidebar>#pageInfos a:hover{
    color:#FF8500;
    text-decoration: none;
}

#post>#partnerIntro {
    background:#FF8500;
    color:#FFF;
    margin-bottom:30px;
    padding:15px 20px;
    font-size: 13px;
}
#post>#partnerIntro p {
    line-height: 1.3;
    margin-bottom: 10px;
}

#post>#partnerIntro h2 {
    color:#FFF;
    font-size: 24px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 15px;
    font-weight: 500;
}

#post>#moreInfos {
    color:#463f32;
    font-style:normal;
    font-size: 14px;
}


#post>#moreInfos h2 {
    color:#463f32;
    font-size:20px;
    line-height: 38px;
}

#post>#moreInfos h3 {
    color:#FF8500;
    font-size:14px;
    font-weight: bold;
    margin-top:20px;
    margin-bottom:15px;
    padding:15px 0 7px 0;
    border-bottom:1px solid #FF8500;
}

#post>#moreInfos p {
    padding:0;
}

#post>#moreInfos p strong {
    padding:15px 0 5px 0;
    display:block;
    width:750px;
    margin-bottom:3px;
}


#post>#moreInfos ul {
    padding: 2px 0 6px 18px;
}

#main-area #page-contact { margin:0 0 0 30px; font-size: 13px;}
div.post {
    font-size: 13px;
}

#main-area #pageSidebar { float: right; width: 200px; }

#pageSidebar #pageThumb {
    width:180px;
    height:245px;
    background:#444353;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:5px;
    margin-top:60px;
}

#pageSibar #pageThumb img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

#pageSidebar #page-infos-data {
    padding:10px 30px 30px 10px;
}

#pageSidebar>#pageInfos h3 {
    color:#000;
    font-size:14px;
    font-weight: bold;
    margin-bottom:20px;
}

#main ul#single-partner-thumbs{
    padding:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#single-partner-thumbs li {
    display: inline-block;
    list-style: none;
}

#single-partner-thumbs li:not(:last-child){
    margin-right:10px;
}

#single-partner-thumbs li  img.attachment-thumbnail {
    display: block;
    margin: 7px auto;
}

#single-partner-thumbs li img.size-full{
    display:none;
}

.wpcf7-submit {
    border:0;
    cursor:pointer;
    background: url(images/btn-contact.gif) no-repeat 0 0;
    color:#fff;
    width:135px;
    height:30px;
}

.readall {
    color:#434353;
    display: block;
    font-weight: bold;
    text-align: center;
}

.readall span {
    background: url(images/read-post.jpg) no-repeat 100% 50%; padding:5px 20px 0 0;
}

/***** PAGES TEMPLATE 1 *****/
#main-area > .container{    
    padding:60px 0;
}

.page-template-page-contact #main-area > .container,
.page-template-page-article #main-area > .container{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
}

#main-area > div.bandeau{
    position: relative;
    height: 200px;
    overflow: hidden;
}

#main-area > div.bandeau img{
    position: absolute;
    left: 0;
    top: -10%;
    bottom: -10%;
    margin: auto;
    width: 100%;
    max-width: 100%;
}
#main-area > div.bandeau div.container{
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    bottom:0;
    left:-5%;
    right:-5%;
}
#main-area > div.bandeau div.container span{
    color: #FFF;
    font-size: 58px;
    line-height:58px;
    font-weight: 600;
    padding:0;
    margin:0;
    text-shadow: 0 0 20px #333;
}

#pagethumbnailAndinfo{
    position:relative;
    margin-bottom:30px;
}

#pagethumbnailAndinfo img{
    max-width: 100%;
    height: auto;
}

#pagethumbnailAndinfo div#infos{
    position: absolute;
    right: 0;
    bottom: 40px;
    padding: 20px 16px;
    background: #FF8500;
    color: #FFF;
}

#pagethumbnailAndinfo div#infos h2{
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}

#pagethumbnailAndinfo div#infos #page-infos-data h3{
    font-size:13px;
    color:#FFF;
}

#pagethumbnailAndinfo div#infos #page-infos-data ul{
    margin-top:6px;
}

#pagethumbnailAndinfo div#infos #page-infos-data ul li a{
    color:#FFF;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

#pagethumbnailAndinfo div#infos #page-infos-data ul li a:hover{
    color:#000;
    text-decoration: none;
}

/***** PAGES TEMPLATE 2 *****/
#main-area #partnerSidebar{
    background: #F4F4F6;
}

#main-area #partnerSidebar ~ #sidebar{
    display:none;
}

/*************************************/
ul#partners-slider .slick-track{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/****** INDEX *****/
.archive #main-area #main{
    width:100%;
    float:none;
}

/********************************************************************/
/**************************** Responsive ****************************/
/********************************************************************/

.slicknav_menu {
    display:none;
}

@media all and (max-width:1230px){
    div#featured-slider li div.container-slide img{
        margin-top:-30px;
        margin-bottom:-30px;
    }
}

@media all and (max-width:1199px){
    #partners ul#partners-slider .slick-prev, #partners ul#partners-slider .slick-next {
        font-size: 30px;
    }
    #partners ul#partners-slider .slick-prev {
        left:-30px;
    }
    #partners ul#partners-slider .slick-next {
        right:-30px;
    }
}

@media all and (min-width:992px) and (max-width:1036px){
    #partners ul#partners-slider .slick-prev {
        left:10px;
    }
    #partners ul#partners-slider .slick-next {
        right:10px;
    }
}

@media all and (max-width:991px){
    #header {
        display:none;
    }
    .slicknav_menu{
        display:initial;
        top:0;
        left:0;
        position:fixed;
        border-bottom: 3px solid #FF8500;
        width:100%;
        z-index:9999;
        background:#FFF;
        padding:7px 0;
    }
    .slicknav_menu .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items:center;
    }
    .slicknav_menu .slicknav_menutxt{
        display:none;
    }
    .slicknav_menu .slicknav_icon{
        margin:0;
        width: auto;
        height: auto;
    }
    .slicknav_btn {
        margin-left:auto;
        margin-right:0;
        padding-right:0;
        text-decoration: none;
        text-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #FFF;
    }
    .slicknav_menu .slicknav_icon-bar{
        background:#FF8500;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow:none;
        box-shadow: none;
        width: 35px;
        height: 4px;
    }
    .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
        margin-top: 5px;
    }
    .slicknav_nav{
        width: 100%;
    }
    .slicknav_nav, .slicknav_nav a {
        color:#4a4a49;
    }
    .slicknav_nav > li > .slicknav_row{
        margin-left:0;
        padding-left:0;
    }
    .slicknav_nav .slicknav_row, .slicknav_nav, .slicknav_nav a, .slicknav_nav .slicknav_row > span{
        -webkit-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        transition:all 0.2s ease-in-out;
    }
    .slicknav_nav .slicknav_row:hover{
        text-decoration:none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: none;
        color:#4A4A49;
    }
    .slicknav_nav .slicknav_row > a:hover, .slicknav_nav .slicknav_row:hover > span, .slicknav_nav .slicknav_row > span:hover, .slicknav_nav li > a:not(.slicknav_row):hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: none;
        color: #FF8500;
        text-decoration:none;
    }
    .slicknav_menu ul li ul.children{
        visibility:visible !important;
        margin-left:0;
    }
    .slicknav_menu ul li > ul.children{
        background:#EEE;
    }
    .slicknav_menu ul li > ul.children li > ul.children{
        background:#DDD
    }
    .slicknav_menu .logo{
        width: 60px;
        height: 60px;
        margin-top: 0;
        margin-right:20px;
    }
    .slicknav_menu .logo img{
        max-width:100%;
    }
    .slicknav_menu p#slogan {
        font-size: 13px;
        color: #ff8500;
        margin-bottom:8px;
    }
    .slicknav_menu div#search-form{
        float:left;
        right:auto !important;
    }
    .slicknav_menu div#search-form form {
        display:flex; 
        align-items:stretch;
    }
    .slicknav_menu div#search-form input[type=text] { 
        padding:7px 4px; 
        margin:0 7px 0 0; 
        background: none; 
        border: 1px solid #d4d5da; 
        color: #616378; 
        font-size: 10px;  
    }
    .slicknav_menu div#search-form input[type=submit] { 
        cursor:pointer; 
        outline:0; 
        border:0; 
        background:#FF8500; 
        font-weight:700; 
        text-transform:uppercase; 
        color:#FFF;
        font-size:12px;
    }
    .slicknav_menu #langues{
        float:right;
        margin-top:4px;
        margin-left:6px;
    }
    .slicknav_menu .slicknav_nav{
        margin-top:15px;
    }

    div#main-area{
        padding-top:77px;
    }

    /******** ACCUEIL ********/
    .container{
        width:90%;
    }

    div#featured-slider { 
        height:350px;
    }
    div#featured-slider li div.container-slide{
        height:350px;
    }
    div#featured-slider li div.container-slide img{
        width:100%;
        height:auto;
        margin-top:0;
        margin-bottom:0;
    }
    div#featured-slider li div.container-slide .description{
        bottom:70px;
        width:400px;
    }
    div#featured-slider li div.container-slide .description h2{
        font-size:24px;
        margin-bottom:12px;
    }
    div#featured-slider .slick-prev, div#featured-slider .slick-next {
        font-size: 40px;
        top:52%;
    }
    div#featured-slider .slick-prev {
        left:50px;
    }
    div#featured-slider .slick-next {
        right:50px;
    }

    #main-area > .container {
        padding: 40px 0;
    }

    #categories-highlight ul {
        align-items: stretch;
    }
    #categories-highlight ul li {
        display: flex;
        flex-direction: column;
        width:24%;
        position:relative;
        overflow:hidden;
        padding-bottom:50px;
    }
    #categories-highlight ul li:not(:last-child) {
        padding-right: 0;
    }
    #categories-highlight ul li p{
        padding-bottom: 20px;
        height:auto;
        border:0;
    }
    #categories-highlight ul li a{
        bottom: 0;
        position: absolute;
        text-align:center;
        border-top: 1px solid #4a4a49;
        padding-top: 10px;
        font-size: 10.5px;
        width:100%;
    }
    #categories-highlight ul li a:after{
        display:none;
    }

    #footer-widget-area .container{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    div.footer-widget div.textwidget p:not(:last-child) {
        margin-bottom: 15px;
    }
    div.footer-widget:not(.last){
        border:0;
        height:auto;
    }
    div.footer-widget:first-child, div.footer-widget:not(:first-child):not(.last) {
        width: 48%;
    }
    div.footer-widget.last {
        width: 100%;
        height:auto;
        min-height: 0;
        padding:25px 0;
    }
    div.footer-widget.last ul{
        display:flex;
        flex-direction:row;
        align-items:center;
        flex-wrap:wrap;
        justify-content:center;
    }
    div.footer-widget.last ul li{
        margin:0 10px;
    }

    /******** SLIDER PARTENAIRES ********/
    #partners h2 {
        font-size: 20px;
    }

    /******** PAGES ********/
    #main-area #sidebar{
        width: 30%;
    }
    #main-area #partnerSidebar {
        width:27.5%;
        margin-right:2.5%;
    }
    #main-area #sidebar div.widget .widget-category-hierarchy div.widget-content {
        padding-left: 0;
        padding-right:20px;
    }
    #main-area #sidebar div.widget .widget-category-hierarchy {
        width:100%;
    }
    #main-area > div.bandeau div.container span {
        font-size: 40px;
        line-height: 40px;
    }
    #main-area #main, #main-area #page-contact {
        width: 70%;
    }
    h1#post-title{
        width:auto;
    }
    h1#post-title, h1#post-title span {
        font-size: 30px;
    }
    #main-area #page-contact {
        margin: 0;
    }
    #main #single-partner {
        width:100%;
        height:auto;
    }
    #main ul#single-partner-thumbs{
        flex-wrap:wrap;
    }
    #single-partner-thumbs li{
        max-width:28%;
        padding:10px;
    }
    #single-partner-thumbs li:not(:last-child) {
        margin-right: 0;
    }
    #single-partner-thumbs li img{
        max-width:100%;
        height:auto;
        min-height:0;
    }
}

@media all and (max-width:767px){
    /******** ACCUEIL ********/
    div#featured-slider { 
        height:260px;
    }
    div#featured-slider li div.container-slide{
        height:260px;
    }
    div#featured-slider li div.container-slide .description{
        bottom:20px;
        width:60%;
    }
    div#featured-slider li div.container-slide .description h2{
        font-size:18px;
    }
    div#featured-slider .slick-prev, div#featured-slider .slick-next {
        font-size: 35px;
        top:52%;
    }
    div#featured-slider .slick-prev {
        left:-15px;
    }
    div#featured-slider .slick-next {
        right:-15px;
    }

    #categories-highlight ul{
        flex-wrap:wrap;
    }
    #categories-highlight ul li {
        width:48%;
        margin:0;
    }
    #categories-highlight ul li:nth-of-type(1),
    #categories-highlight ul li:nth-of-type(2){
        margin-bottom:30px;
    }
    #categories-highlight ul li h2 {
        font-size: 16px;
    }
    #categories-highlight ul li p{
        padding-bottom:0;
    }
    #categories-highlight ul li a{
        text-align:left;
        font-size: 12px;
    }
    #categories-highlight ul li a:after{
        display:initial;
    }
    #categories-highlight img.mobile{
        display:initial;
    }
    #categories-highlight img.desktop{
        display:none;
    }

    #partners {
        padding-bottom:50px;
    }
    #partners h2 {
        font-size: 18px;
    }
    #partners .cf {
        position:initial;
    }
    #partners a.viewpartners {
        bottom: -28px;
        top:auto;
        right: 0;
    }
    #partners ul#partners-slider div.slick-list .slick-slide a {
        width: 100px;
    }

    #footer-widget-area .container{
        align-items: center;
    }
    div.footer-widget div.textwidget p:not(:last-child) {
        margin-bottom: 5px;
    }
    div.footer-widget:first-child, div.footer-widget:not(:first-child):not(.last) {
        width:100%;
        margin:10px 0;
    }
    div.footer-widget.last {
        padding:10px 0;
    }

    /******** PAGES ********/
    #main-area > div.bandeau{
        height:180px;
    }
    .page-template-page-contact #main-area > .container,
    .page-template-page-article #main-area > .container {
        flex-wrap:wrap;
    }
    div.post{
        font-size:14px;
    }
    div.post table {
        display: none;
        
    }
    .page #main-area p {
        line-height: 18px;
        margin-bottom: 8px;
    }
    #main-area #sidebar{
        width: 100%;
        order:3;
        margin-top:20px;
    }
    #main-area #partnerSidebar {
        width:100%;
        margin-right:0;
        order:1;
        margin-top:20px;
        margin-bottom: 20px
    }
    #main-area #sidebar div.widget .widget-category-hierarchy div.widget-content {
        padding-right:0;
    }
    #main-area > div.bandeau div.container span {
        font-size: 32px;
        line-height: 32px;
    }
    #main-area #main, #main-area #page-contact {
        width: 100%;
        order:2;
    }
    h1#post-title, h1#post-title span {
        font-size: 22px;
    }
    h1#post-title span {
        margin-bottom:5px;
    }

    .single-partenaires #main-area > .container{
        display:flex;
        flex-wrap:wrap;
    }
    .single-partenaires h1#post-title{
        display:none;
    }
    #partnerSidebar #partnerInfos, #pageSidebar #pageInfos {
        padding: 0 20px;
    }
    #post>#partnerIntro {
        font-size: 16px
    }
    #post>#partnerIntro h2{
        font-size: 22px;
    }
    #post>#moreInfos h2{
        font-size:17px;
        line-height:20px;
    }
    #post>#moreInfos{
        display: none;
    }

    div#footer {
        padding: 16px 0;
    }
}

@media all and (max-width:480px){
    /****** Accueil ******/
    div#featured-slider, div#featured-slider li div.container-slide {
        height: auto;
    }
    div#featured-slider li div.container-slide .description {
        padding:15px 25px;
    }
    div#featured-slider li div.container-slide .description h2 {
        font-size: 16px;
    }
    div#featured-slider li div.container-slide .description p {
        font-size: 12px;
    }

    #categories-highlight ul{
        padding:10px 0;
    }
    #categories-highlight ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    #categories-highlight ul li h2 {
        font-size: 15px;
    }
    #categories-highlight img {
        margin-bottom: 15px;
    }

    #partners h2 {
        font-size: 16px;
    }
    #partners ul#partners-slider div.slick-list .slick-slide a {
        width: 80px;
    }
    #partners ul#partners-slider .slick-prev, #partners ul#partners-slider .slick-next {
        font-size: 22px;
    }
    #partners ul#partners-slider .slick-prev {
        left:5px;
    }
    #partners ul#partners-slider .slick-next {
        right:5px;
    }

    div#footer-widget-area {
        padding: 35px 0px 15px;
    }

    /****** Pages ******/
    #main-area > div.bandeau {
        height: 150px;
    }
    #main-area > div.bandeau div.container span {
        font-size: 26px;
        line-height: 26px;
    }
    h1#post-title, h1#post-title span {
        font-size: 18px;
    }

    #partnerSidebar h2, #pageSidebar h2 {
        font-size: 18px;
    }
    #post>#partnerIntro h2 {
        font-size: 19px;
    }
    #single-partner-thumbs li {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    #single-partner-thumbs li img {
        width: 100%;
    }
    #single-partner-thumbs li img.size-partenaire-thumbs{
        display:none;
    }
    #single-partner-thumbs li img.size-full{
        display:initial;
    }
}

@media all and (max-width:560px){
    .slicknav_menu p#slogan{
        font-size: 11px;
        line-height: 11px;
    }
}

@media all and (max-width:500px){
    .slicknav_menu p#slogan{
        width: 260px;
    }
}

@media all and (max-width:450px){
    .slicknav_menu .logo {
        margin-right: 5px;
    }
    .slicknav_menu p#slogan{
        width: 200px;
    }
}

@media all and (max-width:395px){
    .slicknav_btn{
        position:absolute;
        right:0;
        top:5px;
    }
    .slicknav_menu div#search-form input[type=text] {
        width: 80px;
    }
    .slicknav_menu p#slogan{
        width: 150px;
        font-size:9px;
    }
}