@charset "UTF-8";

body,
input,
textarea,
.mbr-company .list-group-text {
  font-size:1em;
}
.mbr-author-name { font-weight: 500;font-size: 1.7em;}
.alert { font-family: 'Lora', sans-serif;font-size: 1em;}
a.external 
{
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB-IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat right center;
    padding-right: 13px;
}
a.color-not-change {color: #5c7d9d;}
td.nouveau {background-image: url('../images/nouveau.png');background-repeat:no-repeat;background-position:-1px -1px;}
td.nouveau a {padding-left:1em;}
.White { color: white;}
.Black { color: black;}
.Gray { color: gray;}
.flag-en {display: block;margin-left: 20px;margin-top: -20px;width: 21px;height: 25px;background: transparent url('../images/drapeaux.gif') no-repeat left -25px;}
.flag-fr {display: block;margin-left: 20px;margin-top: -20px;width: 21px;height: 25px;background: transparent url('../images/drapeaux.gif') no-repeat left 0;}
.lettre { width: 32px;height: 20px;background: transparent url('../images/lettre.png') no-repeat left top;}
.telephone { width: 32px;height: 32px;background: transparent url('../images/telephone.png') no-repeat left top;}
.icone-ok { width: 32px;height: 32px;background: transparent url('../images/ok-32.png') no-repeat left top;}

.accueil-title { font-size: 6rem;}
.display-2 {font-size: 3.8rem;}
.text-party p { font-size: 1.3rem;}
.ombretext {text-shadow:0px 0px 7px #000;}
.nowrap {white-space: nowrap;}
.mbr-cards .card-title { font-size: 3.6rem;}

#menu-0 .navbar-caption { font-family:'FREESCPT', sans-serif;font-size: 30px;}
#menu-0 ul * { -webkit-user-select: none; /* Chrome-Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
-o-user-select: none;
user-select: none;}

#menu-0 .dropdown-item:hover, #menu-0 .dropdown-item:focus, #menu-0 .nav-dropdown-sm .dropdown-item:hover, #menu-0 .nav-dropdown-sm .dropdown-item:focus {background-color: #972746!important;}
#menu-0 .link:focus, #menu-0 .dropdown-item:focus { color: white;}

a.nav-link { font-style: normal;}
/*.nav-dropdown .link { margin: 1em;}*/
.nav-dropdown [aria-expanded='true'].dropdown-toggle.link { padding-left: 1em;} /*padding-top: 1em;padding-bottom: 1em;*/
.nav-dropdown {font-family: "Lora", serif;}
.icone-menu {width: 48px; height:48px;margin-right: 3%;border: none;vertical-align: middle;}
.mbr-footer-content p strong { font-size: 2rem;margin-bottom: 0.8rem;}
.music-player {position:absolute;top:0;left:150px;z-index:9988;width:30px; height:35px;padding-top: 0px;}
.btn {font-family:'Raleway',sans-serif;}

#adultes.section-adultes {background-color: #8eb7d3;background-image: url(../images/zumba-adultes2.jpg);}
#cestqui.section-cestqui {background-color: #df5119;background-image: url(../images/cest-qui.jpg);}
#cestquoi.section-cestquoi {background-color: #eace8f;background-image: url(../images/cest-quoi.jpg);}
#debutants.section-debutant {background-color: #feffb1;background-image: url(../images/debutants.jpg);}
.WhiteDeb { color: white;}

@media  (orientation:portrait)  {
    .WhiteDeb { color: Black;}
    #cestqui.section-cestqui {background-image: url(../images/cest-qui-p.jpg);}
    #cestquoi.section-cestquoi {background-color: #eace8f;background-image: url(../images/cest-quoi-p.jpg);}
    #adultes.section-adultes {background-image: url(../images/zumba-adultes-portrait.jpg);}
    #debutants.section-debutant {background-image: url(../images/debutants-p.jpg);}
}

.form-control label { margin-right: 20px;margin-left: 4px;}
.datepicker-inline { border: 1px solid #e8e8e8;background-color: white;}
#agenda-datepicker {width:250px;float:left;}
.datepicker-inline h3 { font-family: 'Lora', sans-serif serif;font-size: 1.2em;margin:0;padding:0;margin-bottom: 5px;}
.article .datepicker-inline p { margin-bottom: 15px;}
.zb-feries { background-color: #a7d9fe;}
.datepicker table tr td.zb-feries-range { background-color: #a7d9fe;border-radius: 0;}
.datepicker table tr td.zb-feries-range-first { background-color: #a7d9fe;border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.datepicker table tr td.zb-feries-range-last { background-color: #a7d9fe;border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.zb-cours-0,.zb-cours-1,.zb-cours-2,.zb-cours-3,.zb-cours-5,.zb-cours-6 {background-color: #fbf99c;}
.datepicker table tr td.zb-cours-range { background-color: #fbf99c;border-radius: 0;}
.datepicker table tr td.zb-cours-range-first { background-color: #fbf99c;border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.datepicker table tr td.zb-cours-range-last { background-color: #fbf99c;border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.zb-weekend { font-weight:bold;}
.zb-cours-2 { background-color: #b6ff00;}
.zb-cours-3 { background-color: #ff6a00;}
.zb-cours-4 { background-color: #ffc6fc;}
.zb-cours-1 {background-color:#ac9cfb}
#list-vacances { background-color: white;border-radius: 4px;border: 1px solid #e8e8e8;overflow: auto;padding-top: 8px;padding-bottom: 8px;}
.custom-item-agenda {border-radius: 4px;border: 1px solid #e8e8e8;box-shadow:0px 0px 3px #c7c6c6;background-color: white;margin: 4px 0;}
.custom-item-agenda h3 {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 4px;border-top-right-radius: 4px;padding: 0px 8px;}
.custom-item-agenda p { padding: 0px 8px;}

table.table-bordered thead th {font-weight: bold;}
/*table.table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #99ccff;}*/
.article .lead .note { font-size: 0.8em;margin-bottom: 2em;}
.lead .accroche p { font-size: 1.4em;}

.carte-gmaps { width:400px; height:400px; margin:0 40px 0 40px; border:2px groove Gray; }

/* image à la une */
#mask {position: absolute;left: 0;top: 0;z-index: 9000;background-color: #CCCCCC;display: none;opacity:0.4;}
#boxes .window {position: absolute; left: 0; top: 0; display: none;z-index: 9999;padding: 10px;border-radius: 15px;text-align: center;}
#boxes #dialog {background-color: #ffffff;font-family: 'Segoe UI Light', sans-serif;font-size: 15pt;}
#popupfoot {font-size: 16pt;position: absolute; top: -15px;right:-15px; width: 70px;}
#boxes button.close {background:transparent url(../images/close.png) no-repeat right top;padding-right:30px;width:35px;height:35px;opacity:1;}
#boxes .txt-info {font-size:9pt;}