/*** RESPONSIVE DESIGN ***/

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

    #content {
        background-size: initial;
    }
}

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

    #site-navigation {
        width: 70%;
    }
}

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

    .intro-content, .intro-content-page {
        width: 100%;
    }

    .text-content {
        width: 100%;
    }

    .video img {
        width: 90%;
    }

    .section-support {
        width: 96%;
    }

    .bloc-documentation {
        width: 32%;
        padding: 20px;
    }

    #site-navigation {
        width: 90%;
    }
}

@media only screen and (min-width: 1100px) {

    .burger-menu {
        display: none;
    }

}

@media only screen and (min-width: 830px) {

    .button-responsive-offre {
        display:none;
    }
}

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

    html {
        margin-top: 0px !important;
    }

    * html body {
        margin-top: 0px !important;
    }

    .intro-content-page-offers {
        padding: 0px 0 200px;
    }

    .section-offres .bloc-documentation:hover, .section-offres .bloc-documentation.current {
        border: 10px solid #95c11f;
        transition: none;
        transform: none;
    }

    .section-offres .bloc-documentation {
        margin-top: -115px;
        margin-bottom:150px;
    }

    .bloc-container-form-offre {
        margin-top:100px !important;
    }

    .product {
        padding: 0 20px;
    }

    .woocommerce .woocommerce-breadcrumb {
        padding: 0 20px;
    }

    .woocommerce-breadcrumb {
        margin-top: 50px !important;
    }

    .intro-content-actu {
        padding-top: 0px;
    }

    .intro-content-page {
        padding: 80px 20px 80px;
    }

    .intro-content {
        padding: 0;
    }

    .site-header {
        position: initial;
    }

    .content-page img {
        width: 100%;
        height: auto;
    }

    #slider2 {
        width: 80% !important;
    }

    #slider2 ul li {
        width: 241px;
    }

    #slider {
        width: 100% !important;
    }

    #slider ul li {
        width: 60%;
    }

    #slider2 ul li .slider-bloc img:last-child {
        display: none;
    }

    .slider-bloc {
        width: 674px;
        left: -221px;
    }

    #slider ul {
        width: 100% !important;
    }

    #site-navigation {
        display: none;
    }

    .section-blog {
        padding: 20px;
    }

    .text-content-green {
        font-size: 27px;
    }

    .text-content-white {
        font-size: 27px;
    }

    .category-filter-all, .category-filter {
        padding: 15px 17px;
    }

    .intro-content-title-actu {
        padding: 40px 20px 60px 20px;
    }

    .category-filter-actu {
        margin: 0px auto 50px;
    }

    .container-blog {
        padding: 20px;
    }

    .article-all-actu {
        padding: 50px 20px;
    }

    .burger-menu {
        display: block;
        position: relative;
    }

    .icon-burger {
        position: absolute;
        right: 20px;
        top: -100px;
        cursor: pointer;
    }

    #menu-principal-burger {
        height: 100%;
        width: 100%;
        display: none;
        text-align: center;
        padding-bottom: 63px;
    }

    .first-menu li a {
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        font-family: 'PT Sans', sans-serif;
        font-weight: bold;
        font-size: 18px;
    }

    .first-menu li a:hover {
        color: #95c11f;
    }

    .second-menu li a:hover {
        color: #95c11f;
    }

    ul {
        padding: 0 !important;
    }

    .first-menu li {
        margin-bottom: 30px;
    }

    .second-menu li a {
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        font-family: 'PT Sans', sans-serif;
    }

    .second-menu li {
        margin-bottom: 30px;
    }

    .second-menu {
        margin-top: 42px;
        position: relative;
        padding-top: 35px !important;
    }

    .second-menu:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #95c11f;
        position: absolute;
        top: 0;
        right: 0px;
    }

    .button-connexion {
        margin-left: 0;
        position: relative;
        margin-top: 42px;
        padding-top: 35px !important;
    }

    .button-connexion:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #716f6f;
        position: absolute;
        top: 0;
        right: 0px;
    }

    .cross {
        display: none;
        position: absolute;
        right: 20px;
        top: -120px;
        cursor: pointer;
    }

    .ticket-form {
        padding: 0 20px;
        text-align: left;
    }

    .content-page .search-submit {
        font-size: 14px !important;
        width: 50%;
    }

    .wedocs-search-input {
        width: 50% !important;
    }
}

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

    .bloc-container-form {
        max-width: 90%;
    }

}

@media only screen and (min-width: 980px) {

    .form-cat {
        display: none;
    }
}


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

    .bloc-container-form-offre {
        flex-direction: column;
        justify-content: center;
        max-width: 94%;
    }

    .offer-dedie .suppl-select {
        width: 65%;
        padding: 30px 30px;
    }

    .section-offre-form .offer-dedie .suppl-select {
        padding: 15px 40px;
    }

    .offer-dedie .offre-form-bloc-line,
    .offer-dedie .bloc-blogueur-open {
        width: 100%;
    }

    .section-offre-form .offer-dedie input {
        margin: 0;
    }

    .offer-dedie .suppl-price {
        width: 47% !important;
        padding: 15px;
    }

    .offre-form-list {
        width: 80%;
        margin: 0 auto;
        padding-top: 40px;
    }

    .suppl-price .bloc-text {
        font-size: 15px;
    }

    .suppl-price .text-green {
        padding-top: 0;
        font-size: 20px;
        font-weight: bold;
    }

    .bloc-blogueur-open {
        display: none;
        background-color: #f0f0f0;
        font-size: 15px;
        color: #716f6f;
        line-height: 23px;
        font-family: 'Roboto', sans-serif;
        padding: 10px 60px 30px;
        margin-bottom: 20px;
        margin-top: -20px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .container-option-blogueur input[type='submit'] {
        font-size: 12px;
        width: 100%;
        padding: 8px;
    }

    .submit-offre-suppl {
        font-size: 12px;
        width: 100%;
    }

    .offre-form-bloc-line {
        width: 90%;
        margin: 0 auto 15px;
    }

    .text-form-offre-suppl {
        font-size: 20px;
    }

    .form-container2 .title-grey {
        font-size: 25px;
        width: 80%;
        margin: 0 auto;
    }

    .offre-form-list li {
        font-size: 20px;
    }

    .offre-form-list .none-check {
        font-size: 20px;
    }

    .section-offres .bloc-documentation {
        width: 100%;
        padding-bottom: 40px;
    }

    .back-grey .bloc-form {
        width: 100%;
    }


    .bloc-offre-recap-left {
        margin-right: 0;
        border-bottom-left-radius: 0;
        padding: 16px 0 !important;
    }

    .bloc-offre-recap-right {
        border-top-right-radius: 0;
        padding: 16px 0 !important;
    }

    .bloc-offre-recap-center {
        padding: 30px 0;
    }

    .offre-blogueur-infos {
        flex-direction: row;
        justify-content: space-around;
        background-color: white;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .bloc-container-form-offre {
        margin-top: 56px;
    }

    .form-search {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        float: none;
        margin-right: 0;
    }

    #slider2 ul li {
        opacity: 0;
    }

    .slideshow li:nth-child(0n+2) {
        opacity: 1 !important;
    }

    #slider2 ul {
        margin-left: 0 !important;
    }

    #slider2 ul li {
        margin: 0;
    }

    .responsive-video iframe {
        width: 100%;
    }

    .responsive-video {
        width: 85%;
    }

    .category-filter-all, .category-filter {
        display: none;
    }

    .form-cat, .form-search {
        display: block;
    }

    .bloc-title-filter {
        display: none;
    }

    .bloc-form input {
        padding-left: 20px;
    }

    .bloc-first-article {
        width: 50%;
    }

    .article-widget-right {
        width: 47%;
    }

    .article-all {
        flex-wrap: wrap;
    }

    .bloc-article-all {
        width: 47%;
    }

    .article-all-actu {
        flex-direction: column;
    }
}

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

    .dedie-list ul li {
        float: initial;
        width: 100%;
    }

    .button-responsive-offre {
        display: none;
    }

    .container {
        max-width: 77%;
        margin: 0 auto;
    }

    .site-branding-container {
        max-width: 90%;
    }
}


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


    .bloc-content-securise {
        padding-bottom:30px;
    }

    .section-perform .text-content-green {
        font-size: 20px;
        text-align: center;
        line-height: 25px;
    }

    .section-perform .bloc-text-white {
        text-align: center;
        font-size: 15px;
    }

    .bloc-file {
        margin-left: 0;
    }

    .button-responsive-offre {
        display: block;
        background-color: #95c11f;
        padding: 20px;
        border-radius: 32px;
        color: white;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        width: 80%;
        margin: 0 auto 20px auto;
    }

    .bloc-documentation .intro-content-price {
        margin-bottom: 20px;
    }

    .section-offres .bloc-documentation .intro-content-price-second {
        margin-bottom: 20px;
    }

    .button-responsive-offre:hover {
        background-color: #529635;
    }

    .bloc-container {
        flex-direction: column;
    }

    .reverse {
        flex-direction: column-reverse;
        margin:0 auto;
    }

    .bloc-container img {
        width: 90%;
        margin: 0 auto;
        height: auto;
    }

    .section-content {
        height: 4100px;
    }


    .bloc-container:last-child {
        padding-bottom: 80px;
        margin-bottom: 0;
    }

    .section-perform .container {
        padding-top: 50px;
    }

    .bloc-flex {
        flex-direction: column-reverse;
    }

    .bloc-flex img {
        width: 60%;
        height: auto;
        margin: 0 auto;
    }

    .section-logo {
        flex-direction: column;
    }

    .bloc-logo {
        width: 100%;
    }

    .bloc-actu {
        width: 100%;
        padding: 40px 20px 60px;
    }

    .section-users {
        height: 660px;
        padding: 40px 20px;
    }

    .section-perform {
        padding: 40px 20px;
    }

    .container-sponsors {
        flex-direction: column;
        padding: 40px 20px;
    }

    .bloc-sponsors-text {
        width: 100%;
    }

    .bloc-sponsors-img {
        width: 100%;
        margin-top: 30px;
    }

    .bloc-sponsors-img img {
        width: 48%;
        margin-right: 0;
    }

    .section-footer-text {
        padding: 45px 20px;
    }

    .menu-footer-container {
        flex-direction: column;
        padding: 40px;
    }

    .menu-footer-container {
        background-color: rgba(0, 0, 0, 1);

    }

    .actu-title {
        width: 82%;
    }

    .button-connexion-footer {
        padding-left: 0;
    }

    #menu-footer-col1,
    #menu-footer-col2,
    #menu-footer-col4 {
        padding-left: 0;
    }

    .section-offres {
        justify-content: center;
        background-color: white;
        margin-top: 190px;
        align-items: center;
        flex-wrap: wrap;
    }

    .section-offres .bloc-documentation:hover .offre-hover {
        opacity: 0;
    }

    .offre-hover {
        display: none;
    }

    .section-offres .bloc-documentation {
        border: none;
    }

    .section-offres .bloc-documentation:hover {
        border: none;
        transition: all 0.3s;
        transform: translateY(0px);
    }

    .offre-img-blogueur {
        bottom: -35px;
    }

    .section-offre-form {
        padding-bottom: 60px;
    }

    .section-support {
        flex-direction: column;
        background-color: white;
        width: 100%;
        margin: 250px auto;
    }

    .section-support .bloc-documentation {
        width: 90%;
        margin: 0 auto 30px;
    }

    .section-support .bloc-documentation:first-child {
        margin-top: -150px;
    }

    .section-ouverture-ticket {
        padding: 160px 0 50px;
    }

    .bloc-attention {
        flex-direction: column;
    }

    .bloc-attention img {
        width: 30%;
        height: auto;
        margin: 0 auto;
    }

    .section-ouverture-ticket {
        text-align: center;
    }

    .form-line1, .form-line3, .form-line4, .form-line5 {
        flex-direction: column;
    }

    .form-marginright {
        margin-right: 0;
    }

    .form-line5 {
        justify-content: flex-start;
    }

    .form-line6 {
        padding: 30px;
    }

    .bloc-form-green-checkbox p {
        margin: 0;
    }

    input[type='submit'] {
        width: 81%;
    }

    .button-ticket {
        width: 88% !important;
    }

    .page-template-template-support .button-ticket {
        width: 97% !important;
        font-size: 13px;
    }

    .overlay-breadcrumb {
        padding: 0;
    }

    .nav-breadcrumb {
        padding: 10px;
    }

    .page-template-template-support .form-container {
        margin-top: -290px;
    }

    .page-template-template-support .form-line3 p,
    .page-template-template-support .form-line1 p {
        margin: 0;
    }

    .page-template-template-support .form-line4 {
        margin-top: 0;
    }

    .bloc-form-checkbox {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .bloc-form textarea {
        width: 100%;
    }

    .bloc-form input {
        width: 100%;
    }

    .section-offre-form .form-container {
        padding-top: 0px;
        padding-bottom: 1px;
    }

    .form-container-blogueur-add {
        margin-top: 30px;
    }

    .section-offre-form .bloc-offre-recap {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }

    .bloc-offre-recap {
        text-align: center;
        margin-left: 0;
    }

    .offre-form-list ul {
        padding-left: 30px !important;
    }

    .offre-form-list {
        flex-direction: column;
    }

    .offre-form-list ul {
        margin: 0;
    }

    .intro-content-services {
        flex-wrap: wrap;
    }

    .intro-content-services div {
        margin: 0;
    }

    .dedie-list ul {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .section-offres .bloc-documentation:hover, .section-offres .bloc-documentation.current {
        border: none;
    }
}

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

    .section-footer-text {
        padding: 25px 20px;
    }

    .section-footer-text img {
        width:30%;
    }
    .wedocs-single-wrap .wedocs-single-content {
        width: 90%;
        margin: 0 auto;
    }

    .wedocs-single-wrap .wedocs-single-content li {
        margin-left: 20px;
    }

    #slider2 ul li {
        width: 200px;
    }

    .slider-bloc {
        width: 400px;
        left: -112px;
    }

    .section-perform .container {
        padding-top: 0;
    }

    .section-perform .bloc-flex {
        margin-top: 0;
    }

    .section-perform .text-content-green {
        font-size: 20px;
        text-align: center;
        line-height: 25px;
    }

    .section-perform .bloc-text-white {
        text-align: center;
        font-size: 15px;
    }

    .slider-bloc {
        width: 400px;
        left: -86px;
    }

    #slider2 {
        width: 66% !important;
    }

    .slideshow li:nth-child(0n+2) .logo-fonctionnalite {
        width: 100%;
    }

    .slideshow figure {
        font-size: 16px;
        line-height: 22px;
    }

    .slideshow li:nth-child(0n+2) .logo-fonctionnalite {
        width: 65%;
    }

    .slideshow figure {
        margin: 0;
    }

    .container-page {
        max-width: 90%;
        margin: 0 auto;
    }

    .wedocs-docs-list {
        display: flex !important;
        flex-direction: column !important;
    }

    .wedocs-docs-single {
        width: 100% !important;
    }
}

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

    .article-all .bloc-documentation {
        padding-bottom: 10px;
        padding-top: 30px;
    }

    #menu-menu-de-fin {
        display:flex;
        flex-direction:column;
    }

    ul.endmenu .menu-item::after {
        content: "";
    }

    a#cRetour.cVisible {
        bottom: 146px;
    }

    .slider-bloc {
        left: -116px;
    }

    #slider2 {
        width: 80% !important;
    }

    .slider-bloc img {
        display: none;
    }

    img.control_prev2, img.control_next2 {
        width: 10%;
    }

    .article-all {
        flex-direction: column;
    }

    .bloc-article-all {
        width: 100%;
    }

    .mobile-none {
        display: none;
    }

    .bloc-first-article {
        width: 100%;
    }

    .bloc-first-article {
        margin-right: 0px;
    }

    .bloc-first-article {
        cursor: pointer;
    }

    .bloc-first-article:hover .rond-icon {
        opacity: 1;
        transition: all 0.3s;
    }

    .bloc-first-article:hover .img-article {
        opacity: 0.7;
        transition: all 0.3s;
    }

    .bloc-first-article:hover {
        transition: all 0.3s;
        transform: translateY(-8px);
        box-shadow: 2px 4px 3px #ccc8c8;
    }


    .article-content h3 {
        font-size: 20px;
    }

    .article-content .art-date, .article-content .art-cat {
        font-size: 14px;
        margin-top: 0;
    }

    .article-content .art-link {
        justify-content: flex-end;
    }

    .article-content {
        padding: 15px 20px;
    }

    .article-widget-right {
        width: 100%;
        margin-bottom: 30px;
    }

    .article-content .bloc-text {
        display: none;
    }

    .article-content-all .bloc-text {
        display: none;
    }

    .bloc-lire-aussi {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .lire-aussi-cat {
        margin: 20px auto;
    }

    .icon-lire-aussi {
        margin: 20px auto;
    }

    .lire-aussi-background {
        flex: 1;
        flex-basis: 100%;
    }
}

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

    .content-page .search-field {
        width: 100% !important;
    }

    .content-page input[type='text'], .content-page input[type='email'], .content-page input[type='password'], .content-page input[type='search'] {
        width: 80%;
    }

    body.woocommerce,
    body.page-template-template-offers-2 {
        overflow-x: hidden;
        margin-bottom: 60px;
    }

    .content-page iframe {
        width: 100%;
    }

    #slider ul {
        margin-left: 52px !important;
    }

    .panier {
        position: fixed;
        width: 100%;
        left: 0 !important;
        z-index: 10000;
        display: flex;
        flex-direction: row;
        bottom: 0 !important;
        top: initial !important;
    }

    .panier-article {
        margin-bottom: 0px;
        width: 50%;
        padding-left: 30px;
    }

    .lien-panier {
        border-bottom-left-radius: 0;
        text-align: center;
        width: 50%;
        padding: 22px 10px 10px;
    }

    .panier-article img {
        margin-right: 22px;
    }

    img.control_prev2, img.control_next2 {
        top: 7%;
    }


    .intro-content {
        padding: 0px 20px 0;
    }

    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 35px;
    }

    .text-content {
        font-size: 16px;
        line-height: 23px;
    }

    .text-content-white {
        font-size: 27px;
    }

    .intro-content-button {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 0 auto;
    }

    .button-offre, .secondbtn {
        margin-bottom: 40px;
        margin-right: 0;
    }

    .text-content-grey {
        font-size: 27px;
    }


    .text-content-green {
        font-size: 27px;
    }

    .section-content {
        height: auto;
    }

    .site-logo img {
        width: 100%;
    }

    .site-logo {
        width: 70%;
        padding:0;
    }

    .icon-burger {
        top: -75px;
    }

    .cross {
        top: -91px;
    }

    #button-agence {
        padding-bottom: 50px;
    }

    #button-dediee {
        padding-bottom: 50px;
    }

    .intro-content-title {
        padding-bottom: 20px;
    }


    .responsive-video {
        width: 90%;
    }

}

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

    .section-offres .bloc-documentation {
        width: 190%;
    }
}

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

    .site-footer {
        width: 100%;
        height: 1000px;
        background-size: auto;
    }

    .bloc-title-securise, .bloc-title-rapide, .bloc-title-support {
        position:initial;
    }

    .bloc-container img {
        width: 100%;
    }

    .bloc-content {
        padding: 45px 0;
    }

    .bloc-container {
        margin-bottom: 20px;
    }

    .bloc-content-securise {
        padding: 45px 0;
    }

    #slider2 {
        width: 90% !important;
    }

    #slider2 ul li {
        width: 100px;
    }

    .slider-bloc {
        left: -73px;
    }

    .slider-bloc {
        width: 200px;
    }
}

@media only screen and (max-width: 470px) {
    .related ul {
        display: flex;
        flex-direction: column;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
        clear: both;
        margin-top: 50px;
        margin-bottom: 100px;
    }
}

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

    #slider ul li {
        margin: 0 10px 400px 10px;
    }

    .logo-avis {
        width: 12px;
        height: 9px;
    }

    img.control_prev, img.control_next {
        width: 30px;
    }

    .section-users {
        height: 717px;
    }

    #slider {
        height: 500px !important;
    }

    #slider .bloc-text {
        font-size: 13px;
        line-height: 17px;
    }

    .section-users {
        height: 821px;
    }

    .section-perform .bloc-text-white {
        text-align: center;
        font-size: 13px;
        line-height: 16px;
    }

}

@media only screen and (min-width: 360px) {

    #slider3 {
        display: none;
    }


}

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

    .section-footer-text {
        padding: 15px 20px;
    }

    .intro-content-services {
        display: none;
    }

    #slider2 ul li {
        width: 90px;
    }

    #slider2 {
        height: 951px !important;
    }

    #slider3 {
        display: block;
        position: relative;
        margin-bottom: 40px;
        width: 100% !important;
    }

    #slider3 p {
        font-family: PTSansBold;
        font-weight: normal;
        font-size: 20px;
    }

    #slider3 ul li img {
        width: 50%;
    }

    img.control_prev3, img.control_next3 {
        position: absolute;
        top: 24%;
        z-index: 999;
        display: block;
        padding: 4% -23%;
        height: auto;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        font-size: 18px;
        opacity: 0.8;
        cursor: pointer;
    }

    img.control_next3 {
        right: 0;
    }

    #slider3 ul li {
        width: 150px;
        margin-left: 15px;
    }


}

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

    .section-footer-text {
        padding: 15px 20px 20px;
    }

    .site-footer {
        background-image: none;
    }

    .section-footer-text {
        background-color: rgba(11, 15, 24, 1);
    }
}