/*CSS FOR RESPONSIVE LAYOUTS*/

@media only screen and (min-width: 1024px) {
    .header_nav_holder {
        display: none;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1023px) {
    /*#container{ width: 1000px;}*/
    .container {
        width: 980px;
    }
    .social-icons h6 {
        font-size: 0;
    }
    .subhead .zone-interactive {
        display: none;
    }
    .subhead .zone-logo {
        border-right: none;
    }
    .emergence ul li a {
        font-size: 13px;
        padding: 0px 16px;
    }
    .emergence h4 {
        padding: 10px 17px 11px 30px;
    }
    .flexslider.news-items-slider .slides .flex-content {
        width: 448px !important;
    }
    .news-items-slider h3 {
        font-size: 18px;
        line-height: 27px;
    }
    .tabs-nav li a {
        font-size: 12px;
        padding: 2px 7px;
    }
    .news-items-slider .title-rubrique h2 {
        font-size: 15px !important
    }
    ul.outils li a {
        float: none;
        padding: 0;
        width: 100%;
    }
    ul.outils li a span {
        right: 31%;
    }
    .tabs-nav li.active a {
        width: 76px;
    }
    .tabs-nav2 li a {
        font-size: 9px;
    }
    .service-item {
        min-height: auto;
        max-height: none;
    }
    .header_nav_holder {
        display: none;
    }
    .right-block .tabs-nav li.active a {
        width: 104px;
    }
    .divider {
        width: 332px;
        left: 66.1%;
    }
    .footer-pub h3 {
        font-size: 28px;
        line-height: 34px;
    }
    /****/
    .main-menu>li>a {
        padding: 18px 6px;
        font-size: 13px;
    }
    .flexslider {
        height: 300px;
    }
    .other-video {
        height: 125px;
    }
    .box-communique .tabs-nav li {
        line-height: 25px;
    }
    .box-communique .tab-content {
        height: 212px;
    }
    .carousel .owl-controls .owl-prev {
        top: 5px !important;
        right: -18px !important;
    }
    .carousel .owl-controls .owl-next {
        top: 30px !important;
        right: -18px !important;
    }
    ul.slidecontrols li a.prev {
        right: 0px;
        top: 0px;
    }
    ul.slidecontrols li a.next {
        top: 0px;
        right: 25px;
    }
    .tab-content2 {
        height: 289px;
    }
    .news-actu .no-highlight h3 {
        font-size: 10px;
        line-height: 15px;
    }
    .dossier .carousel .owl-controls .owl-prev {
        top: -35px !important;
        right: 32px !important;
    }
    .dossier .carousel .owl-controls .owl-next {
        top: -35px !important;
        right: 5px !important;
    }
    .actu-video #wrapper {
        text-align: left;
        width: 100%;
    }
    .scrollbar {
        width: 100% !important;
    }
}

/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/

/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #container {
        width: 794px;
    }
    .container {
        width: 714px;
    }
    .sidebar .widget .top-search input {
        width: 145px;
    }
    .after-nav-info {
        display: none;
    }
    .flex-slider-text {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .flex-slider-text h1 {
        font-size: 22px;
        line-height: 28px;
    }
    .flex-slider-text p {
        font-size: 13px;
        line-height: 21px;
    }
    .news-items-slider .title-rubrique h2 {
        font-size: 17px !important
    }
    ul.main-menu.alternative {
        float: left;
        width: 100%;
        display: block;
        margin-top: 15px;
    }
    ul#portfolio-container.two-columns li {
        width: 47.88%;
    }
    ul#portfolio-container .flex-control-nav li,
    .blog-post .flex-control-nav li {
        width: 10px;
    }
    ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
        left: 38%;
    }
    ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover a.item-preview {
        right: 38%;
    }
    ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
        left: 31.5%;
    }
    ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover a.item-preview {
        right: 31.5%;
    }
    .one-third.product .item-wrapp .portfolio-item:hover a.item-permalink {
        left: 26%;
    }
    .one-third.product .item-wrapp .portfolio-item:hover a.item-preview {
        right: 26%;
    }
    .portfolio-item:hover a.item-permalink {
        left: 26%;
    }
    .portfolio-item:hover a.item-preview {
        right: 26%;
    }
    .blog-item.small:hover a.item-permalink {
        display: none;
    }
    .blog-item.small:hover a.item-preview {
        display: none;
    }
    .blog-item.medium:hover a.item-permalink {
        left: 34%;
    }
    .blog-item.medium:hover a.item-preview {
        right: 34%;
    }
    .blog-item.large:hover a.item-permalink {
        left: 42%;
    }
    .blog-item.large:hover a.item-preview {
        right: 42%;
    }
    .blog-post.layout-2 .media-holder {
        float: left;
        width: 110px;
    }
    .comment-entry {
        margin: -70px 0 0 90px;
        width: 75%;
    }
    ul.commentlist li.child .comment-entry {
        width: 70%;
    }
    .main-menu>li>a {
        padding: 18px 6px;
    }
    .main-menu>li:hover>a {
        padding-left: 5px;
    }
    ul.outils li a {
        float: none;
        padding: 0;
        width: 100%;
    }
    #logo span {
        font-size: 17px;
        line-height: 21px;
    }
    .subhead .zone-logo {
        width: 250px;
    }
    .box-block-info {
        width: 40%;
    }
    .news-actu .no-highlight .zone-img {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .button,
    button,
    input[type=submit],
    input[type=button],
    input[type=reset] {
        padding: 11px 10px 10px;
    }
    footer .zone-logo #logo span {
        font-size: 15px;
        line-height: 20px;
    }
    footer .social-icons h6 {
        margin-top: 0;
        font-size: 0;
    }
    #style2 footer .social-icons ul {
        padding: 5px;
    }
    #accueil .one-half {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .news-items-slider h3 {
        font-size: 18px;
        line-height: 30px;
    }
    .tabs-nav li.active a {
        width: 255px;
    }
    .box-communique .tab-content {
        max-height: 226px;
        min-height: 226px;
        height: 226px;
    }
    ul.box-communique li {
        padding: 4px 4px 4px 37px;
        background-size: 30px;
    }
    .tab-content2 {
        min-height: auto;
        max-height: auto;
    }
    .banniere {
        display: none;
    }
    .service-item {
        min-height: 321px;
        max-height: 321px;
    }
    .footer-pub h3 {
        font-size: 15px;
        line-height: 27px;
        margin-top: 36px;
        margin-bottom: 12px
    }
    ul.mobileapps li a img {
        width: 81%;
    }
    ul.mobileapps li {
        margin: 22px 0 15px 0;
    }
    .header_nav_holder {
        display: none;
    }
    .right-block .tabs-nav li.active a {
        width: 72px;
    }
    .divider {
        width: 243px;
        left: 66%;
    }
    .tabs-nav2 li a {
        font-size: 9px;
    }
    .actu-video .box-block {
        max-height: 100%;
    }
    .right-block .tile_rubrique h3 {
        font-size: 13px;
    }
    .right-block ul.rubrique-site li a {
        font-size: 8px;
    }
    .right-block .dossier .service-item {
        max-height: 100%;
    }
    .right-block #publication .service-item {
        max-height: 100%;
        min-height: auto
    }
    .img-share {
        width: 100%;
    }
    .footer-pub h3 {
        font-size: 28px;
    }
}

/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/

/*___________________________________________________________________*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #container {
        width: 440px;
    }
    .container {
        width: 400px;
    }
    .flexslider .slides img {
        width: 100% !important;
    }
    .project-meta {
        width: 100%;
    }
    #main-navigation select {
        display: block
    }
    #main-navigation ul {
        display: none;
    }
    #main-navigation select {
        margin: 30px auto;
        width: 300px;
    }
    .after-nav-info {
        width: 100%;
        text-align: center;
    }
    header #logo {
        width: 100%;
        float: left;
        border-bottom: 1px solid #C5C5C5;
        margin-bottom: 8px;
        padding-bottom: 15px;
    }
    #logo span {
        font-size: 26px;
        line-height: 29px;
        text-align: left;
    }
    .top-search {
        display: none;
    }
    .one,
    .one-half,
    .two-third,
    .one-third,
    .one-fourth,
    .one-fifth,
    .one-sixth,
    .three-fourth {
        float: left;
        position: relative;
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    #header-links ul.social-links {
        display: none;
    }
    #header-links div {
        margin-bottom: 0px;
    }
    ul#portfolio-container.two-columns li,
    ul#portfolio-container.three-columns li,
    ul#portfolio-container.four-columns li {
        width: 47.88%;
    }
    ul#portfolio-container .flex-control-nav li,
    .blog-post .flex-control-nav li {
        width: 10px;
    }
    ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
        left: 28%;
    }
    ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover a.item-preview {
        right: 28%;
    }
    ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
        left: 28%;
    }
    ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover a.item-preview {
        right: 28%;
    }
    .one-third.product .item-wrapp .portfolio-item:hover a.item-permalink {
        left: 40%;
    }
    .one-third.product .item-wrapp .portfolio-item:hover a.item-preview {
        right: 40%;
    }
    .portfolio-item:hover a.item-permalink {
        left: 28%;
    }
    .portfolio-item:hover a.item-preview {
        right: 28%;
    }
    ul.pricing-boxes li {
        margin-bottom: 20px;
    }
    ul.pricing-boxes.five li {
        width: 99%;
    }
    ul.pricing-boxes.four li {
        width: 99%;
    }
    ul.pricing-boxes.three li {
        width: 99%;
    }
    ul.pricing-boxes li .plan-features {
        border-right: 1px solid #e6e9ee;
    }
    .plan-features ul li {
        margin-bottom: 0px;
    }
    .blog-post.layout-2 .media-holder {
        width: 400px;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .blog-item.small:hover a.item-permalink {
        left: 40%;
    }
    .blog-item.small:hover a.item-preview {
        right: 40%;
    }
    .blog-item.medium:hover a.item-permalink {
        left: 30%;
    }
    .blog-item.medium:hover a.item-preview {
        right: 30%;
    }
    .blog-item.large:hover a.item-permalink {
        left: 40%;
    }
    .blog-item.large:hover a.item-preview {
        right: 40%;
    }
    #filterable li {
        margin-bottom: 5px;
    }
    #filterable li a {
        padding: 5px 8px;
    }
    #breadcrumb {
        text-align: center;
        padding-bottom: 15px;
    }
    #breadcrumb .one-half {
        margin-bottom: 0px;
    }
    #breadcrumbs ul {
        float: left;
        width: 100%;
        text-align: center
    }
    .comment-entry {
        margin: -70px 0 0 90px;
        width: 66%;
    }
    ul.commentlist li.child .comment-entry {
        width: 56%;
    }
    ul.outils li a {
        float: left;
        width: 100%;
        padding: 0;
    }
    .subhead .zone-logo {
        float: none;
        width: 100%;
    }
    #logo img {
        width: 35%;
    }
    .box-block-info {
        padding-left: 0;
        border-left: none;
        width: 100%;
        float: none;
    }
    .box-block-info:after {
        background: none;
    }
    .tabs-nav li.active a {
        width: 130px;
    }
    .box-communique .tab-content {
        max-height: 226px;
        min-height: 226px;
        height: 226px;
    }
    .tab-content2 {
        min-height: 174px;
        max-height: 174px;
    }
    .banniere {
        display: none;
    }
    .news-actu .no-highlight {
        margin-bottom: 0;
    }
    .bottom.big-content .one-fourth {
        width: 100%;
    }
    .bottom.big-content .one-half {
        width: 100%;
    }
    .actu-video .service-item .play i {
        top: -49px;
    }
    #foooter #logo {
        border-bottom: none;
         !important
    }
    footer .zone-logo {
        margin-bottom: 22px;
    }
    .text {
        text-align: center;
        margin-bottom: 191px;
    }
    .phone {
        position: absolute;
        bottom: -21px;
    }
    ul.mobileapps li {
        display: block;
        margin: 0%;
        float: left;
        text-align: center;
        width: 50%;
    }
    .footer-pub h3 {
        font-size: 31px;
    }
    .f-logo {
        top: 0;
    }
    .f-right {
        float: none;
    }
    .text-right {
        text-align: center;
    }
    .text-left {
        text-align: center;
    }
    .copyright {
        text-align: center !important;
        justify-content: center;
    }
    .social-icons ul {
        text-align: center;
        padding: 0;
    }
    .social-icons {
        font-size: 0;
        float: none;
        width: 100%;
    }
    .divider {
        display: none;
    }
    .article .partager {
        display: none;
    }
    .entry-image {
        max-height: 100%
    }
    .twitter .tile_rubrique h3 {
        color: #4D9BD7;
    }
    .img-share {
        width: 100%;
    }
    .vids:after {
        display: none
    }
    .msg-pm {
        display: none
    }
}

/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/

/*___________________________________________________________________*/

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .vids:after {
        display: none
    }
    .flexslider .slides img {
        width: 100% !important;
    }
    .project-meta {
        width: 100%;
    }
    .tile_rubrique h3 {
        font-size: 14px;
    }
    .img-share {
        width: 100%;
    }
    .entry-image {
        max-height: 100%
    }
    ul.rubrique-site li a {
        font-size: 8px;
    }
    .text {
        text-align: center;
        margin-bottom: 191px !important;
    }
    ul.mobileapps li a img {
        width: 86%;
    }
    .divider {
        display: none;
    }
    .twitter .tile_rubrique h3 {
        color: #55ACEE;
    }
    .article h3 {
        font-size: 20px;
        line-height: 29px;
    }
    .article .partager {
        display: none;
    }
    .news-items-slider .rubrique {
        display: none;
    }
    .news-items-slider .date {
        font-size: 10px;
    }
    .news-items-slider .plus {
        font-size: 10px;
    }
    #style2 .flexslider.news-items-slider .slides .flex-content {
        position: relative !important;
    }
    .flexslider.news-items-slider .slides .flex-content .content {
        background: #000;
    }
    .news-items-slider .title-rubrique {
        display: none;
    }
    .news-items-slider:before {
        display: none;
    }
    .box-communique .tabs-container {
        width: 100%;
    }
    .box-communique .tabs-nav {
        width: 100%
    }
    .phone {
        position: absolute !important;
        bottom: -21px;
    }
    ul.mobileapps li {
        display: block;
        margin: 0%;
        float: left;
        text-align: center;
        width: 50%;
    }
    .footer-pub h3 {
        font-size: 31px;
    }
    footer .social-icons h6 {
        font-size: 0
    }
    footer .social-icons ul {
        text-align: center;
        margin-top: 26px;
    }
    .big-content #menu {
        display: none;
    }
    .one,
    .one-half,
    .two-third,
    .one-third,
    .one-fourth,
    .one-fifth,
    .one-sixth,
    .three-fourth {
        float: left;
        position: relative;
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    .f-logo {
        top: 0;
    }
    .f-right {
        float: none;
    }
    .text-right {
        text-align: center;
    }
    .text-left {
        text-align: center;
    }
    .copyright {
        text-align: center !important;
        justify-content: center;
    }
    .actu-video h3 {
        margin: 12px 0 0 0;
        padding: 0;
    }
    .actu-video .service-item .play i {
        top: -49px;
    }
    .bottom.big-content .one-fourth {
        width: 100%;
    }
    .bottom.big-content .one-half {
        width: 100%;
    }
    .news-actu .no-highlight {
        margin-bottom: 0;
    }
    .tabs-nav li.active a {
        width: 202px !important
    }
    .tabs-nav2 li a {
        font-size: 9px;
    }
    .banniere {
        display: none;
    }
    #container {
        width: 100%;
    }
    .container {
        width: 100%;
    }
    .box-communique .tab-content {
        max-height: 238px;
        min-height: 238px;
    }
    #main-navigation select {
        display: block
    }
    #main-navigation ul {
        display: none;
    }
    #main-navigation select {
        margin: 30px auto;
        width: 80%;
    }
    .after-nav-info {
        width: 100%;
        text-align: center;
    }
    .box-block-info:after {
        background: none;
        width: 0;
        height: 0;
    }
    .box-block-info {
        padding-left: 0;
        border-left: 0;
        width: 100%;
        float: none;
    }
    .subhead .zone-logo {
        margin-bottom: 39px;
    }
    ul.outils li a {
        float: none;
        font-size: 0;
        width: 9px;
    }
    #logo {
        text-align: center;
        width: auto;
        float: left;
    }
    ul.outils li a span {
        right: 22px;
    }
    #pub {
        display: none;
    }
    #logo img {
        width: 62%;
        float: none;
        margin-bottom: 15px;
        margin-right: 0;
    }
    a#logo span {
        text-align: center;
        display: block;
        position: relative;
        margin-bottom: -17px;
        .top-search {
            display: none;
        }
        #header-links ul.social-links {
            display: none;
        }
        #header-links div {
            margin-bottom: 0px;
        }
        ul#portfolio-container {
            margin: 0 0 0 0%;
        }
        ul#portfolio-container.two-columns li,
        ul#portfolio-container.three-columns li,
        ul#portfolio-container.four-columns li {
            width: 98%;
            margin-right: 0 !important;
        }
        ul#portfolio-container .flex-control-nav li,
        .blog-post .flex-control-nav li {
            width: 10px;
        }
        ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
            left: 33%;
        }
        ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover a.item-preview {
            right: 33%;
        }
        ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
            left: 33%;
        }
        ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover a.item-preview {
            right: 33%;
        }
        .one-third.product .item-wrapp .portfolio-item:hover a.item-permalink {
            left: 33%;
        }
        .one-third.product .item-wrapp .portfolio-item:hover a.item-preview {
            right: 33%;
        }
        .portfolio-item:hover a.item-permalink {
            left: 33%;
        }
        .portfolio-item:hover a.item-preview {
            right: 33%;
        }
        ul.pricing-boxes li {
            margin-bottom: 20px;
        }
        ul.pricing-boxes.five li {
            width: 99%;
        }
        ul.pricing-boxes.four li {
            width: 99%;
        }
        ul.pricing-boxes.three li {
            width: 99%;
        }
        ul.pricing-boxes li .plan-features {
            border-right: 1px solid #e6e9ee;
        }
        .plan-features ul li {
            margin-bottom: 0px;
        }
        .blog-post.layout-2 .media-holder {
            width: 260px;
            margin-bottom: 20px;
            margin-right: 0px;
        }
        .blog-item.small:hover a.item-permalink {
            left: 33%;
        }
        .blog-item.small:hover a.item-preview {
            right: 33%;
        }
        .blog-item.medium:hover a.item-permalink {
            left: 33%;
        }
        .blog-item.medium:hover a.item-preview {
            right: 33%;
        }
        .blog-item.large:hover a.item-permalink {
            left: 33%;
        }
        .blog-item.large:hover a.item-preview {
            right: 33%;
        }
        #filterable li {
            margin-bottom: 5px;
        }
        #filterable li a {
            padding: 5px 8px;
        }
        #breadcrumb {
            text-align: center;
            padding-bottom: 15px;
        }
        #breadcrumb .one-half {
            margin-bottom: 0px;
        }
        #breadcrumbs ul {
            float: left;
            width: 100%;
            text-align: center
        }
        .comment-entry {
            margin: -70px 0 0 90px;
            width: 66%;
        }
        ul.commentlist li.child .comment-entry {
            width: 56%;
        }
        .blog-post.layout-3 {
            width: 98%;
            margin-right: 0% !important
        }
        ul.commentlist li.child {
            margin-left: 0px;
        }
        .comment-entry {
            margin: 0px 0 0 0px;
            width: 82%;
        }
        ul.commentlist li.child .comment-entry {
            width: 82%;
        }
        form.simple-form textarea {
            width: 90%;
        }
        .comment>.avatar,
        .comment-arrow {
            display: none;
        }
        .msg-pm {
            display: none
        }
    }