/*
Theme Name: Arics
Theme URI: http://nir-info.mg
Author: Mamt
Author URI: http://nir-info.mg
Description: Un thème WordPress fait main
Version: 1.0
*/
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

/* Réajuste la position du body (évite un décalage) */
body {
    top: 0px !important;
}

/* Cache le conteneur parent de la barre */
body > .skiptranslate {
    display: none !important;
}

#custom-lang-switcher a {
    color :black!important;
    
}

#custom-lang-switcher a:hover {
    text-decoration: underline;
}
body {

 	font-family: "Montserrat", sans-serif;
 	font-weight: 400;
  	font-style: normal;
  	background: white;
  	
}
#logo {
	width: 90px;
}
.btn-warning {
	background: #ff5722!important;
	border-color: #ff5722!important;
}
.navbar {
	
	
	padding-left: 10%;
	padding-right: 10%;
	
}

nav a {
	color : white!important; 
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
  font-size: 15px;

}

#slogan {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 20px ;
	color: white;
	
	height: 100px;

}
#banniere-slide {
  padding: 0;
  height: 90vh;
  overflow: hidden;
  position: relative; /* Important pour contenir les éléments en position absolute */
}

/* Conteneur des slides */
.place-slide {
  position: relative;
  height: 100%;
}

/* Masque semi-transparent noir (pour améliorer la lisibilité du texte sur des images claires) */
.masque {
  background: rgba(0, 0, 0, 0.4); /* Augmenté à 0.4 pour un meilleur contraste */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Slide individuel */
.un-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 35vh;
  visibility: hidden;
  transition: opacity 5s ease-in-out, visibility 5s ease-in-out;
 
  z-index: 0;
  background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Slide actif */
.un-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

/* Texte à l'intérieur d’un slide */
.texte-slide {
  position: relative;
  color: white;
  width: 50%;
  padding-left: 15px;
  z-index: 2;

  /* effet de fondu + montée lente */
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 3s ease, transform 3s ease;
}

.un-slide.active .texte-slide {
  opacity: 1;
  transform: translateY(0);
}

.texte-slide h2 {
	color : white!important; 
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 50px ;
}
	
.btn-warning {
	color : white!important ;
}
#about-us {
	
	padding-top : 20px ;
	padding-bottom : 20px ;
	
}
#about-us p {
	text-align: justify;
}
#about-us .row {
	
	
}
#about-us h2, .place-texte-mada h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
  font-size: 30px;
}
.libelle {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 500;
	color : #60a07b ;
}
.place-img-propos  {
	
	
}
/*.place-img-propos img {
	width: 100%;
}*/
#about-madagascar {
	padding-left: 10%;
}
.place-img-mada {
	
	padding: 0px ;


}

.place-texte-mada {
	padding-top: 100px;
}
#circuit, #circuit-option {
		background: #fafafa;
		padding-top : 20px ; 
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
}
#circuit-option{
	background: white ;
}

.titre {
	
	text-align: center;
}

.place-carte {
	position: relative;
	margin-top : 20px ;
	padding : 5px!important ;
}
.une-carte {
	background:  white;
	padding : 10px ;
	border-radius: 10px ;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.une-carte img {
	border-radius: 10px ;
	width: 100%;
	height: 100%;
	object-fit: cover ;
}
.place-image, .place-image2 {
	height: 250px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

}
.place-image2 {
	display: none;
}
.titre h2{
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
	font-size : 30px ;
}
.titre-circuit {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 20px ;
	
	padding-top: 10px ;
	height: 60px ;

}

.place-bouton {
	 text-align: right ;
}

.autre-info {
	background: black;
	color: white ;
	width: 200px;
	padding-left: 10px;
	height: 30px	;
	line-height: 30px;
	position: absolute;
	top : 30px ;
}
.autre-info  i {
	margin-right: 5px;

}
.une-carte-option {
	height: 320px;
	
	margin-top : 20px ;
	border-radius: 10px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 244px;
}
.une-carte-option img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.place-carte-option {
	
}
.place-texte-option {
	background: rgba(0, 0, 0, 0.5);
	
	width: 100%;
	
	color : white ;
	
	padding : 5px!important ;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 500;	
	border-radius: 0px 0px 10px 10px ;

}
.place-texte-option h3 {
	font-size: 20px;
}
.place-texte-option p {
	font-size: 12px;

}
.place-texte-option i {
	margin-right: 5px ;
}
.place-carte-option {
	
	padding : 5px!important ;
}
.place-image:hover {
	display: none ;
}
#blog {
	padding-left : 10% ;
	padding-right: 10% ;
	background: #fafafa;
	padding-top: 20px;
	padding-bottom: 20px ;
}
#blog .une-carte {
	
}
#blog .une-carte h3 {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 20px ;
	
	padding-top: 10px ;
	height: 80px ;

}
.une-carte p{
	
	height: 50px;

	overflow: hidden;
	
}
.place-image-blog {
	height: 250px;
	
}
#contact {
	padding-left : 10% ;
	padding-right: 10% ;
	background: #343a40;
	
}
#contact h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 20px ;
	color : white ;
	
}

.wpforms-field {
	
	margin : 0px!important ;
	padding : 0px!important ;
	padding-bottom: 5px!important;
}
#copy {
	background: black;
	padding-top: 5px;
	padding-bottom: 5px;
	color : white ;
}
#copy-texte {
	text-align: center ;
}
#copy-texte a {
	color : orange ;
}
#banniere-single {
	
	
	background-position: center center;
	background-size: cover ;
	background-repeat: no-repeat;
	padding : 0px!important ;
	text-align: center ;
}
.title-single {
	
	text-align: center ;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 40px ;
	color : white ;
}
.masque-single {
	background: rgba(0, 0, 0, 0.4);
	padding-top: 25vh;
	padding-bottom: 20vh;
}
.libelle-single {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 500;
	color : orange ;

}
#programme {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 25px ;
}
#duree {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 200;
  font-style: normal;
	font-size : 25px ;
}
.place-titre-prog {
	padding-left: 0px!important;
}
#content-single {
	

	padding-top: 20px;
	padding-bottom: 20px ;
}

.un-trajet {
	 background: #eef3f7 ;
	 padding-top: 10px ;
	 padding-bottom: 10px ;
	 position: relative;
	 margin-top : 20px ;
	 
	 
	 
}
.trajet-text h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 20px ;
	padding-top: 0px!important ;


}
.trajet-text p {
	text-align: justify;

}
.number-trajet {
	height: 50px ;
	width: 50px ;
	background: #3b8a5c;
	text-align: center;
	line-height: 50px;
	font-size: 25px;
	color : white ;
	position: absolute;
	right: 0px;
	top : -10px ;
}
.trajet-image {
	height: 250px;
	padding-right : 0px!important ;
	
}
.trajet-image img {
	width: 100% ;
	height: 100%;
	object-fit: cover;
}
.detail-circuit {
	background: #f3f3f3;
	padding-top: 20px;
	padding-bottom: 20px ;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li{
  position: relative;          /* nécessaire pour placer l’icône */
  padding-left: 24px;          /* laisse de la place à gauche */
}

.inclus ul li::before{
  content: "\f00c";            /* unicode de l’icône (ici : “check”) */
  font-family: "Font Awesome 6 Free";   /* ou "Font Awesome 6 Pro" */
  font-weight: 900;            /* 400 = regular, 900 = solid */
  position: absolute;
  left: 0;
  top: 0;
  color: green;                /* même usage qu’avant */
}

.exclus li::before{
  content: "\f00d";               /* icône X (fa-xmark) */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;               /* style “solid” */
  position: absolute;
  left: 0;
  top: 0;
  color: red;                     /* rouge – changez si besoin */
}
.foot-info {
	color : white ;
}
.foot-info p{
	text-align: justify;
	margin-top: 10px;
}
#contact {
	padding-top : 100px!important ;
	padding-bottom: 140px!important;
}
.foot-info h3 {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 20px ;
	color : white ;
}
#contact ul {
	padding : 0px!important ;
	
}
#contact ul li {
	padding : 0px!important ;
}
#contact .autre-lien li a{
	color : white ;

}
.fa-brands {
	font-size: 20px;
}
.adresse-contact ul{
	list-style-type: none ;
	
	padding-left : 0px!important ;


}
.adresse-contact li {
	color : white ;
	
	margin-top: 5px ;
}
.adresse-contact i {
	margin-right: 5px ;
}
#logo-foot {
	width: 120px;
}
#banniere-detail {
	padding : 0px!important ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center	;
}
.masque-detail {
	background: rgba(0, 0, 0, 0.5);

	padding-top : 20vh ; 
	padding-bottom: 15vh;

}
#banniere-detail h1 {
	text-align: center;
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 600;
  font-style: normal;
	font-size : 35px ;
	color : white ;
}
#banniere-detail hr {
	background: orange ;
	width: 100px;
	height: 3px;
	border-radius:3px;
}
.detail-propos {
	padding-top: 20px;
	padding-bottom: 20px;
	
}
.detail p{
	text-align: justify;

}

.detail-propos {
	padding-top: 20px;
	padding-bottom: 20px;
	
}
.detail {
	
}

.titre-widget, .un-widget {
	background: white ;

}
.un-widget a{
	color : #3b8a5c ;
}
.titre-widget {
	padding-left : 15px ;
}
.un-widget {
	padding-bottom: 10px;
	padding-left : 15px ;
	
	padding-top: 10px;
}
.image-widget {
	
	padding : 0px ;
	height: 80px ;
}
.image-widget img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.detail {
	padding-left : 0px ;
}
.place-propos{
	background: white ;
	padding : 15px ;
}
.titre-widget h3{
	
	font-size : 22px  ;
	padding-top: 5px;
}
.widget p {
	text-align: justify;
	
}

.text-widget h4{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
  	font-style: normal;
	font-size : 16px  ;
	padding-top: 0px;
	
}
.detail h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
  	font-style: normal;
	font-size : 25px ;
}
.place-propos h2 {

}
.place-propos{
	background: white ;
	padding : 15px ;
}
.propos {
	background: #f3f3f3;
}

.une-carte-option {
    position: relative;
    height: 300px; /* adapte selon ton besoin */
    overflow: hidden;
    border-radius: 10px;
}
.une-carte-option:hover {
		cursor: pointer;
}
.place-texte-option {
	 position: absolute;
	 z-index: 1000;
}
.image-bg {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: opacity 0.5s ease;
}

.image-bg-hover {
    opacity: 0;
    z-index: 1;
}

.image-bg-front {
    z-index: 0;
}

.une-carte-option:hover .image-bg-hover {
    opacity: 1;
}
.navbar{
    transition: background-color .3s ease, color .3s ease;
}
.fond-transparent {
	background-color: rgba(0, 0, 0, 0)!important ; 
}
.fond-blanc {
	background: white!important;
}
.fond-blanc a {
	color : #343a40!important;
}
.navbar .nav-link.active {
    font-weight: bold;
    color: #ff5722 !important;
    border-bottom: 2px solid #ff5722;
}
.form-billet {
	
	padding-top: 20px;
	padding-bottom: 20px;
}
.form-billet h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
  	font-style: normal;
	font-size : 25px ;
}
.wpforms-field-label {
	font-weight: normal!important;
}
.menu {
	display: none ;
}
.img-partenaire {
	background: white!important;
	width: 150px;
}
/*.img-partenaire {
	margin-top: 10px;
	background: white;
	padding-right: 10px;
	height: 100px!important;
	text-align: center ;
	line-height: 100px;
}
.img-partenaire img {
	object-fit: cover;
}*/
.number-trajet2 {
	display: none;
}
.reseau-item a{
	color: white!important;
	
	margin-right: 10px;



}
.reseau-item img {
	width: 22px;
}

@media screen and (max-width:1600px) {
	 .navbar {
	
	
		padding-left: 20px;
		padding-right: 20px;
	
	}
	/*ici*/
	#blog {
		padding-left: 20px!important;
		padding-right: 20px!important;
		
		
	}
	.un-slide {
  
 		padding-left: 20px!important;
		padding-right: 20px!important;
  
	}
	#circuit, #circuit-option {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	#contact {
		padding-left: 20px!important;
		padding-right: 20px!important;
	
	}
}
@media screen and (max-width:1500px) {
	.place-image-blog {
			height: 200px;
	
	}
}
@media screen and (max-width:1370px) {
	#slogan {
	
		font-size: 16px;
	}
	nav a {
		font-size: 12px!important;
	}

}
@media screen and (max-width:1280px) {
	nav a {
		font-size: 12px!important;
	}
}
@media screen and (max-width:1199px) {
	.navbar-nav {
		background: white ;
		position: fixed;
		top : 0px ; 
		left: 0px;
		width: 250px;
		height: 100%;

	}
	nav a {
		font-size: 15px!important;
	}
	.navbar-nav a {
		color :  #343a40!important;
	}
	.navbar-nav .nav-link.active {
    font-weight: bold;
    color: #ff5722 !important;
    border-bottom: none!important;
	}
	.menu {
		display: block ;
		border-bottom: 2px solid #fafafa;
	}
	.menu a {
		
		font-family: "Montserrat", sans-serif!important;
 		font-weight: 500;
  	font-style: normal;
  	font-size: 25px!important;
	}
	.navbar-toggler {
		background: #3b8a5c!important;
		color : white!important ;	
	}
	
	.texte-slide {
		
		width: 70%;
	}
	.titre-slide {

	}
	.texte-slide h2 {
		color : white!important; 
		font-family: "Montserrat Alternates", sans-serif;
		font-weight: 600;
	  font-style: normal;
		font-size : 40px ;
	}
}
@media screen and (max-width:992px) {
	
	.texte-slide {
		
		width: 100%;
		text-align: center;

	}
	.titre-slide {

	}
	.texte-slide h2 {
		color : white!important; 
		font-family: "Montserrat Alternates", sans-serif;
		font-weight: 600;
	  font-style: normal;
		font-size : 40px ;
	}
	.un-slide {
  
	  padding-left: 15px!important;
	  padding-right: 15px!important;
  	
  
	}
	.navbar {
	
	
		padding-left: 15px!important;
		padding-right: 15px!important;
	
	}
	.trajet-image {
		height: 250px;
		padding-right : 15px!important ;

	
	}
	.trajet-text {
		padding-top : 10px ;
	}
	.number-trajet {
		display: none ;
	}
	.number-trajet2 {
		display: block;
		height: 50px ;
		width: 50px ;
		background: #3b8a5c;
		text-align: center;
		line-height: 50px;
		font-size: 25px;
		color : white ;
		position: absolute;
		right: 0px;
		top : -10px ;
	}
	.exclus {
		margin-top: 20px;
	}
	.autre-lien, .adresse-contact {
		margin-top: 20px;
	}
	.une-carte p{
	
		height: 70px;

		overflow: hidden;
		
		
	}
}
@media screen and (max-width:768px) {
		.detail {
			
			padding-right: 0px!important;
		}
		.widget {
			margin-top: 20px;
		}
}
@media screen and (max-width: 578px) {
		#logo {
		width: 80px;
	}
	#slogan {
		display: none!important;
	}
	.texte-slide h2 {
		color : white!important; 
		font-family: "Montserrat Alternates", sans-serif;
		font-weight: 600;
	  font-style: normal;
		font-size : 32px ;
	}
	#about-us h2, .place-texte-mada h2 {
		font-family: "Montserrat Alternates", sans-serif;
		font-weight: 600;
	  font-style: normal;
	  font-size: 25px;
	}
	.titre h2{
		font-family: "Montserrat Alternates", sans-serif;
		font-weight: 600;
		font-size : 25px ;
	}
	.navbar {
		
		
		padding-left: 15px!important;
		padding-right: 15px!important;
		
		
	}
	.navbar-toggler{
      display: block!important;  /* annule tout “display:none” caché */
      z-index: 1051;              /* au‑dessus des autres contenus */
  }
  
	 
 
}

@media screen and (max-width: 345px) {
	.img-partenaire {
		width: 100px;
	}
	.adresse-contact li {
		
		height: auto!important;
	}
}
@media screen and (max-width: 250px) {
	.img-partenaire {
		margin-top: 5px;
	}
}