@charset "utf-8";

:root {
    --font-titles: 'Inter', sans-serif;
    --font-text: 'Arimo', sans-serif;
}

a 	 						{ text-decoration: none; color: #666 }
a:hover 	 				{ color: #000 }

img.iconeverysmall			{ width: 28px!important; height: auto!important }

i.fa-bloc 					{ display: block }
i.fs10 						{ font-size: 10px }
i.fs15 						{ font-size: 15px!important }
i.fs20 						{ font-size: 20px!important }
i.fs25 						{ font-size: 25px }
i.fs30 						{ font-size: 30px }
i.fs40 						{ font-size: 40px }
i.fs60 						{ font-size: 60px }

.affich-mobi 				{ visibility: hidden; display: none }
@media (max-width: 600px){
.affich-mobi 				{ display: block!important; visibility: visible }
.affich-nomobi 				{ display: none!important; visibility: hidden }
}

.condensed 		{ font-family: 'barlow condensed'!important }
.gras  			{ font-weight: bold }
.grasoff		{ font-weight: normal }
.ital 			{ font-style: italic }
.bold  			{ font-weight: 600 }
.light  		{ font-family: 'Raleway-Light' }
.ital 			{ font-style: italic }
.gauche  		{ text-align: left }
.droite  		{ text-align: right }
.centre  		{ text-align: center }
.justif  		{ text-align: justify }
.divcentre 		{ margin-left: auto; margin-right: auto }
.float-g  		{ float:left }
.float-d  		{ float:right }
.float-none		{ float: none!important }
.bloc  			{ display: block }
.inline  		{ display: inline-block }
.milieu 		{ vertical-align: middle }
.v-top  		{ vertical-align: top }
.nobreak 		{ white-space: nowrap }
.retour			{ clear:both }
.cadre 			{ border:1px solid #CC0000 }
.cadre-no		{ border: 0 }
.curseur 		{ cursor: pointer }
.curseuroff		{ cursor: default }
.opaque 		{ opacity:0.3; filter:alpha(opacity=30); -moz-opacity:3  }
.visible 		{ display: block; visibility: visible; animation: fadeIn 0.3s ease-in }
.nonvisible 	{ display:none; visibility:hidden }
.minuscule		{ text-transform:none }
.upper			{ text-transform: uppercase }
.lower			{ text-transform: lowercase }
.barre			{ text-decoration: line-through }
.letter0 		{ letter-spacing: normal!important }
.letter1 		{ letter-spacing: 1px }
.letter2 		{ letter-spacing: 2px }
.minus			{ font-size: 10px!important; text-transform:uppercase; letter-spacing: 2px }
.minusvery		{ font-size: 9px; text-transform:uppercase; letter-spacing: 2px }
.expli			{ font-size: 10px; text-transform:uppercase; letter-spacing: 2px; color:#9C9A97; padding: 2% }
.alert			{ padding: 10px; background-color:#CC0000; color:#FFF; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; text-align:center; line-height: 1.5em }
.message		{ padding: 10px; background-color:#949FAB; color:#FFF; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; text-align:center; line-height: 1.5em }
.filet-s		{ border-bottom: 1px solid #9C9A97; margin: 3px 0 }
.filet-d		{ border-bottom: 1px dashed #9C9A97; margin: 3px 0 }
.list-none 		{ list-style: none }

.m-top1			{ margin-top: 1%!important }
.m-top2			{ margin-top: 2%!important }
.m-top3			{ margin-top: 3%!important }
.m-top5			{ margin-top: 5%!important }
.m-top10		{ margin-top: 10%!important }

.m-left1		{ margin-left: 1%!important }
.m-left2		{ margin-left: 2%!important }
.m-left3		{ margin-left: 3%!important }
.m-left5		{ margin-left: 5%!important }
.m-left10		{ margin-left: 10%!important }

.m-topbot1		{ margin-top: 1%; margin-bottom: 1% }
.m-topbot2		{ margin-top: 2%; margin-bottom: 2% }
.m-topbot3		{ margin-top: 3%; margin-bottom: 3% }
.m-topbot5		{ margin-top: 5%; margin-bottom: 5% }
.m-topbot10		{ margin-top: 10%; margin-bottom: 10% }

.margin0		{ margin: 0!important }
.margin1		{ margin: 1%!important }
.margin2		{ margin: 2%!important }
.margin3		{ margin: 3%!important }
.margin5		{ margin: 5%!important }
.margin10		{ margin: 10%!important }
.marginauto		{ margin-left: auto!important; margin-right: auto!important }

.p-top1			{ padding-top: 1%!important }
.p-top2			{ padding-top: 2%!important }
.p-top3			{ padding-top: 3%!important }
.p-top5			{ padding-top: 5%!important }
.p-top10		{ padding-top: 10%!important }

.padding0		{ padding: 0!important }
.padding1		{ padding: 1%!important }
.padding2		{ padding: 2%!important }
.padding3		{ padding: 3%!important }
.padding5		{ padding: 5%!important }

form						{ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; margin-bottom: 3%!important }
input[type="text"], input[type="email"], textarea {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; border: 1px solid #AAA; color: #7D7465; font-size: 13px!important; letter-spacing: 2px; line-height: 20px; padding: 8px 16px!important; margin: 0; resize: none }

.panel-cookie 					{ position: fixed; bottom: 100px; right: 20px; width: 300px; max-width: calc(100% - 40px); z-index: 1000; padding: 10px 30px; background-color: #5E6A6A; color: #FFF; text-align: justify; font-size: 0.9em; line-height: 1.5em }
.panel-cookie a 				{ color: #F3F4DF }
.panel-cookie a:hover			{ font-weight: bold }
.panel-cookie[hidden]			{ display: none }
.panel-cookie-btns				{ display: flex; gap: 10px; justify-content: center; margin-top: 10px }
.panel-cookie-btns button		{ flex: 0 0 120px; padding: 8px 0; border: 1px solid #333; border-radius: 5px; background: #333; color: #FFF; font-family: inherit; font-size: 0.8em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer }
.panel-cookie-btns button:hover	{ background: #C2C2C2; color: #333 }

#toppage 					{ position: fixed; right: 4%; bottom: 4%; cursor: pointer; z-index: 99; background: none; border: 0; padding: 0 }
#toppage i 					{ font-size: 3em; color: #333; filter: drop-shadow(0 0 3px rgba(255,255,255,0.5)) }
#toppage:hover 				{ opacity: 0.8 }

@keyframes fadeInLeft 			{ from { transform: translate3d(40px,0,0) } to { transform: translate3d(0,0,0); opacity: 1 } }