.nav-link{
    color: #cc3433;
    font-family: 'Roboto' sans-serif solid;;
    font: 1em sans-serif;
    font-style: normal;
}
.baniere{
    height:550px;
    width:auto;
background-repeat: no-repeat;
background-position: center;
background-attachment:scroll;
}
.tex{
    font-family: 'Roboto' sans-serif solid;
    font-size: 100px;
    text-align:justify;
    padding-top: 15%;
    color: white;
    font-style:normal;
}
#op{
    background-color:black;
    width: 100%;
    height: auto;
    opacity: .5;
}
#titre{
    color: #3b786b;
    font-size: 54px;
    font-family:'Roboto' sans-serif solid;
}
#sous_titre{
    text-align:center;
    font-size: 24px;
}
li{
    font-size: 28px;
    font-family:'Roboto' sans-serif solid;
}
.card{
    border: none;
 text-align: center;
}
.card-body{
    align-content: center;
}
.card-title{
    font-family:'Roboto' sans-serif solid;
    font-size: 24px;
    font-weight: bold;
}
.card-text{
    font-family:'Roboto' sans-serif solid;
    font-size: 18px;
    
}
#esp{padding-top: 2%;
   margin-left:38%;
   width: 25%;
   font-size: 24px;
}

/* partie contact */
.line1{
	width: 240px;
	border: 1px  dotted black;
}

.line2{
	width: 240px;
	border: 1px  dotted black;
}

.line3{
	width: 240px;
	border: 1px  dotted black;
}

.line4{
	width: 240px;
	border: 1px  dotted black;
}
.jumbotron{
    background-color: #ededed !important;
}
.lbl{
	font-family: Arial, Bold;
	font-size: 20px;
}
.div1{
	background-color: white;
}
.rejoidre h3{
	color: #468c7c;
}
.map-container{
    width: 100%;
}
iframe{
    width: 100%;
    height: 100%;
}
/* footer */
#social{
    width: 30px;
    height: 30px;
}
.change :hover{
    color:#468c7c;
    background-color: #468c7c;
}
 
footer{
    text-align: center;
    background-color: black;
    height:auto;
}
#scroll_to_top {
    position: fixed;
    width: 25px;
    height: 25px;
    bottom: 50px;
    right: 30px;
  }
  #scroll_to_top img {
    width: 45px;
  }