/** MAIN **/
body{
	background-color:#fff;
  font-family: Helvetica, sans-serif;
	color: #000;
}
a{
	text-decoration: none;

}
h1,h2,h3,h4,h5{
    margin-bottom: 20px;
}
#main{
	max-width:1200px;
	margin: 0 auto;
}
#main-footer{
	margin:1rem 0;
}
#main-navigation{
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
}

#main-navigation .nav-item{
	height: 80px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
#main-navigation .nav-item .current-arrow{
	position: absolute;
	bottom: -10px;
	left:0;
	width: 100%;
	height: 11px;
	display:none;
}
#main-navigation .nav-item:hover .current-arrow,#main-navigation .nav-item.current .current-arrow{
	display: block;
}
#main-navigation .topcorner{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
}
#main-navigation .topcorner .triangle{
	width: 100%;
	height: 25px;
}
#main-navigation .nav-item .nav-texte{
	height: 13px;
}
#main-navigation .nav-item #nav-boutique.nav-texte{
	height: 15px;
}
#main-navigation .nav-item .nav-title{
	text-align:center;
	width: 100%;
	padding-top: 50px;
	font-weight: 700;
	display: block;
}
#nav-mobile{
	padding: 0;
}
#navbar-toggle-btn{
	margin-top:20px;

}
#nav-mobile .nav-item{
	width: 100%;
	height: 60px;
	display: flex;
	align-items:center;
}

#nav-mobile .nav-item .nav-title{
	margin: 0 auto;
}
#nav-mobile .nav-item .nav-texte{
	height: 24px;
}

.main-content{
	margin: 20px 0;
	padding: 20px;
}


.bg-grey{
	background-color: #dae0e5!important;
	color: #000;
}
.bg-grey .current-arrow{
	fill: #dae0e5!important;
}
.bg-grey-fonce{
	background-color: #dae0e5!important;
	color: #000;
}
.bg-grey .triangle{
	fill: #dae0e5!important;
}

.bg-bleu{
	background-color: #00679a!important;
	color: #fff;
}
.bg-bleu .current-arrow{
	fill: #00679a!important;
}
.bg-bleu-fonce{
	background-color: #07527c!important;
	color: #fff;
}
.bg-bleu .triangle{
	fill: #07527c!important;
}

.bg-grenat{
	background-color: #6e2642!important;
	color: #fff;
}
.bg-grenat .current-arrow{
	fill: #6e2642!important;
}
.bg-grenat-fonce{
	background-color: #551c31!important;
	color: #fff;
}
.bg-grenat .triangle{
	fill: #551c31!important;
}

.bg-jaune{
	background-color: #fdcb20!important;
}
.bg-jaune .current-arrow{
	fill: #fdcb20!important;
}
.bg-jaune-fonce{
	background-color: #f5a526!important;
}
.bg-jaune .triangle{
	fill: #f5a526!important;
}

.bg-vert{
	background-color: #00a155!important;
		color: #fff;
}
.bg-vert .current-arrow{
	fill: #00a155!important;
}
.bg-vert-fonce{
	background-color: #007f43!important;
		color: #fff;
}
.bg-vert .triangle{
	fill: #007f43!important;
}
#main-title {
	margin-bottom: 25px;
}
#main-title .nav-texte{
	height: 30px;
}
.btn-black{
	background-color: #000;
	color:#fff;
	border-color:#000;
}

.btn-black:hover{
	background-color: #fff;
	color:#000;
	border-color:#fff;
}
.btn,input,textarea,select{
	border-radius:0!important;
}
.error{
	color:#dc3545;
}
.modal .grecaptcha-badge{
	bottom: -80px!important;
	right: 0!important;
}

.margin-bottom{
    margin-bottom:25px!important
}
.margin-top{
    margin-top:25px!important
}
.margin-right{
    margin-right:25px!important
}
.margin-left{
    margin-left:25px!important
}
.no-margin{
    margin:0!important
}
.back-icon{
	height: 30px;
	margin-top: -5px;
}
a.back:hover{
	text-decoration:none;
}
a.back:hover .back-icon polygon{
	fill: #000;
}
.modal-xl {
    max-width: 1240px
}
#annonceBenevoles{
	background-color: #dae0e5;
	color: #fff!important;
	text-align: center;
}
#annonceBenevoles a{
	color: #fff!important;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: 20px;
}
#adminModal .loading{
  display: none;
	padding: 25px;
}
#sidebar-wrapper .list-group-item.current{
	background-color: #dae0e5 !important;
}
.bg-grey .table-bordered td, .table-bordered th {
    border: 1px solid #333;
}
.bg-grey .table thead th{
	  border-bottom:2px solid #333;
}