/*General*/
body {background-color: #999999; background-repeat: repeat-x; min-width: 320px; padding-top:79px;font-family: 'Montserrat', sans-serif;}
p {font-size: 0.94em;}
a{color:#3a82ee;}
a:hover {color:#3a82ee; text-decoration: none;}
.dim img {max-width: 100%; max-height: 49px; margin-top: -10px;}

@-webkit-keyframes btn-live {
  50% {
    -webkit-box-shadow: 0 0 5px red;
  }
}

@keyframes btn-live {
  50% {
    box-shadow: 0 0 5px red;
  }
}

.hvr-fade {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: red;
  color: white;
}

.nomargin, .media-heading.nomargin {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.padd {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.FBitem {
  color: #9e9e9e;
  font-weight: bold;
}
.FBitem:hover {
  background-color: #e2edfc;
  color: black;
}

.social {
  height: 450px;
  width:100%;
  padding-left:35px;
  /*padding-right:35px;*/
}
.fb-col-gauche {
  border-right: solid 1px #eee;
  height: inherit;
  overflow-y: auto;
}
@media (min-width: 768px){
  .fb-col-gauche {
    border-right: solid 1px #eee;
  }
}
#apercuFB {
  max-height: 450px;
  margin: auto;
  vertical-align: middle;
}
#loaderFB {
  width: 100%;
  text-align: center;
  height:100%;
}
#loaderFB>img {
  top: 50%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.reference {
  max-height: 80px;
  margin: auto;
  margin-bottom: 20px;
}
.references {
  width: 100%;
  padding-left:35px;
}

/*Bannière*/
#banniere {width: 100%; height: 88px; background-color: white;}
.navbarpadding {height: 142px !important;}
.ban img {max-width: 100%; max-height: 70px; margin-top: 12px; margin-left: 20px; display: inline-block;}
@media screen and (max-width: 767px) {.ban{text-align: center;}}
.banlive img{max-width: 100%; height: 35px; margin-top: -80px; margin-left: 210px; display: inline-block;}
@media screen and (max-width: 767px) {.banlive img {display: none;}}
#banniere .quote {position: absolute; width: 380px; margin-top: -50px; margin-left: 230px;}
@media screen and (max-width: 767px) {#banniere .quote {display: none;}}
#module_lang {/*width : 80px; height: 30px;*/ top: 5px; display: inline-block; text-align: right; margin-top: 18px; margin-right: 10px;}
@media screen and (max-width: 767px) {#module_lang {position: absolute; top: 81px; right: 8px; }}
#module_lang img {max-width: 26px; border: 1px solid #e2e2e2; opacity: 0.5;}
#module_lang .langactive img {opacity: 1;}
#module_lang img:hover {opacity: 1;}
#live-off {position: relative; width : 93px; display: inline-block; text-align: right; margin-top: -30px; margin-right: 20px;}
@media screen and (max-width: 767px) {#live-off{display: none;}}

/*Menu Top*/
.navbar-header {height: 60px;float:none;}
.navbar-toggle {margin-top:14px;}
.navbar, .navbar-nav {border-radius: 0px; min-height: 40px !important; /*height: 42px;*/}
.navbar-nav>li>a  {padding-top: 20px; padding-bottom: 15px; padding-left: 10px;padding-right: 10px;}
.navbar-fixed-top {display: initial;}
.navbar-fixed-top .navbar-nav li {margin-top: 5px;}
.navbar-fixed-top .inline-form {margin-top: 14px;}
.navbar-brand {margin: 0px 5px 0px 5px;}
.navbar-brand {margin: 0px 5px 0px 5px;}
.navbar-brand-display {display: inline;}
.navbar-nav li {text-transform: uppercase; margin-right: 5px;}
.inline-form {margin-top: 8px;}
.inline-form input {display: inline-block; width: 200px; height: 28px; border-radius: 0px; font-size: 0.94em; padding-top: 9px;}
@media screen and (max-width: 767px) {.inline-form{text-align: center;}}
.navbar-default {background-color: #fcfafb; border: none; border-bottom: 4px solid #000000;}
.navbar-default .navbar-nav>li>a {color: #161616; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; background-color: white;}
.navbar-default .navbar-nav>li>a:hover {color: #135783; background-color: white;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #14733c; background-color: white; border-bottom: 5px solid #0b9444;}
.right-inner-addon {position: relative;}
.right-inner-addon input {padding-right: 30px;}
.right-inner-addon i {position: absolute; right: 0px; padding: 7px 8px; pointer-events: none;}
@media screen and (max-width: 767px) {.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #14733c; background-color: white; border: none; border-left: 5px solid #0b9444;}}

/*Carousel*/
#carousel{max-width: 970px; margin: auto; margin-bottom: 21px;}
@media screen and (max-width: 991px) {#carousel{max-width: 750px;}}
.carousel-inner {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); height: auto; width: 100%;}
.carousel-fs {width: 100%;}

/*Grille*/
@media screen and (max-width: 767px) {.container {width: 100%;}}
table {margin-bottom: 21px;}
.navbar-padding {padding-top: 79px;}
table p {text-align: justify;}


.container-body-int {width : 21px !important; box-shadow: none;}
@media screen and (max-width: 991px) {.container-body-int {display: none;}}


/*Grille1*/
.container-body {background-color: #ffffff; padding: 16px 0px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);}
.container-body h2, .container-body h3, .container-body h4, .container-body h5,.container-body h6, .container-body .news .newsnext{margin-left: 25px; margin-right: 25px;}
.container-body p , .container-body ul {margin-left: 35px; margin-right: 35px;}
/* @media screen and (min-width: 768px) {.margcontainer {margin-left: 21px; margin-right: 21px;}} */
.greenline {font-size: 24px; border-bottom: 2px solid #3a82ee; padding-bottom: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-bottom: 15px;}
/*Grille2*/
.container-body2 {width: 264px; box-shadow: none;}
@media screen and (max-width: 991px) {.container-body2 {display: none;}}
.intevents, .inteventsmin {height: 21px; background-color: transparent; box-shadow: none;}

/*Autre*/
.white, .white a {color: white;}
#scrollup {z-index: 88; width: 50px; height: 50px; position: fixed; bottom: 130px; right: 0px; display: none; background-color: #494741; opacity: 0.1;}
#scrollup span {font-size: 2.8em; margin-top: 5px; margin-left: 7px;}
#scrollup:hover {-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; opacity: 0.88;}
.tshadow {filter:progid:DXImageTransform.Microsoft.Shadow(color=#515151,direction=135,strength=3); text-shadow: 1px 1px 2px #515151;}
.core {font-size: 2.0em; text-transform: lowercase; font-variant: small-caps; color: #626262; font-style: italic;}
.core4 {font-size: 1.75em; text-transform: lowercase; font-variant: small-caps; color: #8E8771; font-style: italic;}
legend {text-indent: 20px;}
.midline {width: 100%; height: 35px; border-bottom: 2px groove white; margin-bottom: 20px;}
.alright {float: right !important; margin-right: -15px;}
.alleft {float: left !important; margin-left: 25px;}

.rowServ{margin:0; padding:0;}

/*footer*/
#footer {height: 50px; background-color: #f7f7f7; border-top: 1px #dfdfdf solid; font-size: 0.88em; bottom: 0;}
#footer .container .logofoot {margin: auto; width: 50px; height: 56px; background-repeat: no-repeat; margin-top: 20px; margin-bottom: 5px;}
.bottom {width: 100%; margin: auto; text-align: center;padding-top:15px;}
#footer ul {width: 100%; margin: 0 auto; padding-left: 0px;}
#footer li {display: inline-block; margin-right: 2px; list-style: none;}
#footer li a {color: #EAA307;} #footer li a:hover {text-decoration: underline;}
.footer-link {height: 15px; padding-right: 5px; border-right: 1px solid #ed9b58;}
#footer p {bottom: 15px;}

/*Home*/
#com {color: white; font-size: 0.95em; text-align: center; margin-bottom: 21px; padding-left: 20px; padding-right: 20px;}
#com p {border: 1px solid white; padding: 10px; margin-bottom: 0px;}
.news {width: 100%; margin-bottom: 10px;}
.proPic {width: 50px; height: 50px;border: 1px solid #245574; /*margin-left: 41px; margin-top: 11px; margin-right: 15px;*/}
.newstitle {margin: 0; padding: 10px 15px 0px 15px; background-color: #1a7cbc; font-size: 22px; color: white; border: 1px solid #245574; border-bottom: none; font-family:'Montserrat', sans-serif;} .newstitle a {font-size: 22px; color: white;} .newstitle a:hover {text-decoration: underline; cursor: pointer;}
.newsdate {margin: 0; padding: 12px 15px 0px 15px; font-style: italic; font-size: 12px; padding-bottom: 10px; border: 1px solid #245574; border-top: none; background-color: #1a7cbc; border-bottom: 2px solid #003B61; }
.newstxt {padding: 15px; border: 1px solid grey; border-top: none; border-bottom: 1px solid #dbdcdc; margin-left: 25px; margin-right: 25px; background-color: #fafafa;} .newstxt p {margin: 0px;}
.newsnext {height: 34px; text-align: center; padding-top: 5px; border: 1px solid grey; border-bottom: 2px solid grey; border-top: none; background-color: #fafafa;}
.comingnext h3 {text-align: center; font-size: 18px; font-family: 'Titillium Web', sans-serif;}
#upcomeventsmin h2, #lasteventsmin h2, #occuringeventsmin h2 {width: 100%; color: white; font-size: 20px; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; text-align: center; padding-bottom: 10px; font-family: 'Titillium Web', sans-serif; text-transform: uppercase;} #occuringeventsmin h2 {color: #515151;}
.container-body2 h2 {width: 100%; color: white; font-size: 20px; text-align: center; margin-top: 0px; padding-top: 20px; padding-bottom: 15px; text-transform: uppercase; margin-bottom: 0px; font-family: 'Titillium Web', sans-serif; border-bottom: 3px solid white;}
/* .groupevent {margin: 1px;padding-bottom: 1px;} */
.container-body2 p a {color: white; font-size: 1.1em;} .container-body2 p a:hover {text-decoration: underline;}
#upcomevents, #upcomeventsmin {background-color: #82c9f7; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);}
#upcomevents img, #lastevents img, #occuringevents img {margin: 0; width: 100%; max-height: 158px;}
#upcomevents p, #upcomeventsmin p {width: 100%; height: auto; background-color: #c9e1f0; padding-top: 8px; padding-bottom: 6px; margin-bottom: 0px; text-align: center; text-indent: 0px;}
#occuringevents, #occuringeventsmin {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); height: auto; background-color: #4FBA38;}
#lastevents, #lasteventsmin {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); height: auto; background-color: #a8a8a8;}
#lastevents p, #lasteventsmin p {text-align: center; padding-top: 6px; padding-bottom: 5px; text-indent: 0px; vertical-align: center; background-color: #b0b0b0; margin-bottom: 0px;}
#occuringevents p, #occuringeventsmin p {text-align: center; padding-top: 6px; padding-bottom: 5px; text-indent: 0px; vertical-align: center; background-color: #73CB60; margin-bottom: 0px;}
@media screen and (min-width: 992px) {#occuringeventsmin, #upcomeventsmin, #lasteventsmin, .inteventsmin {display: none;}}
#upcomeventsmin p, #lasteventsmin p, #occuringeventsmin p {background-color: #fbfbfb !important;}
#upcomeventsmin p {color: #43adc8;} #lasteventsmin p {color: #a8a8a8; border-bottom: 1px solid #f2f2f2;} #occuringeventsmin p {color: #4FBA38;}
.liveon {color: white !important; background-color: #4FBA38;}
#lastevents p {border-bottom: 1px solid #969696;}

/*Article*/
.articlenewsdate {text-align: left; margin: 0; padding: 0px 25px 7px 15px; margin-top: -5px; font-style: italic; font-size: 14px; color: #383838;}
.articlecouv {width: 100%; height: auto; text-align: center; margin-top: -15px; margin-bottom: 0px; border: 1px solid #f4f4f4;}
.navigarticle {font-size: 20px; color: #447be0; margin: 0; margin-right: 35px; margin-top: -9px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.navigarticle:hover {color: #27457c;} .navigarticlegr{height: 7px;}

/*Services*/
.quotation {width: 100%; max-width: 450px; height: auto; text-align: center; margin: auto; margin-top: 25px; margin-bottom: -20px;}
.quotation td {vertical-align: middle;}
.quotation a:hover {text-decoration: underline;}
.quotation button {-webkit-border-radius: 8; -moz-border-radius: 8px; border-radius: 8px; color: white; padding: 10px 5px 10px 5px; border: solid #1f628d 3px; text-decoration: none; background-color: #1f628d; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; transition: all .1s ease-out; font-weight: bold;}
.quotation button:hover {text-decoration: none; border: solid #1f628d 3px; color: #1f628d; background-color: transparent;}
@media screen and (max-width: 767px) {.quotation button {margin-bottom: -10px;}}
@media screen and (max-width: 767px) {.midline{height: 50px; margin-bottom: 22px;}}
.ulservices li {list-style-image: url('../../images/puce1.gif'); margin-left: -20px; font-size: 0.94em; text-align: justify; font-family: 'Montserrat', sans-serif;}

/*Contact*/
address {padding-left: 20px; margin-left: 35px;  margin-top: 15px; margin-bottom: -10px; border-left: 1px solid grey;}
.form-contact {padding: 40px; padding-top: 0px;}
.form-group {padding-left:15px; padding-right:15px}
@media screen and (max-width: 767px) {.form-contact {padding: 0px;}}
.form-control {border-radius: 0;}
.g-recaptcha {width: 340px; margin: auto;}
.btnsend {-webkit-border-radius: 8; -moz-border-radius: 8px; border-radius: 8px; color: #1f628d; padding: 3px 10px 2px 10px; border: solid #1f628d 3px; text-decoration: none; background-color: transparent; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out;}
.btnsend:hover {text-decoration: none; border: solid #48b4f1 3px; color: #48b4f1;}

#returnmessage {margin-left:15px;margin-right:15px;}

#returnmessage .ok{
	font-size:14px;
	color:green;
	text-align:center;
	border:2px;
	border-style:solid;

}
#returnmessage .pasok{
	font-size:14px;
	color:red;
	text-align:center;
	border:2px;
	border-style:solid;
}


/*Agenda*/
.sport-category {text-align: center; color: grey;}
.sport-category ul li img {-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; width: 40px;}
.sport-category ul li img:hover {-moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); -ms-transform: scale(1.5); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1, M12=-0, M21=0, M22=1.1);}
.sport-category ul {padding-left: 0px;}
.sport-category ul li {list-style-type: none; display: inline-block; font-family: 'Montserrat', sans-serif; margin-right: 5px; }
@media screen and (max-width: 767px) {.sport-category {width: 300px; margin: auto;}}
@media screen and (max-width: 320px) {.sport-category {font-size: 0.9em;}}
#date-agenda {text-align: center; height: 50px; margin: auto;}
#date-agenda ul {padding-left: 0px;}
#date-agenda ul li {font-family: 'Titillium Web', sans serif; list-style-type: none; display: inline-block; margin: 15px 12px; font-size: 24px;}
.zoomdate {color: #a9e026; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.zoomdate:hover {/*background-color: #e8ffcb;*/ color: green; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1, M12=-0, M21=0, M22=1.1); cursor: pointer;}
.activated {color: black !important;}
.results-number {text-transform: uppercase; border-bottom: 1px solid grey; padding-bottom: 4px; margin-bottom: 15px; margin-top: 15px; text-indent: 30px;}
.pagination {text-align: center; margin: auto;}
.pagination ul li {list-style-type: none; display: inline-block; padding-right: 4px; color: #a9e026;}
#tableau {max-width: 980px; margin: auto; margin-bottom: 15px; padding-right: 5px;padding-left: 5px; text-align: center; margin-top: 15px;}
.comptitle {text-indent: 0px; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 1.1em !important; background-color: #135783; color: white;}
.case, .casealt, .place{padding-top: 5px; padding-bottom: 5px; margin: auto; border-width: 0 1px 2px 1px;border-style: solid; border-color: white; padding-left: 0px; padding-right: 0px;vertical-align:middle;}
.casetitle {background-color: #000000; min-height:30px;}
.case {border-color: #f4f4f4;}
.casealt {background-color: #f4f4f4;}
.start{border-left:0px;}
.end{border-right:0px;}
.place {background-color: #a2daff;} .place:hover{background-color: #1a7cbc; cursor: pointer;}
.square {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.intext {margin: auto; vertical-align:middle;}
.logo-eve{width:60px; border-width:1px 1px 1px 1px; margin:0 10px 0 10px; border-color:#135783;border-style:solid;}

.head-table{
  background-color:#000000 !important;
  color:#ffffff !important;
}
.head-table th{
  text-align:center !important;
}

.annee_concours .form-control {
  box-shadow: inherit !important;
}
.annee_concours .dropdown-menu li a::before {
	display:none !important;
}
.annee_concours .dropdown-menu a {
	background: #fff !important;
}
.annee_concours .dropdown-menu  .selected a {
	color : #999999 !important;
}
.annee_concours .dropdown-menu  .selected a:hover {
	background-color: #fff !important;
}
.annee_concours .btn-default {
	background-color: #fff !important;
  border-color: #999999 !important;
}
.dropdown-toggle:focus {
  outline:none !important;
}

.annee_concours .btn-default .pull-left, .annee_concours .btn-default .caret{
	color: #999999 !important;
}

.infos{
  font-size:10px;
  font-style: italic;
}

.bouton{
  vertical-align:middle !important;
}

.btn-slrs{
  color:#3a82ee;
  border-color:#3a82ee;
  font-weight: bold;
  padding-top:3px !important;
  padding-bottom:3px !important;
}
.btn-slrs:hover,.btn-slrs:active,.btn-slrs:focus {
  color:#3a82ee !important;
  border-color:#3a82ee !important;
  background-color:#99ccff !important;
}

.btn-live {
  -webkit-animation-name: btn-live;
  animation-name: btn-live;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-live{
  color:#ffffff !important;
  border-color:red !important;
  background-color:red !important;
  font-weight: bold;
  padding-top:3px !important;
  padding-bottom:3px !important;
}
.btn-live:hover,.btn-live:active,.btn-live:focus {
  color:red !important;
  border-color:red !important;
  background-color:#ffffff !important;
}

.autresl{
  margin-top:10px;
}
.dates{
  font-size:14px;
  font-style: italic;
}

.title-nav{
  display:none;
}

.piste{
  border-bottom: 3px solid #3a82ee;
  border-top: 1px solid #000000;
  padding : 4px !important;
  padding-top : 12px !important;
}

.complet{
  line-height:5px !important;
}

@media (max-width: 540px){
  .no_mobile_table{
    display:none !important;
  }
  .mobile {
    display:inline-block !important;
  }
}

@media (min-width: 540px){
  .no_mobile_table{
    display:table-cell !important;
  }
  .mobile {
    display:none !important;
  }
}

.badge-last {
  background-color:green;
  font-size:10px;
  border-radius:2px;
}

.badge,.btn,.piste,.head-table{
  font-weight:400;
}

.line_odd{
  background-color: rgba(0, 0, 0, 0.05);
}

.line_event{
  background-color: white;
}
.align-left{
  text-align: left;
}

.align-right{
  text-align: right;
}