p{margin: 0; padding: 0;}

a{text-decoration: none; color: inherit;}
a:hover{text-decoration: none; color: inherit;}
a.link{color: #3490dc; text-transform: uppercase; font-size: 12px; font-weight: bold;}
a.link:hover{text-decoration: underline;}

.btn{transition: all .3s linear;}

.boxListProfil{display: flex; align-items: center;}
.boxListProfil .avatar{height: 30px; width: 30px; margin-right: 8px;  display: flex; justify-content: center; align-items: center; font-size: 10px; color: #ffffff; text-transform: uppercase; border-radius: 50%; background-color: #3f9ae5; }
.boxListProfil p{font-size: 12px; line-height: 13px !important;}

nav .navbar-brand img{height: 80px;}
nav .nav-link{text-transform: uppercase;font-weight: 300;font-size: 13px;color: #373737 !important;}
nav .nav-link:hover{color: #3490dc !important;}
nav .btn-primary{text-transform: uppercase;color: #ffffff;}
nav .btn-primary:hover{color: #ffffff;}

footer{background-color: #1b1e21;padding: 40px 0; color: #e2e3e5}
footer h2{font-size: 18px; font-weight: bold; color: #ffffff;}
footer .boxRc a{display: inline-block; margin-right: 10px;}
footer .boxRc a img{height: 40px; width: auto;}
footer img.logoFooter{width: 100px;}

h2.titre{text-transform: uppercase; font-size: 22px; font-weight: bold;}


.boxDiapoHome{background-image:linear-gradient(-225deg, rgba(28, 37, 173, 0.5) 30%, rgba(16, 25, 136, 0.5) 80%), url(../images/bg-home.jpg);background-size:cover;}
.boxDiapoHome .diapo{height: 400px; display: flex; flex-flow: column wrap; justify-content: center;}
.boxDiapoHome .diapo h1{color: #ffffff; text-transform: uppercase; text-align: center; font-size: 24px;}
.boxDiapoHome .diapo .boxBtn{display: flex; flex-flow: row wrap; justify-content: center; }
.boxDiapoHome .diapo .boxBtn .btn{min-width: 300px; border-color: #fff; color: #fff; padding: 16px; font-size: 14px; margin:10px 20px;}
.boxDiapoHome .diapo .boxBtn .btn:hover{background-color: #3490dc; border-color: #3490dc;}

.boxServiceHome{padding: 20px 0;}
.boxServiceHome .service{height: 80px; width: 100%; margin: 10px 0; overflow: hidden; position: relative;}
.boxServiceHome .service img{width: 100%; display: block; position: absolute; top: 0; left: 0;}
.boxServiceHome .service .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,69,136,.85); transition: all .3s linear;}
.boxServiceHome .service:hover .bg{background-color: rgba(0,69,136,.6);}
.boxServiceHome .service p{width: 100%; position: absolute; top: 0; left: 0; text-align: center; color: #ffffff; padding-top: 20px;}

.boxActualitesHome{padding: 50px 0;}
.boxActualitesHome .actualite{margin: 10px 0; box-shadow: 0 3px 5px -2px rgba(0,0,0,.2); border-radius: 5px; position: relative; overflow: hidden;}
.boxActualitesHome .actualite div.img{height:150px; width: 100%; overflow: hidden;}
.boxActualitesHome .actualite div.img img{width: 100%;}
.boxActualitesHome .actualite div.text{height: 100px; padding: 10px; background-color: #ffffff;  overflow: hidden;}
.boxActualitesHome .actualite div.text h2{/*max-height: 36px;*/display: -webkit-box; font-size: 16px;line-height: 22px;font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.boxActualitesHome .actualite div.text p{line-height: 15px;}

.boxAutreHome{padding:0 0 50px 0;}
.boxAutreHome .agendaAutre .agenda{height: 60px; display: flex; background-color: #ffffff; margin-bottom: 10px; overflow: hidden;}
.boxAutreHome .agendaAutre .agenda div.date{flex: none; height: 60px; width: 60px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: #3490dc; color: #ffffff; line-height: 15px;}
.boxAutreHome .agendaAutre .agenda div.text{padding:5px 10px;}
.boxAutreHome .agendaAutre .agenda div.text h2{/*max-height: 36px;*/display: -webkit-box; font-size: 12px;line-height: 15px;font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.boxAutreHome .agendaAutre .agenda div.text p{line-height: 15px; font-size: 10px;}
.boxAutreHome .agendaAutre .agenda div.text p span.icon{color: #e2e3e5;}

.boxAutreHome .offresAutre .offre{height: 60px; display: flex; background-color: #ffffff; margin-bottom: 10px; overflow: hidden;}
.boxAutreHome .offresAutre .offre div.img{flex: none; height: 60px; width: 60px; border-right: solid 1px #e2e3e5; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; overflow: hidden;}
.boxAutreHome .offresAutre .offre div.img img{width: 100%;}
.boxAutreHome .offresAutre .offre div.text{padding:5px 10px;}
.boxAutreHome .offresAutre .offre div.text h2{/*max-height: 36px;*/display: -webkit-box; font-size: 12px;line-height: 15px;font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.boxAutreHome .offresAutre .offre div.text p{line-height: 15px; font-size: 10px;}


.boxAutreHome .annuaireAutre{display: flex; flex-flow: row wrap; justify-content: start;}
.boxAutreHome .annuaireAutre div.img{flex: none; height: 60px; width: 60px; margin-bottom: 10px; margin-right: 20px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; overflow: hidden;}
.boxAutreHome .annuaireAutre div.img img{height: 100%;}



.boxShowActualites{padding: 50px 0;}
.boxShowActualites .actualites{background-color: #ffffff; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.15); padding: 50px 100px;}
.boxShowActualites .actualites .header{display: flex; flex-flow: column wrap; justify-content: center; align-items: center; border-bottom: solid 1px #e2e3e5; padding-bottom: 20px;}
.boxShowActualites .actualites .header h1{text-align: center; font-size: 22px; font-weight: bold;}
.boxShowActualites .actualites .header .profil{display: flex; align-items: center;}
.boxShowActualites .actualites .header .profil .avatar{height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; color: #ffffff; text-transform: uppercase; border-radius: 50%; background-color: #3f9ae5; }
.boxShowActualites .actualites .header .profil p{padding-left: 10px;}
.boxShowActualites .actualites .body{padding: 30px 0;}
.boxShowActualites .actualites .body h2{font-size: 18px; font-weight: bold; color: #3490dc;}
.boxShowActualites .actualites .body h3{font-size: 16px; font-weight: bold;}
.boxShowActualites .actualites .body p{padding-bottom: 15px; text-align: justify;}

.boxAgendaHome{padding: 50px 0;}
.boxAgendaHome .agenda{margin: 10px 0; box-shadow: 0 3px 5px -2px rgba(0,0,0,.2); border-radius: 5px; position: relative; overflow: hidden;}
.boxAgendaHome .agenda div.img{height:150px; width: 100%; overflow: hidden;}
.boxAgendaHome .agenda div.img img{width: 100%;}
.boxAgendaHome .agenda div.text{height: 150px; display: flex; flex-flow: column wrap; justify-content: flex-end; padding: 10px; background-color: #ffffff;  overflow: hidden;}
.boxAgendaHome .agenda div.text h2{/*max-height: 36px;*/display: -webkit-box; font-size: 16px;line-height: 22px;font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.boxAgendaHome .agenda div.text p{line-height: 15px;}
.boxAgendaHome .agenda div.date{height: 80px; width: 80px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto;  border-radius: 50%; border:solid 1px #e2e3e5; background-color: #ffffff;}
.boxAgendaHome .agenda div.date p{line-height: 15px; margin: 0; text-align: center;}
.boxAgendaHome .agenda div.date p b{font-size: 18px; color: #3490dc;}

.boxJobsHome{padding: 50px 0;}
.boxJobsHome .job{margin: 10px 0; box-shadow: 0 3px 5px -2px rgba(0,0,0,.2); border-radius: 5px; position: relative; overflow: hidden; }
.boxJobsHome .job div.img{height: 80px; width: 100%; background: url("../images/bg-jobboard.jpg")}
.boxJobsHome .job div.text{height: 150px; display: flex; flex-flow: column wrap; justify-content: flex-end; padding: 10px; background-color: #ffffff;}
.boxJobsHome .job div.text h2{/*max-height: 36px;*/display: -webkit-box; font-size: 16px;text-align: center; line-height: 22px;font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.boxJobsHome .job div.text p{text-align: center;}
.boxJobsHome .job div.logo{height: 80px; width: 80px; padding: 5px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: 40px; margin:0 auto; border:solid 1px #e2e3e5; background-color: #ffffff; overflow: hidden;}
.boxJobsHome .job div.logo img{width: 100%;}


.boxMembre{display: flex; align-items: center; margin: 10px 0; padding: 10px 0; border-bottom: solid 1px #e2e3e5;}
.boxMembre .avatar{height: 80px; width: 80px; margin-right: 10px;  display: flex; justify-content: center; border-radius: 50%; background-color: #3f9ae5; overflow: hidden; }
.boxMembre .avatar img{width: 100%; height: auto;}
.boxMembre p{line-height: 16px; padding: 0 !important; margin: 0;}
.boxMembre p b{font-size: 18px; text-transform: uppercase;}


section.login{padding: 50px 0;}
.boxLogin{padding: 16px; background-color: #ffffff;}
.boxLogin h2{text-transform: uppercase; font-size: 22px; padding-bottom: 20px;}
.boxLogin .formRegister label{padding: 0; margin: 0;}
.boxLogin .formRegister .form-control{height: 30px;}

section.contactezNous{padding: 50px 0; color: #ffffff; background-image:linear-gradient(-225deg, rgba(28, 37, 173, 0.5) 30%, rgba(16, 25, 136, 0.5) 80%), url(../images/bg-contact.jpg);background-size:cover;}
section.contactezNous span.icon{height: 60px; width: 60px; border-radius: 50%; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; background-color: #3f9ae5;}
@media (max-width: 576px) {
}
@media (max-width: 768px) {

}

@media (max-width: 992px) {
    .boxShowActualites .actualites{background-color: #ffffff; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.15); padding: 50px 16px;}
}
@media (min-width: 1200px) {
}