/*
Theme Name: Theme enfant
Description: Theme enfant de Sybat
Author: KoBoGDaR
Author URI: https://www.wpserveur.net
Template: dt-the7
Version: 0.1.0
*/

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


/* #####################################################################
                                SURVOL DU MENU ACCUEIL 
 ###################################################################### */
li:not(.dt-mega-menu) .sub-nav{
    width: 210px!important;
}
.menu-text a:hover{
    color: red!important;
}
.sub-nav{
    background: rgba(59, 62, 67, 0.95)!important;
}
.sub-nav .menu-text{    
    color: white!important;
    font-size: 16px!important;
}

.phantom-fade .show-phantom#phantom{
    background: #9ea5c4;
}
.masthead:not(.sub-downwards) .main-nav .sub-nav li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a .menu-text, .masthead:not(.sub-downwards) .main-nav .sub-nav > li:not(.act):not(.dt-mega-parent):not(.no-link):not(.wpml-ls-item):hover > a .subtitle-text, .masthead:not(.sub-downwards) .main-nav .sub-nav li.dt-mega-parent:not(.act):not(.no-link):not(.wpml-ls-item) > a:hover .menu-text, .masthead:not(.sub-downwards) .main-nav .sub-nav > li.dt-mega-parent:not(.act):not(.no-link):not(.wpml-ls-item) > a:hover .subtitle-text{
    background: -webkit-linear-gradient(left,#9ea5c4 32%,#9ea5c4 32%);
    background: -webkit-gradient(linear,left top,right top,color-stop(32%,#9ea5c4),color-stop(100%,#9ea5c4));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text, .mini-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text, .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .subtitle-text, .mini-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .subtitle-text, .main-nav .sub-nav > li.dt-mega-parent.current-menu-item:not(.wpml-ls-item) > a .menu-text, .mini-nav .sub-nav > li.dt-mega-parent.current-menu-item:not(.wpml-ls-item) > a .menu-text, .main-nav .sub-nav > li.dt-mega-parent.current-menu-item:not(.wpml-ls-item) > a .subtitle-text, .mini-nav .sub-nav > li.dt-mega-parent.current-menu-item:not(.wpml-ls-item) > a .subtitle-text{

    background: -webkit-gradient(linear,left top,right top,color-stop(32%,#9ea5c4),color-stop(100%,#9ea5c4));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.top-header .sub-nav.gradient-hover.hover-style-bg li:not(.dt-mega-parent):hover > a, .top-header .gradient-hover.hover-style-click-bg li:not(.dt-mega-parent):hover > a, .top-header .gradient-hover.hover-style-click-bg li:not(.dt-mega-parent) > a .rippleAnimate{
    background: transparent!important;
}
.main-nav > li.act:not(.wpml-ls-item) > a .menu-text, .main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text{
    color: #314a89!important;
}
.link-compte{
    text-decoration: none!important;
}

#primary-menu > li.compte-menu.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-1257.has-children > a > span > span{
    color: #314a89!important;
    text-decoration: underline!important;
}
/*#####################################################################

#################################################################### */
body {
    font-family: 'futura_lt_bookregular'!important;
}
h1,h2,h3 {
    font-family: 'futura_lt_bookregular'!important;
    color: #314a89!important;
}
.divAuthorImg {
    margin-bottom: 15px!important;
}

.authorName {
    font-size: 22px;
}

.backgroundTestimonial_2 {
    background-image: url('http://sybat.g31c.com/wp-content/uploads/2018/02/image_17.png?id=70') !important;
    background-repeat: no-repeat;
    background-size: contain;
    height: 350px;
    background-position: center;
}

.backgroundTestimonial_2 p {
    padding-top: 65px;
    color: white!important;
    font-size: 18px
}

.imgAuthorTestimonial {
    border-radius: 500px;
    margin-top: 10px;
}

.backgroundTestimonial_1 p {
    padding-top: 65px;
    font-size: 18px
}

.backgroundTestimonial_1 {
    background-image: url('http://sybat.g31c.com/wp-content/uploads/2018/02/image_15.png?id=74') !important;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    background-position: center;
}

.rowTestimonial {
    max-width: 33.33%;
}

.postImg {
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 500px;
}

#testTestimonial {
    text-align: center;
}

.testTestimonial {
    background-color: aqua;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 32.3%!important;
}

.main-nav>li, .main-nav>li>a, .mini-nav li>a {
    margin-right: 14px;
}

.top-bar-bg {
    background: #314a89;
}

.sidebar-none {
    padding: 0px!important;
}

.wpb_revslider_element.wpb_content_element {
    margin: 0px!important;
}

.btnFirstTextHomePage {
    border-radius: 8px;
    background-color: #314a89;
    color: white;
    height: 40px;
    width: 160px;
    margin: 0 20px 0 0;
}

#sectionFourImgHomePage {
    padding-left: 165px !important;
    padding-right: 190px !important;
}

#sectionThreeImgHomePage {
    padding-left: 165px !important;
    padding-right: 190px !important;
}

.btnAdmireTheWorkHomePage {
    border-radius: 8px;
    background-color: black;
    color: white;
    height: 40px;
    width: 160px;
    margin: 0 20px 0 0;
    border: none;
    border: 1px solid black;
}

#textAdmireTheWorkHomePage h1 {
    color: white!important;
}

#textAdmireTheWorkHomePage p {
    color: black!important;
}

.imgOurAchievements img {
    width: 486px!important;
}

#bigImgAdmireTheWork img {
    min-width: 96%!important;
}

#bigImgAdmireTheWork.vc_column_container>.vc_column-inner {
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.imgClientHomePage img {
    border-radius: 50%;
}

#sectionAdmireTheWorkHomePage {
    padding-left: 165px !important;
    padding-right: 165px !important;
    padding-bottom: 35px;
}

#sectionOurReferences {
    padding-left: 60px !important;
    padding-right: 90px !important;
    display: none;
}
#smallImgAdmireTheWork1 img,#smallImgAdmireTheWork2 img {
	width: 100%;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}
#smallImgAdmireTheWork1,#smallImgAdmireTheWork2 {
    padding-left: 0px;
    padding-top: 8px;
    padding-right: 10px;
}


#FirstTextHomePage div h1 {
    padding-top: 50px;
    color: #314a89!important;
}

#FirstTextHomePage div p {
    color: black;
}

#firstSectionHomePage {
    padding-left: 150px;
    padding-right: 150px;
}
.page-id-2 .vc_single_image-img.attachment-medium {
    height: 150px!important;
    width: auto!important;
}
#main {
    padding: 70px 0 70px 0!important;
}
/*  ######################################################################
        Page Connection
######################################################################## */
.page-id-399 #main {
    margin: 0 auto;
    background: url('/wp-content/uploads/2018/06/Eurovia-Suivi-Photo-Chantier-Echangeur-A83-03-Web-1.jpg') !important;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 25px 5px 5px 5px !important;
    width: 100% !important;
    height:820px;
    box-sizing: border-box !important;
    background-color: #9ea5c4;
}
.um-1146.um {
    max-width: 450px;
    position: absolute;
    right:0px;
    background-color: rgba(0,0,0,0.2);
    padding: 25px;
}
a.um-link-alt {
    line-height: 22px;
    color: #fff !important;
    display: block !important;
    text-decoration: none !important;
    font-weight: normal;
    text-align: center;
    border-bottom: none !important;
}
.um-col-alt-b a {
    color: white!important;
}
a.um-link-alt {
    color: white!important;
}
/*  ######################################################################
        Mon compte,Mes Documents,Mes Chantiers, Mes contacts
######################################################################## */
span.btn-back {
    background-color:#314a89;
    padding: 10px 15px;
    margin: 15px;
    border-radius: 5px;
    color: white;
    font-size: 22px;
}
span.btn-back a {
    background-color:#314a89;
    padding: 10px 15px;
    margin: 15px;
    border-radius: 5px;
    color: white;
    font-size: 22px;
    text-decoration: none;
}
/*  ######################################################################
        Commentaires homepage
######################################################################## */
ol.comment-list {
    display: none;
}
div#comments > h3 {
    display: none;
}
.page-id-2 #main {
    padding: 0px 0 70px 0!important;
}
.comment_home {
    background-color: whitesmoke;
    margin-bottom: 5px;
    padding: 10px;
}
.comment_home p:last-child {
    text-align: left;
}
#starsbycomment{
    text-align: left;
}
span.starsbycomment.dashicons.dashicons-star-filled {
    font-size: 25px!important;
    width: 25px!important;
    height: 25px!important;
}
/*  #####################################################################
                                PAGE ACCEUIL
######################################################################## */
.page-id-2 #text, .page-id-2 .text_commentaire {
    font-size: 14px;
    text-align: justify;
    line-height: 1.9em;
}
.page-id-2 #text-rea{
    color:white!important;
}
.page-id-2 h2 {
    text-transform: uppercase!important;
    color: #314a89!important;
}
.page-id-2 h3 {
    font-family: 'futura_lt_bookregular'!important;
    font-size: 20px;
    color: black;
    line-height: 18px;
    margin-top: 20px;
}
.page-id-2 .widget-info p {
    margin-bottom: 5px!important;
}
.page-id-2 figcaption.vc_figure-caption {
    font-size: 18px!important;
}
.page-id-2 .btn-avis a {

    text-decoration: none;
    background-color: #314a89;
    padding: 15px 20px;
    color: white;
    text-transform:uppercase;
    cursor: pointer;

}
/*  #####################################################################
                                FORMULAIRE ANNONCE
######################################################################## */
.page-id-91 input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number{
    border-color: black!important;
}
.page-id-93 input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number{
    border-color: black!important;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000!important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000!important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000!important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #000!important;
}
.titre-candidature{
    text-transform: uppercase;
}
/*  #####################################################################
                                FORM AVIS DEPOSE
######################################################################## */
.form-avis {
    column-count: 3;
}
.form-avis label {
   display: block;
   width: 100%;
}
.form-avis select {
   width: 100%;
}
.form-avis input {
    width: 100%;
    border-color: rgba(51,51,51,1); 
}
#page input[type="email"], #page input[type="date"]{
    margin-bottom: 0!important;
}
textarea#comment {
    height: 200px;
}
/*  #####################################################################
                                FOOTER
######################################################################## */

.menu .current-menu-item>a, .accent-gradient .custom-nav>li>a:hover span, .accent-gradient .custom-nav li.act>a span, .accent-gradient .custom-nav>li>ul a:hover span, .accent-gradient .st-accordion li>a:hover, .accent-gradient .st-accordion>ul li>a:hover *, .accent-gradient .widget .custom-categories a:hover span.item-name, .accent-gradient .widget_categories li a:hover, .accent-gradient .widget_meta a:hover, .accent-gradient .blogroll a:hover, .accent-gradient .widget_archive li a:hover, .accent-gradient .widget_recent_entries a:hover, .accent-gradient .widget_links a:hover, .accent-gradient .widget_pages a:hover, .accent-gradient .tp_recent_tweets li span a:hover, .accent-gradient .recent-posts a:not(.post-rollover):hover, .accent-gradient .items-grid .post-content>a:hover, .accent-gradient #wp-calendar td a:hover, .accent-gradient .tagcloud a:hover, .accent-gradient .widget_nav_menu a:hover, .accent-gradient a.rsswidget:hover {
    background: #314a89;
    background: #314a89;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.accent-gradient #page .footer .custom-categories a:hover span.item-name, .accent-gradient #page .footer .cat-item a:hover span.item-name, .accent-gradient #page .footer .custom-menu a:hover, .accent-gradient #page .footer .widget_recent_comments a:hover {
    background: #314a89;
    background: #314a89;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.custom-menu li.act>a, .widget_recent_comments a:hover {
    color: #314a89 !important;
}

.footer .widget-title {
    font-size: 22px;
}

.dt-shortcode-soc-icons a, .soc-ico a {
    margin-right: 11px !important;
}

.footer .soc-ico a::before {
    background-color: #293e73;
}
#footer p,#footer span,#footer a,#footer div{
    color: #fff;
}
.footer .soc-ico a .soc-font-icon {
    color: #fff;
}

#footer .soc-ico a:hover .soc-font-icon, #main .soc-ico a:hover .soc-font-icon {
    color: #293e73;
}

.accent-gradient #main .soc-ico a::after, .accent-gradient #footer .soc-ico a::after {
    background: white!important;
}

.footer .st-accordion li>a::before, .footer .custom-menu a::before {
    background-color: transparent;
}

.custom-menu a:hover::after, .custom-menu .act>a::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' fill='rgba(133,134,140,0.5)' viewBox='0 0 8 8' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpath d='M3.021,8c0.181,0,0.335-0.063,0.462-0.19l3.343-3.343C6.956,4.337,7.021,4.182,7.021,4c0-0.186-0.065-0.339-0.195-0.462L3.483,0.195C3.36,0.064,3.206,0,3.021,0C2.84,0,2.684,0.064,2.554,0.195l-0.385,0.38c-0.127,0.133-0.19,0.289-0.19,0.467c0,0.182,0.063,0.336,0.19,0.462L4.664,4L2.169,6.495c-0.127,0.127-0.19,0.281-0.19,0.463c0,0.178,0.063,0.333,0.19,0.467L2.554,7.81C2.688,7.937,2.843,8,3.021,8z'/%3E%3C/svg%3E")!important;
}

.footer .widget-info p {
    margin-bottom: 25px;
}

#footer.solid-bg {
    background-size: cover;
}

.footer .widget-info p span {
    margin-left: 20px;
}

.footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li {
    border-top: none;
}

.footer .fa, .footer .widget-info p img {
    margin-right: 5px;
}

.footer .widget-info p img {
    max-width: 14px;
    ;
}

.footer i.fa.fa-mobile {
    margin-right: 11px;
}

.footer img.preload-me {
    display: none;
}

#bottom-bar .wf-td.bottom-text-block {
    text-align: center;
}

#bottom-bar .wf-td.bottom-text-block p a {
    color: #c53b3b;
}

#bottom-bar {
    background-color: #1a1c27;
}

#footer .post-date {
    float: left;
    border: 1px solid white;
    border-radius: 50%;
    padding: 12px 9px;
    text-align: center;
    line-height: 0.8;
    margin-right: 8px;
}

#footer #recent-posts-2 ul li {
    height: 46px!important;
    margin-top: 14px;
}

#footer #recent-posts-2 ul li a {
    top: 50%;
    transform: translateY(50%);
}
#footer .wf-container-footer {
    padding-top: 20px!important;
    padding-bottom: 0px!important;
}
/*test pour page nos réalisation */

.activeBlue{
color: #08c!important;
border: 1px solid black;
background-color: white!important;
}


/*  #####################################################################
                                PAGE CONTACT
######################################################################## */

#rowButtonContactPage{
    text-align: center;
    margin: 30px 0px 0px 30px;
}
.btnSubmitContact{
    width: 100%!important;
    background: #314a8a!important;
    height: 50px!important;
    font-size: 26px!important;
}
.formCandidate{
    height: 35px;
    color: #314a8a;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}
.page-id-93 .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-primary.activeBlue{    
    background: #fff !important;
    color: #314a8a !important;
}

.page-id-93  .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-primary{
    background: #314a8a !important;
    color:  #fff !important;
}





/*  #####################################################################
                                MEDIA QUERY
######################################################################## */

@media screen and (max-width: 1440px) {
    #firstTextHomePage, .wpb_wrapper h1 {
        padding-top: 25px;
    }
    #firstImgHomePage {
        padding-top: 35px;
    }
}

@media screen and (max-width: 1366px) {
    #firstImgHomePage {
        padding-top: 60px;
    }
    #sectionAdmireTheWorkHomePage {
        padding-left: 125px !important;
        padding-right: 125px !important;
    }
    #sectionOurReferences {
        padding-left: 145px !important;
        padding-right: 162px !important;
    }
}

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

    #smallImgAdmireTheWork1, #smallImgAdmireTheWork2 {
        padding-left: 10px;
    }
    #bigImgAdmireTheWork img {
        min-width: 98% !important;
        padding-bottom: 8px;
        padding-top: 1px;
    
    }
    .backgroundTestimonial_2 p {
        padding-top: 110px!important;
        color: white !important;
        font-size: 18px;
    }
    .backgroundTestimonial_1 p {
        padding-top: 90px;
        font-size: 18px;
    }
    .btnAdmireTheWorkHomePage:last-child{
        margin-top: 10px;
    }
    #firstImgHomePage {
        padding-top: 80px;
    }
    #sectionOurReferences {
        padding-left: 156px !important;
        padding-right: 162px !important;
    }
}

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

    .backgroundTestimonial_2 {
        background-image: url('http://sybat.g31c.com/wp-content/uploads/2018/02/image_17.png?id=70') !important;
        background-repeat: no-repeat;
        background-size: contain;
        height: 260px;
        background-position: center;
    }

    .backgroundTestimonial_2 p {
        padding-top: 70px !important;
        color: white !important;
        font-size: 18px;
    }

    #firstSectionHomePage {
        padding-left: 20px;
        padding-right: 20px;
    }
    #sectionFourImgHomePage {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #sectionThreeImgHomePage {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #sectionAdmireTheWorkHomePage {
        padding-left: 20px !important;
        padding-right: 15px !important;
    }
    #sectionOurReferences {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .main-nav > li > a {
        margin: 18px 0px 18px 0px!important;
        padding: 4px 0px 4px 0px!important;
    }
    h4 {
        font-size: 18px!important;
    }
}

@media screen and (max-width: 980px) {
    /*menu*/
    .main-nav > li, .main-nav > li > a, .mini-nav li > a {
        margin-right: 8px;
    }

    /* footer*/
    #footer .post-date {
      
        padding: 4px 9px;
       
        line-height: 1.4;
       
    }
    #footer .wf-container-footer {
        padding-top: 60px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 960px) {
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 10px!important;
    }
}

@media screen and (max-width: 812px) {
    #firstTextHomePage, .wpb_wrapper h1 {
        padding-top: 0px!important;
        font-size: 30px;
    }
    #firstImgHomePage {
        padding-top: 0px!important;
    }
    #sectionAdmireTheWorkHomePage {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 10px!important;
        margin-right: 559px;
    }
}
@media screen and (max-width: 812px) {
    /* footer */
    #footer #presscore-contact-info-widget-2 img {
          
        width: 97%;
    }
    #footer.footer .widget-title {
        font-size: 19px;
    }
    .footer .widget, .footer .tp_recent_tweets li {
        font-size: 10px;
      
    }
    #footer #presscore-custom-menu-1-2 ul {
        padding-top: 25px;
    }
    #footer #recent-posts-2 ul li a {
        top: 50%;
        transform: translateY(23%);
    }
    #footer #presscore-contact-info-widget-3 .widget-info{
        padding-top: 20px;
    }

    /* menu */

    .inline-header .header-bar > .mini-widgets, .inline-header .widget-box .mini-widgets {
        padding: 0px 4px 0px 5px;
    }
    .main-nav > li, .main-nav > li > a, .mini-nav li > a {
        margin-right: -1px;
    }
    .masthead {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}

@media screen and (max-width: 800px) {
    /*menu */
    .inline-header .header-bar > .mini-widgets, .inline-header .widget-box .mini-widgets {
        padding: 0px 20px 0px 10px;
    }
    .branding {
        width: 18%;
    }

}

@media screen and (max-width: 769px) {
    .footer .widget {
        width: 25%;
    }

    #footer #presscore-contact-info-widget-2 img {
        width: 95%;
    }

    .backgroundTestimonial_2 {
        background-image: url('http://sybat.g31c.com/wp-content/uploads/2018/02/image_17.png?id=70') !important;
        background-repeat: no-repeat;
        background-size: contain;
        height: 215px;
        background-position: center;
    }

    .backgroundTestimonial_1 {
        background-image: url('http://sybat.g31c.com/wp-content/uploads/2018/02/image_15.png?id=74') !important;
        background-repeat: no-repeat;
        background-size: contain;
        height: 240px;
        background-position: center;
    }


    .backgroundTestimonial_2 p {
        padding-top: 60px !important;
        color: white !important;
        font-size: 14px;
        padding-right: 7px;
        padding-left: 7px;
    }

    .backgroundTestimonial_1 p {
        padding-top: 75px;
        font-size: 14px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 10px !important;  
        margin-right: 18px !important;
    }
}

@media screen and (max-width: 736px) {
    #smallImgAdmireTheWork2{
        padding: 0px 10px 0px 10px;
    }
    #smallImgAdmireTheWork1{
        padding: 10px;    
    }

    #bigImgAdmireTheWork img {
        min-width: 100% !important;
        padding-bottom: 8px;
        padding-top: 1px;    
    }

    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 10px!important;
        margin-right: 0px;
    }
}

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

    .footer .widget {
        color: #85868c;
        padding: 0 0px;    
        margin-bottom: 0px;
    }
    .footer .widget, .wf-cell, .wf-usr-cell {
        display: inline-block;
        vertical-align: top;
        padding: 0 0px;    
        padding-left: 9px;
    }
    .wf-cell, .wf-usr-cell {
        padding: 0 0px;
    }
}

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

    .page-id-91 .vc_column_container > .vc_column-inner{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .tableRecrutement tbody tr{
        font-size: 12px;
    }

    .tableRecrutement tbody tr td{
        padding: 5px 3px 5px 3px;
    }
    #sectionRecrutement_1{
        background-color: red!important;
        height: 50px;
    }

    /* .even{
        font-size: 12px;
    } */
    .btnAdmireTheWorkHomePage {
        border-radius: 8px;
        background-color: black;
        color: white;
        height: 40px;
        width: 160px;
        margin: 10px 20px 0 0!important;
        border: none;    
    }
}

@media screen and (max-width: 533px) {
    .btnAdmireTheWorkHomePage {
        margin-bottom: 10px!important;
    }
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 0px!important;
    }
}

@media screen and (max-width: 415px) {
    #bigImgAdmireTheWork img {
        min-width: 100% !important;
        padding-bottom: 8px;
        padding-top: 1px;
    }
    #smallImgAdmireTheWork1, #smallImgAdmireTheWork2 {
        padding: 0px;
    }
    
    .btnAdmireTheWorkHomePage {
        margin-bottom: 10px!important;
    }
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 0px !important;
        margin-right: 20px;
    }
    .btnFirstTextHomePage {
       
        margin: 0 10px 0 0;
    }
    .tp-bgimg.defaultimg{
        background-size: cover!important;
    }

    /* footer */
    
    .footer .widget {
        width: 50% !important;
        margin-top: 10px;
        padding-left: 25px;
    }
    #footer.footer .widget-title {
        font-size: 16px;
      
    }
    .footer .widget-info p span {
        margin-left: 0px;
    }
    
}

@media screen and (max-width: 385px) {
    .btnAdmireTheWorkHomePage {
        border-radius: 8px;
        background-color: black;
        color: white;
        height: 40px;
        width: 160px;
        margin: 10px 20px 0 0 !important;
        margin-bottom: 0px;
        border: none;    
    }
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 10px !important;
        margin-right: 16px;
    }
}

@media screen and (max-width: 376px) {
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 0px !important;
        margin-right: 18px;
    }
}

@media screen and (max-width: 360px) {
    .btnAdmireTheWorkHomePage:last-child {
        margin-top: 10px !important;
        margin-right: 16px;
    }
    #firstTextHomePage, .wpb_wrapper h1 {
        padding-top: 0px !important;
        font-size: 29px;
    }
}

@media screen and (max-width: 320px) {
    /* footer */
    .dt-shortcode-soc-icons a, .soc-ico a {
        margin-right: 10px !important;
    }
    .footer p {
        font-size: 10px;
    }
    #footer .post-date {
      
        display: none;
    }
    #footer.footer .widget-title {
        font-size: 15px;
    }
}

/* ######################################################################## TEST PAGE REALISATION ############################################################################ */

#SectionRealisation_1{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

@media screen and (orientation: landscape) and (max-width: 736px) {}

@media screen and (orientation: landscape) and (max-width: 668px) {}

@media screen and (orientation: landscape) and (max-width: 640px) {}

@media screen and (orientation: landscape) and (max-width: 568px) {}

@media screen and (orientation: landscape) and (max-width: 480px) {}

@media screen and (orientation: landscape) and (max-width: 375px) {}