@font-face { 
font-family: Prodelt; 
src: url("ProdeltFinal.otf"); 
}

@font-face { 
font-family: VeteranTypewriter; 
src: url("VeteranTypewriter.ttf"); 
}

@font-face { /* this is used */
font-family: OldNewspaper; 
src: url("OldNewspaper.ttf"); 
}
	
@font-face { 
font-family: Achaf; 
src: url("Achafexp.ttf"); 
}	
	
	
	
body#bg25 {
			background: url('../images/bg2023.jpg') no-repeat center center fixed;
			background-size: cover;
  
}




/******************************* CACHER LOGO / MONTRER LOGO MOBILE VS DESKTOP **/


/* Style commun pour les titres */
#colorlib-logo, #colorlib-logo-mobile, .sous-titre {
  text-align: center;
  color: #fff6e5; 
  margin: 0 auto;
  
}

/* Lien du logo en blanc */
#colorlib-logo a, #colorlib-logo-mobile a {
  color: #fff6e5; /*off white*/
  text-decoration: none;
  display: inline-block;
  margin-top: 30px;
}

/* Style du sous-titre commun */
.sous-titre {
  font-size: 3.5rem;
  font-family: "Achaf";
  font-weight: 300;
  text-align: center;
  color: #f3c623;/*yellow victor*/
  margin: 0 auto;
}

/* Spacing pour desktop */
@media (min-width: 769px) {
  .sous-titre {
    margin-top: 5px; /* espace plus grand pour descendre sous le logo desktop */
  }
}

/* Spacing pour mobile */
@media (max-width: 768px) {
  .sous-titre {
    margin-top: -30px; /* espace plus petit, pour rester proche du logo mobile */
  }
}

/* Cacher logo mobile par défaut */
.mobile-logo {
  display: none;
}

/* Mobile : on inverse les logos */
@media (max-width: 768px) {
  .desktop-logo {
    display: none !important;
  }
  .mobile-logo {
    display: block !important;
  }
}


/******************************* CACHER LOGO / MONTRER LOGO MOBILE VS DESKTOP **/






/******************************* voir image d'arrière plan derrriere ASIDE**/

#colorlib-page, #colorlib-aside, #colorlib-main {
 background-color: rgba(0, 0, 0, 0.0); /* dark transparent */
  color: #fff6e5; /*off white*/ 
}

/******************************* voir image d'arrière plan derrriere ASIDE**/





/******************************* arrière plan CONTACT */

 .bg-primary2 {
  background: rgba(0, 0, 0, 0.6) !important;}
/******************************* arrière plan CONTACT */


p.basicmessage {
	font-size: 2.5vh;
	line-height: 30px;
    color: #fff6e5; /*off white*/ /*tarifs*/
	}
	
	p.basicmessage111 {
	font-size: 2.5vh;
	line-height: 30px;
    color: #fff6e5; /*off white*/ /*tarifs*/
	}
	
p.basicmessagePrixRouge{
	font-size: 2.5vh;
	line-height: 25px;
	color: #F05A1F;
	}
	
p.basicmessagePrixJauneFonce{
	font-size: 2.5vh;
	line-height: 25px;
	color: #F0DA1F;
	}
	
span.spanBig{
font-size:5vh;
}
	
.tabletarifs {
	border-spacing: 5px 4px;
	text-align: left;
	margin:-10px auto; 
	max-width:560px;"
}

.tableConcept {
  border-collapse: collapse;
  width: 100%;
  max-width: 490px;
  text-align: left;
  margin:0 auto; 
}

.tableConcept td {
  padding: 4px;
}

.tableConcept td.icon {
  width: 10%;
  text-align: right;
}

.tableConcept td.text {
  width: 40%;
  text-align: left;
}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------VIDEO MAIN------------------------------ */
/* ---------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .video-containerBIG {
    display: none;
  }
}

@media (min-width: 768px) {
  .video-containerMINI {
    display: none;
  }
}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------VIDEO MAIN------------------------------ */
/* ---------------------------------------------------------------------------- */