.page h1,.page h2{

	text-align:center;
	padding-left:10px;
	padding-right:10px;
	color:var(--couleur17);
	color:var(--couleur17)

}

body{

	background:var(--couleur01)

}

body::-webkit-scrollbar{

	width:10px;
	background-color:var(--couleur13);

}

body::-webkit-scrollbar-thumb{
	
	background-color:var(--couleur16);

}

body::-webkit-scrollbar-track{

	background-color:transparent;

}

.page{

	z-index:1;
	max-width:100%;
	margin-left:auto;
	margin-right:auto

}

.page h1{

	font:var(--texte25)

}

.page h2{

	font:var(--texte23)

}

.cachable_div{

	display:block

}

.cachable_table_cell{

	display:table-cell

}

.bouton,.search_bouton{

	display:inline-flex;
	color:var(--couleur01);
	font:var(--texte22);
	text-shadow:2px 2px 4px rgba(0,0,0,.2);
	transition:.2s

}

.search_bouton{

	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	margin:0;
	vertical-align:top;
	border:none;
	border-left:1px solid rgba(255,255,255,.3);
	border-top:1px solid rgba(255,255,255,.3);
	border-radius:0 10px 10px 0;
	background:var(--couleur66);
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2)

}

.bouton,.top_contenu .logo_reduit img{

	height:50px

}

.bouton img {
	
	filter:invert(100%);
	width:35px;
	
}

.search_bouton:hover{

	color:var(--couleur01);
	background:var(--couleur15)

}

.bouton{

	align-items:center;
	justify-content:center;
	width:220px;
	padding:15px;
	margin:0 5px 10px;
	border:none;
	border-radius:60px;
	background-color:var(--couleur15);
	/* box-shadow:4px 4px 30px 8px rgba(0,0,0,.2) */

}

.bouton .titre{

	vertical-align:super;
	width:220px;
	margin-left:5px

}

.bouton .texte{

	vertical-align:super;
	margin-left:5px;
	margin-right:15px;

}

.texte_mis_en_valeur,.texte_mis_en_valeur10,.texte_mis_en_valeur11,.texte_mis_en_valeur12,.texte_mis_en_valeur2,.texte_mis_en_valeur3,.texte_mis_en_valeur4,.texte_mis_en_valeur5,.texte_mis_en_valeur6,.texte_mis_en_valeur7,.texte_mis_en_valeur8,.texte_mis_en_valeur9{

	text-shadow:0 0 4px #fff

}

.bouton:hover,.categories .cadre:hover .orange,.menu_responsive_contenu .bouton_menu:hover{

	background-color:var(--couleur66)

}

.petit_bouton{

	width:120px;
	height:120px;
	flex-direction:column;
	vertical-align: middle;

}

.petit_bouton .titre{

	width: 80px;
    height: 40px;
    margin-left: 0;
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.petit_bouton .petit_titre{
	
	font:var(--texte20);
    margin-left: 0;
    margin-bottom: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.petit_bouton .moyen_titre{
	
	font:var(--texte21);
    margin-left: 0;
    margin-bottom: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.petit_bouton_carre{
	
	border-radius:0px;

}

.petit_bouton_alerte{

	color:var(--couleur01);
	background:rgba(200,50,50,.2);
	border:1px solid var(--couleur23)

}

.petit_bouton_alerte:hover{

	background:rgba(255,255,255,.4);
}

.petit_bouton_alerte2{

	color:var(--couleur02);
	background:rgba(200,50,50,.2);
	border:1px solid var(--couleur23)

}

.petit_bouton_alerte2:hover{

	color:var(--couleur02);
	background:rgba(255,255,255,.4);

}

.petit_bouton_alerte3{

	color:var(--couleur01);
	background:rgba(50,200,50,.2);
	border:1px solid var(--couleur33)

}

.petit_bouton_alerte3:hover{

	color:var(--couleur01);
	background:rgba(255,255,255,.4);

}

.petit_bouton_alerte4,.petit_bouton_alerte4:hover,.petit_bouton_alerte4:focus{

	color:var(--couleur02);
	background:rgba(50,200,50,.2);
	border:1px solid var(--couleur33);
	user-select: none;
	cursor:initial

}

.categories .cadre:hover .lien,.footer,.footer_contenu,.header_menu .cadre:hover,.top_contenu .bouton_utilisateur:hover{

	background-color:var(--couleur17)

}

.texte_mis_en_valeur{

	color:var(--couleur66)

}

.texte_mis_en_valeur2{

	color:var(--couleur26)

}

.categories .vert,.categories .vert .action,.categories .vert .titre,.texte_mis_en_valeur3{

	color:var(--couleur36)

}

.categories .bleu,.categories .bleu .action,.categories .bleu .titre,.texte_mis_en_valeur4{

	color:var(--couleur46)

}

.categories .jaune,.categories .jaune .action,.categories .jaune .titre,.texte_mis_en_valeur5{

	color:var(--couleur56)

}

.texte_mis_en_valeur6{

	color:var(--couleur76)

}

.categories .violet,.categories .violet .action,.categories .violet .titre,.texte_mis_en_valeur7{

	color:var(--couleur86)

}

.categories .turquoise,.categories .turquoise .action,.categories .turquoise .titre,.texte_mis_en_valeur8{

	color:var(--couleur96)

}

.categories .cyan,.categories .cyan .action,.categories .cyan .titre,.texte_mis_en_valeur9{

	color:var(--couleur106)

}

.categories .gris,.categories .gris .action,.categories .gris .titre,.texte_mis_en_valeur10{

	color:var(--couleur16)

}

.texte_mis_en_valeur11{

	color:var(--couleur14)

}

.header_menu .cadre:hover .descriptif,.texte_mis_en_valeur12{

	color:var(--couleur11)

}

.corps_bouton_recherche,.corps_recherche{

	height:auto;
	/* border-radius:10px; */
	box-shadow:none

}

.corps_recherche{

	display: flex;
    background-color: var(--couleur12);
	border-top:1px solid var(--couleur13);
    align-items: center;
    position: relative;
    left: 0px;
    /* top: 0px; */
    /* top: 20px; */
    /* right: 0px; */
    /* border-radius: 0 0 30px 30px; */
    border-radius: 30px;
    padding-left: 15px;
    padding-right: 15px;
	box-shadow:0px 5px 3px -2px rgba(0,0,0,.5);

}

.corps_bouton_recherche,.search_input{

	align-items:center;
	background-color:var(--couleur12);

}

.corps_bouton_recherche{

	display:flex

}

.corps_recherche .retour{

	border-radius:40px;
	text-align:left;
	padding:0;
	margin:10px;
	justify-content:flex-start;
	width:auto;
	height:auto

}

.corps_recherche .table{

	background-color:transparent;
	border-radius:0;
	box-shadow:none

}

.corps_recherche .table .tr .th{

	height:60px;
	text-align:center;
	background-color:transparent;
	/* padding-right:50px; */

}

.corps_recherche .table .recherche_formulaire{

	display:inline-flex;
	background-color:var(--couleur12);
	/* width:max-content; */
	width:100%;
	/* box-shadow:5px 5px 5px -2px rgba(0,0,0,.5); */
	border:1px solid var(--couleur13);
	border-radius:10px;
	margin-left:auto;
	margin-right:auto

}

.corps_recherche .table .titre{

	display:inline-flex;
	font:var(--texte23);
	margin:10px 20px;
	color:var(--couleur17);
	text-shadow:2px 2px 2px rgba(255,255,255,.6);
	vertical-align:middle

}

.corps_recherche .table .search_input{

	display:inline-flex;
	justify-content:center;
	height:30px;
	/* width:200px; */
	width:100%;
	padding:10px;
	margin:0;
	vertical-align:top;
	font:var(--texte14);
	color:var(--couleur17);
	text-decoration:none;
	border:0;
	border-radius:10px 0 0 10px;
	transition:.5s

}

.corps_recherche .table .search_input::placeholder{

	font:var(--texte13);
	color:var(--couleur16);
	opacity:.5

}

.corps_recherche .table .recherche_formulaire .search_input{

	background-color:var(--couleur11);

}

.categories .orange,.categories .orange .action,.categories .orange .titre,.menu_responsive_contenu .menu_responsive_fermer:hover.table .tr .titre_mis_en_valeur{

	color:var(--couleur66)

}

.bouton_action:hover,.categories .cadre:hover .bouton_action{

	color:var(--couleur01);
	background-color:var(--couleur17)

}

::placeholder{

	font:var(--texte13);
	color:var(--couleur14);
	opacity:.5

}

.bouton_action:hover .action,.header_menu .cadre:hover .descriptif,.header_menu .cadre:hover .titre,.menu_responsive_contenu .bouton_menu{

	text-shadow:0 0 2px var(--couleur02)

}

.bouton_action,.menu_responsive_contenu .bouton_menu{

	border-radius:10px;
	vertical-align:top;
	text-decoration:none

}

.menu_responsive{

	position:fixed;
	top:0;
	left:0;
	width:280px;
	height:100%;
	max-width:90%;
	background-color:var(--couleur17);
	transform:translateX(-300px);
	transition:.5s

}

.menu_responsive:after{

	content:" ";
	position:absolute;
	height:100%;
	width:15px;
	right:-15px;
	top:0;
	box-shadow:10px 0 10px -10px var(--couleur15) inset

}

.menu_responsive_contenu{

	padding:30px;
	position:relative;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	align-content:stretch;
	flex-wrap:nowrap;
	flex-direction:column

}

.categories .lien,.header,.top,.top_contenu,.informations,.informations_contenu{

	align-content:center

}

.menu_responsive.open{

	transform:translateX(0)

}

.menu_responsive_contenu .menu_responsive_fermer{

	position:fixed;
	font:var(--texte17);
	top:5px;
	right:10px;
	color:var(--couleur13)

}

.menu_responsive_contenu h2{

	color:var(--couleur01);
	opacity:1;
	font:var(--texte24);
	margin-top:10px;
	margin-bottom:10px;
	text-shadow:2px 2px 4px rgba(0,0,0,.2)

}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.carrousel {
    overflow: hidden;
    width: 100%;
    position: relative;
    max-width: 1400px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.carrousel .carrousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.carrousel .carrousel-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.carrousel .carrousel-button.prev {
    left: 10px;
}

.carrousel .carrousel-button.next {
    right: 10px;
}

.carrousel .carrousel-wrapper {
    display: flex;
    transition: transform 0.5s ease;
}

.carrousel .carrousel-wrapper .banniere_pub {
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* border-radius: 12px; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
    width: -webkit-fill-available;
    flex-shrink: 0;
}

.carrousel .carrousel-wrapper .banniere_pub h2 {
    color: var(--couleur17);
    font: var(--texte25);
    margin: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.carrousel .carrousel-wrapper .banniere_pub h3 {
    color: var(--couleur01);
    font: var(--texte24);
    margin: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.carrousel .carrousel-wrapper .banniere_pub_1 {
    background: linear-gradient(60deg, var(--couleur67), var(--couleur63), var(--couleur68));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel .carrousel-wrapper .banniere_pub_2 {
    background: linear-gradient(60deg, var(--couleur46), var(--couleur43), var(--couleur47));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel .carrousel-wrapper .banniere_pub_3 {
    background: linear-gradient(60deg, var(--couleur96), var(--couleur93), var(--couleur97));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel .carrousel-wrapper .banniere_pub_4 {
    background: linear-gradient(60deg, var(--couleur76), var(--couleur73), var(--couleur77));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel .carrousel-wrapper .banniere_pub_5 {
    background: linear-gradient(60deg, var(--couleur86), var(--couleur83), var(--couleur87));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}








.carrousel2 {
    width: 100%;
    /* max-width: 1400px; */
    margin: auto;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
    background: linear-gradient(110deg, #fff 80%, #f8fafd 100%);
}

.carrousel2 .carrousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.carrousel2 .carrousel-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.carrousel2 .carrousel-button.prev {
    left: 10px;
}

.carrousel2 .carrousel-button.next {
    right: 10px;
}

.carrousel2 .carrousel-wrapper {
    display: flex;
    transition: transform 0.5s ease;
}

.carrousel2 .carrousel-wrapper .banniere_pub {
    padding: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* border-radius: 12px; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
    width: -webkit-fill-available;
    flex-shrink: 0;
    height: 160px;
}

.carrousel2 .carrousel-wrapper .banniere_pub h2 {
    color: var(--couleur17);
    font: var(--texte24);
    margin: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.carrousel2 .carrousel-wrapper .banniere_pub h3 {
    color: var(--couleur01);
    font: var(--texte24);
    margin: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.carrousel2 .carrousel-wrapper .banniere_pub_1 {
    background: linear-gradient(60deg, var(--couleur67), var(--couleur63), var(--couleur68));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel2 .carrousel-wrapper .banniere_pub_2 {
    background: linear-gradient(60deg, var(--couleur46), var(--couleur43), var(--couleur47));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel2 .carrousel-wrapper .banniere_pub_3 {
    background: linear-gradient(60deg, var(--couleur96), var(--couleur93), var(--couleur97));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel2 .carrousel-wrapper .banniere_pub_4 {
    background: linear-gradient(60deg, var(--couleur76), var(--couleur73), var(--couleur77));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel2 .carrousel-wrapper .banniere_pub_5 {
    background: linear-gradient(60deg, var(--couleur86), var(--couleur83), var(--couleur87));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel2 .carrousel-wrapper .banniere_pub_6 {
    background: linear-gradient(60deg, var(--couleur36), var(--couleur33), var(--couleur37));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

.carrousel2 .carrousel-wrapper .banniere_pub_7 {
    background: linear-gradient(60deg, var(--couleur26), var(--couleur23), var(--couleur27));
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}












.carrousel-pub {
    display: block;
    text-decoration: none;
    color: inherit;
}

.carrousel-pub-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.carrousel-pub-image img {
    max-width: 100px;
    height: auto;
    display: block;
    border-radius: var(--radius, 6px); /* optionnel */
}

.carrousel-pub-text h2,
.carrousel-pub-text h3 {
    margin: 0;
}

.carrousel-pub-text h2 {
    font-size: 1.4rem;
    font-weight: bold;
}

.carrousel-pub-text h3 {
    font-size: 1rem;
    font-weight: normal;
}
















.ariane_contenu a,.ariane_contenu a svg,.header_menu .descriptif,.header_menu .titre{

	text-shadow:0 0 2px var(--couleur01)

}

.menu_responsive_contenu .bouton_menu{

	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:nowrap;
	align-items:center;
	width:200px;
	padding:10px;
	margin:5px;
	background-color:var(--couleur15);
	color:var(--couleur01);
	box-shadow:0 0 10px -5px var(--couleur15);
	font:var(--texte23);
	transition:.5s

}

.bouton_action,.bouton_action .action{

	color:var(--couleur02);
	transition:.5s

}

.bouton_action{

	display:flex;
	padding:2px;
	align-items:center;
	flex-direction:row;
	justify-content:center;
	width:180px;
	font:var(--texte22);
	background-color:var(--couleur13);
	box-shadow:0 0 2px var(--couleur02)

}

.bouton_action .action,.top,.top_contenu{

	background-color:var(--couleur12);
	display:flex

}

.bouton_action .svg{

	width:50px;
	height:40px;
	padding:5px 10px 5px 5px

}

.bouton_action svg,.top_contenu svg{

	margin:0

}

.bouton_action .action{

	align-items:center;
	flex-direction:row;
	justify-content:center;
	width:100%;
	height:40px;
	border-radius:0 10px 10px 0

}

.bouton_action:hover .action,.categories .cadre:hover .bouton_action .action,.gris .bouton_action:hover{

	color:var(--couleur01);
	background-color:var(--couleur16)

}

.informations{

	/* z-index:5; */
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:nowrap;
	/* position:fixed; */
	top:0;
	left:0;
	right:0;
	background-color:var(--couleur17);

}

.informations .informations_contenu{

    display: flex;
    max-width: 1400px;
    width: 100%;
    flex-wrap: no-wrap;
    flex-direction: row;
    justify-content: space-between;
	min-height:50px;
	padding:10px;

}

.informations .informations_contenu .telephone{

	display: flex;
    width: 150px;
    min-width: 150px;
    height: 40px;
    padding: 5px;
    border: 1px solid var(--couleur36);
    background-color: var(--couleur36);
    border-radius: 10px;
    align-content: center;
    align-items: center;
    transition: .5s;
	margin-right:20px;

}

.informations .informations_contenu .telephone:hover{

	border:1px solid var(--couleur37);
	background-color:var(--couleur37);

}

.informations .informations_contenu .telephone svg{

	width:18px;
	height:18px;
	margin-right:10px;
    color: var(--couleur01);

}

.informations .informations_contenu .telephone .numero{

    font: var(--texte24);
    color: var(--couleur01);
    text-shadow: 0 0 0 10px var(--couleur02);

}

.informations .informations_contenu .adresse{

	display: flex;
	height:40px;
    font: var(--texte23);
    color: var(--couleur01);
    text-shadow: 0 0 0 10px var(--couleur02);
    align-content: center;
    align-items: center;
	text-align:center;

}

.informations .informations_contenu .adresse2{

	display: none;
	height:40px;
    font: var(--texte23);
    color: var(--couleur01);
    text-shadow: 0 0 0 10px var(--couleur02);
    align-content: center;
    align-items: center;
	text-align:center;

}

.top{

	/* z-index:5; */
	z-index:2;
	flex-direction:row;
	justify-content:center;
	flex-wrap:nowrap;
	position:fixed;
	top:0px;
	left:0;
	right:0

}

.top:after{

	content:" ";
	height:15px;
	left:0

}

.top_contenu{

	max-width:1400px;
	width:100%;
	position:relative;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	padding:5px;
	transition:.5s

}

.top_contenu div{

	display:flex;
	align-items:center;
	justify-content:space-around;
	align-items:stretch

}

.top:after{

	position:absolute;
	width:100%;
	bottom:-15px;
	box-shadow:0 10px 10px -10px var(--couleur15) inset

}

.top_contenu .logo_reduit{

	display:none;
	visibility:hidden;
	opacity:0;
	align-content:center;
	align-items:center;
	margin:5px;
	transition:.5s

}

.bouton_ajouter_au_panier,.bouton_ajouter_au_panier_alerte,.top_contenu .bouton_menu_panier,.top_contenu .bouton_menu_panier_alerte,.top_contenu .bouton_utilisateur,.top_contenu .compte_valide,.top_contenu .compte_non_valide,.top_contenu .connexion,.hamburger{

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	width:120px;
	padding:5px;
	margin:5px;
	vertical-align:top;
	text-decoration:none;
	box-shadow:0 0 10px -5px var(--couleur15);
	font:var(--texte23);
	border:1px solid var(--couleur01);
	transition:.5s;
	border-radius:10px

}

.ariane_contenu,.header_menu,.header_presentation{

	max-width:1400px;
	width:100%

}

.top_contenu .bouton_menu_panier,.top_contenu .bouton_menu_panier_alerte,.top_contenu .bouton_utilisateur{

	background-color:var(--couleur66);
	color:var(--couleur01);
	padding:5px 10px 15px;
	width:50px;
	position:relative

}

.top_contenu .bouton_menu_panier_alerte{

	-webkit-animation:.3s 2 vibration2;
	animation:.3s 2 vibration2

}

.top_contenu .bouton_menu_panier .titre,.top_contenu .bouton_menu_panier_alerte .titre,.top_contenu .bouton_utilisateur .titre{

	position:absolute;
	font:var(--texte21);
	color:var(--couleur02);
	bottom:0;
	text-align:center;
	display:block;
	left:0;
	right:0;
	border-radius:0 0 10px 10px;
	background-color:var(--couleur62);
	padding:1px;
	transition:.5s

}

.hamburger{

	width:50px;
	padding:10px;
	background-color:var(--couleur12);
	color: var(--couleur41) !important;
	visibility:hidden;
	opacity:0;
	display:none

}

.top_contenu .connexion{

	background-color:var(--couleur12);
	color:var(--couleur17)

}

.top_contenu .compte_valide{

	width:auto;
	max-width:180px;
	background-color:var(--couleur12);
	color:var(--couleur36)

}

.top_contenu .compte_non_valide{

	width:auto;
	max-width:180px;
	background-color:var(--couleur12);
	color:var(--couleur26)

}

.top_contenu .bouton_utilisateur svg,.top_contenu .compte_valide svg,.top_contenu .compte_non_valide svg,.top_contenu .connexion svg{

	width:50px

}

.table .tr .centre,.top_contenu .compte_valide,.top_contenu .compte_non_valide .titre,.top_contenu .connexion .titre{

	text-align:center

}

.top_contenu .compte_valide .titre, .top_contenu .compte_non_valide .titre {
    word-wrap: break-word;
    width: max-content;
    font-size: 12px;
}

.top_contenu .bouton_menu_panier:hover,.top_contenu .bouton_menu_panier_alerte:hover,.top_contenu .bouton_utilisateur:hover,.top_contenu .compte_valide:hover,.top_contenu .compte_non_valide:hover,.top_contenu .connexion:hover,.hamburger:hover{

	background-color:var(--couleur17);
	color:var(--couleur01)

}

.top_contenu .menu_principal{

	visibility:visible;
	opacity:1;
	background:0 0;
	transition:.4s

}

.top_contenu .menu_principal_contenu{

	padding:0;
	justify-content:space-evenly;
	display:flex;
	align-content:stretch;
	align-items:stretch;
	flex-wrap:nowrap

}

.top_contenu .menu_principal_contenu a{

	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:nowrap;
	align-items:center;
	width:160px;
	padding:5px;
	margin:5px;
	vertical-align:top;
	text-decoration:none;
	background-color:var(--couleur15);
	color:var(--couleur01);
	box-shadow:0 0 10px -5px var(--couleur15);
	text-shadow:0 0 2px var(--couleur02);
	font:var(--texte23);
	transition:.5s;
	border-radius:10px

}

.top_contenu .menu_principal_contenu a:hover{

	color:var(--couleur66);
	background-color:var(--couleur17)

}

.top_contenu .menu_principal_contenu .lien_1{

	/* -webkit-animation:5s 2 rebond_1; */
	/* animation:5s 2 rebond_1; */

}

.top_contenu .menu_principal_contenu .lien_2{

	/* -webkit-animation:5s 2 rebond_2; */
	/* animation:5s 2 rebond_2; */

}

.top_contenu .menu_principal_contenu .lien_3{

	/* -webkit-animation:5s 2 rebond_3; */
	/* animation:5s 2 rebond_3; */

}

.top_contenu .menu_principal_contenu .lien_4{

	/* -webkit-animation:5s 2 rebond_4; */
	/* animation:5s 2 rebond_4; */

}

.header{

	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	background:var(--couleur11);
	flex-direction:column;
	background-image:linear-gradient(90deg,var(--couleur12) 0,var(--couleur11) 50%,var(--couleur12) 100%)

}

.ariane,.ariane_contenu{

	background:var(--couleur12)

}

.header_menu{

	display:flex;
	justify-content:space-between;
	align-content:stretch;
	flex-wrap:nowrap;
	flex-direction:row;
	align-items:stretch;
	padding:60px 10px 30px

}

.header_menu2{
	
	padding:30px 10px 30px

}

.header_menu .cadre{

	width:200px;
	padding:5px;
	border-radius:10px;
	background-color:var(--couleur12);
	box-shadow:0 0 10px var(--couleur15);
	transition:.5s

}

.header_menu .logo{

	width:182px;
	display:flex;
	align-items:center;
	justify-content:left;
	margin-left: 10px;

}

.ariane,.corps{

	justify-content:center

}

.footer_contenu .cadre .logo img,.header_menu .logo img{

	height:100px;

}

.header_menu .titre{

	padding:5px;
	font:var(--texte23);
	color:var(--couleur66);
	margin-bottom:5px;
	text-align:center;
	border-bottom:1px solid var(--couleur13)

}

.header_menu .descriptif{

	padding:5px;
	font:var(--texte12);
	color:var(--couleur17);
	text-align:left

}

.ariane_contenu .separation,.header_presentation{

	color:var(--couleur15);
	text-shadow:0 0 2px var(--couleur01)

}

.header_presentation{

	display:block;
	padding:30px 5px;
	font:var(--texte23);
	text-align:center

}

.ariane{

	display:flex;
	flex-wrap:wrap

}

.ariane_contenu{

	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap

}

.ariane_contenu a svg{

	display:block;
	width:20px;
	height:20px;
	padding:0;
	fill:var(--couleur66);
	transition:.5s;
	margin-right:10px

}

.ariane_contenu .page_active svg,.ariane_contenu a:hover svg{

	fill:var(--couleur17)

}

.ariane_contenu .separation{

	padding:5px;
	font:var(--texte13)

}

.ariane_contenu a{

	padding:5px;
	font:var(--texte23);
	color:var(--couleur66);
	transition:.5s

}

.ariane_contenu .page_active,.ariane_contenu a:hover{

	color:var(--couleur17)

}

.avis{

	width:1400px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
    height: 185px;

}

.corps{

	display:flex;
	flex-wrap:wrap;
	background-color:var(--couleur11);
	background-image:radial-gradient(var(--couleur01) 50%,var(--couleur11) ,var(--couleur12))

}

.corps_contenu{

	max-width:1400px;
	width:100%;
	display:block;
	position:relative;
	min-height:500px;
	padding-top:100px;
	padding-bottom:200px

}

.modes_de_paiement{

	display:block;
	width:-webkit-fill-available;
	text-align:center;
	font:var(--texte13);
	color:var(--couleur13);
	padding:30px 5px;
	background-color:var(--couleur18);

}

.modes_de_paiement img{

	height:60px;
	margin:5px;

}

.footer{

	display:flex;
	justify-content:center;
	flex-wrap:wrap

}

.footer_contenu{

	max-width:1400px;
	width:100%;
	display:flex;
	text-align:left;
	font:var(--texte22);
	color:var(--couleur13);
	justify-content:space-between;
	flex-wrap:wrap;
	padding:30px 10px

}

.footer_contenu .deconnexion_test{

	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;

}

.footer_contenu .deconnexion_test .bouton{

	width:180px;

}

.ecran_petite_largeur,.footer_contenu .separation{

	display:none

}

.footer_contenu .cadre{

	vertical-align:top;
	min-width:220px;
	width:220px;
	border:1px solid var(--couleur15);
	text-align:center;
	padding:10px;
	margin-bottom:30px;
	margin-top:30px;
	background-color:var(--couleur16);
	border-radius:0;
	box-shadow:0 0 10px var(--couleur02)

}

.table .paire{

	background-color:var(--couleur12)

}

.table .paire_non_active{

	background-color:var(--couleur43)

}

.table .paire_bloque{

	background-color:var(--couleur23)

}

.footer_contenu .cadre .logo{

	padding:0;
	justify-content:center;
	height:auto;
	background-color:transparent

}

.footer_contenu .cadre .p,.footer_contenu .cadre a{

	padding:5px 0 0;
	margin:0;
	font:var(--texte12);
	color:var(--couleur01);
	text-shadow:0 0 2px var(--couleur02)

}

.footer_contenu .cadre a{

	display:flex;
	vertical-align:top;
	align-items:center;
	justify-content:flex-start;
	border-radius:0;
	background-color:transparent;
	text-decoration:none;
	text-align:left;
	transition:.5s

}

.footer_contenu .cadre a::before{

	content:"➤";
	margin-right:10px

}

.footer_contenu .cadre .logo::before{

	content:"";
	margin-right:0

}

.footer_contenu .cadre a:hover{

	background-color:transparent;
	color:var(--couleur66)

}

.footer_contenu .cadre .p{

	display:block;
	text-align:center

}

.footer_contenu .cadre .barre,.footer_contenu .cadre .titre{

	display:block;
	padding:0 0 10px;
	margin:0 0 5px;
	border-bottom:1px solid var(--couleur15)

}

.footer_contenu .cadre .titre{

	font:var(--texte22);
	color:var(--couleur66);
	text-align:center;
	text-shadow:0 0 2px var(--couleur02)

}

.footer_contenu .cadre .email,.footer_contenu .cadre .telephone a{

	padding:5px 0 0;
	display:block;
	text-align:center;
	text-shadow:0 0 2px var(--couleur02)

}

.footer_contenu .cadre .telephone a{

	margin:0;
	font:var(--texte24);
	color:var(--couleur35)

}

.footer_contenu .cadre .telephone a::before{

	content:"";
	margin:0

}

.footer_contenu .cadre .email{

	margin:0;
	font:var(--texte23);
	color:var(--couleur55)

}

.categories .lien .description,.categories .lien .titre{

	max-width:300px;
	min-width:300px;
	text-shadow:0 0 2px var(--couleur01);
	transition:.5s

}

.footer_contenu .copyright{

	display:block;
	width:-webkit-fill-available;
	text-align:center;
	font:var(--texte13);
	color:var(--couleur13);
	padding:30px 10px;
	text-shadow:0 0 2px var(--couleur02)

}

.bouton_ajouter_au_panier,.bouton_ajouter_au_panier_alerte{

	background-color:var(--couleur66);
	color:var(--couleur01)

}

.quantite_ajouter_au_panier{

	width:80px

}

.bouton_ajouter_au_panier_alerte{

	-webkit-animation:3s infinite vibration;
	animation:3s infinite vibration

}

.menu_responsive{

	z-index:6

}

.categories{

	display:flex;
	flex-direction:raw;
	justify-content:space-evenly;
	flex-wrap:wrap;
	align-items:stretch;
	align-content:stretch

}

h1{
    width: 100%;
    text-align: center;
}

.categories .cadre,.categories .cadre_avec_action{

	display:flex;
	align-items:stretch;
	flex-direction:row;
	justify-content:center;
	margin-top:30px

}

.categories .lien{

	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	justify-content:space-between;
	background-color:var(--couleur01);
	border-radius:10px;
	padding:5px;
	margin:20px;
	transition:.2s;
	box-shadow:4px 4px 60px 8px rgba(0,0,0,.2);
	align-items:center

}

.categories .lien .titre{

	width:100%;
	text-align:center;
	margin-bottom:10px;
	font:var(--texte23);
	color:var(--couleur02);
	padding:5px;
	border-radius:10px 10px 0 0

}

.categories .lien img{

	width:100%;
	max-width:300px;
	/* -webkit-filter:grayscale(100%); */
	/* filter:grayscale(100%); */
	border:1px solid var(--couleur01);
	margin-top:5px;
	border-radius:10px

}

.categories .lien .description{

	display:flex;
	width:100%;
	padding:10px 5px 5px;
	margin-top:10px;
	height:-webkit-fill-available;
	font:var(--texte12);
	color:var(--couleur17);
	flex-direction:column;
	align-content:center;
	flex-wrap:nowrap;
	align-items:stretch;
	justify-content:space-between;
	line-height:20px;
	letter-spacing:.5px;
	border-radius:0 0 10px 10px

}

.categories .cadre .bouton_action,.categories .cadre_avec_action .bouton_action{

	display:flex;
	align-items:stretch;
	flex-direction:row;
	justify-content:space-evenly;
	margin:10px 2px 2px;
	flex-wrap:nowrap;
	width:-webkit-fill-available

}

.categories .cadre:hover .lien .description,.categories .cadre:hover .lien .titre{

	color:var(--couleur01);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .gris{

	background-color:var(--couleur16)

}

.categories .cadre:hover .gris .action{

	background-color:var(--couleur15)

}

.gris .bouton_action:hover .action{

	color:var(--couleur01);
	background-color:var(--couleur15);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .vert{

	background-color:var(--couleur36)

}

.categories .cadre:hover .vert .action{

	background-color:var(--couleur35)

}

.vert .bouton_action:hover .action{

	color:var(--couleur01);
	background-color:var(--couleur35);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .bleu{

	background-color:var(--couleur46)

}

.categories .cadre:hover .bleu .action{

	background-color:var(--couleur45)

}

.bleu .bouton_action:hover .action{

	color:var(--couleur01);
	background-color:var(--couleur45);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .jaune{

	background-color:var(--couleur56)

}

.categories .cadre:hover .jaune .action{

	background-color:var(--couleur55)

}

.jaune .bouton_action:hover .action,.orange .bouton_action:hover .action{

	color:var(--couleur01);
	background-color:var(--couleur65);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .orange .action{

	background-color:var(--couleur65)

}

.categories .cadre:hover .violet{

	background-color:var(--couleur86)

}

.categories .cadre:hover .violet .action{

	background-color:var(--couleur85)

}

.violet .bouton_action:hover .action{

	color:var(--couleur01);
	background-color:var(--couleur85);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .turquoise{

	background-color:var(--couleur96)

}

.categories .cadre:hover .turquoise .action{

	background-color:var(--couleur95)

}

.cyan .bouton_action:hover .action,.turquoise .bouton_action:hover .action{

	color:var(--couleur01);
	background-color:var(--couleur105);
	text-shadow:0 0 2px var(--couleur02)

}

.categories .cadre:hover .cyan{

	background-color:var(--couleur106)

}

.categories .cadre:hover .cyan .action{

	background-color:var(--couleur105)

}

.table{

	border-collapse:collapse;
	background-color:var(--couleur17);
	width:100%;
	border-radius:10px;
	box-shadow:10px 10px 10px -4px rgba(0,0,0,.8)

}

.table .tr{

	min-height:20px

}

.table .tr .champ{

	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:180px;
	padding:5px;
	margin:0;
	border:1px solid var(--couleur14);
	color:var(--couleur02);
	font:var(--texte11);
	text-shadow:2px 2px 2px rgba(0,0,0,.2);
	transition:.2s;
	background:var(--couleur13)

}

.table .tr .td,.table .tr .th{

	padding:10px;
	text-align:center

}

.table .tr .textarea{

	height:80px;
	border-radius:10px;
	white-space:pre-line

}

.table .impaire{

	background-color:var(--couleur11)

}

.table .impaire_non_active{

	background-color:var(--couleur42)

}

.table .impaire_bloque{

	background-color:var(--couleur22)

}

.table .tr .th{

	vertical-align:middle;
	font:var(--texte23);
	color:var(--couleur01);
	/* background-color:var(--couleur17) */

}

.table .tr .td,.table .tr .vhaut{

	vertical-align:top

}

.table .tr .td{

	font:var(--texte12);
	color:var(--couleur17)

}

.table .tr .gauche{

	text-align:left

}

.table .tr .droite{

	text-align:right

}

.table .tr .vcentre{

	vertical-align:middle

}

.table .tr .vbas{

	vertical-align:bottom

}

.table .tr .petit{

	width:60px

}

.table .tr .moyen{

	width:120px

}

.ecran_grande_largeur{

	display:table-row

}

.paiement .retour {
	
	margin-bottom:30px;
	display: inline-block;
	text-decoration: none;
	color: var(--couleur15);
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
	margin-right:5px;
	font:var(--texte22);
	border-radius:5px;
	background-color:var(--couleur14);
	padding:10px;
	
	min-width:40px;
	
	transition:all 0.2s;
	overflow: hidden;
	white-space: nowrap;
	
	text-align:center;
	
}

.paiement .retour:hover {
	
	color: var(--couleur01);
	background-color:var(--couleur17);
	
}

.paiement .logo {
	
    display:block;
	
}

.paiement .logo img {
	
    width:250px;
	margin-top:20px;
	margin-bottom:30px;
	
}

.paiement .table {
	
	margin-bottom:30px;
	
}

.paiement .mode_de_paiement {
	
	display:flex;
	justify-content: center;
    align-items: center;
    padding:5px;
	width:220px;
	border-radius:5px;
	font: var(--texte13);
	margin:2px;
	
}

/* .paiement .separation { */
	
	/* margin-top:30px; */
	/* height:2px; */
	/* background-color:var(--couleur13); */
	/* margin-bottom:30px; */
	
/* } */

.paiement .couleur1 {
	
	background-color:var(--couleur36);
	color:var(--couleur01);
	
}

.paiement .couleur1:hover {
	
	background-color:var(--couleur35);
	
}

.paiement .couleur2 {
	
	background-color:var(--couleur46);
	color:var(--couleur01);
	
}

.paiement .couleur2:hover {
	
	background-color:var(--couleur45);
	
}

.paiement .couleur3 {
	
	background-color:var(--couleur16);
	color:var(--couleur01);
	
}

.paiement .couleur3:hover {
	
	background-color:var(--couleur15);
	
}

.paiement .couleur4 {
	
	background-color:var(--couleur27);
	color:var(--couleur01);
	
}

.paiement .couleur4:hover {
	
	background-color:var(--couleur25);
	
}

.paiement .mode_de_paiement img {
	
	height:40px;
	margin-right:5px;
	filter: invert(100%);
	
}

.paiement p {
	
	background-color:var(--couleur12);
	font: var(--texte12);
	color:var(--couleur17);
	padding:5px;
	margin-top:14px;
	text-align:left;
	
}

.paiement .confirmation {
	
	/* background-color:var(--couleur12); */
	font: var(--texte15);
	color:var(--couleur36);
	padding:5px;
	margin-top:14px;
	margin-bottom:44px;
	text-align:center;
	
}

.demande .confirmation {
	
	/* background-color:var(--couleur12); */
	font: var(--texte15);
	color:var(--couleur36);
	padding:5px;
	margin-top:14px;
	margin-bottom:44px;
	text-align:center;
	
}

.fond_bottom{
	
	z-index:2;
	
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    position: fixed;
    bottom: 0;
    width: -webkit-fill-available;
    height: 80px;
    align-items: center;
	pointer-events: none;
	
}

.fond_bottom_contenu{
	
	width: 100%;
	max-width:1400px;
	display:flex;
	position:relative;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	height:100%;
	pointer-events: none;
	
}

.fond_bottom_contenu .remonter_barre{

	z-index: 2;
    display: none;
    position: absolute;
    bottom: 20px;
    width: 40px;
    /* left: 20px; */
    right: 20px;
    padding: 5px;
    border-radius: 10px;
    font: var(--texte24);
    color: var(--couleur01);
    box-shadow: 0px 0px 4px 2px rgba(125,125,125,.8);
    cursor: pointer;
    background: var(--couleur17);
    justify-content: center;
	transition:all 0.2s;
    pointer-events: auto;

}

.fond_bottom_contenu .remonter_barre:hover{
	
	background:var(--couleur66);

}

.utilisateur_barre{

    z-index: 5;
    display: flex;
    position: fixed;
    top: 0px;
    height: 40px;
    left: 0px;
    right: 0px;
    /* transform: translateX(-50%); */
    padding: 5px;
    font: var(--texte23);
    color: var(--couleur01);
    /* box-shadow: 0px 0px 4px 2px rgba(125,125,125,.8); */
    cursor: pointer;
    background: var(--couleur17);
    justify-content: center;
    align-items: center;
    transition: all 0.2s;

}

.utilisateur_barre .titre{

    font: var(--texte23);
    color: var(--couleur01);
	margin-left:10px;

}

.utilisateur_barre:hover{
	
	background:var(--couleur66);

}

.php_errors_barre{

	z-index: 6;
    display: flex;
    position: fixed;
    top: 0px;
    width: 40px;
    height: 40px;
    right: 0px;
    padding: 5px;
    font: var(--texte25);
    color: var(--couleur01);
    cursor: pointer;
    background: var(--couleur26);
    justify-content: center;
    align-items: center;

}

.php_errors_barre:hover{
	
	background:var(--couleur7);
    transition: all 0.2s;

}

.logs_barre{

	z-index: 6;
    display: flex;
    position: fixed;
    top: 0px;
    width: 40px;
    height: 40px;
    left: 0px;
    padding: 5px;
    font: var(--texte25);
    color: var(--couleur01);
    cursor: pointer;
    background: var(--couleur46);
    justify-content: center;
    align-items: center;

}

.logs_barre:hover{
	
	background:var(--couleur47);
    transition: all 0.2s;

}

.bottom{

    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    position: fixed;
    bottom: 0;
    right: 0;
    width: -webkit-fill-available;
    height: 70px;
    /* box-shadow: 0 -2px 5px 4px rgba(80, 80, 80, 0.4); */
    align-items: center;
	background-color:var(--couleur12);
	pointer-events: auto;

}

.bottom,.bottom_contenu{

	align-content:center
	
}

.configurateur .bottom_contenu
{
	
	width:880px;
	
}

@keyframes slideInBottomCenter {
    0% { transform: translateX(-50%) translateY(300%); opacity: 0; }
    100% { transform: translateX(-50%) translateY(0); opacity: 1; }
}

@keyframes pulse {
    0% { transform: translateX(-50%) scale(1); }
    50% { transform: translateX(-50%) scale(1.05); }
    100% { transform: translateX(-50%) scale(1); }
}

.bouton_demande {
	
	position: fixed;
	bottom: 20px;
	left: 50%;
	
	width:250px;
	text-align:center;
	
	background-color: var(--couleur36);
	color: var(--couleur01);
	padding: 14px 10px;
	border-radius: 50px;
	font: var(--texte25);
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	transition: background 0.3s;
	z-index: 2;
	animation: slideInBottomCenter 0.6s ease-out forwards;
	animation-delay: 0s;
  
}
	
.bouton_demande:hover {
	
  background-color: var(--couleur17);
  
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.landing-demande {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 60px 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.demande-container {
  animation: fadeUp 0.8s ease-out forwards;
  opacity: 0; /* au cas où */
  background: var(--couleur01);
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  max-width: 500px;
  width: 100%;
}

.demande-container2 {
  animation: fadeUp 0.8s ease-out forwards;
  opacity: 0; /* au cas où */
  background: var(--couleur17);
  padding: 30px 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  max-width: 500px;
  width: 100%;
}

.demande-container2 .titre-galerie {
  font: var(--texte24); /* ou font-size: 24px si tu veux en dur */
  text-align: center;
  margin-bottom: 20px;
  color: var(--couleur01);
}

.demande-container2 .galerie-photos {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.demande-container2 .galerie-photos > img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.demande-container2 .mini-photos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.demande-container2 .mini-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.demande-container2 .mini-photos img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.demande-header {
  background-color: var(--couleur66);
  color: var(--couleur01);
  padding: 20px;
  border-radius: 16px 16px 0 0; /* même arrondi que demande-container */
  margin: -40px -30px 30px -30px; /* NEGATIF pour aller jusqu'au bord */
  text-align: center;
}

.demande-header h2 {
  font: var(--texte24);
  margin-bottom: 5px;
}

.demande-header .demande-sous-titre {
  font: var(--texte23);
  color: var(--couleur01);
  margin: 0;
  margin-bottom: 5px;
}

.demande-container form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.demande-container label {
  font: var(--texte23);
  margin-bottom: 5px;
}

.demande-container input,
.demande-container select,
.demande-container textarea {
  padding: 12px;
  font: var(--texte22);
  border-radius: 8px;
  border: 1px solid var(--couleur15);
  width: 100%;
}

.demande-container textarea {
  resize: vertical;
  min-height: 100px;
}

.demande-container button {
  background-color: var(--couleur66);
  color: var(--couleur01);
  padding: 14px;
  border: none;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
}

.demande-container button:hover {
  background-color: var(--couleur17);
}


/* .bottom_contenu{ */

	/* position:relative; */
	/* width: 100%; */
	/* max-width:1400px; */
	/* display:flex; */
	/* flex-direction:row; */
	/* justify-content:space-between; */
	/* flex-wrap:nowrap; */

    /* transition: .5s; */
	/* background-color:var(--couleur12); */
    /* height: 100%; */
	/* pointer-events: auto; */
	
	/* max-width:430px; */

/* } */

/* .bottom_contenu div{ */

	/* display:flex; */
	/* align-items:center; */
	/* pointer-events: auto; */

/* } */

/* .bottom_contenu a{ */

	/* height:50px; */

/* } */

/* .bottom_contenu svg{ */

	/* margin:0 */

/* } */

/* .bottom_contenu .bouton_reinitialisation,.bottom_contenu .bouton_forcer_ferme,.bottom_contenu .bouton_forcer_ouvert{ */

	/* display:flex; */
	/* flex-direction:row; */
	/* justify-content:space-between; */
	/* flex-wrap:nowrap; */
	/* align-items:center; */
	/* width:120px; */
	/* padding:5px; */
	/* margin:5px; */
	/* vertical-align:top; */
	/* text-decoration:none; */
	/* box-shadow:0 0 10px -5px var(--couleur15); */
	/* font:var(--texte23); */
	/* border:1px solid var(--couleur01); */
	/* transition:.5s; */
	/* border-radius:10px */

/* } */

/* .bottom_contenu .bouton_reinitialisation{ */

	/* background-color:var(--couleur12); */
	/* color:var(--couleur17); */
	/* transition:.5s */

/* } */

/* .bottom_contenu .bouton_forcer_ferme{ */

	/* width:50px; */
	/* padding:10px; */
	/* background-color:var(--couleur46); */
	/* color:var(--couleur01); */
	/* transition:.5s; */

/* } */

/* .bottom_contenu .bouton_forcer_ouvert{ */

	/* width:50px; */
	/* padding:10px; */
	/* background-color:var(--couleur36); */
	/* color:var(--couleur01); */
	/* transition:.5s */

/* } */

/* .bottom_contenu .bouton_reinitialisation:hover,.bottom_contenu .bouton_forcer_ferme:hover,.bottom_contenu .bouton_forcer_ouvert:hover,.bouton_ajouter_au_panier_alerte:hover{ */

	/* background-color:var(--couleur17); */
	/* color:var(--couleur01); */

/* } */

/* .bottom_contenu .bouton_reinitialisation:hover .fond_bottom,.bottom_contenu .bouton_forcer_ferme:hover .fond_bottom,.bottom_contenu .bouton_forcer_ouvert:hover .fond_bottom,.bouton_ajouter_au_panier_alerte:hover .fond_bottom{ */

	/* pointer-events: none; */

/* } */

/* .bottom_contenu .configurateur_tarif{ */

	/* display:flex; */
	/* flex-direction:row; */
	/* justify-content:center; */
	/* flex-wrap:nowrap; */
	/* align-items:center; */
	/* width:100px; */
	/* height:50px; */
	/* padding:5px; */
	/* margin:5px; */
	/* vertical-align:top; */
	/* text-decoration:none; */
	/* font:var(--texte23); */
	/* color:var(--couleur35); */
	/* transition:.5s; */
	/* border-radius:10px; */
	/* background-color:var(--couleur11); */
	/* border:1px solid var(--couleur14); */

/* } */














@keyframes rebond_1{

	0%,100%,4%{

		-webkit-transform:scale(1);
		transform:scale(1)

	}

	2%{

		-webkit-transform:scale(.8);
		transform:scale(.8)

	}

}

@keyframes rebond_2{

	0%,100%,4%,8%{

		-webkit-transform:scale(1);
		transform:scale(1)

	}

	6%{

		-webkit-transform:scale(.8);
		transform:scale(.8)

	}

}

@keyframes rebond_3{

	0%,10%,100%,6%{

		-webkit-transform:scale(1);
		transform:scale(1)

	}

	8%{

		-webkit-transform:scale(.8);
		transform:scale(.8)

	}

}

@keyframes rebond_4{

	0%,100%,12%,8%{

		-webkit-transform:scale(1);
		transform:scale(1)

	}

	10%{

		-webkit-transform:scale(.8);
		transform:scale(.8)

	}

}

@-webkit-keyframes vibration{

	0%,100%,24%,4%{

		-webkit-transform:translate(0);
		transform:translate(0)

	}

	8%{

		-webkit-transform:translate(-2px,2px);
		transform:translate(-2px,2px)

	}

	12%{

		-webkit-transform:translate(-2px,-2px);
		transform:translate(-2px,-2px)

	}

	16%{

		-webkit-transform:translate(2px,2px);
		transform:translate(2px,2px)

	}

	20%{

		-webkit-transform:translate(2px,-2px);
		transform:translate(2px,-2px)

	}

}

@keyframes vibration{

	0%,100%,24%,4%{

		-webkit-transform:translate(0);
		transform:translate(0)

	}

	8%{

		-webkit-transform:translate(-2px,2px);
		transform:translate(-2px,2px)

	}

	12%{

		-webkit-transform:translate(-2px,-2px);
		transform:translate(-2px,-2px)

	}

	16%{

		-webkit-transform:translate(2px,2px);
		transform:translate(2px,2px)

	}

	20%{

		-webkit-transform:translate(2px,-2px);
		transform:translate(2px,-2px)

	}

}

@-webkit-keyframes vibration2{

	0%,100%{

		-webkit-transform:translate(0);
		transform:translate(0)

	}

	20%{

		-webkit-transform:translate(-2px,2px);
		transform:translate(-2px,2px)

	}

	40%{

		-webkit-transform:translate(-2px,-2px);
		transform:translate(-2px,-2px)

	}

	60%{

		-webkit-transform:translate(2px,2px);
		transform:translate(2px,2px)

	}

	80%{

		-webkit-transform:translate(2px,-2px);
		transform:translate(2px,-2px)

	}

}

@keyframes vibration2{

	0%,100%{

		-webkit-transform:translate(0);
		transform:translate(0)

	}

	20%{

		-webkit-transform:translate(-2px,2px);
		transform:translate(-2px,2px)

	}

	40%{

		-webkit-transform:translate(-2px,-2px);
		transform:translate(-2px,-2px)

	}

	60%{

		-webkit-transform:translate(2px,2px);
		transform:translate(2px,2px)

	}

	80%{

		-webkit-transform:translate(2px,-2px);
		transform:translate(2px,-2px)

	}

}

@media screen and (max-width:1400px){

	.corps_recherche{
		
		border-radius:0px;
		
	}
	
	.corps_catalogue{
		
		border-radius:0px;
		
	}
	
	.corps_filtres {
		
		border-radius:0px;
		
	}

}

@media screen and (max-width:1040px){

	.header_menu,.table_responsive .tr .th{

		display:none

	}
	
	.header_menu2{
		
		display:block;
		
	}
	
	.header_menu2 .logo{
		
		display:none;
		
	}
	
	.header_menu2 .carrousel2{
		
		margin-left:0px;
		
	}
	
	.header_menu2 .carrousel2 .carrousel-wrapper .banniere_pub h2 {
		
		font: var(--texte22);
		margin:2px;
		
	}
	
	.header_menu2 .carrousel2 .carrousel-wrapper .banniere_pub h3 {
		
		font: var(--texte22);
		margin:2px;
		
	}

	.top .menu_principal{

		visibility:hidden;
		opacity:0;
		display:none

	}
	
	.footer_contenu {
    
		justify-content: space-around;
	
	}

	.footer_contenu .separation{

		display:block;
		width:90%

	}

	.hamburger,.top_contenu .logo_reduit{

		display:flex;
		visibility:visible;
		opacity:1

	}

	.table_responsive,.table_responsive .tr,.table_responsive tbody{

		display:flex;
		flex-direction:column

	}

	.table_responsive .tr .td{

		position:relative;
		padding-left:35%;
		width:100%

	}

	.table_responsive .tr .td::before{

		display:inline-flex;
		position:absolute;
		left:10px;
		text-align:left;
		font:var(--texte22);
		width:30%;
		content:attr(data-label)

	}

}

@media (--responsive) {
	
	.categories .cadre,.categories .cadre_avec_action,.categories .lien,.footer_contenu .cadre{

		/* width:-webkit-fill-available */

	}

	.categories .cadre img,.categories .cadre_avec_action img,.categories .lien img{

		/* width:-webkit-fill-available; */
		/* max-width:100%; */

	}

	.categories .lien{

		max-width:-webkit-fill-available;
		justify-content:normal

	}

	.categories .lien .description{

		height:auto

	}

	.footer_contenu .cadre{

		display:block

	}

	.bottom_contenu .bouton_reinitialisation,.bottom_contenu .bouton_ajouter_au_panier_alerte,.top_contenu .compte_valide,.top_contenu .connexion,.hamburger{

		width:50px;
		padding:10px

	}

	.top_contenu .bouton_menu_panier,.top_contenu .bouton_menu_panier_alerte{

		width:50px;
		padding:5px 10px 15px

	}

	.bottom_contenu .titre,.ecran_grande_largeur,.top_contenu a .titre{

		display:none

	}
	
	.configurateur .bottom_contenu {
	
		width:270px;
	
	}	

	.bottom_contenu svg,.top_contenu svg{

		margin:0

	}

	.bottom_contenu .configurateur_tarif{

		width:80px;
		font:var(--texte22)

	}

	.ecran_petite_largeur{

		display:table-row

	}

	.corps_recherche .table .titre{

		margin-top:0

	}

}

@media screen and (max-width:520px){
	
	.carrousel2 .carrousel-wrapper .banniere_pub {
		height: 130px;
	}
	
	.carrousel2 .carrousel-wrapper .banniere_pub h2 {
		
		font: var(--texte21);
		font-size:11px;
		
	}
	
	.carrousel2 .carrousel-wrapper .banniere_pub h3 {
		
		font: var(--texte21);
		font-size:11px;
		
	}

	.informations .informations_contenu .adresse{
	
		display:none;
	
	}

	.informations .informations_contenu .adresse2{
	
		display:flex;
	
	}

}

.presentation{

	display: flex;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
	background-color:var(--couleur12);
	border-radius:20px;
	
}

.presentation .cadre_contact{
	
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
	background-color:var(--couleur13);
    border: 1px solid var(--couleur13);
    border-radius: 20px 20px 0 0;
	margin-bottom:40px;
	padding:10px;
	
}

.presentation .contact{
	
	display: flex;
    color: var(--couleur02);
    font: var(--texte24);
    border: 1px solid var(--couleur11);
    background-color: var(--couleur12);
    border-radius: 10px;
    padding-left: 10px;
    margin: 10px;
    width: 280px;
    align-items: center;
    justify-content: space-between;
	
}

.presentation .contact .lien{

	display: inline-flex;
    color: var(--couleur66);
    font: var(--texte24);
    padding: 10px;
    margin-left: 10px;
    background-color: var(--couleur11);
    border-radius: 0 10px 10px 0;
    width: 200px;
    justify-content: flex-end;
	
}

.presentation .cadre_societe{
	
	display: flex;
    width: 600px;
    margin: 5px;
    margin-top: 40px;
    margin-bottom: 40px;
	
}

.presentation .cadre_photo_societe{
	
    display: flex;
    width: 600px;
    margin: 5px;
    margin-bottom: 40px;
    margin-top: 40px;
    justify-content: center;
	
}

.presentation .societe{
	
	background-color:var(--couleur12);
	border-radius:20px;
	font:var(--texte13);
	color:var(--couleur17);
	line-height:20px;
	letter-spacing:.5px;
	padding:20px;
	text-shadow:2px 2px 4px rgba(0,0,0,.2);
	
}

.presentation .photo_societe{
	
	display:flex;
	border:1px solid var(--couleur13);
	background-color:var(--couleur01);
	border-radius:20px;
	align-items: center;
	cursor:pointer;
	
}

.presentation .photo_societe .photo1{
	
	display:flex;
	border-radius:20px;
	width:600px;
	height:500px;
	
}

.presentation .photo_societe .photo2{
	
	display:none;
	border-radius:20px;
	width:600px;
	height:500px;
	
}

.presentation .photo_societe .video{
	
	display:none;
	border-radius:20px;
	width:600px;
	height:500px;
	
}

.presentation .cadre_partenaires{
	
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
	background-color:var(--couleur13);
    border: 1px solid var(--couleur13);
    border-radius: 0 0 20px 20px;
	padding-top: 40px;
    padding-bottom: 40px;
	
}

.presentation .partenaire{
	
    width: 200px;
    border: 1px solid var(--couleur13);
    border-radius: 20px;
	margin:5px;
	
}

.presentation .partenaire img{
	
    width: 198px;
    border-radius: 20px;
	
}

.presentation_conditions {
	
	background-color:var(--couleur12);
	border-radius:20px;
	font:var(--texte13);
	color:var(--couleur17);
	line-height:20px;
	letter-spacing:.5px;
	padding:20px;
	text-shadow:2px 2px 4px rgba(0,0,0,.2);
	text-align:left;
	
}

.presentation_conditions a{
	
	color:var(--couleur66);
	
}

.presentation_conditions a:hover{
	
	color:var(--couleur02);
	
}

@media screen and (max-width: 1410px)
{

	.presentation .cadre_contact{
		
		border-radius:0px;
		
	}
	
	.presentation{
	
		border-radius:0px;
	
	}
	
	.presentation .societe {
	
		padding-top:0px;
		padding-bottom:0px;
	
	}
	
	.presentation .cadre_partenaires{
	
		border-radius:0px;
	
	}

}

@media screen and (max-width: 1229px)
{
	
	.presentation .cadre_partenaires{
		
		width: 600px;
		margin: 5px;
		margin-bottom: 40px;
		
		border-radius:20px;
		
	}
	
}

@media screen and (max-width: 620px)
{

	.presentation .contact{
		
		width: 100%;
		
	}

	.presentation .cadre_societe{
		
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border-radius:0px;
		width:100%;
		
	}

	.presentation .photo_societe{
		
		margin-left: 10px;
		margin-right: 10px;
		
	}
	
	.presentation .cadre_partenaires{
		
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		border-radius:0px;
		width:100%;
		
	}

	.presentation .photo_societe .photo1{
		
		width:100%;
		height:100%;
		
	}

	.presentation .photo_societe .photo2{
		
		width:100%;
		height:100%;
		
	}

	.presentation .photo_societe .video{
		
		width:100%;
		height:100%;
		
	}
	
}

@media screen and (max-height: 740px) {
	
    .corps_contenu,.top_contenu {
        zoom:0.95;
    }
	
    .corps_contenu,.top_contenu, .popup_contenu {
        zoom:0.90;
    }
	
	.corps_contenu {
		max-width: 100%;
	}
	
}