img							{ border: none }
img.gray 					{ filter: grayscale(100%) }
img.noselect 				{ opacity:0.5; filter:alpha(opacity=50); -moz-opacity:5 }
img:hover.estomp			{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }

img.icone					{ width: 48px!important; height: auto!important }
img.iconesmall				{ width: 38px!important; height: auto!important }
img.iconeverysmall			{ width: 28px!important; height: auto!important }
img.iconeminus				{ width: 18px!important; height: auto!important }

.affich-mobi 				{ visibility: hidden; display: none }
@media (max-width: 550px){
.affich-mobi 				{ display: block; visibility: visible }
.affich-nomobi 				{ visibility: hidden; display: none }
.bloc-mobi 					{ display: block }
}

i.fa-bloc 					{ display: block }
i.fs10 						{ font-size: 10px }
i.fs15 						{ font-size: 15px!important }
i.fs20 						{ font-size: 20px!important }
i.fs30 						{ font-size: 30px }
i.fs40 						{ font-size: 40px }
i.fs60 						{ font-size: 60px }

a 	 			{  text-decoration: none; color: #938E7A }
a:hover 	 	{ color: #000 }

.blanc 			{ color:#F2F2F2 }
.blancG 		{ color:#F2F2F2; font-weight: bold }
.rouge  		{ color:#CC0000}
.rougeG 		{ color:#CC0000; font-weight: bold}

.clair 			{ color:#D0D0CA}
.clairG 		{ color:#D0D0CA; font-weight: bold }
.moyen 			{ color:#6D705F}
.moyenG 		{ color:#6D705F; font-weight: bold}
.fonce 			{ color:#656360 }
.fonceG 		{ color:#656360; font-weight: bold }

.condensed 		{ font-family: 'barlow condensed'!important }
.gras  			{ font-weight: bold }
.grasoff		{ font-weight: normal }
.ital 			{ font-style: italic }
.souligne		{ text-decoration: underline  }
.barre			{ text-decoration: line-through  }
.gauche  		{ text-align: left!important }
.droite  		{ text-align: right!important }
.centre  		{ text-align: center!important }
.justif  		{ text-align: justify!important }
.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 }
.curseur 		{ cursor: pointer }
.curseuroff		{ cursor: default!important }
.opaque 		{ opacity:0.3; filter:alpha(opacity=30); -moz-opacity:3  }
.visible 		{ display: block; visibility: visible }
.nonvisible 	{ display:none; visibility:hidden }
.minuscule		{ text-transform:none!important }
.upper			{ text-transform: uppercase; }
.lower			{ text-transform: lowercase; }
.letter1 		{ letter-spacing: 1px }
.letter2 		{ letter-spacing: 2px }
.minus			{ font-size: 10px; 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 }
.police 		{ font-family: 'Police','Century Gothic', Verdana }

.size09 		{ font-size: 0.9em }
.size1-1 		{ font-size: 1.1em }
.size1-2 		{ font-size: 1.2em }

.lineH1-5 		{ line-height: 1.5em }
.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-topbot1		{ margin-top: 1%; margin-bottom: 1% }
.m-topbot2		{ margin-top: 2%; margin-bottom: 2% }

.padding1		{ padding: 1%!important }
.padding2		{ padding: 2%!important }

.l100			{ width: 100%!important }

.more		 	{ background-color: #DDD; color: #787878; margin: 5%; padding: 5px 10px;font-size: 10px; text-align:center; text-transform:uppercase; letter-spacing: 2px; cursor: pointer }
.more:hover	 	{ border: 1px dashed #938E7A; cursor:pointer }

A span.infobulle 	{ opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; position:absolute;    margin-top:20px;     margin-left:-50px;	 color:#999; background-color:#F0F1F2;     padding:3px 5px;     border-radius:2px;     box-shadow:0 0 1px rgba(0,0,0,.5); font-size:12px; font-style:normal !important; }
A:hover span.infobulle 	{ opacity:1;  transform:scale(1) rotate(0); }
A span.infobulletop 	{ opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; position:absolute;    margin-top:-22px;     margin-left:-80px;	 color:#DDD; background-color:#000;     padding:3px 5px;     font-size:12px; font-style:normal !important}
A:hover span.infobulletop 	{ opacity:1;  transform:scale(1) rotate(0); }
A span.infobulleentete 	{ opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; position:absolute;    margin-top:-60px;     margin-left:-90px;	 color:#666; background-color:#FEF6F6;     padding:3px 5px;     border-radius:2px;     box-shadow:0 0 1px rgba(0,0,0,.5); font-size:12px; font-style:normal !important; text-transform: none!important; line-height:normal!important}
A:hover span.infobulleentete 	{ opacity:1;  transform:scale(1) rotate(0); }

.panel-cookie 			{ position: fixed; bottom: 100px; width: 300px; right: -300px; z-index: 1000; padding: 10px 30px; background-color: #6D705F; color: #FFF; text-align: justify; line-height: 1.3em }
.panel-cookie i 		{ display: block; text-align: right }
.panel-cookie a 		{ color: #FFF }

#toppage 					{ position: fixed; background-image: url(/images/haut-page.png); height: 48px; width: 48px; right: 2%;  bottom: 2%; cursor: pointer; z-index: 99 }
#toppage:hover 				{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }
@media (max-width: 768px){
#toppage					{ right: 10%; bottom: -8px }
}

@font-face{font-family:barlow condensed;src:url(/fonts/BarlowCondensed-Regular.ttf);font-style:normal;font-weight:400 }/*;font-display:swap*/
@font-face{font-family:barlow condensed;src:url(/fonts/BarlowCondensed-SemiBold.ttf);font-style:normal;font-weight:600 }
@font-face{font-family:just lovely;src:url(/fonts/JustLovely.otf);font-style:normal;font-weight:400 }

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaBold.eot');
    src: url('/fonts/MeliMediaBold.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaBold.woff') format('woff'), url('/fonts/MeliMediaBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaExtraLight.eot');
    src: url('/fonts/MeliMediaExtraLight.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaExtraLight.woff') format('woff'), url('/fonts/MeliMediaExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaBold-Italic.eot');
    src: url('/fonts/MeliMediaBold-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaBold-Italic.woff') format('woff'), url('/fonts/MeliMediaBold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaRegular.eot');
    src: url('/fonts/MeliMediaRegular.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaRegular.woff') format('woff'), url('/fonts/MeliMediaRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaMedium-Italic.eot');
    src: url('/fonts/MeliMediaMedium-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaMedium-Italic.woff') format('woff'), url('/fonts/MeliMediaMedium-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaExtraLight-Italic.eot');
    src: url('/fonts/MeliMediaExtraLight-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaExtraLight-Italic.woff') format('woff'), url('/fonts/MeliMediaExtraLight-Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaMedium.eot');
    src: url('/fonts/MeliMediaMedium.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaMedium.woff') format('woff'), url('/fonts/MeliMediaMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaUltraLight-Italic.eot');
    src: url('/fonts/MeliMediaUltraLight-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaUltraLight-Italic.woff') format('woff'), url('/fonts/MeliMediaUltraLight-Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaLight-Italic.eot');
    src: url('/fonts/MeliMediaLight-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaLight-Italic.woff') format('woff'), url('/fonts/MeliMediaLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaBlack.eot');
    src: url('/fonts/MeliMediaBlack.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaBlack.woff') format('woff'), url('/fonts/MeliMediaBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaUltraLight.eot');
    src: url('/fonts/MeliMediaUltraLight.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaUltraLight.woff') format('woff'), url('/fonts/MeliMediaUltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaBlack-Italic.eot');
    src: url('/fonts/MeliMediaBlack-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaBlack-Italic.woff') format('woff'), url('/fonts/MeliMediaBlack-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Police Semi';
    src: url('/fonts/MeliMediaSemiBold-Italic.eot');
    src: url('/fonts/MeliMediaSemiBold-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaSemiBold-Italic.woff') format('woff'), url('/fonts/MeliMediaSemiBold-Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaLight.eot');
    src: url('/fonts/MeliMediaLight.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaLight.woff') format('woff'), url('/fonts/MeliMediaLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Police Semi';
    src: url('/fonts/MeliMediaSemiBold.eot');
    src: url('/fonts/MeliMediaSemiBold.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaSemiBold.woff') format('woff'), url('/fonts/MeliMediaSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Police';
    src: url('/fonts/MeliMediaRegular-Italic.eot');
    src: url('/fonts/MeliMediaRegular-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/MeliMediaRegular-Italic.woff') format('woff'), url('/fonts/MeliMediaRegular-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}