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

/***** AUTO MOTEUR DE RECHERCHE  *****/
.suggestionsBox { position: absolute; box-shadow: 3px 3px 5px #888; border-radius:10px; left:-100px; top:12px; width: 550px; background-color: #eee; 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; }

/***** CSS *****/
body { font: 10px montserrat,verdana; background: #eee; margin:0px; }
td { font: 12px montserrat,verdana; color: #111c24 }
a:link {font: 12px montserrat,verdana; text-decoration: underline; color:black}
a:visited {font: 12px montserrat,verdana; text-decoration: underline; color:black}
a:hover { font: 12px montserrat,verdana; color:#aa001d }
a:focus { font: 12px montserrat,verdana; color:black }

a.menu:link {font: 15px montserrat,verdana; text-decoration: none; color:#fff}
a.menu:visited {font: 15px montserrat,verdana; color:#fff}
a.menu:hover { font: 15px montserrat,verdana; text-decoration: underline; color:#fff }
a.menu:focus { font: 15px montserrat,verdana; color:#fff }
.menu { font: 15px montserrat,verdana; color:#fff;}

.c30 {text-align:center; width:30px;}
.pgris { font: 10px montserrat,verdana; color: #555; background:#ddd; text-align:center; width:30px;}
.mgris { font: 11px montserrat,verdana; color: #555;}
.gris { color: #999; }

.msg { font-size:11px;color:#333; }

.gd { font-size:16px; }

.red { color: #fff; background:#f00;padding:1px;}
.vrt { color: #fff; background:#0b0;padding:1px;}
.tred { color: #f00; }
.tbleu { color: #00f; }
.redc { color: #000; background:#fdd;}

.pti_ent { font-size:11px; color:#339;font-variant:small-caps;font-weight:bold; }
a.pti_ent { font-size:11px; color:#339;font-variant:small-caps;font-weight:bold;text-decoration: none; }


.barre {background:#eee url(images/barre.gif) center repeat-x;}
.barre2 {background:#eee url(images/barre.gif);}

.numero {border:1px solid #777; padding:6px; border-radius:8px; font-size:13px; text-decoration: none;text-align:center;}
.numero:hover { background-color: #afa; }
a.numero2 { font-size:13px; text-decoration: none; display:block; }
.vert { background-color: #afa; }
a.numero {border:1px solid #777; padding:6px; border-radius:8px; font-size:13px; text-decoration: none;}
a.numero:hover { background-color: #afa; }

a.btn { text-decoration:none;text-align:center;padding:10px;background:#2e4ea3;color:#fff;border-radius:10px; }
a.btn:hover { box-shadow: 3px 3px 5px #777; }

.ms {font: 50px montserrat,verdana;  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; }

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

.info{font: 18px montserrat,verdana; text-align:center;display:none;}

.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,verdana; 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;}
    90%{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;}
    90%{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;}
    90%{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;}
    90%{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;}
    90%{color:transparent;background-color:transparent;}
    to{color:transparent;background-color:transparent;}
}

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


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

.absent { background:linear-gradient(45deg, #f00 1%, #fff 1%, #fff 49%, #f00 49%, #f00 51%, #fff 51%, #fff 99%, #f00 99%); background-size: 20px 20px; background-position: 0 0;}
.absentam { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 200 100'><line x1='0' y1='0' x2='200' y2='100' stroke='red' vector-effect='non-scaling-stroke'/></svg>"); background-repeat: repeat-x;background-position: top;background-size: 20px 20px; }
.absentpm { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 200 100'><line x1='0' y1='0' x2='200' y2='100' stroke='red' vector-effect='non-scaling-stroke'/></svg>"); background-repeat: repeat-x;background-position: bottom; background-size: 20px 20px; }

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

#mois td{ font: 13px Tahoma; border-bottom:1px solid #ccc;}
#mois2 td{ font: 13px Tahoma; border-bottom:1px solid #ccc;border-right:1px solid #999;}
#mois2 .pjr { font: 10px montserrat,verdana; color: #444 }


#q11 td{ font: 11px montserrat,verdana; border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
#q11 td:hover { background-color: #ffa; }
#q11 a { font: 11px montserrat,verdana; }

.ssmenu { z-index:1000; visibility:hidden; }

#ddtb tbody:hover { background-color: #ffa; }
#ddtb thead td{ background-color: #eee; height:20px; }

#ddtb11 td { font: 12px montserrat,verdana; border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
#ddtb11 tbody:hover { background-color: #ffa; }

#trh tr:hover { background-color: #ffa; }

#trh .g1 { background-color: #aaa; }
#trh .g2 { background-color: #ccc; }
#trh .g3 { background-color: #eee; }
#trh tr .g3:hover { background-color: #ffa; }

#tournee td{ border-bottom:1px solid #aaa;border-right:1px solid #aaa; }

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

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

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

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

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

/***** TOOLTIP *****/
.ui-tooltip { border-width:2px; font:11px Tahoma; color:#000; background:#efe; padding:4px; position:absolute; z-index:9999; max-width:700px; box-shadow: 0px 0px 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);
}


/***** LIGHTBOX  *****/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; z-index: 1002; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 12px "Myriad Pro"; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 100px; float: right; padding-bottom: 0.7em; }
#gallery { padding: 0px; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul a:hover { color: #fff; }