@font-face {
	font-family: 'ThisCafe';
	src: url('fonts/ThisCafe.woff2') format('woff2'),
		 url('fonts/ThisCafe.ttf') format('truetype');
}
/* Styles par défaut pour le body */
body {
    background-image: url("image/background.webp");
    font-family: 'ThisCafe', sans-serif;
    background-repeat: repeat-y; /* Répète verticalement par défaut */
}

/* Styles spécifiques pour les écrans dont la largeur dépasse 1920px */
@media (min-width: 1920px) {
    body {
        background-repeat: round; /* S'étire si la largeur dépasse 1920px */
    }
}

/* Barre de navigation */
  .navbar-nav-custom {
    display: flex;
    align-items: center;
}
.nav-link{font-size: 1.5em !important;}
.navbarCSS{
	justify-items: center !important;
	display: ruby-text;
}
.navbar-nav-custom .nav-item {
    margin-left: auto; 
	margin-right: auto; 
	flex-direction: inherit !important;
    /* Espacement entre les éléments */
}
.navbarUL{
	
	flex-direction: inherit !important;
}
@media (min-width: 992px) {
    /* Pour les écrans de taille large et plus grands (lg et xl) */
    .navbar-nav-custom {
        margin-left: auto; /* Déplace la liste à droite */
    }
	.navbarCSS{--bs-navbar-padding-x: 0;
		--bs-navbar-padding-y: 0.5rem;
		--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
		--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
		--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
		--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
		--bs-navbar-brand-padding-y: 0.3125rem;
		--bs-navbar-brand-margin-end: 1rem;
		--bs-navbar-brand-font-size: 1.25rem;
		--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
		--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
		--bs-navbar-nav-link-padding-x: 0.5rem;
		--bs-navbar-toggler-padding-y: 0.25rem;
		--bs-navbar-toggler-padding-x: 0.75rem;
		--bs-navbar-toggler-font-size: 1.25rem;
		--bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
		--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
		--bs-navbar-toggler-border-radius: var(--bs-border-radius);
		--bs-navbar-toggler-focus-width: 0.25rem;
		--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);}
}
.nav-item{
	margin-left: 10px !important;
	margin-right: 10px !important;
	flex-direction: inherit !important;
	font-size: 25px;
	font-family: 'ThisCafe', sans-serif;
	
	font-weight: bold;
}
.navbarCSS{
	background-color: rgba(255, 255, 255, 0.919) !important;
}

/* Tête de page */
.information{
    background-image: url(image/sheet.webp);
    background-repeat: no-repeat;
    background-size: 120%;
    background-origin: content-box;
    background-clip: padding-box;
    padding: 144px;
	background-position: center;
}
.NomPrincipale {
	font-family: 'ThisCafe';
	font-size: 100px !important;
	font-weight: bold;
	margin-top: -10px;
  }
.picture{
	border-radius: 40%;
	width: 30em;
}
.flex{
	margin-top: 8em;
	margin-bottom: 20em;
	display: flex;
}
.flex2{
	margin-top: 1em;
	margin-bottom: 7em;
	display: flex;
}
.infoHead{
	margin-top: auto !important;
    margin-bottom: auto !important;
}
.metier{
	margin-top: -35px;
	margin-left: 40px;
	font-family: 'ThisCafe';
	font-weight: bold;
	font-size: 29px !important;
}
.description{
	margin-top: -8px;
	margin-left: 40px;
	font-family: 'ThisCafe';
	font-weight: bold;
	font-size: 20px !important;
}
.div_description{
	background-color: #0000001e;
    margin-top: 135px;
    border-radius: 23px;
    backdrop-filter: blur(10px);
}
.ThisCafe {
	font-family: 'ThisCafe';
	font-weight: bold;
}
/* Travail */
.titre_format{
	margin-top: 60px;
}
.img{
	display: flex;
    justify-content: space-evenly;
	margin-bottom: 120px;
}
.fl_giff{
	border-radius: 40px;
	width: 40em;
}
.fc_giff{
	border-radius: 40px;
	width: 17em;
}
.d_giff_rect{
	border-radius: 40px;
	width: auto;
	height: 230px !important;
}
.d_giff_carre{
	border-radius: 40px;
	width: 55%;
	height: 50%;
}
.giff{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.col{
	display: flex;
}

/* Offre */
/* .container-offre {
    background-image: url("image/pngtree-white-grid-torn-paper-crumpled-png-image_6552998.png");
    background-repeat: no-repeat;
    background-size: cover; 
} */


.offre{
	background-image: url("image/ardoise.webp");
	background-repeat: no-repeat;
    background-size: cover; 
	height: 42em;
	width: 29em !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.div-texte-offre{
	margin-left: 55px;
}
.nomOffre{
	
	margin-top: 80px;
	text-align: center;
    font-family: 'ThisCafe';
    font-weight: bold;
    font-size: xx-large;
    margin-bottom: 10px;
	color: #ffffff;
}
.sous-titre-offre{
	color: #ffffff;
    font-size:larger;
    font-family: 'ThisCafe';
    font-weight: bold;
	margin-top: 15px;
}
.texte-offre{
	
	margin-top: -15px;
	font-size:15.1px;
    font-weight: bold;
	color: #ffffff;
}
/* Logiciel */
.logo{
	width: 200px !important;
	height: 100%;
	
	margin-left: auto;
	margin-right: auto;
}
.nomLogi{
	text-align: center !important;
	margin-top: revert;
	color: black;
	
}
.marg-auto{
	
	margin-left: auto;
	margin-right: auto;
}
.lien{
	color: black;
	font-weight: bold;
	font-family: 'ThisCafe';
	font-size: 27px !important;
	text-decoration: none;
}
    /* Suppression du style par défaut du bouton */
    .email-button {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
    }

    .email-button img {
        width: 50px; /* Ajustez la taille de l'image si nécessaire */
        height: auto;
    }