/* **********************************************
                        COLORS
********************************************** */

/*
        gris moyen = #ccc;
        gris foncé = #333;
*/

/* **********************************************
                        GENERAL
********************************************** */

.mod_ncw_banniere {
    text-align: center;
    position: relative;
}
.mod_ncw_banniere a {
    z-index: 9;
    position: absolute;
    left: 25%;
}
@media only screen and (max-width: 992px) {
    .mod_ncw_banniere {
        display: none;
    }
}
@media only screen and (min-width: 1900px) {
    .mod_ncw_banniere a {
        left: 33.33%;
    }
}

.slick-next{
    right:15px;
}
.slick-prev{
    left:15px;
    z-index:2000;
}
body {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 1.25rem;
    line-height:160%;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.02rem;
    display: flex;
    min-height: 100vh;
    height:200%;
    flex-direction: column;
}

p {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 1.25rem;
    line-height:160%;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.02rem;
}

main{
    flex: 1 0 auto;
}
h1, h2{
    font-family: 'Oswald';
    font-size: 2.5rem;
    line-height: 150%;
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    color: #333;
    font-weight: 400;
    margin: 4% 0;
}
h3{
    font-family: 'Oswald';
    font-size: 2.5rem;
    line-height: 150%;
    letter-spacing: 0.3rem;
    color: #ccc;
    font-weight: 300;
    text-transform: uppercase;
}
h3 a, h3 a:hover{
    font-size: 4rem;
    color: #ccc;
    font-weight: 300;
    letter-spacing: 0.6rem;
    text-transform: uppercase;
}
h1 a, h2 a, h1 a:hover, h2 a:hover{
    color: #333;
    padding-top: 10px;
}
h4{
    font-family: 'Oswald';
    font-size: 2.5rem;
    line-height: 150%;
    letter-spacing: 0.4rem;
    text-transform: uppercase;
    color: #333;
    font-weight: 400;
    margin: 5px 0;
}
h4 a, h4 a:hover{
    color: #333;
    text-transform: uppercase;
}
h5, h6 {
    font-family: 'Oswald';
    font-size: 2.5rem;
    line-height: 150%;
    letter-spacing: 0.4rem;
    text-transform: initial;
    color: #333;
    font-weight: 500;
}
h5 a, h6 a, h5 a:hover, h6 a:hover{
    color: #333;
    padding-top: 10px;
    text-transform: initial;
}

a {
    color: #333;
    text-decoration:underline;
}
a:hover {
    color:#001e5a;
}
p{
    margin: 0;
}
strong {
    font-weight: 600;
}
.btn,
.btn-large {
    color: #fff;
    font-weight: 800;
    font-size: 0.9rem;
    margin: 4% auto;
    background: transparent;
    color: #333;
    text-decoration:none;
    border: 2px solid;
    border-radius: 25px;
    /*    padding-bottom: 7%;*/
    box-shadow: none;
}
.btn-small{
    font-size: 0.9rem;
    text-transform: initial;
    height: 30px;
    line-height: 30px;
}
.btn:hover,
.btn-large:hover, .btn:focus, .btn-large:focus {
    color: #000;
    background-color: #fff;
}
.material-icons {
    vertical-align: bottom;
}

/*CLASS CSS UTILE*/
.background_cover_350_250{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
    max-width: 350px;
    margin: 10px auto;
}
.background_cover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 200px;
    width: auto;
    min-width: 100%;
}
.background_cover_auto_420{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 420px;
    width: auto;
    min-width: 100%;
    margin: 5px auto;
}
.lastWord{
    font-weight: 700;
    letter-spacing: -0.1rem;
}

.container{
    width: 100%;
    max-width: 100%;
}

/* **********************************************
                        NAVIGATION
********************************************** */
nav {
    background-color: #fff;
    text-decoration:none !important;
}
nav,
nav .nav-wrapper i,
nav a.button-collapse,
nav a.button-collapse i,
.navbar-fixed {
    height: 90px;
    line-height: 55px;
    color: #3D3D3D;
}
header .nav-wrapper i {
    margin-left: 0;
}
header nav img {
    margin-top: 2px;
    margin-left: 20px;
}
header nav #nav-desktop{
    z-index:101;
    margin-top:25px;
    height: 90px;
}
header .nav-wrapper ul li a:hover {
    color: #3D3D3D;
    text-shadow: 0px 0px #3D3D3D;
}
header .nav-wrapper ul li a {
    text-transform: uppercase;
    font-weight: 500;
    text-decoration:none;
    color: #3D3D3D;
    letter-spacing:0.1rem;
    font-size: 1rem;
}
nav ul a:hover{
    background: rgba(0,0,0,0.04);
}
nav .brand-logo{
    margin-top:15px;
}
/* **********************************************
                        SLIDESHOW
********************************************** */
.mod_slideshow{
    top:60px;
}
.slick-diaporama{
    margin-bottom: 0 !important;
    text-align:right;
    height:100%;
    background-attachment:fixed;
}
.slick-diaporama .bg_cover{
    background-size:cover;
    height:100%;
    background-position:center !important;
    width:100%;
}
.slick-caption{
    position:relative;
    top:7%;
    left:10%;
    font-weight:300;
    font-size:1rem;
    width:482px;
    text-align:left;
}
.slick-caption h3{
    color:#000;
}

/* **********************************************
                        BLOG FEATURED
********************************************** */
.blog-featured{
    top:95%;
}
.blog-featured .bg_cover{
    background-size:cover !important;
    background-attachment:fixed !important;
    background-position:center !important;
    position:absolute;
    width:100%;
    z-index:1000;
    height:100%;
}
.blog-featured .blog_caption{
    position:relative;
    font-weight:300;
    font-size:1rem;
    top:420px;
    left:250px;
    width:400px;
}
.blog-featured .blog_caption h3{
    color:#000;
}
/*
                        CONCEPT
*/
.mod_ncw_concept{
    margin-top:-8px;
}
.concept_item_page{
    display:none;
}
.mod_ncw_concept .responsive-img{
    background-size:cover !important;
    background-attachment:fixed !important;
}
.devise{
    text-align:center;
    font-size:2.1rem;
    width:43%;
    position:relative;
    top:89px;
    left:29%;
    letter-spacing: 2px;
    font-weight: initial;
    margin-bottom: 7%;
}

.concept_bulle_texte{
    width:auto;
    max-width:650px;
}
.concept_bulle_texte p{
    color:#000!important;
}

.container_texte_left{
    padding-top:6%;
    margin-left:100px;
}

.container_texte_right{
    padding-top:150px;
    margin-left:27%;
}

.container_texte_left h3, .container_texte_right h3{
    color:#000;
    width: 80%;
}
.concept_bulle_texte{
    width:auto;
    background-color:rgba(255, 255, 255, 0.5);
    padding:25px;
}
.concept3 h3{
    color:#FFF;
}
.concept_bulle_texte_chaussure1 p {
    color:#FFF;
}

.concept_bulle_texte_chaussure1 {
    color:#FFF;
    width: 99%;
    padding-top: 20%;
    margin-left: 2%;

}
.concept_bulle_texte_chaussure2{
    width: 99%;
    padding-top: 20%;
    padding-left: 20%;
    color:#000;
}


.concept_bulle_texte_chaussure2 h3{
    color:#000;
}

.lien_schema_concept{
    position:relative;
    top:120px;
    left:23%;
}

/* **********************************************
                        TIMELINE
********************************************** */
.timeline{
    padding-top:25px;
    height:100%;
    background-attachment:fixed;
    background-size:cover;
}
.mod_ncw_timeline h3{
    color:#000;
    text-align: center;
    padding-top: 3%;
}
/* **********************************************
                        QUESTIONNAIRE
********************************************** */
.mod_questionnaire{
    margin-bottom:50px;
}
.mod_questionnaire h3{
    text-align:center;
    color:#000;
}
.mod_questionnaire h5{
    font-size:1.5rem;
    text-decoration:underline;
    font-weight:bold;
    margin-bottom:15px;
}
.mod_questionnaire #questionnaire{
    width:80%;
    margin:0 auto;
}
.mod_questionnaire #first, .mod_questionnaire #second, .mod_questionnaire #third, .mod_questionnaire #fourth, .mod_questionnaire #fifth, .mod_questionnaire #sixth{
    width:100%;
    padding:25px;
}
.mod_questionnaire #second, .mod_questionnaire #third, .mod_questionnaire #fourth, .mod_questionnaire #fifth, .mod_questionnaire #sixth{
    display:none;
}
.compteur_right{
    font-size:3rem;
    color:#333;
    margin-top:25px;
    margin-left:150px;
}
.compteur_left{
    font-size:3rem;
    color:#333;
    margin-top:25px;
}
#select_marque_alternatif{
    margin:25px;
}

/* **********************************************
                        COLLECTE
********************************************** */

.collecte_accueil{
    margin-top:-22px;
    height:100%;
    background-attachment:fixed;
}
.mod_collecte .responsive-img, .mod_ncw_collecte_mode_emploi .responsive-img{
    background-size:cover !important;
    background-position:center;
    width:100%;
    height: 100%;
}
.mod_collecte .collecte_caption1, .mod_collecte .collecte_caption1_article{
    position:relative;
    color:#FFF;
    left:400px;
    font-weight:300;
    font-size:1rem;
    top:120px;
    margin:0 auto;
    width:400px;
}
.mod_collecte .collecte_caption1_article{
    top:120px;
    left:1px;
}
.mod_collecte .collecte_caption1 h3, .mod_collecte .collecte_caption1_article h3{
    color:#FFF;
    width:230px;
    margin-bottom:40px;
}
.mod_collecte .collecte_caption1 h5{
    color:#fff;
    font-size:1.3rem;
}
.mod_collecte .collecte_caption1_black{
    position:relative;
    color:#000;
    left:400px;
    font-weight:300;
    font-size:1rem;
    top:120px;
    margin:0 auto;
    width:400px;
}
.mod_collecte .collecte_caption1_black h5{
    color:#000;
    font-size:1.3rem;
}


.mod_collecte .collecte_caption2{
    position:relative;
    font-weight:300;
    top:37%;
    margin:0 auto;
    width:400px;
}
.mod_collecte .collecte_caption2 h3{
    color:#000;
}
.etiquette{
    color:#FFF;
    border: 2px solid;
    border-radius: 25px;
}



.collecte_evenement_vue_article{
    border:1px solid #333;
    padding:10px;
}
.collecte_evenement_vue_article h3{
    color:#000;
}
/* **********************************************
                        COLLECTE MODE D'EMPLOI'
********************************************** */
.mod_ncw_collecte_mode_emploi .collecte_mode_emploi_bulle_text{
    padding:15px;
    color: #FFF;
    font-size: 1.3rem;

}
.mod_ncw_collecte_mode_emploi .collecte_mode_emploi_caption{
    width:65%;
    margin:0 auto;
    text-align: center;
    text-shadow: 1px 1px 5px rgb(56, 53, 52);
}
.mod_ncw_collecte_mode_emploi .collecte_mode_emploi_caption h3{
    text-align:center;
    color:#FFF;
    padding-top: 20%;
    text-shadow:1px 1px 5px rgb(56, 53, 52);
}
.mod_ncw_collecte_mode_emploi .texte_event_collecte{
    margin-left:20px;
}
.mod_ncw_collecte_mode_emploi .texte_event_collecte b{
    font-size:1.5rem;
}
.rdv_all_year, .rdv_occassionnels, .par_la_poste{
    margin-top:25px;
    padding:25px !important;
    background-color:#FFF;

}

.par_la_poste{
    text-align: center;
}


.rdv_all_year h4, .rdv_all_year p, .rdv_occassionnels h4, .rdv_occassionnels p{
    text-align:center;
}


.container_collecte {
    width: 65%;
}


.container_collecte h4{
    font-size: 2.2rem;
    margin-bottom: 2%;
    letter-spacing: 3px;
}
/* **********************************************
                        NOUS SOUTENIR
********************************************** */
.mod_nous_soutenir{
    margin-top:-22px;
}
.mod_nous_soutenir .bg_cover{
    height:100%;
    background-size:cover !important;
    background-attachment:fixed;
    background-position:center !important;
}
.soutenir_caption{
    position:relative;
    top:320px;
    left:150px;
    width:350px;
}
.mod_nous_soutenir h3{
    color:#000;
}

/* **********************************************
                        NOS ACTIONS
********************************************** */
.nos_actions_item_page{
    display:none;
}
.nos_actions_background{
    height:100%;
    margin-top:-22px;
    background-size:cover !important;
    background-attachment:fixed;
    background-position:center !important;
}
.mod_nos_actions_caption{
    position:relative;
    top:100px;
    left:38%;
    color:#FFF;
    text-align:center;
    width:440px;

}
.mod_nos_actions_caption h3{
    color:#000;
}
.slick-nos-actions{
    position:relative;
    left:28%;
    top:120px;
    width:800px;
}

.slick-nos-actions .slick-next{
    right:-3%;
}

.slick-nos-actions .slick-prev{
    left:-3%;
    z-index:2000;
}


.slick-nos-actions .action_image{
    background-size:cover;
    background-repeat:no-repeat;
    height:170px;
}
.slick-nos-actions .action_container{
    background:#FFF;
    margin:0 10px;
    max-width:300px;
}
.slick-nos-actions .slick-nos-actions-caption{
    padding:10px;
    font-size:0.8rem;
    text-align:center;
    min-height: 270px;
}
.slick-nos-actions .slick-nos-actions-caption h3{
    font-size:1.2rem;
    color:#000;
    margin:10px 0 10px 0;
    letter-spacing: 1px;
}
.photo_action_modal{
    float:left;
    margin:0 25px 5px 0;
    max-width:250px;
}
.modal{
    max-height:100%;
}

.action_description p {
    font-size: 1.1rem;
}
/* **********************************************
                        NOS PARTENAIRES
********************************************** */

.nos_partenaires_background{
    height:100%;
    margin-top:-22px;
    background-size:cover !important;
    background-attachment:fixed;
    background-position:center !important;
}
.mod_nos_partenaires .partenaires_bulle_text{
    width:80%;
    text-align:center;
    padding:15px;
    margin:0 auto;

}
.mod_nos_partenaires h3{
    text-align:center;
    color:#000;
}
.mod_nos_partenaires_caption{
    position:relative;
    top:120px;
    left:40px;
    color:#000;
    text-align:center;
    width:700px;
}
.nos_partenaires{
    padding:15px;
    width:700px;
    background-color:#FFF;
}
.description_partenaires{
    padding:0 80px;
}
.partenaire_logo{
    margin:0 10px;
    max-width:170px;
}
.modale_logo{
    max-width:300px;
    margin:20px;
}
/*.partenaires_item_page_caption{
    margin-top:-50px;
}*/
/* **********************************************
                        HEADER IMAGE
********************************************** */

.header-image {
    margin-top: -2%;
}

.header-image .background-image {
    background-repeat: no-repeat;
    background-size:cover !important;
    background-position: center;
    text-align: right;
}

.header-image .background-image h1 {
    padding-top: 6%;
    text-transform: uppercase;
    color: #fff;
    text-align: right;
    font-size: 3.5rem;
    font-weight: 500;
    text-shadow: 3px 3px #666;
}

/* **********************************************
                        COMPONENT
********************************************** */

.blog-featured img{
    background-size:cover !important;
    background-repeat:no-repeat;
    background-position:center;
}


#left-component .blog-featured{
    background: #fff;
    position: absolute;
    bottom: 0;
}
.section-component .row .col{
    padding: 0 !important;
}


/* **********************************************
                        ITEM PAGE
********************************************** */
.blocArticle{
    width:90%;
    margin:0 auto;
}
.blocArticle h3{
    color:#000;
    margin:0 0 10px 0;
}
.blocArticle img{
    padding:20px;
}
.item-page{
    padding: 0 5%;
}
.item-page img{
    margin: 0 15px 15px 0;
}
.item-page h2{
    font-size: 1.5rem;
}
.item-page ul {
    padding-left: 3%;
}
.item-page ul li {
    margin: .5% auto;
    position: relative;
    padding-left: 1.5rem;
}
.item-page ul li:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-weight: 700;
    text-decoration: inherit;
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    top: 10px;
    left: 0;
}

/* **********************************************
                        CONTACT PAGE
********************************************** */
.mod_contact_background{
    padding:50px;
    height:100%;
    background-size:cover !important;
    background-position:center !important;
}
.mod_contact_background h4{
    text-align:center;
}
.contact {
    padding: 4% 0;
}
.coordonnees{
    text-align:center;
}
#devis h2 {
    font-size: 3.2rem;
}

.contact-page ul li {
    padding: 2% 0;
}

.contact-page ul li .material-icons {
    color: #333;
    padding-right: 3%;
}

.contact-page ul li:before {
    content: "";
}

#retourcon {
    background-color: #333;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
    padding: 5% 2%;
}

.itinerary {
    padding: 5% 0;
    background-color: #ddd;
    color: #000;
    text-align: center;
}

.itinerary h2 {
    color: #000;
}

/* **********************************************
                        GOOGLE MAPS
********************************************** */
#map-canvas {
    height: 500px;
}

/* **********************************************
                        FOOTER
********************************************** */
footer {
    background-color: #000;
    color: #fff;
    padding: 2% 2%;
    width:100%;
}

footer .row {
    margin-bottom: 0;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

/* Footer 1 */
footer .footer-1 ul{
    -moz-column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    column-count: 2;
    column-gap: 0;
}
footer .footer-1 ul li a {
    font-size: 0.75rem;
    text-decoration: none;
}
footer .footer-1 ul li {
    max-width:120px;
    line-height: 110%;
    margin: auto;
}

/* Footer 2 */

footer .footer-2 p{
    font-size: 0.75rem;
    line-height: 160%;
    color:#FFF;
}
footer .footer-2 {
    text-align: center;
}
footer .footer-2 img{
    margin-bottom:15px;
}

footer .footer-2 .col.s6 {
    margin-top: 5%;
}

/* Footer 3 */

footer .footer-3 {
    text-align: right;
}

.footer-3 ul {
    text-align: right;
}

footer .footer-3 ul li {
    list-style: none outside none;
    display: inline-block;
}

footer .footer-3 ul li a i {
    width: 40px;
    height: 40px;
    color: #333;
    background-color: #FFF;
    font-size: 22px !important;
    text-align: center;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

footer .footer-3 ul li a i:hover {
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

footer .footer-3 ul li a i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


@media only screen and (max-width: 992px) {
    footer .moduletable {
        margin: 2rem 0;
    }
}





/* **************************************************************
**************************************************************
**************************************************************
                        MEDIA QUERIES
**************************************************************
**************************************************************
************************************************************** */


@media only screen and (max-width: 1400px) {
    .mod_nos_actions_caption{
        left:41%;
    }

    .container_collecte{
        width: 75%;
    }
}



@media only screen and (max-width: 1300px) {
    .compteur_right{
        margin-left:70px;
    }
    .lien_schema_concept{
        left:5%;
    }
}


@media only screen and (max-width: 1200px) {
    .compteur_right{
        margin-left:50px;
    }
    .mod_ncw_concept .container_texte_right{
        margin-left:0;
    }
    .collecte_caption1, .collecte_caption1_black{
        top:50px !important;
        left:200px !important;
        width:300px !important;
    }
    .mod_nous_soutenir{
        top:445% !important;
    }
    .mod_nos_actions{
        top:535% !important;
    }
    .mod_nos_actions_caption{
        left:24%;
    }
    .slick-nos-actions{
        left:10%;
    }
    .mod_nos_partenaires{
        top:625% !important;
    }
    footer{
        top:715% !important;
    }
}
@media only screen and (max-width: 1170px) {
    .compteur_right{
        margin-left:30px;
    }
    .devise{
        left:20%;
        width: 60%;
    }
    .cd-timeline-img.cd-picture, .cd-timeline-img.cd-movie, .cd-timeline-img.cd-location{
        padding-top:5px !important;
    }

    .concept_bulle_texte_chaussure2{
        padding: 0;
    }

    .container_collecte{
        width: 90%;

    }
}
@media only screen and (max-width: 990px) {
    .slick-nos-actions{
        width:600px;
    }
    .mod_ncw_collecte_mode_emploi{
        height: 100%;
    }
    .blog_caption{
        left:100px !important;
    }
}
@media only screen and (max-width: 930px) {
    .compteur_right{
        margin-left:20px;
    }
    .slick-nos-actions{
        left:5% !important;
    }
    .action_image{
        background-position:center;
    }
}

@media only screen and (max-width: 790px) {
    .devise{
        width:480px;
    }
    .mod_ncw_concept .container_texte_left{
        margin-left:15px;
    }
    .mod_ncw_concept.container_texte_left .concept_bulle_texte{
        width:100%;
    }
    .mod_ncw_concept .container_texte_right{
        padding-top:70px;
    }
    .mod_ncw_concept .container_texte_right .concept_bulle_texte{
        max-width:500px;
    }
    .soutenir_caption{
        left:50px;
        width:400px;
    }
    .mod_nos_partenaires_caption{
        width:500px;
    }
    .mod_nos_partenaires_caption .nos_partenaires{
        width:500px;
    }
}
@media only screen and (max-width: 650px) {
    .slick-nos-actions{
        width:400px;
        left:5%;
    }
}
@media only screen and (max-width: 600px) {
    nav .brand-logo{
        left:50% !important;
    }
    header nav img {
        margin-top: 2px;
        margin-left: 0px !important;
    }
    .blog_caption{
        top:200px !important;
    }
    .mod_ncw_concept .concept1{
        height:1200px !important;
    }
    .devise{
        width:340px;
        left:8%;
        top:20px;
        font-size:1.8rem;
    }
    .mod_ncw_concept .concept2{
        height:1800px !important;
    }
    .mod_collecte .collecte_caption2{
        top:15%;
        margin:0;
        margin-left:25px;
        width:360px;
    }
    .mod_ncw_collecte_mode_emploi{
        height: 100% !important;
    }
    .mod_slideshow .slick-caption{
        width:370px;
    }
    .blog_caption{
        left:30px !important;
    }
    .mod_nos_actions{
        height:800px !important;
    }
    .mod_nos_actions_caption{
        left:15px;
        width:340px;
    }
    .mod_nos_partenaires{
        height:800px !important;
    }
    .mod_nos_partenaires_caption{
        left:0;
        top:20px;
        width:100%;
    }
    .mod_nos_partenaires_caption .description_partenaires{
        padding:0;
    }
    .mod_nos_partenaires_caption .nos_partenaires{
        width:100%;
    }
    .soutenir_caption{
        top:200px;
        width:200px;
    }
    .footer-1, .footer-3{
        text-align:center !important;
    }
    .footer-3 ul{
        text-align:center !important;
    }
    .lien_schema_concept{
        left:0%;
    }
    .lien_schema_concept img{
        max-width:400px;
    }
}

@media only screen and (max-width: 470px) {
    .mod_slideshow, .mod_slideshow .slick-diaporama, .mod_slideshow .slick-diaporama .bg_cover{
        height:700px !important;
    }
    .mod_slideshow .slick-diaporama .slick-caption .btn{
        background-color:#FFF;
    }
    .blog-featured .blog_caption{
        width:250px;
    }
    .mod_nos_partenaires{
        height:1100px !important;
    }
    .mod_nos_actions_caption{
        left:0;
    }
    .slick-nos-actions{
        width:250px;
        left:15% !important;
    }
    .slick-nos-actions .slick-slider .slick-dotted{
        max-width: 80%;
        margin: auto;
    }
    .mod_slideshow .slick-caption{
        width:250px;
    }
    .mod_slideshow .slick-caption h3{
        font-size:2rem;
    }
    .mod_ncw_collecte_mode_emploi{
        height: 100% !important;
    }
    .mod_collecte .collecte_caption2{
        width:290px;
    }
    .mod_contact{
        height:800px !important;
    }
}

@media only screen and (max-width: 400px) {
    .concept1 .devise{
        width:300px;
    }
    .lien_schema_concept img{
        width:100%;
    }
    .modale_logo{
        max-width:200px;
    }
    .mod_contact{
        height:890px !important;
    }
}



input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
    border-bottom: 1px solid #000 !important;
}
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #ddd !important;
}
input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
    color: #000;
}
.input-field label{
    color:#000;
}
.input-field .prefix.active{
    color: #333;
}
::-webkit-input-placeholder {
    color: #000;
}
:-moz-placeholder {
    color: #000;
}
::-moz-placeholder {
    color: #000;
}
:-ms-input-placeholder {
    color: #000;
}


.drag-target{
    height:1px;
    display:none;
}