@media only screen and (max-width:1068px) {
    #Pagefulllayout .zone_bas .resp-tabs-list li {
        padding: 17px 17px!important
    }
}

@media only screen and (max-width:1058px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 12.33px
    }
}

@media only screen and (max-width:1049px) {
    #LangAr #BottomHeader .HeaderMenu #main-nav li a {
        font-size: 17px
    }
}

@media only screen and (max-width:1044px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 12px
    }
}

@media only screen and (max-width:1027px) {
    .stellarnav.desktop>ul>li>a {
        padding: 41px 7px!important
    }
}

@media only screen and (max-width:1026px) {
    #BlockContent .graphzones {
        width: 285px
    }
    #BlockContent .BlockNews .Blocktext {
        max-width: 659px
    }
}

@media only screen and (max-width:1019px) {
    #BlockContent .graphzones {
        width: 282px
    }
    #BlockContent .BlockNews .Blocktext {
        max-width: 649px
    }
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 11.88px
    }
}

@media only screen and (max-width:1010px) {
    #BlockContent .graphzones {
        width: 279px
    }
    #BottomHeader.mobilesticky .desktop>ul>li>a {
        padding-left: 8px;
        padding-right: 8px
    }
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 11.77px
    }
}

@media only screen and (max-width:1008px) {
    #BlockContent .graphzones {
        width: 29.99%;
        height: 460px
    }
    #BlockContent .BlockLeft {
        width: 600px
    }
    #BlockEvents .landscapeBig,
    #BlockEvents .landscapeSmall {
        width: 620px
    }
    #BlockContent .BlockNews .Blockimg {
        margin-right: 20px
    }
}

@media only screen and (max-width:1004px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 11.55px
    }
}

@media only screen and (max-width:1002px) {
    #BlockEvents .portrait {
        width: 286px;
        overflow: hidden
    }
}

@media only screen and (max-width:998px) {
    #BlockNews .item_2 {
        margin: 0 28px
    }
	
	/** BY MC ON 11/03/2020 */
	#LangAr .stellarnav li { 
		text-align: right;
		float:none!important;
	}
}

@media only screen and (max-width:995px) {
    .contactbtn {
        background: url(../img/imgcontact.jpg) no-repeat 40% 44%;
        width: 44px;
        height: 131px
    }
    #BlockPrestations .owl-carousel .owl-item img {
        width: 50%
    }
    #BottomHeader h1.logo2 {
        display: none
    }
    #BottomHeader h1.logo {
        display: block
    }
    #BottomHeader {
        padding: 11px 30px
    }
    #BlockContent .BlockLeft,
    #BlockContent .BlockRight {
        width: 100%;
        float: none
    }
    #BlockContent .BlockRight {
        margin-top: 30px;
        width: 100%;
        float: none;
        height: auto
    }
    #bar_1,
    #bar_2,
    #bar_3,
    #line_1,
    #line_2,
    #line_3,
    #bar_4,
    #bar_5,
    #bar_6,
    #line_4,
    #line_5,
    #line_6,
    #bar_7,
    #bar_8,
    #bar_9,
    #line_7,
    #line_8,
    #line_9 {
        min-height: 310px!important;
        height: 100%!important
    }
    #BlockContent .GraphLeft,
    #BlockContent .GraphLeftDescription {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        box-sizing: border-box;
        margin-right: 0
    }
    #BlockContent .BlockRight .videotheque {
        width: 100%;
        height: auto
    }
    #BlockContent .BlockNews .Blocktext {
        width: 63%
    }
    .margins h2 {
        margin: 0 30px
    }
    #Banner .custom_breadcrumbs {
        padding: 8px 20px 8px 20px
    }
    #LangAr #Banner .custom_breadcrumbs {
        padding: 0 20px 8px 20px
    }
    #BottomHeader.mobilesticky .stellarnav.mobile>ul {
        margin-top: 66px!important
    }
}

@media only screen and (max-width:994px) {
    #BlockEvents .landscapeBig,
    #BlockEvents .landscapeSmall {
        width: 615px
    }
    #BlockEvents .landscapeBig .SublandscapeBig {
        width: 271px
    }
}

@media only screen and (max-width:991px) {
    #BlockNews .item_2 {
        margin: 1px 26px
    }
}

@media only screen and (max-width:990px) {
    #BlockNews .item_2 {
        margin: 31px 0!important
    }
    .item_1,
    .item_2,
    .item_3 {
        float: none!important;
        max-width: 100%!important;
        margin: 0!important
    }
    #BlockNews .blockimage img {
        width: 100%
    }
    #LangAr .blocksPadins {
        padding: 25px 0 25px 0;
        clear: both
    }
    #LangAr #BlockNews .item_1,
    #LangAr #BlockNews .item_2,
    #LangAr #BlockNews .item_3 {
        float: none;
        width: 100%;
        clear: both
    }
    #BlockEvents .portrait {
        height: auto;
        width: 100%;
        margin-right: 0;
        margin-bottom: 29px;
        float: none
    }
    #BlockEvents .landscapeBig {
        margin-bottom: 29px
    }
    #BlockEvents .landscapeSmall,
    #BlockEvents .landscapeBig {
        height: auto;
        width: 100%;
        float: none;
        clear: both
    }
    #BlockEvents .portrait img,
    #BlockEvents .landscapeSmall img,
    #BlockEvents .landscapeBig img,
    #BlockEvents .landscapeSmall .SublandscapeSmall,
    #BlockEvents .landscapeBig .SublandscapeBig,
    #LangAr #BlockEvents .landscapeBig .SublandscapeBig,
    #LangAr #BlockEvents .landscapeSmall .blockimage,
    #LangAr #BlockEvents .landscapeBig .blockimage,
    #LangAr #BlockEvents .landscapeSmall .SublandscapeSmall {
        float: none;
        width: 100%;
        height: 100%;
        box-sizing: border-box
    }
    #BlockEvents .portrait .blockimage,
    .blockimage,
    #BlockEvents .landscapeBig .blockimage,
    #BlockEvents .landscapeSmall .blockimage,
    #BlockEvents .landscapeSmall .blockimage {
        float: none!important;
        height: auto;
        width: 100%
    }
    #BlockEvents .landscapeSmall .SublandscapeSmall .more,
    #BlockEvents .portrait .SubPortrait .more,
    #BlockEvents .landscapeBig .SublandscapeBig .more {
        bottom: auto;
        position: relative
    }
    #BlockEvents .portrait .DateSpan {
        position: relative;
        /* top: -39px */
    }
    .sameheight,
    #LangAr .sameheight {
        height: auto
    }
}

@media only screen and (max-width:986px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 11.33px
    }
}

@media only screen and (max-width:983px) {
    #BlockEvents .portrait {
        height: auto;
        width: 100%;
        margin-right: 0;
        margin-bottom: 29px;
        float: none
    }
    #BlockEvents .landscapeBig {
        margin-bottom: 29px
    }
    #BlockEvents .landscapeSmall,
    #BlockEvents .landscapeBig {
        height: auto;
        width: 100%;
        float: none;
        clear: both
    }
    #BlockEvents .portrait img,
    #BlockEvents .landscapeSmall img,
    #BlockEvents .landscapeBig img,
    #BlockEvents .landscapeSmall .SublandscapeSmall,
    #BlockEvents .landscapeBig .SublandscapeBig,
    #LangAr #BlockEvents .landscapeBig .SublandscapeBig,
    #LangAr #BlockEvents .landscapeSmall .blockimage,
    #LangAr #BlockEvents .landscapeBig .blockimage,
    #LangAr #BlockEvents .landscapeSmall .SublandscapeSmall {
        float: none;
        width: 100%;
        box-sizing: border-box
    }
    .blockimage {
        float: none!important;
        width: 100%
    }
    #BlockEvents .landscapeSmall .SublandscapeSmall .more,
    #BlockEvents .portrait .SubPortrait .more,
    #BlockEvents .landscapeBig .SublandscapeBig .more {
        bottom: auto;
        position: relative
    }
    #PageSingleNews .SingleEdito .edito {
        max-width: 64%
    }
}

@media only screen and (max-width:977px) {
    #BlockContent .BlockLeft,
	#BlockContent .BlockLeftiklyle,
	#BlockContent .GraphLeftoncf,
    #BlockContent .BlockRight
    #BlockContent .BlockRightiklyle {
        width: 100%;
        float: none;
		margin-bottom:28px
    }
    #BlockContent .BlockRight
	#BlockContent .BlockRightiklyle{
        margin-top: 30px;
        width: 100%;
        float: none;
        height: auto
    }
    #BlockContent .BlockRight .videotheque {
        width: 100%;
        height: auto;
        padding-bottom:20px;
        
    }
    #BlockContent .BlockNews .Blocktext {
        width: 63%
    }
    #BlockContent .BlockNews .Blockimg {
        width: 250px;
        height: auto
    }
    #bar_1,
    #bar_2,
    #bar_3,
    #line_1,
    #line_2,
    #line_3,
    #bar_4,
    #bar_5,
    #bar_6,
    #line_4,
    #line_5,
    #line_6,
    #bar_7,
    #bar_8,
    #bar_9,
    #line_7,
    #line_8,
    #line_9,
    #my-cool-chart_1,
    #my-cool-chart_2,
    #my-cool-chart_3,
    #my-cool-chart_4,
    #my-cool-chart_5,
    #my-cool-chart_6 {
        min-height: 310px!important;
        height: 100%!important
    }
}

@media only screen and (max-width:969px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 11.11px
    }
}

@media only screen and (max-width:955px) {
    #BlockContent .graphzones {
        max-width: 29.88%
    }
}

@media only screen and (max-width:954px) {
    #PageSingleNews .SingleEdito .edito {
        max-width: 58%
    }
    #BlockContent .graphzones {
        max-width: 29.88%
    }
    #BlockContent .CenterContent .CenterContentLeft {
        max-width: 472px
    }
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 10.67px
    }
}

@media only screen and (max-width:950px) {
    #BlockContent .SubMenu li a,
    .thirdlevel .SubMenu li a {
        padding: 20px 13px;
		display: block;
    }
}

@media only screen and (max-width:945px) {
    #TopHeader .Fullwidth {
        margin: 0 auto;
        position: relative
    }
    #BlockContent .CenterContent .CenterContentLeft {
        float: none;
        max-width: 100%
    }
    #BlockContent .CenterContent .CenterContentRight {
        float: none;
        width: auto;
        padding: 0
    }
    #BlockContent .GraphLeft,
    #BlockContent .GraphLeftDescription {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        box-sizing: border-box
    }
}

@media only screen and (max-width:939px) {
    #BlockContent .graphzones {
        max-width: 29.88%
    }
}

@media only screen and (max-width:928px) {
    #BlockContent .graphzones {
        max-width: 29.44%
    }
}

@media only screen and (max-width:918px) {
    #BlockContent .BlockNews .Blocktext {
        width: 60%
    }
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 10.33px
    }
}

@media only screen and (max-width:909px) {
    #BlockContent .graphzones {
        max-width: 29.77%
    }
}

@media only screen and (max-width:904px) {
    #BannerHeader {
        padding: 8px 30px
    }
    #BlockContent .SubMenu li,
    #LangAr #BlockContent .SubMenu li,
    #LangAr .thirdlevel .SubMenu li,
    .thirdlevel .SubMenu li {
        float: none;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #ebe8e8
    }
    #BannerHeader .shareSelector {
        top: -8px
    }
}

@media only screen and (max-width:900px) {
    #owl_main .caption,
    #LangAr #owl_main .caption {
        position: absolute;
        left: 0;
        right: 0;
        padding: 33px;
        margin: 0 auto
    }
    #LangAr #Pagefulllayout .zone_centre_droit_top,
    #Pagefulllayout .zone_centre_droit_top,
    #LangAr #Pagefulllayout .zone_centre_droit_bas,
    #Pagefulllayout .zone_centre_droit_bas,
	#LangAr #Pagefulllayout .zone_centre_droit_bas2,
    #Pagefulllayout .zone_centre_droit_bas2,
    #LangAr #Pagefulllayout .zone_centre_gauche,
    #Pagefulllayout .zone_centre_gauche,
	#LangAr #Pagefulllayout .Blockgaucheiklyle,
    #Pagefulllayout .Blockgaucheiklyle {
        float: none;
        max-width: 100%
    }
    #Pagefulllayout .zone_centre_droit_top,
	#Pagefulllayout .BlockRightiklyle{
        float: none;
		margin-top: 30px;
		max-width: 100%
    }
}

@media only screen and (max-width:899px) {
    #BlockContent .graphzones {
        max-width: 29.55%
    }
}

@media only screen and (max-width:897px) {
    #BlockContent .BlockNews .Blocktext {
        width: 57%
    }
}

@media only screen and (max-width:895px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 9.88px
    }
}

@media only screen and (max-width:882px) {
    #BlockContent .graphzones {
        max-width: 29.33%
    }
}

@media only screen and (max-width:860px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        margin: 0 9.33px
    }
}

@media only screen and (max-width:859px) {
    .zonemap,
    .zoneform {
        float: none;
        width: 100%;
        margin-top: 29px
    }
    .mobileapps ul li {
        margin-bottom: 20px
    }
    #BlockContent .graphzones {
        max-width: 100%;
        width: 100%;
        height: 100%;
        float: none;
        margin-right: 0
    }
    #BlockContent .graphzones .options {
        position: relative;
        bottom: 0;
        padding-bottom: 30px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+1),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+1),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+1) {
        background-position: 97% 9px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+2),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+2),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+2) {
        background-position: 97% 9px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+3),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+3),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+3) {
        background-position: 97% 9px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+4),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+4),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+4) {
        background-position: 97% 9px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+5),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+5),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+5) {
        background-position: 97% 9px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+6),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+6),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+6) {
        background-position: 97% 9px
    }
    #LangAr #BlockContent [data-pie-id]>*:nth-child(7n+7),
    #LangAr #BlockContent [data-bar-id]>*:nth-child(7n+7),
    #LangAr #BlockContent [data-line-id]>*:nth-child(7n+7) {
        background-position: 97% 9px
    }
}

@media only screen and (max-width:819px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 22.22%
    }
}

@media only screen and (max-width:810px) {
    #BlockContent .BlockNews .Blocktext {
        width: 53%
    }
}

@media only screen and (max-width:804px) {
    #BlockFooter .menufooter,
    #LangAr #BlockFooter .menufooter {
        float: none;
        text-align: center;
        margin: 0 auto
    }
    #BlockFooter .SocialMedia,
    #LangAr #BlockFooter .textwidget {
        float: none;
        margin: 0 auto;
        text-align: center;
        padding-top: 27px
    }
    #PageSingleNews .SingleEdito .edito {
        float: none;
        max-width: 100%
    }
    #PageSingleNews .singlephoto {
        margin-top: 0;
        float: none;
        margin: 0 auto
    }
    a.back {
        position: relative;
        right: 0;
        top: 0;
        display: inline-block;
        margin-bottom: 20px
    }
    .postnavigation {
        position: relative
    }
}

@media only screen and (max-width:791px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 30.33%
    }
}

@media only screen and (max-width:790px) {
    #BlockContent .BlockNews .Blocktext {
        width: 100%
    }
    #BlockContent .BlockNews .Blockimg {
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }
    #BlockContent .BlockNews .Blockimg img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:777px) {
    #BlockContent .BlockNews .Blocktext {
        width: 100%!important
    }
}

@media only screen and (max-width:768px) {
    #BlockPrestations .owl-carousel .owl-item img {
        width: 30%
    }
    #owl_main .single-item img {
        width: auto
    }
    #owl_main .owl-controls {
        bottom: 0px!important
    }
}

@media only screen and (max-width:767px) {
    .isotopeSelector {
        width: 100%
    }
    #Pagephototheque .biglayout {
        width: 100%;
        float: none
    }
    #Pagephototheque .BlockDescription {
        float: none;
        width: 100%
    }
    #Pagephototheque .BlockSlider {
        float: none;
        width: 100%
    }
    #Pagephototheque .BlockSlider img {
        width: 100%
    }
    #PageSingleNews .SingleEdito .edito {
        float: none;
        max-width: 100%
    }
    #PageSingleNews .singlephoto {
        margin-top: 0;
        float: none;
        margin: 0 auto
    }
	
}

@media only screen and (max-width:741px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 30%
    }
}

@media only screen and (max-width:680px) {
    #filter_top a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        float: none
    }
}

@media only screen and (max-width:680px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 46.33%
    }
}

@media only screen and (max-width:650px) {
    #tablerows tr th {display: grid;}
	#CutomTable tr {
        display: grid
    }
    #CutomTable tr img {
        padding-bottom: 38px
    }
}

@media only screen and (max-width:640px) {
    #Pagephototheque .smallayout {
        width: 100%;
        float: none
    }
    #Pagephototheque .smallayout img {
        width: 100%;
        height: initial
    }
    #Pagephototheque .photo_items a {
        overflow: hidden;
        height: auto
    }
    #owl_main .caption,
    #LangAr #owl_main .caption {
        padding: 12px
    }
}

@media only screen and (max-width:628px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 46%
    }
}

@media only screen and (max-width:617px) {
    #photothequeannex .photo_items img {
        width: 100%
    }
}

@media only screen and (max-width:600px) {
    #Pagephototheque .smallayout {
        width: 100%!important
    }
    #Pagephototheque .Related_posts .article-title {
        width: 95%;
        padding: 9px 24px 9px 9px
    }
	
	/*01/01/10 => FAQS*/ 
	.faqs li span{
		width: 100% !important;
		float: none;
		display: block;
		margin-bottom: 6px;
	}
}

@media only screen and (max-width:587px) {
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 45.33%
    }
}

@media only screen and (max-width:525px) {
    #PartnersSlider.owl-theme .owl-controls {
        position: initial!important;
        top: initial!important;
        right: initial!important;
        text-align: center
    }
    #TopHeader .Fullwidth #qtranslate-2-chooser {
        right: initial;
        text-align: left
    }
    #LangAr #TopHeader .Fullwidth #qtranslate-2-chooser {
        right: 0;
        text-align: right;
        left: initial
    }
    #PagePublication #PublicationDetails .CatItems .Blockitem {
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    #PageSingleNews .left,
    #PageSingleNews .right {
        width: auto
    }
    #PageSingleNews .right {
        margin-top: 30px
    }
    #usercheck_1 input[type="email"],
    #usercheck_2 input[type="email"] {
        width: 163px
    }
    #usercheck_1,
    #usercheck_2 {
        max-width: 318px
    }
    #BottomHeader.mobilesticky {
        padding: 0 50px
    }
}

@media only screen and (max-width:460px) {
    #owl_main .caption {top:48.33%}
}

@media only screen and (max-width:425px) {
    #TopHeader .Fullwidth a.lang {
        width: 122px;
        position: initial;
        float: left
    }
    #PageSingleNews .singlephoto {
        height: 169px;
        width: 169px
    }
    .CenterContentRight img {
        width: 80%
    }
	#Pagefulllayout {
		padding: 30px 15px 45px 15px;
	}
}

@media only screen and (max-width:414px) {
    #owl_main {
        z-index: 0
    }
    #owl_main .single-item img {
        height: 204px;
        z-index: 0
    }
}

@media only screen and (max-width:399px) {
    .arthref .icon-container .centered {
        width: auto!important
    }
}

@media only screen and (max-width:375px) {
    #Pagephototheque h2.PageTitle {
        font-size: 20px
    }
    #owl_main .caption p:First-Child {
        font-size: 19px
    }
}

@media only screen and (max-width:320px) {
    #owl_main .caption {
        top: 29.33%;
		width: 259px;
    }
    #BlockContentFullwidth .BlockOffres .BlockOffresTable {
        padding: 42px 15px
    }
	#TopHeader {
		padding: 0 4px;
	}
}

@media only screen and (max-width:590px) {
    .gallery-item {
        float: none;
        width: auto;
        margin: 15px 0;
    }
}