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!important; height: auto!important }
img.l100px { width: 100px!important; 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 { display: none; visibility: hidden }
.mobi-yes { display: block; visibility:visible }
.affich-mobi { display: none; visibility: hidden }
.affich-nomobi { display: block; visibility: visible }
@media (max-width: 600px){
.affich-mobi { display: block; visibility: visible }
.affich-nomobi { display: none; visibility: hidden }
.mobi-hidden { display: none; visibility: hidden }
.bloc-mobi { display: block }
}
.fs1em { font-size: 1em!important }
i.fa-bloc { display: block }
i.fs10 { font-size: 10px!important }
i.fs15 { font-size: 15px!important }
i.fs25 { font-size: 25px!important }
i.fs20 { font-size: 20px!important }
i.fs30 { font-size: 30px }
i.fs40 { font-size: 40px }
i.fs60 { font-size: 60px }
.cols { display: table; width: 100%; padding: 10px }
.col2 { display: table-cell; width: 50% }
.colx { display: table-cell }
@media (max-width: 600px){
.col2, .colx { display: block; width: 100%; padding: 2% }
}
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: #999 }
a.choix { color: #000 }
a:hover { color: #EE5A2F }
a.couleur { color: #EE5A2F!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: #605E5B }
a.fd-rouge { color: #000 }
a.fd-rouge:hover { color: #FFF }
.cartouche-clair { background-color: #D0D0CA; padding: 3px 5px }
.cartouche-couleur { background-color: #EE5A2F; color: #FFF; padding: 3px 5px }
a.cartouche-couleur { background-color: #605E5B; 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; font-size: 1em }
.cases a:hover { background-color: #829FBC; color: #FFF!important }
.cases a.choix { background-color: #829FBC; color: #FFF!important }
.cases div { display: inline-block; margin: 2px; border: 1px solid #829FBC; padding: 3px 5px; font-size: 1em }
.cases div.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: #605E5B }
.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: 0 20px ; font-weight: bold }
@media (max-width: 992px){
.band-suivprec { width: 50% }
}
@media (max-width: 600px){
.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 #605E5B }
table.style tr:nth-child(even) { background-color: #E1E2E3 }
table.style td { padding: 3px }
table.style td:first-child { padding-left: 10px }
table th { padding: 6px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; font-size: 11px }
table.style-th th { background-color: #657678; color: #FFF!important; padding: 6px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; font-size: 11px }
table.style-hover tr:hover { border-top: 1px solid #657678; border-bottom: 1px solid #657678 }
table.style-hover-fd tr:hover { background-color: #CCC }
table.style-hover-fd tr:hover th { background-color: #FFF }
table td.action { text-align: center }
table tr:hover td.action { background-color: #F0F1F2 }
table.style1 { border-collapse: collapse }
table.style1 tr:nth-child(even) { background-color: #E1E2E3 }
table.style1 td { padding: 6px!important }
table.style1 td:first-child { padding-left: 10px }
table.nostyle { border-collapse: collapse!important; border: none; background-color: transparent }
table.nostyle tr:nth-child(even) { background-color: inherit }
table.nostyle-hover tr:hover{ border: none }
table.nostyle td { padding: 3px!important }
td.prix { text-align: right; padding-right: 10px!important }
.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 #605E5B }
.categflex div:hover { background-color: #605E5B; color: #FFF }
.categflexchoix { background-color: #605E5B; 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: #605E5B }
.categs .categchoix a.ssrub { color: #605E5B }
/* 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.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: #EE5A2F!important}
.couleurG { color: #EE5A2F; font-weight: bold }
.fond-couleurG { background-color: #EE7818!important; color: #FFF; font-weight: bold }
.blanc { color: #F2F2F2!important }
.blancG { color: #F2F2F2!important; font-weight: bold }
.blancBK { background-color: #FFF!important }
.orange { color: #EE7818}
.orangeG { color: #EE7818; font-weight: bold }
.jaune { color: #EEDB18}
.jauneG { color: #EEDB18; font-weight: bold }
.fond-orangeG { background-color: #EE7818; color: #FFF; font-weight: bold }
.rouge { color: #B3080A!important}
.rougeG { color: #B3080A; font-weight: bold }
.rougeBK { background-color: #B3080A!important }
.vert { color: #00B04D!important}
.vertG { color: #00B04D; font-weight: bold }
.bleu { color: #23394E }
.bleuG { color: #23394E; font-weight: bold }
.gris { color: #666!important}
.grisG { color: #666; font-weight: bold}
.grisBK { background-color: #CCC!important }
.noir { color: #000!important}
.noirG { color: #000; font-weight: bold}
.clair { color:#D0D0CA }
.clairG { color:#D0D0CA; font-weight: bold }
.moyen { color:#829FBC }
.moyenG { color:#829FBC; font-weight: bold }
.fonce { color:#605E5B }
.fonceG { color:#605E5B; 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!important }
.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!important; text-transform: uppercase!important; letter-spacing: 2px!important }
.minusvery { font-size: 9px!important; text-transform: uppercase!important; letter-spacing: 2px!important }
.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!important }
.size1 { font-size: 1em!important }
.size1-1 { font-size: 1.1em!important }
.size1-2 { font-size: 1.2em!important }
.lineH08 { line-height: 0.8em!important }
.lineH1 { line-height: 1em!important }
.lineH1-1 { line-height: 1.1em!important }
.lineH1-5 { line-height: 1.5em!important }
@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}}
@keyframes fadeInLeft { from { transform: translate3d(40px,0,0) } to { transform: translate3d(0,0,0); opacity: 1 }}
@-webkit-keyframes fadeInLeft { from { transform: translate3d(40px,0,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, .animatedFadeInLeft { opacity: 0 }
.fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp }
.fadeInLeft { opacity: 0; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft }
.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-left0 { margin-left: 0!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-left15 { margin-left: 15%!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 }
.marginauto { margin-left: auto!important; margin-right: auto!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 }
.lmax600 { max-width: 600px }
.lmax800 { max-width: 800px }
.more { width: 80%; margin: 2% auto; background-color: #E2E2E2; border: 1px solid #829FBC; font-family: 'barlow condensed'; text-transform: uppercase; letter-spacing: 2px; text-align: center }
.more img { display: inline-block; width: 0; height: auto; vertical-align: middle }
.more a { display: block; color: #829FBC; padding: 10px }
.more:hover { background-color: #F2F2F2 }
.more:hover img { width: 38px; height: auto }
.more-ssfond { width: 80%; margin: 2% auto; border: 1px solid #CCC; font-family: 'barlow condensed'; text-transform: uppercase; letter-spacing: 2px }
.more-ssfond img { display: inline-block; width: 0; height: auto }
.more-ssfond a { display: block; color: #829FBC; padding: 15px }
.more-ssfond:hover img { width: 10px; height: auto }
.more-all { width: 100%; margin-bottom: 5%; background-color: #605E5B; font-family: 'barlow condensed'; text-transform: uppercase; letter-spacing: 2px; text-align: center }
.more-all a { display: block; color: #FFF; padding: 10px }
.more-all:hover { background-color: #A09D9A }
.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: #E0E1E2; color: #999; padding: 1%; letter-spacing: 2px; cursor: pointer; text-align: center; font-size: 0.8em }
.bloc-more label span { color: #999; font-size: 1.5em }
.bloc-more label:hover { background-color: #C0C1C2 }
.bloc-more input[type=checkbox]:checked + label + .bloc-more-suite { max-height: 1000px }
.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; width: 80%; margin: 2% auto; padding: 10px; background-color: #E2E2E2; border: 1px solid #829FBC; font-family: 'barlow condensed'; color: #829FBC; text-transform: uppercase; letter-spacing: 2px; text-align: center; cursor: pointer }
.bloc-suite input[type=checkbox]:checked + label + .bloc-suite-info { max-height: 1000px; padding: 2% 0 }
.bloc-suite label > span { float: right; -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 }
/**/
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','Century Gothic', Verdana }
.ligne { margin: 1% 0; color:#555 }
.ligne-float-d { float: right }
.ligne-cols4 { column-count: 4 }
.typeinfo { font-size: 13px; 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%; font-size: 0.9em; 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, textarea { font-family: 'Police','Century Gothic', Verdana; 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%; min-width: 100px; 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','Century Gothic', Verdana; background-color: #605E5B; 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: 9px; font-style:italic; padding: 8px; letter-spacing: 1px }
input[type="submit"].bouton { display: inline; width: 40px; font-size: 11px; padding: 4px; margin: 0 5px; border-radius: 50% }
form li { display: inline-block; width: 25%; vertical-align: top }
form.l60 { width: 60%; max-width: 500px; margin: auto }
form.l80 { width: 80%; max-width: 700px; margin: auto }
form.l90 { width: 90%; max-width: 700px; margin: auto }
form .l100 { float: none; width: 100%; margin: 5px 0 15px 0 }
form.l100 input[type="text"], form.l100 input[type="password"], form.l100 input[type="email"] { 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: 600px){
form { width: 90%; max-width: none }
.ligne { margin: 3% }
.ligne-cols4 { column-count: 2 }
form label { float: none; display: block; width: 100% }
input, textarea, select { width: 100% }
select { height: 37px }
select.heure { width: inherit }
form.l60, form.l80, form.l90 { width: 100%!important }
input.date { width: 100% }
input[type="submit"].valider, input[type="button"].valider, input[type="button"].cancel { width: 100% }
}
#toppage { position: fixed; background-image: url(https://dashboard.reussette.com/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: 'Questrial';
src: url('/fonts/Questrial-Regular.eot');
src: url('/fonts/Questrial-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Questrial-Regular.woff') format('woff'), url('/fonts/Questrial-Regular.ttf') format('truetype');
}
@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;
}