#ajaxsearchlite1{width:100%!important;}
@media print {
	.abw-noprint,
	.col-sm-4.abw-noprint,
	#taboola-below-article{
		display: block !important;
		height: 0 !important;
		visibility: hidden !important;
	}
	.col-sm-8.abw-print{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

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

header .logo-menu #menu{
  padding: 0px 20px;
}

}

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

header .logo-menu #menu{
  padding: 0px 20px;
}

}

@media only screen and (max-width: 1200px) {
	#video .gallerie .lSSlideOuter .lSPager.lSpg {
		left: 50%;
		margin: 2rem 0 0 0 !important;
		position: absolute;
		top: -80px;
		transform: translateX(-50%);
	}
	.lSSlideOuter .lSPager.lSpg > li a {
		background-color: #006190;
		border-radius: 0;
		display: inline-block;
		height: 4px;
		width: 40px;
	}
	#video .gallerie .lSSlideOuter .lSPager.lSpg > li a {
		background-color: #fff;
	}
	#video .gallerie .lSSlideOuter .lSPager.lSpg > li.active a,#video .gallerie .lSSlideOuter .lSPager.lSpg > li:hover a,
	.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
	#video .gallerie .gallerie-video li{ height: auto; }
	#offres .contenu-listing > div,
	#offres .contenu-listing div:nth-child(3) .block .img-media, #offres .contenu-listing div:nth-child(3) .block,
	#offres .contenu-listing div:nth-child(4) .block .img-media, #offres .contenu-listing div:nth-child(4) .block,
	#offres .contenu-listing div:nth-child(5) .block .img-media, #offres .contenu-listing div:nth-child(5) .block,
	#offres .contenu-listing .col2 .block .img-media, #offres .contenu-listing .col2 .block{
		height: 100%;
	}
	/* #offres .contenu-listing{ display: block; } */
	
}

@media (min-width: 1025px) and (max-width: 1200px){
	/* body.home #offres .row.contenu-listing{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	} */
}

@media only screen and (max-width: 1024px) {
    #page-article .contenu-detail .img-media fieldset {
        left: 17px;
        width: 90%;
    }
    #page-article .contenu-detail .img-media fieldset * {
        font-size: 15px;
        line-height: 30px;
    }

    #actus .listing-actus .block-actus .img-media .social li a img ,
    #actus2 .listing-actus .block-actus .img-media .social li a img,
    #actus3 .listing-actus .block-actus .img-media .social li a img {
        width: 35px;
    }
    #affix.social ul li ,.sidebar .fixed-btn .mail,.sidebar .fixed-btn .print{
        width: 55px;
    }
    .sidebar .fixed-btn {
        top: 30%;
    }
    #affix.social ul li a{
        height: 55px;
    }
    header .navbar-nav .nav-item a .navicon-itenh,
	header .navbar-nav .nav-item .dropdown-toggle.nav-link .navicon-itenh{
        visibility: visible !important;
    }
    header .navbar-nav .nav-item .navicon-iten,
	header .navbar-nav .nav-item .dropdown-toggle.nav-link .navicon-iten{
        visibility: hidden !important;
    }
    header .dropdown-menu {
        height: auto;
        overflow-x: hidden;
        padding: 0;
        margin-top: 0;
    }
    header .navbar-nav .nav-item .navicon-itenh {
        height: 50px;
        width: 50px;
        left: -54px;
        top: -5px;
    }
    .carousel-indicators{
        z-index: 10;
    }
    header #menu ul.dropdown-menu li {
        border: none !important;
    }
    #cntsidebar {
        height: auto;
        padding-left: 0;
    }
    #page-article .sidebar::before {
        content: none;
    }
    body,html{
        overflow-x: hidden;
        font-size: 15px;
    }
    .mobile:not(#wpadminbar){
        display: block !important;
    }
    .mobile-menu .header .logo-menu .logo.mobile{margin: 0 1rem 1rem 0;}
    /* .mobile-menu #ajaxsearchlite1 .probox, .mobile-menu div.asl_w .probox{ display: none;} */
    .mobile-menu #primary-menu .link-drop{
      /* color: #006190; */
    }
    .mobile-menu #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon{ display: none;}
    .mobile-menu .lSSlideOuter .lSPager.lSpg > li a { display: none !important;}
    /* Menu */
    header .logo-menu {
        flex-wrap: wrap;
        padding: 1rem 0rem 1rem 0rem;
    }
    header .logo-menu .logo {
        /* margin: 0 4rem .8rem 0; */
        margin: 0 0 .8rem 0;
    }
     #page-article .contenu-detail img, .aligncenter.nocontent{
    margin: 0 10px 10px 0;
    }
    footer .container-fluid{
        padding: 0rem 2rem 2rem 2rem;
    }

    header .logo-menu nav .titre{
        color: transparent;
    }
    header .logo-menu nav {
        position: absolute;
        top: 1.5rem;
        right: 1rem;
        z-index: 201;
    }
    header .logo-menu #menu {
        width: 81vw;
        margin:  0;
        transform: translate(-115%, 0);
        height: 100vh;
        /* background: #fff; */
        overflow: hidden;
    }
    header .logo-menu #menuToggle input:checked ~ nav {
        transform: translate(-42px, 0);
        /* top: -21px; */
        top: -20px;
        /* padding: 15px; */
        padding: 0;
    }
	header .logo-menu #menuToggle input:checked ~ nav .logo.mobile{
		background-color:#fff;
		margin: 0;
		padding: 15px;
	}
	header .logo-menu #menuToggle input:checked ~ nav .menu-menu-prinicpal-container{ padding: 0 15px 15px; }
    header .logo-menu #menu::after{
        content: none;
    }
    #slider .carousel .carousel-caption{
        z-index: 0;
    }
    header .logo-menu #menu ul {
      /*  height: auto; */
        overflow-x: hidden;
        padding: 0;
        margin-top: 0;
    }
    header .logo-menu #menu li:first-child{
        /* border-top: 1px solid #21b3ee; */
    }
    header .logo-menu #menu li:last-child{
        border-bottom: 1px solid #21b3ee;
        padding-bottom: 5px !important;
    }
    header .logo-menu .input-search {
        width: 50%;
    }
	.asl_w_container{min-width:auto!important;width:43%!important;}
    header .logo-menu .text-infos {
        font-size: 13px;
        line-height: 15px;
        /* width: 50%; */
        width: calc(58% - 10px);
        padding-left: 10px;
    }
    header .logo-menu .input-search .form-control,header .logo-menu .input-search .form-control::placeholder{
        font-size: 15px;
    }
    header .logo-menu .input-search .form-control,header .logo-menu .input-search{
        height: 40px;
    }
    header .logo-menu nav.open .titre {
        background: #006190;
        width: 20vw;
        left: -2px;
        position: relative;
        height: 12vh;
        top: -24px;
    }
    header .logo-menu #menuToggle input:checked ~ span{
        background: #fff;
    }
    header .logo-menu nav.open .titre::after {
        color: #fff;
        font-size: 14px;
        text-align: center;
        display: block;
        margin: 35px 0 0 35%;
    }
    header .logo-menu .logo.mobile{
        margin: 0 1rem 0 0;
    }
    header .navbar-nav .nav-link {
        font-size: 15px;
        border-left: none;
        padding: 12px 0;
        /* color: #006190; */
    }
    header .navbar-nav .nav-item:nth-child(17) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(17) .nav-link::before{
        background: url(../images/icn-menu-hover17.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(16) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(16) .nav-link::before{
        background: url(../images/icn-menu-hover16.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(15) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(15) .nav-link::before{
        background: url(../images/icn-menu-hover15.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(14) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(14) .nav-link::before{
        background: url(../images/icn-menu-hover14.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(13) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(13) .nav-link::before{
        background: url(../images/icn-menu-hover13.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(12) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(12) .nav-link::before{
        background: url(../images/icn-menu-hover12.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(11) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(11) .nav-link::before{
        background: url(../images/icn-menu-hover11.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(10) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(10) .nav-link::before{
        background: url(../images/icn-menu-hover10.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(9) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(9) .nav-link::before{
        background: url(../images/icn-menu-hover9.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(8) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(8) .nav-link::before{
        background: url(../images/icn-menu-hover8.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(7) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(7) .nav-link::before{
        background: url(../images/icn-menu-hover7.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(6) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(6) .nav-link::before{
        background: url(../images/icn-menu-hover6.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(5) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(5) .nav-link::before{
        background: url(../images/icn-menu-hover5.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(4) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(4) .nav-link::before{
        background: url(../images/icn-menu-hover4.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(3) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(3) .nav-link::before{
        background: url(../images/icn-menu-hover3.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(1) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(1) .nav-link::before{
        background: url(../images/icn-menu-hover1.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item:nth-child(2) .nav-link::before,header .navbar-nav .nav-item.active:nth-child(2) .nav-link::before{
        background: url(../images/icn-menu-hover2.svg) no-repeat center;
        background-size: cover;
    }
    header .navbar-nav .nav-item .nav-link::before ,header .navbar-nav .nav-item:nth-child(1) .nav-link::before{
        height: 50px;
        width: 50px;
        left: -3.5rem;
        top: -5px;
    }
    header .logo-menu #menu li {
        padding: 5px 0 5px 3rem;
        font-size: 19px;
    }
    header .navbar-nav .nav-item:nth-last-child(-n+3) {
        border-bottom: 1px solid #21b3ee;
    }
    footer .news, 
	#newspopup.news{
        text-align: center;
    }
    footer .container-fluid {
        padding: 2rem 2rem 1rem 2rem;
    }
    footer .news p {
        margin-top: 25px;
    }
    footer .news .newsletter .form-control{ width: 250px; }
    #newspopup.news .newsletter .form-control{
		margin-bottom: 1rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100%;
	}
	.input-group.names{ margin-bottom: 0 !important; }
    footer .news .social{
        display: none;
    }
    footer .presse {
        width: auto;
        margin: 3rem 0 0 0;
        text-align: center;
    }
    footer .presse img {
        margin-bottom: 25px;
    }
    footer .titre {
        text-align: center;
        margin-top: 4rem;
    }
    footer .pub-footer{
        text-align: center;
    }
    footer .loca-footer{
        text-align: center;
    }
    footer .loca {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    footer .loca img {
        float: inherit;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
    footer .lien-footer li a {
        font-size: 15px;
    }
    footer .copyright ul li {
        margin: 0 6px;
    }
    footer .copyright ul li, footer .copyright ul li a {
        font-size: 9px;
    }
    footer .copyright ul li::after {
        width: 3px;
        height: 3px;
        right: -7px;
        top: 46%;
    }
    footer .lien1,footer .lien2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .lien3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 50%;
    }
    footer .lien-footer li {
        margin-bottom: 5px;
    }
    .scroll {
        /* bottom: 1rem; */
        /* right: 1rem; */
        bottom: 20px;
        right: 20px;
		width: 45px;
    }

    header .navbar-nav .dropdown-toggle::after {
        /* box-shadow: 1px -1px 1px 0 #006190 inset; */
    }
    header .navbar-nav .dropdown-item{
        /* color: #006190; */
    }
	#page-article .contenu-detail .infos li p{ font-size: 15px !important; }
	#page-article p.wp-caption-text{ font-size: 14px !important; }
	#page-article.recherche .sidebar #galerie-video{ height: 60px; margin: 4rem auto 0px auto; }

	header .logo-menu .logo{ max-width: 100%; width: 100%; }
	div[id*="ajaxsearchlite"].wpdreams_asl_container{ width: 50% !important; }

	#slider .carousel .carousel-caption .block .btn-custom img.fleche{ margin-top: -2px; }
	#actus .listing-actus .block-actus .content .btn-custom:hover::after{ top: 0; }
	#page-article.recherche #actus .listing-actus .block-actus .btn-custom:hover::after{ top: 3px; }
	#page-article.recherche #actus3 .listing-actus .block-actus .btn-custom:hover::after{ top: 3px; }

	#offres .contenu-listing .col2 .block .img-media, #offres .contenu-listing .col2 .block ,#offres .contenu-listing .block .img-media, #offres .contenu-listing .block,
	#offres .contenu-listing div:nth-child(3) .block .img-media, #offres .contenu-listing div:nth-child(3) .block,
	#offres .contenu-listing div:nth-child(4) .block .img-media, #offres .contenu-listing div:nth-child(4) .block,
	#offres .contenu-listing div:nth-child(5) .block .img-media, #offres .contenu-listing div:nth-child(5) .block{
        height: 200px;
    }
	.row.row-listing-actus{ margin-left: 0; margin-right: 0; }
}

@media (min-width: 768px) and (max-width: 1024px){
    #page-article .contenu-detail .img-media fieldset {
        left: 0;
        width: 70%;
    }
    body,html{
        font-size: 15px;
    }
    h1,
	#actus.plus-lus h2, #actus.dossiers h3,
    #actus2.plus-lus h2, #actus2.dossiers h3,
    #actus3.plus-lus h2, #actus3.dossiers h3{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .titre{
        font-size: 45px;
        margin-bottom: 1rem;
    }
    #slider .carousel .carousel-caption .block .titre span{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .sous-titre {
        font-size: 23px;
        line-height: initial;
    }
    #slider .carousel .carousel-caption .block p,
    #slider .carousel .carousel-caption .block p.desc{
        display: none;
    }
    #slider .carousel .carousel-caption .block .btn-custom{
        font-size: 18px;
        bottom: 2.5rem;
    }
    #slider .carousel .carousel-caption .block {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    #slider .carousel .carousel-caption {
        height: auto;
        width: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .line-bleu::before,.line-bleu::after,.line-white::before,.line-white::after {
        width: 25%;
    }
    #actus .listing-actus ,
    #actus2 .listing-actus,
    #actus3 .listing-actus {
        padding: 0;
        margin-top: 1rem;
    }
    #actus .listing-actus > div ,
    #actus2 .listing-actus > div,
    #actus3 .listing-actus > div {
        padding: 0;
    }
    #actus .listing-actus .block-actus .img-media ,
    #actus2 .listing-actus .block-actus .img-media,
    #actus3 .listing-actus .block-actus .img-media {
        height: 250px;
    }
    #actus .listing-actus .block-actus .img-media::after ,
    #actus2 .listing-actus .block-actus .img-media::after,
    #actus3 .listing-actus .block-actus .img-media::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,97,144,0.5);
        z-index: 1;
    }
    #actus .listing-actus .block-actus .img-media .social ,
    #actus2 .listing-actus .block-actus .img-media .social,
    #actus3 .listing-actus .block-actus .img-media .social {
        z-index: 2;
    }
    #actus .listing-actus .block-actus ,
    #actus2 .listing-actus .block-actus,
    #actus3 .listing-actus .block-actus {
        border: 3px solid #006190;
    }
    #actus .listing-actus .block-actus .content .icn-style1 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style1 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style1 .icn{
        background: url(../images/icn-actu-hover1.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style2 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style2 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style2 .icn{
        background: url(../images/icn-actu-hover2.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style3 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style3 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style3 .icn{
        background: url(../images/icn-actu-hover3.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style4 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style4 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style4 .icn{
        background: url(../images/icn-actu-hover4.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style5 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style5 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style5 .icn{
        background: url(../images/icn-actu-hover5.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content > div:first-child .icn ,
    #actus2 .listing-actus .block-actus .content > div:first-child .icn,
    #actus3 .listing-actus .block-actus .content > div:first-child .icn {
        width: 66px;
        height: 45px;
        background-size: contain !important;
    }
    #actus .listing-actus .block-actus .content .titre ,
    #actus2 .listing-actus .block-actus .content .titre,
    #actus3 .listing-actus .block-actus .content .titre {
        font-size: 18px;
        margin: .5rem 0;
        line-height: 20px;
    }
    #actus .listing-actus .block-actus .content p,
    #actus2 .listing-actus .block-actus .content p,
    #actus3 .listing-actus .block-actus .content p{
        font-size: 15px;
    }
    .btn-custom{
        font-size: 18px;
    }
    .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #006190;
        border-radius: 0;
        display: inline-block;
        height: 4px;
        width: 40px;
    }
    .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    .lSSlideOuter .lSPager.lSpg {
        margin: 2rem 0 0 0 !important;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li a{
        background: #fff;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a ,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #video {
        padding: 3rem 1rem 0 1rem;
    }
    #video .titre {
        font-size: 2em;
        margin-bottom: 2rem;
        text-align: center;
    }
    #video .sous-titre {
        font-size: 1em;
        line-height: initial;
        text-align: center;
    }
    #video .suivant .titres {
        margin-top: 3rem;
        text-align: center;
    }
    #video .video-next{
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #video p{
        text-align: center;
    }

    #video .abonner {
        margin-top: 2rem;
        text-align: center;
    }
    #video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #video .abonner {
        margin-top: 5rem;
        font-size: 14px;
    }
    #video .gallerie {
        width: 70%;
        margin-top: -1rem;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg{
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(-50%);
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li a{
        background-color: #fff;
    }
    #offres .pub .ds .img-media{
        display: none
    }
    #offres .pub .rocket-man {
        padding: 0;
        width: auto;
        flex: 0 0 93%;
        max-width: 93%;
    }
    #offres .pub .row{
        flex-wrap: inherit;
    }
    #offres .pub .row > div{
        width: auto;
        padding-right: 0;
        padding-left: 0;
        flex: initial;
    }
    #offres .pub .rocket-man img {
        height: 142px;
        object-fit: fill;
    }
    #offres .pub .ds .text-pub {
        font-size: 13px;
        width: 142px;
        text-align: center;
        margin-left: -41px;
        margin-right: -56px;
    }
    #offres .pub {
        padding: 100px 0 70px 0;
    }
    #offres h4,#offres .contenu-listing .block .contenu .titre-offres,#qui-sommes-nous h5{
        font-size: 25px;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li.active a,#video .gallerie .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #offres .contenu-listing > div {
        padding: 0;
        -ms-flex: inherit;
        flex: inherit;
        max-width: inherit;
    }
    #offres .container-fluid:nth-child(2){
        padding: 0;
    }
    #offres .contenu-listing .block .contenu {
        bottom: inherit;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }
    #offres .contenu-listing .block .contenu .titre-offres::before {
        left: -30px;
    }
    #offres .contenu-listing {
        margin-bottom: 0;
    }
    #qui-sommes-nous {
        margin-bottom: 2rem;
    }
    header .logo-menu #menu {
        transform: translate(-120%, 0);
        width: 89vw;
    }
    #slider {
        height: 100vh;
    }
    header .logo-menu nav.open .titre {
        height: 9vh;
        left: 17px;
    }
    header .logo-menu #menu ul {
        height: 100vh;
    }
    #actus .listing-actus > div,
    #actus2 .listing-actus > div,
    #actus3 .listing-actus > div{
        -ms-flex: initial;
        flex: initial;
        max-width: initial;
    }
    #video .suivant .titres {
        font-size: 20px;
    }
    #video p {
        font-size: 14px;
    }
    footer .row > div{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .menu-footer{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    footer .lien1,footer .lien2,footer .lien3{
        -ms-flex: 0 0 33.33333% !important;
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important;
        margin: 0;
    }
    footer .copyright ul li, footer .copyright ul li a {
        font-size: 13px;
    }
    header .logo-menu #menuToggle input:checked ~ nav {
        /* transform: translate(-60px, 0); */
        transform: translate(-54px, 0);
    }

    /* Article */
    #page-article .contenu-detail {
        padding-left: 0;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre {
        font-size: 30px;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre2 {
        font-size: 18px;
        padding: 15px 0 10px 0;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .btns {
        font-size: 20px;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .dropdown-toggle::after{
        top: 5px;
    }
    #page-article.recherche #actus .listing-actus > div ,
    #page-article.recherche #actus2 .listing-actus > div,
    #page-article.recherche #actus3 .listing-actus > div {
        padding: 0;
    }
    #page-article.recherche .thematique .dropdown-menu ul li {
        width: 100%;
    }
    #page-article.recherche #actus .listing-actus ,
    #page-article.recherche #actus2 .listing-actus,
    #page-article.recherche #actus3 .listing-actus {
        padding: 0;
    }
    #page-article .sidebar {
        margin-right: 0;
        margin-left: 0;
        padding: 1rem;
    }
    #page-article .sidebar .decouvrir .titre,#page-article .sidebar .decouvrir .listing-sidebar li a{
        font-size: 18px;
    }
    #page-article .sidebar .news .newsletter .form-control {
        width: 75%;
    }
    #page-article.recherche .sidebar #actus .listing-actus,
    #page-article.recherche .sidebar #actus2 .listing-actus,
    #page-article.recherche .sidebar #actus3 .listing-actus{
        padding: 0;
    }
    #actus .listing-actus .block-actus .row,
    #actus2 .listing-actus .block-actus .row,
    #actus3 .listing-actus .block-actus .row{
        margin: 0;
    }
    #page-article.recherche #actus ,
    #page-article.recherche #actus2,
    #page-article.recherche #actus3 {
        padding: 0 0 2rem 0;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content {
        padding: 0 .7rem 15px .7rem;
        text-align: center;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content > div ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content > div,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content > div {
        margin-top: 0;
        text-align: center;
        width: 100%;
        display: block;
        height: auto;
    }
    #page-article.recherche .sidebar #galerie-video {
        /* height: 30vh !important; */
        border: none;
    }
    #page-article.recherche .sidebar .slick-dots{
        display: none;
    }
    #page-article.recherche .sidebar .slick-list{
        /* overflow: hidden; */
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #fff;
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li.active a,#page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #page-article .sidebar .video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #page-article.recherche .row:first-child > .col-sm-8,#page-article.recherche .row:first-child > .col-sm-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page-article.recherche .sidebar .actus .content {
        padding: 0 1rem;
    }
    #page-article.recherche .sidebar #actus .listing-actus .content .btn-custom ,
    #page-article.recherche .sidebar #actus2 .listing-actus .content .btn-custom,
    #page-article.recherche .sidebar #actus3 .listing-actus .content .btn-custom {
        margin-top: 0;
    }
    #actus .listing-actus,
    #actus2 .listing-actus,
    #actus3 .listing-actus{
        display: inherit;
        display: inherit;
        -ms-flex-wrap: inherit;
    }
    #page-article .sidebar .decouvrir .listing-sidebar {
        /*display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;*/
    }
    #page-article .sidebar .pub img {
        width: 50%;
    }
    #page-article .sidebar .video .video_wrapper_full {
        padding-top: 50vh;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    header .logo-menu .input-search {
        width: 45%;
        margin-right: 7%;
    }
    header .logo-menu .text-infos {
        width: 100%;
    }
}

@media only screen and (max-width: 767px){
	.scroll{ right: 10px; width: 40px; }
	#moove_gdpr_save_popup_settings_button{ left: 10px !important; }
	#cntsidebar .video{ position: relative; }
	.sidebar .fixed-btn{
		/* position: absolute; */
		/* top: -58px; */
		bottom: 20px;
		display: block;
		left: 55px;
		top: auto;
		transform: none;
		width: auto;
	}
	.sidebar .fixed-btn .mail, .sidebar .fixed-btn .print{
		border: none;
		display: inline-block;
		height: 40px;
		padding: 0.5rem 0.6rem 0.2rem 0.6rem;
		position: relative;
		width: 45px;
	}
	#actus .listing-actus .block-actus .content{
		height: calc(100% - 200px);
		/* min-height: auto; */
	}
	.sidebar .fixed-btn .print{ top: 1px; }

	#affix.social{
		/* position: absolute; */
		/* top: 167px; */
		bottom: 19px;
		top: auto;
		right: 55px;
		transform: none;
	}
	#affix.social ul li{
		display: inline-block;
		height: 40px;
		position: relative;
		width: 45px;
	}
	#affix.social ul li:first-child{ top: 1px; }
	#affix.social ul li a{
		height: inherit;
		border: none;
		width: inherit;
	}

	#page-article .contenu-detail .img-media fieldset p:first-of-type{ font-size: 26px; }
	header.sticky{ border-bottom: none; }
	.sticky{
		height: auto;
		position: relative;
		top: 0;
	}
	.sticky + #page-article.recherche{ padding-top: 2rem; }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    #newspopup.news{ padding: 40px 25px; }
	body,html{
        font-size: 15px;
    }
    h1,
	#actus.plus-lus h2,#actus.dossiers h3,
    #actus2.plus-lus h2,#actus2.dossiers h3,
    #actus3.plus-lus h2,#actus3.dossiers h3{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .titre{
        font-size: 45px;
        margin-bottom: 1rem;
    }
    #slider .carousel .carousel-caption .block .titre span{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .sous-titre {
        font-size: 23px;
        line-height: initial;
    }
    #slider .carousel .carousel-caption .block p,
    #slider .carousel .carousel-caption .block p.desc{
        display: none;
    }
    #slider .carousel .carousel-caption .block .btn-custom{
        font-size: 18px;
        bottom: 2.5rem;
    }
    #slider .carousel .carousel-caption .block {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    #slider .carousel .carousel-caption {
        height: auto;
        width: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .line-bleu::before,.line-bleu::after,.line-white::before,.line-white::after {
        width: 25%;
    }
    #actus .listing-actus ,
    #actus2 .listing-actus,
    #actus3 .listing-actus {
        padding: 0;
        margin-top: 1rem;
    }
    #actus .listing-actus > div ,
    #actus2 .listing-actus > div,
    #actus3 .listing-actus > div {
        padding: 0;
    }
    #actus .listing-actus .block-actus .img-media ,
    #actus2 .listing-actus .block-actus .img-media,
    #actus3 .listing-actus .block-actus .img-media {
        height: 250px;
    }
    #actus .listing-actus .block-actus .img-media::after ,
    #actus2 .listing-actus .block-actus .img-media::after,
    #actus3 .listing-actus .block-actus .img-media::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,97,144,0.5);
        z-index: 1;
    }
    #actus .listing-actus .block-actus .img-media .social ,
    #actus2 .listing-actus .block-actus .img-media .social,
    #actus3 .listing-actus .block-actus .img-media .social {
        z-index: 2;
    }
    #actus .listing-actus .block-actus ,
    #actus2 .listing-actus .block-actus,
    #actus3 .listing-actus .block-actus {
        border: 3px solid #006190;
    }
    #actus .listing-actus .block-actus .content .icn-style1 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style1 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style1 .icn{
        background: url(../images/icn-actu-hover1.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style2 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style2 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style2 .icn{
        background: url(../images/icn-actu-hover2.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style3 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style3 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style3 .icn{
        background: url(../images/icn-actu-hover3.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style4 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style4 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style4 .icn{
        background: url(../images/icn-actu-hover4.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style5 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style5 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style5 .icn{
        background: url(../images/icn-actu-hover5.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content > div:first-child .icn ,
    #actus2 .listing-actus .block-actus .content > div:first-child .icn,
    #actus3 .listing-actus .block-actus .content > div:first-child .icn {
        width: 66px;
        height: 45px;
        background-size: contain !important;
    }
    #actus .listing-actus .block-actus .content .titre ,
    #actus2 .listing-actus .block-actus .content .titre,
    #actus3 .listing-actus .block-actus .content .titre {
        font-size: 18px;
        margin: .5rem 0;
        line-height: 20px;
    }
    #actus .listing-actus .block-actus .content p,
    #actus2 .listing-actus .block-actus .content p,
    #actus3 .listing-actus .block-actus .content p{
        font-size: 15px;
    }
    .btn-custom{
        font-size: 17px;
    }
    .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #006190;
        border-radius: 0;
        display: inline-block;
        height: 4px;
        width: 40px;
    }
    .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    .lSSlideOuter .lSPager.lSpg {
        margin: 2rem 0 0 0 !important;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li a{
        background: #fff;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a ,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #video {
        padding: 3rem 1rem 0 1rem;
    }
    #video .titre {
        font-size: 2em;
        margin-bottom: 2rem;
        text-align: center;
    }
    #video .sous-titre {
        font-size: 1em;
        line-height: initial;
        text-align: center;
    }
    #video .suivant .titres {
        margin-top: 3rem;
        text-align: center;
    }
    #video .video-next{
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #video p{
        text-align: center;
    }

    #video .abonner {
        margin-top: 2rem;
        text-align: center;
    }
    #video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #video .abonner {
        margin-top: 5rem;
        font-size: 14px;
    }
    #video .gallerie {
        width: 70%;
        margin-top: -1rem;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg{
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(-50%);
		width: 100%;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li a{
        background-color: #fff;
    }
    #offres .pub .ds .img-media{
        display: none
    }
    #offres .pub .rocket-man {
        padding: 0;
        width: auto;
        flex: 0 0 90%;
        max-width: 91%;
    }
    #offres .pub .row{
        flex-wrap: inherit;
    }
    #offres .pub .row > div{
        width: auto;
        padding-right: 0;
        padding-left: 0;
        flex: initial;
    }
    #offres .pub .rocket-man img {
        height: 142px;
        object-fit: fill;
    }
    #offres .pub .ds .text-pub {
        font-size: 13px;
        width: 142px;
        text-align: center;
        margin-left: -41px;
        margin-right: -56px;
    }
    #offres .pub {
        padding: 100px 0 70px 0;
    }
    #offres h4,#offres .contenu-listing .block .contenu .titre-offres,#qui-sommes-nous h5{
        font-size: 25px;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li.active a,#video .gallerie .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #offres .contenu-listing > div {
        padding: 0;
        -ms-flex: inherit;
        flex: inherit;
        max-width: inherit;
    }
    #offres .container-fluid:nth-child(2){
        padding: 0;
    }
    #offres .contenu-listing .block .contenu {
        bottom: inherit;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }
    #offres .contenu-listing .block .contenu .titre-offres::before {
        left: -30px;
    }
    #offres .contenu-listing {
        margin-bottom: 0;
    }
    #qui-sommes-nous {
        margin-bottom: 2rem;
    }
    header .logo-menu #menu {
        transform: translate(-120%, 0);
        width: 89vw;
    }
    #slider {
        height: 100vh;
    }
    header .logo-menu nav.open .titre {
        height: 23vh;
        left: 17px;
    }
    header .logo-menu #menu ul {
        height: 73vh;
    }
    #actus .listing-actus > div,
    #actus2 .listing-actus > div,
    #actus3 .listing-actus > div{
        -ms-flex: initial;
        flex: initial;
        max-width: initial;
    }
    #video .suivant .titres {
        font-size: 20px;
    }
    #video p {
        font-size: 14px;
    }
    footer .row > div{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .menu-footer{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    footer .lien1,footer .lien2,footer .lien3{
        -ms-flex: 0 0 33.33333% !important;
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important;
        margin: 0;
    }
    footer .copyright ul li, footer .copyright ul li a {
        font-size: 13px;
    }

    /* Article */
    #page-article .contenu-detail {
        padding-left: 0;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre {
        font-size: 30px;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre2 {
        font-size: 18px;
        padding: 15px 0 10px 0;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .btns {
        font-size: 20px;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .dropdown-toggle::after{
        top: 5px;
    }
    #page-article.recherche #actus .listing-actus > div ,
    #page-article.recherche #actus2 .listing-actus > div,
    #page-article.recherche #actus3 .listing-actus > div {
        padding: 0;
    }
    #page-article.recherche .thematique .dropdown-menu ul li {
        width: 100%;
    }
    #page-article.recherche #actus .listing-actus ,
    #page-article.recherche #actus2 .listing-actus,
    #page-article.recherche #actus3 .listing-actus {
        padding: 0;
    }
    #page-article .sidebar {
        margin-right: 0;
        margin-left: 0;
        padding: 1rem;
    }
    #page-article .sidebar .decouvrir .titre,#page-article .sidebar .decouvrir .listing-sidebar li a{
        font-size: 18px;
    }
    #page-article .sidebar .news .newsletter .form-control {
        width: 75%;
    }
    #page-article.recherche .sidebar #actus .listing-actus,
    #page-article.recherche .sidebar #actus2 .listing-actus,
    #page-article.recherche .sidebar #actus3 .listing-actus{
        padding: 0;
    }
    #actus .listing-actus .block-actus .row,
    #actus2 .listing-actus .block-actus .row,
    #actus3 .listing-actus .block-actus .row{
        margin: 0;
    }
    #page-article.recherche #actus ,
    #page-article.recherche #actus2,
    #page-article.recherche #actus3{
        padding: 0 0 2rem 0;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content {
        padding: 0 .7rem 15px .7rem;
        text-align: center;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content > div ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content > div,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content > div {
        margin-top: 0;
        text-align: center;
        width: 100%;
        display: block;
        height: auto;
    }
    #page-article.recherche .sidebar #galerie-video {
        /* height: 70vh !important; */
        border: none;
    }
    #page-article.recherche .sidebar .slick-dots{
        display: none;
    }
    #page-article.recherche .sidebar .slick-list{
        /* overflow: visible; */
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #fff;
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li.active a,#page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #page-article .sidebar .video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #page-article.recherche .row:first-child > .col-sm-8,#page-article.recherche .row:first-child > .col-sm-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page-article.recherche .sidebar .actus .content {
        padding: 0 1rem;
    }
    #page-article.recherche .sidebar #actus .listing-actus .content .btn-custom ,
    #page-article.recherche .sidebar #actus2 .listing-actus .content .btn-custom,
    #page-article.recherche .sidebar #actus3 .listing-actus .content .btn-custom {
        margin-top: 0;
    }
    #actus .listing-actus,
    #actus2 .listing-actus,
    #actus3 .listing-actus{
        display: inherit;
        display: inherit;
        -ms-flex-wrap: inherit;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    body,html{
        font-size: 15px;
    }
    h1,
	#actus.plus-lus h2, #actus.dossiers h3,
    #actus2.plus-lus h2, #actus2.dossiers h3,
    #actus3.plus-lus h2, #actus3.dossiers h3{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .titre{
        font-size: 45px;
        margin-bottom: 1rem;
    }
    #slider .carousel .carousel-caption .block .titre span{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .sous-titre {
        font-size: 23px;
        line-height: initial;
    }
    #slider .carousel .carousel-caption .block p,
    #slider .carousel .carousel-caption .block p.desc{
        display: none;
    }
    #slider .carousel .carousel-caption .block .btn-custom{
        font-size: 18px;
        bottom: 2.5rem;
    }
    #slider .carousel .carousel-caption .block {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    #slider .carousel .carousel-caption {
        height: auto;
        width: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .line-bleu::before,.line-bleu::after,.line-white::before,.line-white::after {
        width: 25%;
    }
    #actus .listing-actus ,
    #actus2 .listing-actus,
    #actus3 .listing-actus{
        padding: 0;
        margin-top: 1rem;
    }
    #actus .listing-actus > div ,
    #actus2 .listing-actus > div,
    #actus3 .listing-actus > div{
        padding: 0;
    }
    #actus .listing-actus .block-actus .img-media ,
    #actus2 .listing-actus .block-actus .img-media,
    #actus3 .listing-actus .block-actus .img-media{
        height: 250px;
    }
    #actus .listing-actus .block-actus .img-media::after ,
    #actus2 .listing-actus .block-actus .img-media::after,
    #actus3 .listing-actus .block-actus .img-media::after{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,97,144,0.5);
        z-index: 1;
    }
    #actus .listing-actus .block-actus .img-media .social ,
    #actus2 .listing-actus .block-actus .img-media .social,
    #actus3 .listing-actus .block-actus .img-media .social{
        z-index: 2;
    }
    #actus .listing-actus .block-actus ,
    #actus2 .listing-actus .block-actus,
    #actus3 .listing-actus .block-actus{
        border: 3px solid #006190;
		overflow: hidden;
    }
    #actus .listing-actus .block-actus .content .icn-style1 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style1 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style1 .icn{
        background: url(../images/icn-actu-hover1.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style2 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style2 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style2 .icn{
        background: url(../images/icn-actu-hover2.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style3 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style3 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style3 .icn{
        background: url(../images/icn-actu-hover3.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style4 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style4 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style4 .icn{
        background: url(../images/icn-actu-hover4.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style5 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style5 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style5 .icn{
        background: url(../images/icn-actu-hover5.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content > div:first-child .icn ,
    #actus2 .listing-actus .block-actus .content > div:first-child .icn,
    #actus3 .listing-actus .block-actus .content > div:first-child .icn {
        width: 66px;
        height: 45px;
        background-size: contain !important;
    }
    #actus .listing-actus .block-actus .content .titre ,
    #actus2 .listing-actus .block-actus .content .titre,
    #actus3 .listing-actus .block-actus .content .titre {
        font-size: 18px;
        margin: .5rem 0;
        line-height: 20px;
    }
    #actus .listing-actus .block-actus .content p,
    #actus2 .listing-actus .block-actus .content p,
    #actus3 .listing-actus .block-actus .content p{
        font-size: 15px;
    }
    .btn-custom{
        font-size: 16px;
    }
    .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #006190;
        border-radius: 0;
        display: inline-block;
        height: 4px;
        width: 40px;
    }
    .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    .lSSlideOuter .lSPager.lSpg {
        margin: 2rem 0 0 0 !important;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li a{
        background: #fff;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a ,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #video {
        padding: 3rem 1rem 0 1rem;
    }
    #video .titre {
        font-size: 70px;
        margin-bottom: 2rem;
        text-align: center;
    }
    #video .sous-titre {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }
    #video .suivant .titres {
        margin-top: 3rem;
        text-align: center;
    }
    #video .video-next{
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #video p{
        text-align: center;
    }
    #video .video_wrapper_full {
        padding-top: 40vh;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-top: -92vh;
    }
    #video .abonner {
        margin-top: 2rem;
        text-align: center;
    }
    #video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #video .suivant {
        margin-top: 45vh;
        margin-bottom: 10vh
    }
    #video .abonner {
        margin-top: 46vh;
        font-size: 14px;
    }
    #video .gallerie {
        width: 70%;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg{
        left: 0;
		position: absolute;
        top: -80px;
		transform: translateX(0);
		width: 100%;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li a{
        background-color: #fff;
    }
    #offres .pub .ds .img-media{
        display: none
    }
    #offres .pub .rocket-man {
        padding: 0;
        width: auto;
    }
    #offres .pub .row{
        flex-wrap: inherit;
    }
    #offres .pub .row > div{
        width: auto;
        padding-right: 0;
        padding-left: 0;
    }
    #offres .pub .rocket-man img {
        height: 142px;
        object-fit: fill;
    }
    #offres .pub .ds .text-pub {
        font-size: 13px;
        width: 142px;
        text-align: center;
        margin-left: -41px;
        margin-right: -56px;
    }
    #offres .pub {
        padding: 100px 0 70px 0;
    }
    #offres h4,#offres .contenu-listing .block .contenu .titre-offres,#qui-sommes-nous h5{
        font-size: 30px;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li.active a,#video .gallerie .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #offres .contenu-listing > div {
        padding: 0;
    }
    #offres .container-fluid:nth-child(2){
        padding: 0;
    }
    #offres .contenu-listing .block .contenu {
        bottom: inherit;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }
    #offres .contenu-listing .block .contenu .titre-offres::before {
        left: -30px;
    }
    #offres .contenu-listing {
        margin-bottom: 0;
    }
    #qui-sommes-nous {
        margin-bottom: 2rem;
    }

    /* Article */
    #page-article .contenu-detail {
        padding-left: 0;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre {
        font-size: 30px;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre2 {
        font-size: 18px;
        padding: 15px 0 10px 0;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .btns {
        font-size: 20px;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .dropdown-toggle::after{
        top: 5px;
    }
    #page-article.recherche #actus .listing-actus > div ,
    #page-article.recherche #actus2 .listing-actus > div,
    #page-article.recherche #actus3 .listing-actus > div {
        padding: 0;
    }
    #page-article.recherche .thematique .dropdown-menu ul li {
        width: 100%;
    }
    #page-article.recherche #actus .listing-actus ,
    #page-article.recherche #actus2 .listing-actus,
    #page-article.recherche #actus3 .listing-actus {
        padding: 0;
    }
    #page-article .sidebar {
        margin-right: 0;
        margin-left: 0;
        padding: 1rem;
    }
    #page-article .sidebar .decouvrir .titre,#page-article .sidebar .decouvrir .listing-sidebar li a{
        font-size: 18px;
    }
    #page-article .sidebar .news .newsletter .form-control {
        width: 75%;
    }
    #page-article.recherche .sidebar #actus .listing-actus,
    #page-article.recherche .sidebar #actus2 .listing-actus,
    #page-article.recherche .sidebar #actus3 .listing-actus{
        padding: 0;
    }
    #actus .listing-actus .block-actus .row,
    #actus2 .listing-actus .block-actus .row,
    #actus3 .listing-actus .block-actus .row{
        margin: 0;
    }
    #page-article.recherche #actus ,
    #page-article.recherche #actus2,
    #page-article.recherche #actus3{
        padding: 0 0 2rem 0;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content {
        padding: 15px .7rem 15px .7rem;
        text-align: center;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content > div ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content > div,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content > div {
        margin-top: 0;
        text-align: center;
        width: 100%;
        display: block;
    }
    #page-article.recherche .sidebar #galerie-video {
        /* height: 40vh !important; */
        border: none;
    }
    #page-article.recherche .sidebar .slick-dots{
        display: none;
    }
    #page-article.recherche .sidebar .slick-list{
        /* overflow: visible; */
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #fff;
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li.active a,#page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #page-article .sidebar .video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #video .col-sm-9 > div:first-of-type{
        position: absolute;
        top: -30rem;
        left: -15px;
        width: 100vw !important;
    }
    #video .col-sm-9{
        height: 15vh;
    }
	
	#actus .container-fluid .row .btn-link.rounded-pill{font-size:1em!important;padding:1.3rem 1rem 0.9rem!important;}
	#actus .container-fluid .row .btn-link.rounded-pill img.ml-3{margin-left:0rem !important;}
}
@media only screen and (max-width: 480px) {
	header .logo-menu .logo {
        margin: 0 3rem .8rem 3rem;
    }
	#page-article .contenu-detail .infos li p{ font-size: 14px !important; }
	#page-article p.wp-caption-text{ font-size: 13px !important; }
/*
	.home .listing-actus.row-listing-actus{
		height: 550px !important;
	}
  */
  #page-article.recherche .sidebar .slick-dots {
    position: relative;
    top: -190px;
    padding-top: 0;
}
#page-article.recherche .sidebar .slick-dots li button::before {
    background: #fdfffd;
    /* background-color: #006190; */
    display: block;
    width: 40px;
    height: 4px;
    content: '';
    opacity: 1;
    top: 3px;
}
	
	#video {
        padding: 3rem 1rem 0 1rem;
    }
    #video .titre {
        font-size: 70px;
        margin-bottom: 2rem;
        text-align: center;
    }
    #video .sous-titre {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }
    #video .suivant .titres {
        margin-top: 3rem;
        text-align: center;
    }
    #video .video-next{
        text-align: center;
        margin-bottom: 1.5rem;
    }
    #video p{
        text-align: center;
    }
    #video .video_wrapper_full {
        padding-top: 40vh;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-top: -92vh;
    }
    #video .abonner {
        margin-top: 2rem;
        text-align: center;
    }
    #video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #video .suivant {
        margin-top: 30vh;
        margin-bottom: 0;
    }
    #video .abonner {
        margin-top: 7vh;
        font-size: 14px;
    }
    #video .gallerie {
        width: 70%;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg{
		left: 0;
		position: absolute;
        top: -80px;
        transform: translateX(0);
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li a{
        background-color: #fff;
    }
	
	#video .col-sm-3 .ytc_video_container{float:none;}
	#video .col-sm-9 .ytc_video_container.ytc_video_first{
		bottom: 27rem;
		height: 32vh;
		top: auto;
	}
	#video .col-sm-9 .ytc_video_container.ytc_video_first .fluid-width-video-wrapper{
		height: 100%;
		padding: 0;
	}
	#qui-sommes-nous{margin-top:4rem;}
	#video .sous-titre{padding-bottom:4rem;}
}
@media only screen and (max-width: 430px) {
	#video .col-sm-9 .ytc_video_container.ytc_video_first{ bottom: 26rem; }
	
}
@media only screen and (max-width: 414px) {
    body,html{
        font-size: 15px;
    }
    h1,
	#actus.plus-lus h2, #actus.dossiers h3,
    #actus2.plus-lus h2, #actus2.dossiers h3,
    #actus3.plus-lus h2, #actus3.dossiers h3{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .titre{
        font-size: 45px;
        margin-bottom: 1rem;
    }
    #slider .carousel .carousel-caption .block .titre span{
        font-size: 30px;
    }
    #slider .carousel .carousel-caption .block .sous-titre {
        font-size: 23px;
        line-height: initial;
    }
    #slider .carousel .carousel-caption .block p,
    #slider .carousel .carousel-caption .block p.desc{
        display: none;
    }
    #slider .carousel .carousel-caption .block .btn-custom{
        font-size: 18px;
        bottom: 2.5rem;
    }
    #slider .carousel .carousel-caption .block {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    #slider .carousel .carousel-caption {
        height: auto;
        width: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .line-bleu::before,.line-bleu::after,.line-white::before,.line-white::after {
        width: 25%;
    }
    #actus .listing-actus ,
    #actus2 .listing-actus,
    #actus3 .listing-actus {
        padding: 0;
        margin-top: 1rem;
    }
    #actus .listing-actus > div ,
    #actus2 .listing-actus > div,
    #actus3 .listing-actus > div {
        padding: 0;
    }
    #actus .listing-actus .block-actus .img-media ,
    #actus2 .listing-actus .block-actus .img-media,
    #actus3 .listing-actus .block-actus .img-media {
        height: 200px !important;
    }
    #actus .listing-actus .block-actus .img-media::after ,
    #actus2 .listing-actus .block-actus .img-media::after,
    #actus3 .listing-actus .block-actus .img-media::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,97,144,0.5);
        z-index: 1;
    }
    #actus .listing-actus .block-actus .img-media .social ,
    #actus2 .listing-actus .block-actus .img-media .social,
    #actus3 .listing-actus .block-actus .img-media .social {
        z-index: 2;
    }
    #actus .listing-actus .block-actus ,
    #actus2 .listing-actus .block-actus,
    #actus3 .listing-actus .block-actus {
        border: 3px solid #006190;
    }
    #actus .listing-actus .block-actus .content .icn-style1 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style1 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style1 .icn{
        background: url(../images/icn-actu-hover1.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style2 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style2 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style2 .icn{
        background: url(../images/icn-actu-hover2.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style3 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style3 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style3 .icn{
        background: url(../images/icn-actu-hover3.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style4 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style4 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style4 .icn{
        background: url(../images/icn-actu-hover4.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content .icn-style5 .icn,
    #actus2 .listing-actus .block-actus .content .icn-style5 .icn,
    #actus3 .listing-actus .block-actus .content .icn-style5 .icn{
        background: url(../images/icn-actu-hover5.png) no-repeat center;
    }
    #actus .listing-actus .block-actus .content > div:first-child .icn ,
    #actus2 .listing-actus .block-actus .content > div:first-child .icn,
    #actus3 .listing-actus .block-actus .content > div:first-child .icn {
        width: 66px;
        height: 45px;
        background-size: contain !important;
    }
    #actus .listing-actus .block-actus .content .titre ,
    #actus2 .listing-actus .block-actus .content .titre,
    #actus3 .listing-actus .block-actus .content .titre {
        font-size: 18px;
        margin: .5rem 0;
        line-height: 20px;
    }
    #actus .listing-actus .block-actus .content p,
    #actus2 .listing-actus .block-actus .content p,
    #actus3 .listing-actus .block-actus .content p{
        font-size: 15px;
    }
    .btn-custom{
        font-size: 16px;
    }
    .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #006190;
        border-radius: 0;
        display: inline-block;
        height: 4px;
        width: 40px;
    }
    .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    .lSSlideOuter .lSPager.lSpg {
        margin: 2rem 0 0 0 !important;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li a{
        background: #fff;
    }
    #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a ,
    #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus2.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a,
    #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li.active a, #actus3.plus-lus .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    
    #offres .pub .ds .img-media{
        display: none
    }
    #offres .pub .rocket-man {
        padding: 0;
        width: auto;
    }
    #offres .pub .row{
        flex-wrap: inherit;
    }
    #offres .pub .row > div{
        width: auto;
        padding-right: 0;
        padding-left: 0;
    }
    #offres .pub .rocket-man img {
        height: 142px;
        object-fit: fill;
    }
    #offres .pub .ds .text-pub {
        font-size: 13px;
        width: 142px;
        text-align: center;
        margin-left: -41px;
        margin-right: -56px;
    }
    .sidebar .listing-actus .icn-box img{
      margin-left: auto;
      margin-right: auto;
    }
#page-article.recherche .sidebar  #actus2 .listing-actus .block-actus .btn-custom img,#page-article.recherche .sidebar  #actus .listing-actus .block-actus .btn-custom img{
    float: right;
    margin: 5px 0 0 0.6rem;
    }
#page-article.recherche .sidebar  #actus .listing-actus .block-actus,#page-article.recherche .sidebar  #actus2 .listing-actus .block-actus{
    max-height: 400px;
    min-width: 280px;
  }

    #offres .pub {
        padding: 100px 0 70px 0;
    }
    #offres h4,#offres .contenu-listing .block .contenu .titre-offres,#qui-sommes-nous h5{
        font-size: 30px;
    }
    #video .gallerie .lSSlideOuter .lSPager.lSpg > li.active a,#video .gallerie .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
   #offres .contenu-listing > div {
        padding: 0;
    }
    #offres .container-fluid:nth-child(2){
        padding: 0;
    }
    #offres .contenu-listing .block .contenu {
        bottom: inherit;
        left: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }
    #offres .contenu-listing .block .contenu .titre-offres::before {
        left: -30px;
    }
    #offres .contenu-listing {
        margin-bottom: 0;
    }
    #qui-sommes-nous {
        margin-bottom: 2rem;
    }

    /* Article */
    #page-article .contenu-detail {
        padding-left: 0;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre {
        font-size: 30px;
        margin-bottom: 2rem;
    }
    #page-article.recherche .titre2 {
        font-size: 18px;
        padding: 15px 0 10px 0;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .btns {
        font-size: 20px;
        margin-bottom: 1rem;
    }
    #page-article.recherche .thematique .dropdown-toggle::after{
        top: 5px;
    }
    #page-article.recherche #actus .listing-actus > div ,
    #page-article.recherche #actus2 .listing-actus > div,
    #page-article.recherche #actus3 .listing-actus > div {
        padding: 0;
    }
    #page-article.recherche .thematique .dropdown-menu ul li {
        width: 100%;
    }
    #page-article.recherche #actus .listing-actus ,
    #page-article.recherche #actus2 .listing-actus,
    #page-article.recherche #actus3 .listing-actus {
        padding: 0;
    }
    #page-article .sidebar {
        margin-right: 0;
        margin-left: 0;
        padding: 1rem;
    }
    #page-article .sidebar .decouvrir .titre,#page-article .sidebar .decouvrir .listing-sidebar li a{
        font-size: 18px;
    }
    #page-article .sidebar .news .newsletter .form-control {
        width: 75%;
    }
    #page-article.recherche .sidebar #actus .listing-actus,
    #page-article.recherche .sidebar #actus2 .listing-actus,
    #page-article.recherche .sidebar #actus3 .listing-actus{
        padding: 0;
    }
    #actus .listing-actus .block-actus .row,
    #actus2 .listing-actus .block-actus .row,
    #actus3 .listing-actus .block-actus .row{
        margin: 0;
    }
    #page-article.recherche #actus{
       /*height: 496px;*/
    }
    #page-article .listing-actus  { transform: inherit !important;}
    #page-article.recherche #actus ,
    #page-article.recherche #actus2,
    #page-article.recherche #actus3{
        /* padding: 0 0 2rem 0; */
        padding: 0 0 1rem 0;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content {
        padding: 15px .7rem 15px .7rem;
        text-align: center;
    }
    #page-article.recherche .sidebar #actus .listing-actus .block-actus .content > div ,
    #page-article.recherche .sidebar #actus2 .listing-actus .block-actus .content > div,
    #page-article.recherche .sidebar #actus3 .listing-actus .block-actus .content > div {
        margin-top: 0;
        text-align: center;
        width: 100%;
        display: block;
    }
    #page-article.recherche .sidebar #galerie-video {
        /* height: 40vh !important; */
        border: none;
    }
    #page-article.recherche .sidebar .slick-dots{
        display: none;
    }
    #page-article.recherche .sidebar .slick-list{
        /* overflow: visible; */
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #fff;
    }
    #page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li.active a,#page-article .sidebar .video .lSSlideOuter .lSPager.lSpg > li:hover a {
        background-color: #f7a941;
    }
    #page-article .sidebar .video .videoPoster::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    #page-article .contenu-detail h1 .iconsingle {
        width: 80px;
        padding: 0;
        margin: 0px 0 0 -20px;
    }
    #video .col-sm-9 > div:first-of-type{
        position: absolute;
        top: -30rem;
        left: -15px;
        width: 100vw !important;
    }
    #video .col-sm-9{
        height: 15vh;
        padding:0px;
    }

	#page-article.recherche .sidebar #galerie-video{ width: 100%; }
	#page-article.recherche .sidebar .actus .content .titre{ font-size: 17px; padding: 0; }
	#page-article.recherche .sidebar .actus .content .titre span::before{ height: 40px; left: -16px; top: -10px; }
}
@media only screen and (max-width: 380px) {
	#video .col-sm-9 .ytc_video_container.ytc_video_first{ bottom: 24rem; }
}
@media only screen and (max-width: 320px) {
	#page-article.recherche .sidebar .actus{ margin-top: 6rem; }
	#video .col-sm-9 .ytc_video_container.ytc_video_first{ bottom: 22rem; }
}