/* CSS Document */
@charset "utf-8";


/* variabled */
:root{
	--coul_or:#a9997f;
	--coul_or_clair:#F8F7F5;
	--coul_or_sombre:#796125;
	--coul_bloc_or:#fcfbfa;
	
	--gris_antra:#2D2C2C;
	--gris_moyen:#606060;
	--gris_clair:#fafafa;
	--gris_bleu_sombre:#393d48;
	
	--pol_titre:"Trirong", serif;
	--pol_corps:"Outfit", sans-serif;
	--pol_100: "Urbanist", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

::placeholder {
  color: #bbb;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #bbb;
}

/* alignement */
.alignG{
	text-align:left;	
}

.alignD{
	text-align:right;	
}

.alignC{
	text-align:center;
}

/* masque */
.masque{
	display:none ;
}

.montreInline{
	display:inline
}

.montreBloc{
	display:block;
}

.cache{
	visibility:hidden;
}

.float_g{
	float:left;
}

/* enrichissement police */
.gras{
	font-weight:700;
}

.gras600{
	font-weight:600 !important;
}

.gras500{
	font-weight:500;
}

.italique{
	font-style:italic;
}

.sousligne{
	text-decoration: underline;
}

.majuscule{
	text-transform:uppercase;
}

.minuscule{
	text-transform:lowercase;
}

.sansDeco{
	text-decoration:none;
}


.font90{
	font-size:90%;
}

.font80{
	font-size:80%;
}

.font120{
	font-size:120%;
}

.font150{
	font-size:150%;
}

.font200{
	font-size:200%;
}

.font300{
	font-size:300%;
}


/* clear */
.clear{
	clear:both;	
}

#clear{
	clear:both;	
}

/* décalages */
.margeG10{
	margin-left:10%;
}

.margeH2{
	margin-top:2%;
}

.margeH5{
	margin-top:5%;
}

.margeH10{
	margin-top:10%;
}
.margeH20{
	margin-top:20%;
}

.marginTB5{
	margin-top:5% !important;
	margin-bottom: 5% !important;
}

.marginPs{
	margin-block-start:0;
}

.marginTB10{
	margin-top:10% !important;
	margin-bottom: 10% !important;
}

.paddingTB5{
	padding-top:5% !important;
	padding-bottom: 5% !important;
}

/** padding **/
.pad10_0{
	padding:10% 0;
}

.pad10_10{
	padding:10% 10%;
}

.pad5_5{
	padding:5% 5%;
}

.pad0_10{
	padding:0 10%;
}

.pad5_0{
	padding:5% 0;
}

.marge_bloc_start{
	margin-block-start:0 !important;
}
/* **** boutons ** */
.rond-noir {
    width: 80px;          
    height: 80px; 
    background-color: black;
    color: white;
    display: flex; 
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
	margin-left:calc(50% - 40px);
	border-radius:50%;
}

.bout_noir{
	display:inline-block;
	font-size:90%;
	font-weight: 400;
	background-color: #000;
	color:#FFF;
	padding:5px 60px;
	border-radius:5px;
	cursor:pointer;
	margin:20px 0;
}

.bout_conf{
	display:inline-block;
	font-size:90%;
	font-weight: 400;
	background-color: #606062;
	color:#FFF;
	padding:5px 60px;
	border-radius:5px;
	cursor:pointer;
	margin:20px 0;
}

.bout_fiche{
	display:inline-block;
	font-size:90%;
	font-weight: 400;
	background-color: #FFF;
	color:#525151;
	padding:3px 20px;
	border-radius:5px;
	cursor:pointer;
	margin:20px 0;
	border:1px #525151 solid;
}

.bout_suite{
	display:inline-block;
	font-size:90%;
	font-weight: 400;
	background-color: #1A31AA;
	color:#FFF;
	padding:5px 60px;
	border-radius:5px;
	cursor:pointer;
	margin:20px 0;
}

/* **** taille police **** */
.font_120{
	font-size:120%;
}

.font_150{
	font-size:150%;
}

.font_180{
	font-size:180%;
}

.font_200{
	font-size:200%;
}
/* couleiur police */
.font_blanc{
	color:#fff;
}

.font_bleu{
color:#282E34;
}


/* marge */
.marge10T{
	margin-top:10%;
}

.marge10B{
	margin-bottom:10%;
}

.marge10TB{
	margin-top:10% !important;
	margin-bottom:10% !important;
}

.marge10LR{
	margin-left:10%;
	margin-right: 10%;
}

.marge5T{
	margin-top:5%;
}

.marge5B{
	margin-bottom:5%;
}

.marge5TB{
	margin-top:5%;
	margin-bottom:5%;
}

.marge5LR{
	margin-left:5%;
	margin-right: 5%;
}

.marge5L{
	margin-left:5%;
}

.marge5R{
	margin-right:5%;
}

/** padding **/
.padding10T{
	padding-top:10%;
}

.padding10B{
	padding-bottom:10%;
}

.padding10TB{
	padding-top:10% !important;
	padding-bottom:10% !important;
}

.padding20TB{
	padding-top:20% !important;
	padding-bottom:20% !important;
}

.padding10LR{
	padding-left:10%;
	padding-right: 10%;
}

.padding5T{
	padding-top:5%;
}

.padding5B{
	padding-bottom:5%;
}

.padding5TB{
	padding-top:5%;
	padding-bottom:5%;
}

.padding5LR{
	padding-left:5%;
	padding-right: 5%;
}



.scrollable {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

/* images */
.img100{
	width:100%;
}

.img90{
	width:90%;
	margin:0 5%;
}

.img80{
	width:80%;
	margin:0 10%;
}

.img50{
	width:50%;
	margin:0 25%;
}

.img30{
	width:30%;
	margin:0 35%;
}


.img20{
	width:20%;
	margin:0 40%;
}

.back_or_clair{
	background-color: var(--coul_bloc_or);
}

.back_gris_clair, .back_gris{
	background-color: var(--gris_clair);
}

.back_blanc{
	background-color: #FFF;
}

.lien{
	color:#00F;
}