/* Version 1.0 by Duke I.C.T. Management Co. Ltd  remasterised by Tank Concept*/

body{
  background:#fcf5eb;
  margin:0px;
  padding:0px;
  font-size:1.2em; 
  color: #172b47;
}

#sante {
	background:#fcf5eb;
	color: #172b47;

}

/*CSS MENU DEBUT*/

.topnav {
  overflow: hidden;
  background-color: #fcf5eb;
  position: relative;
  padding-left: 20%;
  padding-top: 30px;
}

.topnav a {
  float: left;
  display: block;
  color: #172b47;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: bold;
}

.topnav a:hover {
  background-color: #131e2f;
  color: #fcf3ec;
}


.topnav .icon {
  display: none;
}

@media screen and (max-width: 800px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*CSS MENU FIN*/



#header{
  position:relative;
  height:180px;
  margin-left:5%;
  margin-right:auto;
  
  
 
}

div.intro{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width: 30em;
	line-height: 2em;
	font-family: 'Courgette', cursive;
	
}

@media screen and (min-width: 601px) {
  div.intro {
    font-size: 30px;
  }
}

@media screen and (max-width: 600px) {
  div.intro {
    font-size: 15px;
	width: 100%;
  }
}

#tel{
	position: relative;
	top: -10px;
	text-decoration:none;
	font-weight: bold;
	color:#172b47;
	font-size:30px;
	margin-left: 5%;
	z-index:50;
}

@media only screen and (max-width:800px){
	#tel{
	font-size:20px;
	text-align:center;
	top: -5px;
	margin-top: 80px;
	margin-left:auto;
	margin-right:auto;
	}
	
	
	#header{
  
	text-align:center;
	
 
}

div.intro{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}


#id{ 
	
	/* border:3px solid #f48d1f; */
	position: absolute; /* postulat de départ */
  top: 50%; left: 35%; /* à 50%/50% du parent référent */
  transform: translate(-35%, 0%); /* décalage de 50% de sa propre taille */
	
}


}

#tel1{
	text-decoration:none;
	color:#172b47;
	font-size:25px;
	padding: 5px;
}

#tel2{
	text-decoration:none;
	color:#172b47;
	font-size:24px;
	padding: 5px;
}

.content{
  padding-left: 5%;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
  max-width: 90%;
}


#txt-objectif{
	font-style: italic;
	padding-left: 30px;
}


/* #main-slide1{
  display: block;
  margin: auto;
  background:#ab7dad;
  text-align:center;

  
} */


.colonne {
    display: flex;
	flex-wrap: wrap;
	
}

.colonne>* {
   flex: 1 1 16px;
 
 
}


.responsive{
max-width: 100%;
  height:auto;
  text-align: left;
}

/* #main-slide{
  position:relative;
  
  margin-left:auto;
  margin-right:auto;
  overflow-x: hidden;
  height:447px;
  background:#FF9A66;
} */

#bene{
  color: #340B0B;
  text-decoration:none;
  font-size:16px;

}
#links{
  font-style: italic;
  color: #597395;
  text-decoration:none;
  font-family: 'Voces', cursive;
  font-size:16px;

}

#links:hover  {
  background-color: #fcf5eb;
  color: #172b47;
}

.content li{
	 margin-left : 20px;
	 margin-right: 20px;
}

#footer{
  height:16px;
  background:#fcf5eb;
}

#copy{
  text-align:center;
  color:#000;
  font-family: 'Voces', cursive;
  font-size:14px;
  text-decoration:none;
  margin-top: -20px;
}

li {
 font-size: 100%;
 display : list-item;
 list-style-image : url(../image/puce.png);
} 

#fleche{
	
	text-decoration: none;
	color: #fcf5eb;
	position: relative;
	left: 85%;
	
}

.main_title{
  position:relative;
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  font-size:28px;
  font-weight:bold;
	/* border:3px solid #f48d1f; */
/* background:url(../image/GoldSubtitle2.png);
  background-repeat: no-repeat; */
  /* height:110px;
  width: 300px; */
  color:#172b47;
  padding:1px;
  text-align:center;

} 

#titre1{
  background-position: right 60% bottom 40%;
}
#titre2{
  background-position: right 300% bottom 40%;
}
#titre3{
  background-position: right 60% bottom 40%;
}
#titre4{
  background-position: right -20% bottom 1%;
}
#titre5{
  background-position: right 200% bottom 40%;
}
#titre6{
  background-position: right 300% bottom 40%;
}

#map{
	
	border: 5px solid black;
}

   
.responsive {
  max-width: 100%;
  height: auto;
  text-align: left;
}


#id{  
	position: relative;
	right: 20%;
	margin-left: 10px;
	color: #172b47;
	max-width: 500px;
	z-index: 10;
	float: right;
}

.identite{
float: right;
}
	
	/*Bouton GoToTOp*/
	.go-top {
	position: fixed;
	bottom: 3em;
	right: 1em;
	text-decoration: none;
	color: #172b47;
	font-family: 'Voces', cursive;
	background-color: rgba(221, 167, 79, 0.1);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(250, 250, 250, 0.9);
	color: #000;
}


/*DEBUT DU CODE DU SLIDESHOW*/

    /* Prevent the slideshow from flashing on load */
    #slides {
      display: none
    }

    /* Center the slideshow */
    .container {
      margin: 0 auto
    }

	
	
	.slidesjs-pagination, .slidesjs-previous, .slidesjs-next {
	display: none;
	}
	
    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:red;
    }

    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: auto;
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: auto;
      }
    }