photo/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2 juil. 2020, 17:05:13
    Author     : HugoDelhaiseRamond
*/
/*CSS html:*/
#tempo{
    width: 100%;
    text-align:center;
    margin-bottom:10px;
}

.menu{
    scroll-behavior: smoothq; 
}
/*CSS barre de navigation:*/
#BarreDeNavigation{
    height: 150px;
    background-color: white;

}
#navbar{
    background-color: white;
    width: 100%;
    text-align: center;
}
#navbar.fixed{
    position:fixed;
    background-color: white;
    width: 100%;
    text-align: center;
    top:0;
    z-index: 2;
    box-shadow: 0px 1px 12px #c3c3c3;

}
#logo{
    width: 10%;
    height: 10%;
}
.navbutton{
    margin-left: 2%;
    color:black;
}
.navbutton:active{
    text-decoration: underline;
}

/*CSS Accueil:*/
.trapezoid {
    position:absolute;
    z-index: 1;
    width: 75%;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 600px solid transparent;
    border-top: 47rem solid #0172ab;
}

#titrePrincipal{
    z-index: 2;
    color: white;
    text-align: left;
    position: absolute;
    margin-top: 17%;
    margin-left: 10%;
}
.carousel{
    width: auto;
    height: 100%;
}

/*CSS Evenement:*/
.icons{
    margin-left:5%;
    margin-top:5%;
}
.blue{
    color:#0172ab;
}
#pastevent{
    background-color: #0172ab;
    color:white;
}
#futurevent{
    background-color:black;
    color:white;
}
.eventlink{
    color:#03a3dd;
    text-decoration: underline;
}
.eventlink:hover{
    color:#03b7dd;
}
#cardsevent{
    box-shadow: 1px 1px 12px #555;
    margin-top:5%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom:5%;
}

/*CSS Présentation:*/

#présentation{
    background-color: #e1ecf4;
}
#presentationentreprise{
    background-color: #0172ab;
}
#presentationCDR{
    margin-right: 20%;
    margin-left: 20%;
}
#photoProfil{
    margin-left: 42%;
    margin-bottom: 0%;
}

#logos{
    margin-left: 43%;
    margin-top:3%;
}

#Logo_K2{
    width: 19%;
    margin-right: 5%;
    margin-bottom: 13%;
}


.logoLinkedin{
    color:#0172ab;
}


/*CSS Certification:*/
#certification{
    background-color: #ffffff;
}
#certif{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25rem;
    margin-bottom:5%;
}

/*CSS Expertises:*/
#expertises{
    background-color: #0172ab;
    width: 100%;
    height: 25%;
    display: flex;
    justify-content: center;
}
#imginfo{
    width:50%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 4%;
}
#Expertisestexte{
    color:white;
    margin-top:auto;
    margin-bottom:4%;
    margin-left:5%;
    margin-right:5%;
}
.cardExpert{
    color:white;
    background-color: #0172ab;
}

/*CSS References:*/
#references{
    background-color: white;
}
.card-titleRef{
    text-align: center;
    color: #0474ab;
}
#cards{
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 5%;
}

/*CSS Contact:*/
#contact{
    background:url('img/IMG_1945.JPG');
    box-shadow:inset 0 0 0 2000px rgba(1,114,171, 0.5);
}
#cardContact{
    margin-right: 5%;
    margin-left:60%;
    margin-bottom: 10%;
    margin-top: 10%;
}





.boutons{
    text-align:center;
    display: block;
    color: #0474ab;
    text-decoration: underline #0474ab;
}


.Titre{
    text-align: center;
    margin-top:2%;
    margin-bottom:2%;
}

/* footer */
.lienFooter{
    color:white;
}
.lienFooter:hover{
    color:white;
}
footer{
    background-color: #0a0100;
}
#cardsfooter{
    margin-left: 20%;
    margin-right: 20%;
}
#logofooter{
    width: 18rem;
    height: auto; 
}

.cardfooter{
    background-color: #0a0100;
    color:white;
}

/*.menu{
padding-top:100px;
margin-top:-100px;
}*/