@font-face {
	font-family: montserrat;
	src: url('fonts/Montserrat-Regular.ttf') format('truetype');
	font-display: swap;
}

/***** CSS *****/
body { 
	font: 10px montserrat; background: #eee; margin:0px; 
	background: #2A7B9B linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 11%, rgba(240, 255, 238, 1) 100%);
}
td { font: 12px montserrat; color: #111c24 }
a:link {font: 12px montserrat; text-decoration: underline; color:black}
a:visited {font: 12px montserrat; text-decoration: underline; color:black}
a:hover { font: 12px montserrat; color:#aa001d }
a:focus { font: 12px montserrat; color:black }

a.menu:link {font: 13px montserrat; text-decoration: none; color:#000}
a.menu:visited {font: 13px montserrat; color:#000}
a.menu:hover { font: 13px montserrat; text-decoration: underline; color:#000 }
a.menu:focus { font: 13px montserrat; color:#000 }
.menu { font: 13px montserrat; color: #000;}

.bx { border-radius:10px; box-shadow:3px 3px 5px #888; }
.bx:hover { border-radius:10px; box-shadow:3px 3px 8px #444; }

.button-86 { all: unset; color:#fff; width: 100px; height: 30px; font-size: 16px; border: none; position: relative; cursor: pointer; z-index: 1; padding: 10px 20px; display: flex; align-items: center; justify-content: center; touch-action: manipulation; }
.button-86::after,.button-86::before { content: ''; position: absolute; bottom: 0; right: 0; z-index: -99999; transition: all .4s; }
.button-86::before { transform: translate(0%, 0%); width: 100%; height: 100%; background: #28282d; border-radius: 10px; }
.button-86::after { trasnsform: translate(10px, 10px); width: 0px; height: 0px; background: #ffffff15; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 50px; }
.button-86:hover::before { transform: translate(5%, 20%); width: 110%; height: 110%; }
.button-86:hover::after { border-radius: 10px; transform: translate(0, 0); width: 100%; height: 100%; }
.button-86:active::after { transition: 0s; transform: translate(0, 5%); }

.tred { color: #f00;font: 14px montserrat;font-weight:bold; letter-spacing:0.5px;  }

.c30 {text-align:center; width:30px;}
.pgris { font: 10px montserrat; color: #555; background:#ddd; text-align:center; width:30px;}
.ms {font: 50px montserrat;  background:#cfc; text-align:center; }
.fe { width:30px; background:#ddd; text-align:center; }
.souligne {border-bottom:1px solid #ccc;}
.sl {border-bottom:1px solid #ccc; text-align:center;}

.w20 { width:20px; }
.bv { background:#cfc; }
.bg { background:#ddd; border:1px solid #aaa; }
.njr { border:0px; width:35px; text-align:right; }
.gr { background:#ddd; }
.gc { background:#faf6f2; }

.tbcl { width:300px; }

#map-canvas { width: 700px; height:400px; margin: 0px; padding: 0px }

/***** AUTO MOTEUR DE RECHERCHE  *****/
.suggestionsBox { position: absolute; box-shadow: 3px 3px 5px #888; border-radius:10px; left:-50px; top:12px; width: 1100px; background-color: #fff; border: 1px solid #393; color: #eee;  }
.suggestionList { margin: 0px; padding: 0px; }
.suggestionList ul li { list-style:none; margin: 0px; padding: 6px; border-bottom:1px solid #efefef; cursor: pointer; }
.suggestionList ul li:hover { background-color: #ffe; color:#000; }
.ul { font-size:11px; color:#000; padding:5px; margin:0px; }
#suggest { position:relative; z-index:100; }

.rmcinq{text-align:right;padding-right:5px;}
.mv { cursor: move; }

.pg { color:#aaa; }
.bl { background:#cce; }
.vr { background:#eec; }
.sm { text-align:center; }

.we { background:#ccc; }
.fm { border-right: 1px solid #000; }

#cn td{text-align:center; width:82px}

#smenu td{ font: 14px montserrat; padding-top:8px; }
#smenu img{ vertical-align:middle; margin-right:3px; }

.off{ background:url(images/strike3b.png) repeat-x top;   }
.fdg_old{ background:url(images/fdgris.png) no-repeat top left; color:#fff;}
.bc { height:18px; margin:1px; }

@-moz-keyframes BlancTransparentSec{
    from{color:white;background-color:#ff0000;}
    80%{color:white;background-color:#ff0000;}
    81%{color:transparent;background-color:transparent;}
    to{color:transparent;background-color:transparent;}
}
@-webkit-keyframes BlancTransparentSec{
    from{color:white;background-color:#ff0000;}
    80%{color:white;background-color:#ff0000;}
    81%{color:transparent;background-color:transparent;}
    to{color:transparent;background-color:transparent;}
}
@-o-keyframes BlancTransparentSec{
    from{color:white;background-color:#ff0000;}
    80%{color:white;background-color:#ff0000;}
    81%{color:transparent;background-color:transparent;}
    to{color:transparent;background-color:transparent;}
}
@-ms-keyframesBlancTransparentSec{
    from{color:white;background-color:#ff0000;}
    80%{color:white;background-color:#ff0000;}
    81%{color:transparent;background-color:transparent;}
    to{color:transparent;background-color:transparent;}
}

@keyframes BlancTransparentSec{
    from{color:white;background-color:#ff0000;}
    80%{color:white;background-color:#ff0000;}
    81%{color:transparent;background-color:transparent;}
    to{color:transparent;background-color:transparent;}
}

.blink{
	-moz-animation:BlancTransparentSec 1s linear infinite alternate;
	-webkit-animation:BlancTransparentSec 1s linear infinite alternate;
	-o-animation:BlancTransparentSec 1s linear infinite alternate;
	-ms-animation:BlancTransparentSec 1s linear infinite alternate;
	animation: BlancTransparentSec 1s linear infinite alternate;
}


input { font: 12px montserrat; color: #000 }
form { margin: 0px; padding: 0px; }
select { font: 12px montserrat; color: #000 }

#status td{ font: 11px montserrat; border-bottom:1px solid #ccc; text-align:justify; }

#mois td{ font: 11px Tahoma; border-bottom:1px solid #ccc;}

#q11 td{ font: 11px montserrat; border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
#ddtb tbody:hover { background-color: #ffa; }
#ddtb11 td { font: 13px montserrat; border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
#ddtb11 tbody:hover { box-shadow:4px 4px 5px #aaa; background-color: #ffa; }
#ddtb11 tbody > tr > td:hover	{ font: 16px montserrat;transition: 1s 1s; }

#trait td{ border-bottom:1px solid #ccc; }

.dat {font: 12px montserrat; color: #3e3d40; letter-spacing:0.2em; }

.ari1 { text-align:left; font: 20px montserrat; color: #111c24;}
.ari2 { text-align:left; font: 18px montserrat; color: #3e3d40; padding-top:10px; padding-left:15px;}
.cor { text-align:justify; font: 12px montserrat; color: #111c24 }

.prix { text-align:left; font: 26px montserrat; color: #f22;}

.titre {  text-align:left;font: 16px montserrat; color: #3e3d40; font-weight:bold; }
.date { font: 14px montserrat; color: #3e3d40; font-weight:bold; }
.leg { font: 10px montserrat; color: #3e3d40; text-align:center; font-style : italic;  }
.pti { font: 10px montserrat; color: #3e3d40;  }

/***** TOOLTIP *****/
.ui-tooltip { border-width:2px; font:11px Tahoma; background:#efe; padding:4px; position:absolute; z-index:9999; max-width:700px; box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0 0 5px #555; }

#header { background: #fff; }

.rotate {
    margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}