body {
	padding: 0;
	margin: 0;
	background-image: url('./../imgs/body-bg.png');
	background-repeat:repeat;
	/*font-family:"roboto_condensedlight", Arial, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size:12pt ;
}


armp-font{
  font-family:Verdana;
}

.avis-link{
  line-height:1;
  font-weight:bold;
  font-size:8pt;
}

.armp-font-size-20{
    font-size:20pt ;
}

.armp-font-size-18{
    font-size:18pt ;
}

.armp-bg-green{
   background-color:#00A19A;
}


.armp-color-green{
   color:#00A19A;
}

.armp-bg-black{
   background-color:black;
}

.armp-color-black{
   color:black !important;
}


.armp-bg-blue{
   background-color:#55B9D0;
}

.armp-color-blue{
   color:#55B9D0;
}

.armp-bg-gray{
   background-color:#F7F7F7;
}

.armp-bg-red{
   background-color:#8D1913;
}

.armp-color-red{
   color:#8D1913;
}

.armp-bg-white{
  /* background-color:#FBFBFB;	*/
     background-color:#FFFFFF;
}

.armp-color-white{
  /* color:#FBFBFB;	*/
     color:#FFFFFF;
}




 /* unvisited link */
a:link{
   text-decoration:none !important;

}

 a:visited{
	text-decoration:none !important;

 }


 a:active{
	text-decoration:none !important;

 }


a:hover {
	text-decoration:none !important;

 }







.armp-link{
   text-decoration:none !important;
   color:white !important ;
}


.armp-link:link;.armp-link:visited;.armp-link:active;.armp-link:hover {
   text-decoration:none !important;
   color:white !important ;
}



.armp-link-green{
   text-decoration:none !important;
   color:white !important ;
}


.armp-green-link:link;.armp-green-link:visited;.armp-green-link:active;.armp-green-link:hover {
   text-decoration:none !important;
   color:white !important ;
}






/*Armp header  */

.armp-head > div{
	margin:0;
	padding:5px 20px
}

.armp-head .armp-choose-lang{
	margin:0;
	border-radius:30px;
	padding:2px 25px;
	font-size:small;
}


.armp-enseigne .text-center > .armp-color-red{
	padding:10px 0;
}


.navbar {
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:0 0 0 2%;
  	letter-spacing: 2px;
}

.navbar .nav-item{
	 margin:0 5px;
	 z-index: 99;
}


.navbar .nav-item .dropdown-item:hover{
	background-color:#00A19A;
}

.navbar .nav-item .dropdown-item span {
	display: block;
	transform: skewX(-30deg);
}


.navbar .nav-item:hover{
 	background-color:#00A19A;
}

.navbar  .nav-link span  {
	font-size: small;
}

.navbar .nav-item:hover .nav-link{
 	color:white !important;
}

.navbar .nav-item:hover.diagonal{
 	 	background-color:#00A19A !important;
}

.navbar .nav-item:hover  .dropdown-menu{
	display: block;
	margin:0 !important;
	padding: 0 !important;
	font-size: small;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}


.navbar .nav-item:hover  .dropdown-menu{
	display: block;
	margin:0 !important;
	padding: 0 !important;
	font-size: small;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}


.navbar .nav-item:hover  .dropdown-menu .dropdown-item:hover   span{
	color: white !important;
}


/*.navbar-nav li:hover>.dropdown-menu {
	display: block;
  }*/






.navbar:hover  .diagonal{
 	background-color:transparent;
}

.navbar:hover  .diagonal i {
 	color:#00A19A;
}



.nav-tabs a{
	color:#8D1913;
	text-decoration:none;
}


.nav-tabs li{
 	margin:0 3px;
}

.nav-tabs li.active{
 	border:1px solid lightgrey;
	background:lightgrey;
}

.nav-tabs li.nouvelles{
 	 -webkit-clip-path: polygon(80% 0, 100% 100%);
  	clip-path: polygon(80% 0, 100% 100%);
	background:orange;
}


.nav-tabs .mydiagonal{
	transform: skewX(30deg);
	padding:0 1%;
	border:1px solid #8D1913;
}

.nav-tabs .mydiagonal  > a {
      transform: skewX(-30deg);
}


.tab-content #nouvelles p {
	max-height: 40px;
	overflow:hidden;
	line-height: 1.3;
	margin-bottom: 0px;
}


.carousel-inner > .carousel-item > img{
  height: 100%;
  width: 100%;
}

.carousel-caption{
	opacity: 0.7;
	right: 30%;
	bottom: 5px;
	left: 0;
	padding: 0 0 0 10px;
	text-align: left;
}

.carousel-caption  a {
	font-size: smaller;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color:black !important;

}


.card-deck{
    margin-top: 10px;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: .5rem;
}


.stats .card{
	margin-bottom:15px !important;
	font-size:10pt;
}


.stats .card-body{
	/*padding:5px !important;*/
	padding:5px 1px;
}

.stats .card-body li{
	padding:3px !important;
	border:none !important;
}



.stats .card-body .badge{
	float:right;
	display: inline-block;
	/*width: 20%;*/
	width: 30%;
	font-weight:bold;
}

.stats .card-body .badge.small{
	/*width: 25%;*/
}


.stats .card-body li .text-left{
	float:left;
	display: inline-block;
	/*width: 80%;*/
	width: 70%;
}

.stats .card-body a:hover{
	color:#00A19A !important;
}

.stats .card-body li .text-left.big{
	/*width: 75%;*/
}


a.avis-link:hover {
	color:white !important;
	background:black !important;

}

 .diagonal{

	transform:skewX(30deg);
	padding:0 1%;
}

.nav-item{
	z-index: 5;
}

 .diagonal > a {
	transform: skewX(-30deg);
}

.d-table-row{
padding:5px 0 !important;
}

.d-table{
border-spacing:5px;

}






.parallelogram {
	transform: skew(20deg);
	background: red;
}










.line-clamp {
  display: -webkit-box;
  /*-webkit-line-clamp: 2;*/
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.inner-body{
	/*width:95%;*/
}


.armp-flash-news  .fleche{
	width: 0;
	/*position:absolute;
	right:-10px;
	top:10px;*/
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #00A19A;
	margin-bottom:-12px;
}


  .une_fleche{
	width: 0;

	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #00A19A;
	margin-right: 10px;
}







.armp-footer a {
	color:white;
	font-size:smaller;
}




#my_pagination .active a{
 	background:black;
}

#my_pagination li{
 	margin:0 5px;
}


#my_pagination .next a, #my_pagination .prev a, #my_pagination .last a {
 	background:black;
	color:white !important;
}


@media (max-width: 544px) {

	.line-clamp {
	  display: -webkit-box;
	  -webkit-line-clamp: 4;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	}

	.inner-body{
		/*width:100%;*/

	}

    .diagonal{

        transform:skewX(0deg);
    }

	.diagonal > a {
		transform: skewX(0deg);
	}

    .navbar .nav-item .dropdown-item span {
        display: block;
        transform: none;
    }
	
}