/* 
vert foncé : 0F2D1B
vert clair : CDC598
vert pale : F3D482
vert fond footer : 93be4e
div, p, ul, li, img, header, footer, main, h1, h2, h3, h4, h5, h6, span {border : 1px solid red}
 */

 /* mobile first */

.resp {display:block;}
.noresp {display:none;}


body {
    margin: auto;
    background-color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color:#023d44;
    }

h1, h2 {color: #023d44;}
h1, h2 {font-family: 'Poppins', serif; font-weight: 400;}
h1 {font-size: 2.2em; line-height: 1.2em;}
h2 {font-size: 2.4em;}

table {border: none !important;}
table td {border: none; text-align: center;}

/* nav intro */
#home-nav-1 a:link, #home-nav-1 a:visited {color: #ffffff; text-decoration: none; background-color: transparent; padding: 5px;}

/* -- NAVIGATION -- */
nav {font-size: 1.6rem}
#block-nav{position:relative;}
#bg-block-nav{background-color: #FFFFFF;}
.bouton-client{border: 1px solid black; padding: 5px;}

#nav-ombre {background: url(../img/nav-ombre-2.jpg) repeat-x; background-size: contain; background-attachment:scroll; background-position: center; height: 25px;}

.btn a:link, .btn a:visited {text-decoration: none; color: #fff;}
.btn-qui a:link, .btn-qui a:hover, .btn-qui a:visited, .btn-missions a:link, .btn-missions a:hover, .btn-missions a:visited {color: #023d44;}
.btn-filaire {background-color: transparent; border: 1px solid white;}

/* nav social */
/* #nav-social {text-align: center; display: block;} */
/* #nav-social-mob { background-color: white; display: block;} */

/* BURGER */
#menu {
    position: absolute;
    display: block;    
    height: 30px;    
    width: 30px;
    top:10px;
    right:5px; 
    z-index : 7000;
    cursor : pointer;
}

/* FONT */
.font-custom-bold {font-family: 'Poppins', sans-serif; font-weight: 700;}
.font-custom-light {font-family: 'Poppins', sans-serif; font-weight: 400;}

/* -- PAGES -- */


/* ACCUEIL */
.accueil-btn-qui {text-align: center;}
.accueil-btn-missions {text-align: center;}

/* INTRO */
#intro {background: url(../img/bg_accueil-minerva.svg) no-repeat; background-size: cover; background-attachment:scroll; background-position: center; height: 100vh; background-color: #023d44;}
#logo-intro {background: url(../img/logo_minerva-accueil.svg) no-repeat; background-size: contain; background-attachment: scroll; background-position: center; width: 80%;}
.logo-intro-enbas {padding-top: 80px;}

#home-ecran-1 {padding: 0 15px; background-color: #FFFFFF;}
#home-ecran-2 {max-height: 80vh; padding: 20px 15px; background-color: #FFFFFF;}
#home-ecran-3 {min-height: 100vh; background-color: #FFFFFF; color: #0F2D1B;}
#home-ecran-3 h3 {font-size: 1.3em; font-family: "BrandonText-Light", sans-serif;}
#home-ecran-3 a:link, #home-ecran-3 h3 a:visited {text-decoration: none;}
#home-ecran-4 {min-height: 40vh; background-color: #00737a; color: #ffffff;}
#home-ecran-5 {min-height: 80vh; background-color: #0F2D1B; color: #FFFFFF;}
#home-ecran-5 a:link, #home-ecran-5 a:hover {text-decoration: none;}

.qui-bg-bloc {background: url(../img/bg_minerva-qui.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: center; background-color: #023d44;}


/* NOS MISSIONS */
#missions-bg-bloc-menu {background: url(../img/missions-bg-bloc-menu.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: center;}
#missions-bg-bloc-menu a:link,#missions-bg-bloc-menu a:visited {color: #FFFFFF; text-decoration: none;}
#missions-bg-bloc-menu div h3 {font-size: 1.5em; line-height: 1.8em;}
.missions-text-list li {line-height: 2em; list-style: square;}

/* CONTACT */
.contact-bg-form { background: rgb(0,115,122); background: radial-gradient(at 20% 80%, rgba(0,115,122,1) 0%, rgba(2,61,68,1) 76%); }

/* habillage form */
.input-form {color: #FFFFFF; background-color: transparent;}
textarea {color: #FFFFFF; background-color:transparent}
[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea {
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 1px;
    -webkit-box-shadow: 0 0 1px 0 #333 inset;
    box-shadow: inset 0 0 1px 0 #fff;
}

/* FOOTER */
footer {border-top: 1px solid #023d44;}
footer ul li {line-height: 2em;}
footer a:link {color: #023d44;text-decoration: none; border-bottom: 1px dotted;}
footer a:visited {color: #023d44;}
footer a:hover {color: #055565;}
footer ul { background-color: transparent;}


/* COMMUN */
.text-blanc {color: #FFFFFF;}
.bg-blanc {background-color: #fff;}

.invsbl-link a:link, .invsbl-link a:hover {text-decoration: none;}
.arrondi {border-radius: 0 10px 10px 10px; behavior: url(border-radius.htc);}
.btn {font-size: 1.9rem;}

/* CALL TO ACTION */
.call-titre {text-align: center;}
#action-projet-col-b {width: 100%; text-align: left; padding-left: 0px;}


/* ANIMATION */
/* glisse top */
.glisse
{
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease; /* Transition de type ease */ 
}
.glisse:hover
{
    transform: translateY(-8px); /* On déplace l'objet */
}

/* glisse droite */
.glisse-d
{
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease; /* Transition de type ease */ 
}
.glisse-d:hover
{
    transform: translatex(8px); /* On déplace l'objet */
}

/* fading */

.fading:hover {
    transition: 0.4s ease;
    opacity:0.6;
}

.fading {
    transition: 0.3s ease;
    opacity:1;
}


/* NAV VP EN CSS */
    nav li {
    padding: 15px;
    display: inline-block;
    z-index : 7000;

    /* width:250px; */
    margin: 0;
    list-style-type: none;
    position: relative;
    }

    nav li ul {
    display: none;
    position: absolute;
    /* width: 250px; */
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    }

    /*nav li:hover > ul {*/
    /*display: block;*/
    /*}*/
           
    /* hack knacss ul fer a gauche 0 */
    ul {padding-left: 0em;background: rgb(255, 255, 255);}

    nav a {
    display: block;
    margin: 0;        
    padding: 5px;
    border: 0px solid #ffffff;
    color: rgb(0, 0, 0);
    text-align: center;
    text-decoration: none;
    background: rgba(255, 255, 255, 0);
    /* height: 30px;
    line-height: 30px; */
    transition: 0.6s ease;
    opacity:1;
}

    nav a:hover {
        padding: 5px;
        background-color: #239392;
        color: #FFFFFF;
        /* background-color: #f5f5f5; */
        text-decoration: none;
        /* font-weight: 900; */
        transition: 0.3s ease;
        opacity:1;
    }

    .active {
    background-color: #0F2D1B;
    color:white;
    }
/* FIN NAV VP EN CSS */

/* passage de la barre nav en vertical en dessous de 1020px */

@media (max-width: 1020px){

    #top-menu li{
        display:block;
    }
    nav li > ul {
        display:block;
        position:static;
    }
    #nav-social{
        /* display: block; */
        margin-bottom: 2rem;
    }

}
/* fin passage de la barre nav en vertical en dessous de 1020px */

 @media (min-width: 768px) {
     /* propriétés des écrans larges */

    h1 {font-size: 2.6em; line-height: 1.4em;}

    .resp {display:none;}
    .noresp {display: block;}
    .btn {font-size: 2.3rem;}
    #home-ecran-2 {max-height: 60vh;}
    #home-ecran-5 {min-height: 60vh;}

    /* NAVIGATION */
    header {width: 100%; text-align: right;}
    #menu {display:none;}
    #nav-logo-box {text-align: left;}
    #nav-logo {width: auto; margin: 5px;}

    #block-nav {position: relative;}
    
    
    /* nav social */
    #nav-social {text-align: right; padding-bottom: 0px; display: block;}
    /* #nav-social-mob {display: none;} */

    /* ACCUEIL */
     #logo-intro {background: url(../img/logo_minerva-accueil.svg) no-repeat; background-size: contain; background-attachment: scroll; background-position: center;}
     .logo-intro-enbas {padding-top: 200px;}

    #home-ecran-1, #home-ecran-2 {padding: 0;}
    .accueil-btn-qui {text-align: right;}
    .accueil-btn-missions {text-align: left;}


    /* NOS MISSIONS */
    #missions-bg-bloc-menu div h3 {font-size: 1.6em; line-height: 1.6em;}


    /* CONTACT */
    #fleur-contact {width:40%; border-right: 0px solid #F3D482; padding: 10px 40px 10px 10px; border-bottom: 0px solid #F3D482;}

    /* CALL TO ACTION */
    .call-titre {text-align: left;}
    #action-projet-col-b {width: 60%; padding-left: 40px; text-align: left;}



 }