img							{ border:none;}
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 }

img.l64px 					{ width: 64px; height: auto!important }
img.l100px 					{ width: 100px; height: auto!important }
img.l100 					{ width: 100%!important; height: auto!important; max-width: 100%!important }

img.iconelien				{ cursor: pointer; vertical-align:middle }
img.iconelien:hover			{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }

img.iconeaction 			{ float:right; padding: 3px; cursor: pointer; vertical-align:middle; height: 35px!important; width: auto!important }
img.iconeaction:hover		{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }

.iconesaction				{ float:right; cursor: pointer }
.iconesaction img			{ padding: 5px; cursor: pointer; vertical-align:middle; width: 30px }
.iconesaction img:hover		{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }

img.iconeactionligne		{ float: right; padding: 0 8px; cursor: pointer; vertical-align: middle  }

img.bloc 					{ display: block; margin: 2% }

.mobi-no					{ visibility: hidden; display: none }
.mobi-yes					{ display: block; visibility:visible }

.affich-mobi 				{ visibility: hidden; display: none }
.affich-nomobi 				{ display: block; visibility: visible }
@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 }

.cols2 						{ display: table; width: 100%; padding: 10px }
.col2 						{ display: table-cell; width: 50% }

a.iconeretour img			{ float:right; padding: 5px; cursor: pointer; vertical-align:middle; width: 30px; height: auto } 
a.iconeretour img:hover		{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }
a.iconeretour span 			{ opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; position:absolute;    margin-top:15px;     margin-left:-60px;	 color:#999;   font-size:10px; text-transform:uppercase; letter-spacing: 2px; font-style:normal !important}
a.iconeretour:hover span 	{ opacity:1;  transform:scale(1) rotate(0); }

a 	 						{ text-decoration: none; color: #A07900  }
a.choix 	 				{ color: #000 }
a:hover 	 				{ color: #AE3B2C }
a.couleur 					{ color: #DA5158!important  }
a.couleur:hover 			{ color: #829FBC!important }
a.couleurbleu 				{ text-decoration: none; color: #F46970  }
a.couleurbleu:hover 		{ color: #829FBC }
a.noir 						{ color: #000 }
a.noir:hover 				{ color: #60503A }
a.fd-rouge 					{ color: #000 }
a.fd-rouge:hover 			{ color: #FFF }

.cartouche-couleur 			{ background-color: #60503A; color: #FFF; padding: 3px 5px  }

a.cartouche-couleur 		{ background-color: #60503A; color: #FFF; padding: 3px 5px  }
a.cartouche-couleur:hover	{ background-color: #829FBC; color: #FFF; padding: 3px 5px  }

.cases a					{ display: inline-block; margin: 2px; border: 1px solid #829FBC; padding: 3px 5px }
.cases a:hover				{ background-color: #829FBC; color: #FFF!important  }
.cases a.choix				{ background-color: #829FBC; color: #FFF!important  }
select.actionchoix				{ border: 1px solid #7D7465;	color: #7D7465;	font-size: 13px; letter-spacing: 2px; line-height: 20px; padding: 6px 12px;	margin: 0;	resize: none; background-color: transparent }

.band-suivprec				{ font-size: 10px; letter-spacing: 2px; text-align: center }
.band-suivprec .btn			{ display: inline-block; vertical-align: middle; cursor:pointer; height: 32px; width: 32px; text-align: center; font-size: 24px; padding-top: 3px; color: #627788 }
.band-suivprec .btn	.fas	{ vertical-align: top }
.band-suivprec .btn:hover 	{ color: #F46970 }
.band-suivprec .btnvide		{ display: inline-block; height: 30px; width: 31px; margin-left: 5px; padding-top: 9px }
.band-suivprec .btnvide-fd	{ border: 1px solid #F2F2F2 } /*style intranet*/
.band-suivprec a:hover 	 	{ color: #60503A }

.band-suivprec .btn-large	{ display: inline-block; vertical-align: middle; cursor:pointer; height: 32px; width: auto; text-align: center; font-size: 24px; color: #627788 }
.band-suivprec .btn-large:hover { color: #F46970 }
.band-suivprec .btn-large .fas	{ display: inherit; vertical-align: middle }
.band-suivprec .btn-large label	{ display: inherit; margin-bottom: 0 }
.band-suivprec a			{ display: inline-block; vertical-align: middle; padding: 7px 20px 0; font-weight: bold }

@media (max-width: 992px){
.band-suivprec				{ width: 50% }
}
@media (max-width: 480px){
.band-suivprec				{ width: 90% }
}

.band-lien 					{ width: 70%; margin: 15px auto; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #F09D9E; color: #333; text-align: center }
.band-lien:hover 			{ background-color: #F46970 }
.band-lien a 				{ display: block; padding: 10px 25px }
.band-lien:hover a 			{ color: #FFF  }

table.style	 				{ border-collapse: collapse; border: 1px solid #60503A  }
table.style tr:nth-child(even) 	{ background-color: #E1E2E3 }
table.style td				{ padding: 3px }
table.style td:first-child	{ padding-left: 10px }
table.style-hover tr:hover	{ border-top: 1px solid #60503A; border-bottom: 1px solid #60503A }

.categflex 					{ display: flex; flex-direction: row; justify-content: space-between; text-align: center; font-weight: 900; font-style: italic; font-size: 0.9em }
.categflex div 				{ display: inline-block; padding: 1%; margin: 1%; border: 2px solid #60503A }
.categflex div:hover		{ background-color: #60503A; color: #FFF }
.categflexchoix				{ background-color: #60503A; color: #FFF }

.categtable					{ display: table; width: 100%; min-height: 42px; padding:0; margin: 0}	
.categtxt					{ display: table-cell; vertical-align:middle; text-align: center }							
.categ						{ background-color: #829FBC; color: #FFF }						
.categ:hover				{ background-color: #BDCCDB; border-left: 6px solid #829FBC }
.categchoix					{ background-color: #BDCCDB; font-weight: bold }

.categs 					{ font-size: 1.1em }
.categs .categ				{ background-color: #829FBC; border-bottom: 1px solid #FFF }		
.categs .categ a			{ display: block; padding: 10px; color: #FFF }						
.categs .categ a.ssrub		{ display: block; padding: 0 10px 5px; color: #FFF; font-weight: normal; font-size: 0.9em; text-align: left }		
.categs .categ:hover		{ background-color: #BDCCDB; border-left: 6px solid #829FBC }		
.categs .categ a:hover.ssrub{ color: #FFF }		
.categs .categchoix			{ background-color: #BDCCDB; border-left: 6px solid #829FBC; font-weight: bold }	
.categs .categchoix a		{ color: #60503A }
.categs .categchoix a.ssrub	{ color: #60503A }						

/* autocomplete */
.search 					{ background:url(/images/icone-search-input.png) no-repeat right #FFF; min-width: 200px; margin: 1% 0 0 0 }
.entete-search				{ background:url(/images/icone-search-input-fd.png) no-repeat right #FFF; width: 22%; min-width: 250px }
li.ui-menu-item				{ padding: 5px 10px; font-size: 12px; font-weight: bold; color: #7D7465 }
li.ui-menu-item:hover		{ background-color: #000 }
li.ui-menu-item:hover a		{ color: #FFF }

/* ck-editor */
.ck-editor__editable  		{ min-height: 300px   }


.couleur  		{ color: #DA5158}
.couleurG 		{ color: #DA5158; font-weight: bold }
.blanc 			{ color: #F2F2F2!important }
.blancG 		{ color: #F2F2F2!important; font-weight: bold }
.orange  		{ color: #EE7818}
.orangeG 		{ color: #EE7818; font-weight: bold }
.rouge  		{ color: #CC0000}
.rougeG 		{ color: #CC0000; font-weight: bold }
.bleu			{ color: #23394E }
.bleuG	 		{ color: #23394E; font-weight: bold }
.gris	  		{ color: #666!important}
.grisG 			{ color: #666; font-weight: bold}
.noir	  		{ color: #000!important}
.noirG 			{ color: #000; font-weight: bold}

.clair 			{ color:#D0D0CA }
.clairG 		{ color:#D0D0CA; font-weight: bold }
.moyen 			{ color:#A07900 }
.moyenG 		{ color:#A07900; font-weight: bold }
.fonce 			{ color:#60503A }
.fonceG 		{ color:#60503A; font-weight: bold }

.fond:hover 	{ background-color: #CCC }

.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!important }
.letter1 		{ letter-spacing: 1px }
.letter2 		{ letter-spacing: 2px }
.minus			{ font-size: 10px; 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 }

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.size09 		{ font-size: 0.9em }
.size1-1 		{ font-size: 1.1em }
.size1-2 		{ font-size: 1.2em }

.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-left20		{ margin-left: 20%!important }

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

.margin1		{ margin: 1%!important }
.margin2		{ margin: 2%!important }
.margin3		{ margin: 3%!important }
.margin5		{ margin: 5%!important }
.margin10		{ margin: 10%!important }

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

ul.li-m-top2 li, ol.li-m-top2 li { margin-top: 2% }

.l20			{ width: 20%!important; margin: auto }
.l40			{ width: 40%!important; margin: auto!important }
.l60			{ width: 60%!important; margin: auto }
.l80			{ width: 80%!important; margin: auto }
.l90			{ width: 90%!important; margin: auto }
.l100			{ width: 100%!important }

.more			{ display: block; width: 80%; margin: 2% auto; padding: 15px; border: 1px solid #C2AA72; font-family: 'barlow condensed'; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #C2AA72; cursor: pointer; transition: transform 0.225s cubic-bezier(0.77, 0, 0.175, 1); }
.more a			{ display: block; color: #C2AA72; padding: 10px }
.more img 		{ display: inline-block; width: 0; height: auto; vertical-align: middle }
.more:hover		{ background-color: #F2F2F2 }
.more:hover img { width: 18px; height: auto }
@media (max-width: 550px){
.more			{ padding: 8px }
}

.bloc-info-suite 		{ border-right: 1px solid #CCC; border-left: 1px solid #CCC; padding: 0 10px; height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out }
.bloc-info label		{ float: none; display: block; width: 100%; border: 1px solid #CCC; padding: 1%; font-size: 17px; color: #829FBC; font-weight: bold; text-transform: none; cursor: pointer }
.bloc-info label .desc 	{ font-size: 0.8em; color: #666; font-weight: normal }
.bloc-info label span 	{ color: #CCC; font-size: 1.5em }
.bloc-info label:hover span	{ color: #829FBC }
.bloc-info input[type=checkbox]:checked + label + .bloc-info-suite { max-height: 3000px }
.bloc-info label > span { float: right; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease }


.bloc-more-suite 		{ margin: 2% 5% 0 5%;  height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out }
.bloc-more label		{ float: none; display: block; width: 100%; background-color: #BAC2C8; padding: 1%; letter-spacing: 2px; cursor: pointer; text-align: center; font-size: 0.8em }
.bloc-more label span 	{ color: #EEE; font-size: 1.5em }
.bloc-more label:hover	{ background-color: #CCC; color: #FFF }
.bloc-more input[type=checkbox]:checked + label + .bloc-more-suite { max-height: 3000px }
.bloc-more label > span { float: right; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease }
.bloc-more input[type=checkbox]:checked + label > span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }

.bloc-suite-info 		{ height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out }
.bloc-suite label		{ float: none; display: block; padding: 1%; letter-spacing: 2px; font-size: 0.9em; cursor: pointer }
.bloc-suite input[type=checkbox]:checked + label + .bloc-suite-info { max-height: 1000px; padding: 2% 0 }
.bloc-suite label > span { float: right; margin-top: 2%; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease }
.bloc-suite input[type=checkbox]:checked + label > span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }

.bloc-suitetxt-info 		{ height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out }
.bloc-suitetxt label		{ float: none; display: block; cursor: pointer; text-transform: none }
.bloc-suitetxt input[type=checkbox]:checked + label + .bloc-suitetxt-info { max-height: 1000px; padding: 2% 0 }
.bloc-suitetxt label > span { margin-left: 2%; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease }
.bloc-suitetxt input[type=checkbox]:checked + label > span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }


form .bloc-more label:hover	{ background-color: #BAC2C8; color: #000 }

/*<div class="bloc-more">
<input id="suite" type="checkbox" hidden />
<label for="suite" class="upper">si vous souhaitez visualiser la photo <span class="fas fa-chevron-right"></span></label>
<div class="bloc-more-suite">
	xxx
</div>
</div>*/

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); }
a span.infobullesubdiv 			{ float:right; opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; margin-top:-30px;     margin-right:-100px;
	 color:#FFF; font-size:9px; letter-spacing: 2px;     background-color:#F46970;     padding:5px;  }
a:hover span.infobullesubdiv 	{ opacity:1;  transform:scale(1) rotate(0); }
i span.infomailbulle 			{ opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; font-size:12px; background-color:#CCC; padding:5px; font-style:normal  }
i:hover span.infomailbulle	 	{ opacity:1;  transform:scale(1) rotate(0); }

form					{ font-family: Police!important;	 }
.ligne					{ margin: 1% 0; color:#555 }
.typeinfo				{ font-size: 14px; text-transform: uppercase; background-color: #BAC2C8; padding: 5px; text-align: center; margin: 20px 0 5px 0 }
.typeinfo-desc			{ font-size: 12px; text-transform: uppercase; background-color: #23394E; color: #BAC2C8; padding: 5px; text-align: center; margin: 20px 0 5px 0 }
.info 					{ font-size: 14px; text-transform: uppercase; background-color:#DDD; padding: 5px ; text-align:center; margin: 20px 0 5px 0; color:#555 }
.coche					{ display: inline-block; margin-right: 5%}
form label 				{ float: left;	width: 20%; text-transform: uppercase; color:#555 }
input					{ width: 80% }
input[type="checkbox"]	{ width: 20px; vertical-align: middle }
input[type="radio"]		{ width: 20px; vertical-align: middle }
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="date"], input[type="file"], select,form textarea {
	font-family: Police!important;	border: 1px solid #777;	color: #7D7465;	font-size: 13px; letter-spacing: 2px; line-height: 20px; padding: 8px 16px ; margin: 0;	resize: none;}
input[type="number"] 	{ text-align: center; width: 20%; max-width: 120px }
input.date				{ background:url(/images/calendar.png) no-repeat right; width: 20%; min-width: 180px; cursor:pointer }
input[type="submit"], input[type="button"] { font-family: Police!important;	background-color: #60503A;	border: none; cursor: pointer; text-align: center;	vertical-align: middle;	color: #fff; height: 40px; font-size: 16px; letter-spacing: 4px; text-transform:uppercase;  -webkit-appearance: none }
input[type="submit"].valider, input[type="button"].valider	{ display: inline; width: 85%; 	margin: 10px 1% 0 0; }
input[type="submit"].condensed, input[type="button"].condensed	{ font-family: 'barlow condensed'!important; font-size: 14px }
input[type="submit"]:hover, input[type="button"]:hover 		{ background-color: #767171 }
input[type="button"].cancel 	{ display: inline; width: 14%; margin: 10px 0 0 0; font-size: 10px; font-style:italic; padding: 8px }
input[type="submit"].bouton 	{ display: inline; width: 40px; font-size: 11px; padding: 4px; margin: 0 5px; border-radius: 50% }

form.l80				{ width: 80%; margin: 10px auto }
form .l100				{ float: none; width: 100%; margin: 5px 0 15px 0 }
form.l100 input			{ float: none; width: 100%; margin: 3px 0 9px 0  }
form.l100 label			{ float: none; width: 100%; display: block }
form.l100 textarea		{ float: none; width: 100% }

@media (max-width: 550px){
form label 				{ float: none; display: block; width: 100% }
input, textarea, select	{ width: 100% }
form .l80 				{ width: 100%!important }
input[type="submit"].valider, input[type="button"].valider	{ width: 74% }
input[type="button"].cancel 	{ width: 25%; letter-spacing: 2px }
}

#toppage 					{ position: fixed; background-image:url(/images/haut-page.png); height: 48px; width: 48px; right: 2%;  bottom: 2%; cursor: pointer }
#toppage:hover 				{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }
@media (max-width: 768px){
#toppage					{ display:none; visibility:hidden }
}

@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:Gabriel;src:url(/fonts/Gabriel-Sans-Light.eot);src:url(/fonts/Gabriel-Sans-Light.eot?#iefix) format("embedded-opentype"),url(/fonts/Gabriel-Sans-Light.woff2) format("woff2"),url(/fonts/Gabriel-Sans-Light.woff) format("woff"),url(/fonts/Gabriel-Sans-Light.ttf) format("truetype"),url(/fonts/Gabriel-Sans-Light.svg#Gabriel-Sans-Light) format("svg");
	font-weight:400;font-style:normal}
@font-face{
	font-family:Gabriel;src:url(/fonts/Gabriel-Sans-Medium.eot);src:url(/fonts/Gabriel-Sans-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/Gabriel-Sans-Medium.woff2) format("woff2"),url(/fonts/Gabriel-Sans-Medium.woff) format("woff"),url(/fonts/Gabriel-Sans-Medium.ttf) format("truetype"),url(/fonts/Gabriel-Sans-Medium.svg#Gabriel-Sans-Medium) format("svg");
	font-weight:500;font-style:normal}

@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;
}