/* ©ASTIC (SARL Bénin) 2023 */
@charset "utf-8";

* {
	box-sizing: border-box;
}

html {
	min-width: 320px;
}

body {
	background: #e6e6e6;
	margin: 0 auto; 
	padding: 0;
	color: #333333;
	white-space: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.8;
}

.container {
	width: 98%;
	max-width: 1440px; 
	min-width: 96%;
	background-color: none;
	margin: 0 auto; 
	overflow: hidden;
	z-index: 1;
}

.content {
	background-color: none;
	overflow: hidden;
}

.section {   
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	overflow: hidden;
}	

hr {
	border: 1px solid hsl(0, 0%, 89%);
	width: 100%;
	border-top: 0px solid transparent; 
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

a:link {
	color: #8c8c8c;
	text-decoration: none;
}
a:visited {
	color: #8c8c8c;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
	color: #151615;
}
a:active {
	text-decoration: none;
	color: #151615;
}

li a:visited {
    background-color: #808080;
}

button {
	background: none;
}

.responsive {
	width: 100%;
	height: auto;
}

.row {
	width: 100%; 
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	max-width: 1440px; 
}

.row::after {
	content: "";
	clear: both;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

[class*="col-"] {
	float: left;
	min-height: 1px;
	padding: 0 10px;
	margin: 0 auto;
}

/* For desktop: */
.col-dt-1 {
	width: 8.33%;
}
.col-dt-2 {
	width: 16.66%;
}
.col-dt-20 {
	width: 20%;
}
.col-dt-3 {
	width: 25%;
}
.col-dt-30 {
	width: 30%;
}
.col-dt-4 {
	width: 33.33%;
}
.col-dt-40 {
	width: 40%;
}
.col-dt-5 {
	width: 41.66%;
}
.col-dt-6 {
	width: 50%;
}
.col-dt-7 {
	width: 58.33%;
}
.col-dt-60 {
	width: 60%;
}
.col-dt-8 {
	width: 66.66%;
}
.col-dt-9 {
	width: 75%;
}
.col-dt-80 {
	width: 80%;
}
.col-dt-10 {
	width: 83.33%;
}
.col-dt-90 {
	width: 90%;
}
.col-dt-11 {
	width: 91.66%;
}
.col-dt-12 {
	width: 100%;
}

@media handheld, only screen and (min-width: 769px) and (max-width: 1023px) {	
[class*="col-"] {
  float: left;
  min-height: 1px;
  padding: 0 10px;
  margin: 0 auto;
}

.col-ts-1 {
	width: 8.33%;
}
.col-ts-2 {
	width: 16.66%;
}
.col-ts-20 {
	width: 20%;
}
.col-ts-3 {
	width: 25%;
}
.col-ts-30 {
	width: 30%;
}
.col-ts-4 {
	width: 33.33%;
}
.col-ts-40 {
	width: 40%;
}
.col-ts-5 {
	width: 41.66%;
}
.col-ts-6 {
	width: 50%;
}
.col-ts-7 {
	width: 58.33%;
}
.col-ts-60 {
	width: 60%;
}
.col-ts-8 {
	width: 66.66%;
}
.col-ts-9 {
	width: 75%;
}
.col-ts-80 {
	width: 80%;
}
.col-ts-10 {
	width: 83.33%;
}
.col-ts-90 {
	width: 90%;
}
.col-ts-11 {
	width: 91.66%;
}
.col-ts-12 {
	width: 100%;
	}
}

@media handheld, only screen and (max-width: 768px) {	
[class*="col-"] {
  float: left;
  min-height: 1px;
  padding: 0 10px;
  margin: 0 auto;
}

.col-sp-1 {
	width: 8.33%;
}
.col-sp-2 {
	width: 16.66%;
}
.col-sp-20 {
	width: 20%;
}
.col-sp-3 {
	width: 25%;
}
.col-sp-30 {
	width: 30%;
}
.col-sp-4 {
	width: 33.33%;
}
.col-sp-40 {
	width: 40%;
}
.col-sp-5 {
	width: 41.66%;
}
.col-sp-6 {
	width: 50%;
}
.col-sp-7 {
	width: 58.33%;
}
.col-sp-60 {
	width: 60%;
}
.col-sp-8 {
	width: 66.66%;
}
.col-sp-9 {
	width: 75%;
}
.col-sp-80 {
	width: 80%;
}
.col-sp-10 {
	width: 83.33%;
}
.col-sp-90 {
	width: 90%;
}
.col-sp-11 {
	width: 91.66%;
}
.col-sp-12 {
	width: 100%;
	}
}

@media handheld, only screen and (max-width: 479px) {	
#col25 {
	width: 25%;	
	}	
	
#col50 {
	width: 50%;
	}
	
#col75 {
	width: 75%;
	}

#col100 {
	width: 100%;
	}	
}

@media handheld, only screen and (max-width: 319px) {
.row {
	width: 100%; 
	overflow: hidden;
	min-width: 320px; 
    margin: 0 auto;	
}

.container {
	width: 98%; 
	overflow: hidden;
	min-width: 320px; 
    margin: 0 auto;	
}
	
.footer {
	width: 100%; 
	overflow: hidden;
	min-width: 320px; 
    margin: 0;	
}
	
.section {
	width: 100%; 
	overflow: hidden;
	min-width: 320px; 
    margin: 0 auto;	
	}
}

@media handheld, only screen and (max-width: 567px) {	
#col568 {
	width: 100%;
	}
}

div:target {
    padding-top: 40px; 
    margin-top: -40px;
}

@media handheld, only screen and (max-width: 639px) {	
#col650 {
	width: 50%;
	}
}