/* @keyframes */
@keyframes fadein {from {opacity:0;}to {opacity:1;}}
@keyframes slidein {from {margin-top: 50px; opacity: 0;} to {opacity: 1;}}

/* @keyframes elements */
.slidein {animation: slidein 2s;}
.fade {animation-name: fadein; animation-duration: 1s;}

/* Layout */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;background-color: #ffffff;font-family: poppins, sans-serif;font-weight: 400;color: #062042;font-style: normal;height: 100%;}
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
p, h1, h2, h3, h4, li {margin: 0px;padding: 0px;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
.center {text-align: center;}
.right {text-align: right;}
.shadow {box-shadow: 10px 10px 5px grey;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.db {display: inline-block;}
.bd {border: 2px dotted #dcdde2;padding: 10px;}	

/* ICON */
.icon5 {margin-right: 5px;}
.icon10 {margin-right: 10px;}
.icon15 {margin-right: 15px;}
.icon20 {margin-right: 20px;}
.svg {margin-right: 10px;}

/* MARGIN */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb60 {margin-bottom: 60px;}
.mb80 {margin-bottom: 80px;}
.mlr10 {margin-left: 10px;margin-right: 10px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}

/* PADDING */
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}
.p60 {padding: 60px;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}

.title-sm {display: inline-block;font-weight: 600;color:#062042;font-size: 1.10em;margin-bottom: 20px;text-transform: uppercase;padding: 5px 0px;border-top: 3px dotted #dcdde2;border-bottom: 3px dotted #dcdde2;}

/* VID */
.vid {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom: 20px;}
.vid iframe,.vid object,.vid embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Youtube */
.youtube {position: relative;height: 600px;}

/* Colors */
.blue {color:#062042;}
.bgblue {background-color: #062042;}
.bluelight {color: #1D487B;}
.bgbluelight {background-color: #1D487B;}
.grey {color: #F4F4F4;}
.bggrey {background-color: #F4F4F4;}
.white {color: #FFFFFF;}
.red {color: #ED2024;}
.green {color: #09cf0f;}

/* Buttons */
.btncustom {padding: 10px 15px;border: 1px dotted #1D487B;border-radius: 2px;font-weight: 600;background-color: #FFFFFF;color: #1D487B;}
.btncustom:hover {color: #ffffff;background-color: #062042;}
.btncustom .icon {margin-right: 10px;}

/* FONTS */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
a {color:#062042;}
a:hover {color:#1D487B;}
.f400 {font-weight: 400;} /* REGULAR */
.f600 {font-weight: 600;} /* SEMIBOLD */
.f700, .bold {font-weight: 700;} /* BOLD */

/* FONT SIZE */
.fs07 {font-size: 0.70em;} .fs08 {font-size: 0.80em;} .fs09 {font-size: 0.90em;} .fs10 {font-size: 1.00em;} .fs11 {font-size: 1.10em;} .fs12 {font-size: 1.20em;} .fs13 {font-size: 1.30em;}.fs14 {font-size: 1.40em;}.fs15 {font-size: 1.50em;} .fs16 {font-size: 1.60em;} .fs17 {font-size: 1.70em;} .fs18 {font-size: 1.80em;} .fs19 {font-size: 1.90em;} .fs20 {font-size: 2.00em;} .fs21 {font-size: 2.10em;} .fs22 {font-size: 2.20em;} .fs23 {font-size: 2.30em;} .fs24 {font-size: 2.40em;} .fs25 {font-size: 2.50em;} .fs30 {font-size: 3.00em;}

.thumb-compet-date,
.competitions-titre li,
.inside h2,
.titre-pdf,
.competitions h2,
.events .download
{font-weight: 700;}

/* Top-logo */
.top {padding: 20px 0px;}
.top .logo {height:120px;}

/* NavBar */
.navbar-md {padding: 15px 0px 15px 0px;border: 0px;background-color: #F4F4F4;border-radius: 0px;margin-bottom: 0px;text-transform: uppercase;}
.navbar-md .navbar-collapse {border: 0px;}
.navbar-md .navbar-nav>li>a {margin: 0px 20px;padding:0px;font-size: 1.10em;letter-spacing: 0.00em;color: #1D487B;font-weight: 600;}
.navbar-md .navbar-nav>li>a:hover {color: #062042;background-color: transparent !important;}
.navbar-md .navbar-nav>li>a:focus {background-color: transparent !important;}
.dropdown-menu {background-color: #F4F4F4;border: 0px;-moz-animation: fadein 0.5s; -webkit-animation: fadein 0.5s; -o-animation: fadein 0.5s;}
.dropdown-menu>li>a {color: #062042;font-size: 1.00em;padding:5px 10px;margin: 0px;}
.dropdown-menu>li>a:hover {color: #1D487B;margin: 0px;background-color: transparent !important;}

/* Bando */
.bando {position: relative; height: 500px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: left;-moz-animation: fadein 2s; /* Firefox */-webkit-animation: fadein 2s; /* Safari and Chrome */-o-animation: fadein 2s; /* Opera */}

/* Rubriques */
.rubrique {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center;margin-bottom: 20px;text-align: center;-moz-animation: fadein 2s; /* Firefox */-webkit-animation: fadein 2s; /* Safari and Chrome */-o-animation: fadein 2s; /* Opera */}
.rubrique .v-center {display:table;width: 100% !important;padding: 10px;height: 200px;}
.rubrique .content {display:table-cell;vertical-align:bottom;text-align:left;animation: fadein 2s;}
.rubrique .content h3 {font-weight: 400; padding: 10px;font-size: 1.00em;line-height: 0.90em;color: #1D487B;text-transform: uppercase;display: inline-block;background-color: #FFFFFF;}
.rubrique .content h3:hover {color: #FFFFFF;background-color: #14183d;}

/* RESUME PAGES */
.resume {padding: 30px 0px;background-color: #F4F4F4;margin-bottom: 40px;}
.resume h1 {font-size: 2.00em;line-height:1.20em;margin-bottom: 10px;font-weight: 600;}
.resume h2 {font-size: 1.40em;line-height:1.60em;}

/* Tarifs */
.tarifs {border-bottom: 1px dotted #dcdde2;padding: 10px 0px;}
.tarifs p {font-size: 1.20em;}
.tarifs ul {margin:0px 0px 10px 20px;padding: 0px;list-style-position:outside;list-style-type: disc;text-align: left;}
.tarifs li {;font-size:1.00em;line-height:1.60em;}


.pages {margin-bottom: 40px;}
.pages h3 {font-size: 1.40em;margin-bottom: 20px;font-weight: 600;}
.pages h4 {font-size: 1.10em;margin-bottom: 10px;font-weight: 600;}
.pages p {font-size: 1.10em;line-height: 1.70em;margin-bottom: 20px;}
.pages ul {margin: 0px 0px 20px 20px;list-style-position:outside;list-style-type: disc;}
.pages li {font-size: 1.10em;line-height: 1.70em;}

.news {margin-bottom: 40px;}
.news h1 {font-size: 3.00em;margin: 40px 0px 10px 0px;}
.news h2 {font-size: 1.50em;margin-bottom: 20px;}
.news p {font-size: 1.10em;line-height: 1.70em;margin-bottom: 20px;}
.news ul {margin: 0px 0px 20px 20px;padding: 0px;list-style-position:outside;list-style-type: disc;}
.news li {margin-bottom: 10px;line-height: 1.50em;font-size: 1.10em}
.news img {margin-bottom: 40px;border-radius: 10px;}

/* Form */
.form-container {}
.form-label {font-size: 1.00em;margin-bottom: 10px;font-weight: 400;}
.form-control {border-radius: 0px;border: 1px solid #d3d4d5;margin-bottom: 10px;font-size: 1.00em;background-color: #FFFFFF!important;color: #25292b;}
.form-control:active, .form-control:focus, .form-control:focus:active {background-color: #FFFFFF!important;border-color: #d3d4d5;color: #25292b;}
.message {margin-bottom: 40px;}
#success p {font-size: 1.50em;font-weight: 700;margin: 0px;padding: 20px;color: #ffffff;background-color: #3DC8E8; text-align: center;margin-bottom: 40px;}
.no-outline:focus {outline: none;}

/* Thumb Competitions */
.thumb-compet {padding: 20px;background-color: #f3f3f5;margin-bottom: 40px;border: 0px;border-radius: 0px;height: 150px;}
.compet {padding-left:10px;text-align: center;width: 100% !important;}
.compet h3 {margin-bottom:10px;font-size: 1.30em;line-height: 1.00em;color: #14183d;}
.compet h4 {margin-bottom: 10px;font-size: 1.00em;color:#14183d;margin-bottom: 20px;}
.thumb-compet-date {font-size: 0.90em;text-transform: uppercase;background-color: #005ca4;padding: 5px;display: block;text-align: left;color: #ffffff;font-weight: 400;}
.thumb-compet-date .icon {;color: #ffffff;}
.thumb-compet .logo {height: 100px;width: 100px;padding: 0px;margin: 0px;}

/* Competitions */
.competitions-titre {background-color: #f3f3f5;margin-bottom: 40px;padding: 40px 0px 40px 0px;}
.competitions-titre img {border: 5px solid #f4f6f3;}
.competitions-titre h1 {font-weight: 600;font-size: 3.00em;margin: 0px 0px 20px 40px;line-height: 1.00em}
.competitions-titre li {display:inline;font-weight: 600;font-size: 1.10em;margin: 0px 0px 0px 40px;padding: 6px 10px 6px 10px;background-color: #ff4747;color: #ffffff}
.competitions-titre li .icon {margin-right: 10px;color: #FFFFFF;background-color: #a10303;padding: 8px 8px 8px 5px}
.competitions h2 {font-weight: 700;font-size: 2.30em;margin: 0px 0px 20px 0px;padding: 0px 0px 20px 0px;line-height: 1.00em; border-bottom: 3px dotted #f4f6f3;}
.competitions h3 {font-size: 1.20em;margin: 0px;padding: 0px;line-height: 1.10em}
.competitions p {font-size: 1.20em;margin: 0px 0px 20px 0px;}
.competitions a {color: #343a30; text-decoration: underline}
.competitions a:hover {color: #ff4747;text-decoration: underline}
.competitions ul {margin: 0px 0px 30px 20px;padding: 0px;list-style-position:outside;list-style-type: disc;}
.competitions li {font-size: 1.20em;}

/* PDF */
.titre-pdf {display:inline-block;text-align: center; text-transform: uppercase;background-color: #ff4747;color: #ffffff;font-weight: 600;font-size: 0.90em;margin: 0px;padding: 5px 10px 5px 10px;}
.pdf {background-color: #f3f3f5;padding: 20px;}
.pdf li {line-height: 1.20em;font-size: 1.20em;line-height: 1.80em;}
.pdf li a {color: #14183d;}
.pdf li a:hover {color: #14183d;text-decoration: underline;}
.pdf li .icon {color: #14183d;}

/* Alentours */
.parcours-thumb {padding: 20px;background-color: #F9F7F7;margin-bottom: 20px;border: 0px;border-radius: 0;text-align: center;}
.parcours-thumb h4 {}

/* Alentours */
.thumb-alentours {margin-bottom: 20px;position: relative;height: 210px;}
.thumb-alentours-bloc {color:#ffffff;padding: 10px;position: absolute;z-index: 100;background-color: #062042;bottom: 10px;left: 10px;margin-right: 10px;text-align: left;}
.thumb-alentours-bloc h3 {font-weight: 600; margin-bottom: 5px; font-size: 1.00em;line-height: 0.90em;text-transform: uppercase;}
.thumb-alentours-bloc p {font-size: 1.60em;line-height: 0.90em;}


.events {padding: 40px 0px 20px 0px; margin-bottom: 20px;}
.events-thumb {margin-bottom: 20px;}
.events-thumb img {border: 2px dotted #dcdde2;padding: 10px;margin-bottom: 10px;}	

/*  Partenaires */
.partenaires-off {margin-bottom:40px;padding: 40px 0px;text-align: center;}
.partenaires-off li {margin: 0px 10px 0px 10px;display: inline;}		
.partenaires-off li img {height: 100px;border: 2px dotted #dcdde2;background-color: #FFFFFF;}	

/* Footer */
.footer li {font-size: 1.00em; line-height: 1.80em;}
.footer li a {color: ##14183d;font-size: 1.00em;}
.footer li a:hover {color: ##14183d;text-decoration: underline;}
.footer .social li {display: inline; padding: 0px 7px;}


/* copyright */
.copyright {text-align: center; padding: 20px;}
.copyright li {display:inline;margin: 0px 20px 0px 20px;font-size: 0.90em;color:#0b3555;}
.copyright li a {color:#FFFFFF;}
.copyright li a:hover {color: #FFFFFF;}


/* Promotions */
.promotions {padding: 10px;background-color: #595354;text-align: center;color: #FFFFFF;font-weight:700;font-size: 1.50em;}

/* WEB */
.web {padding:30px;text-align: center}
.web p {margin-bottom: 5px; font-size: 0.80em;text-transform: uppercase;}

/* Alertes */
.alertes {padding:10px;text-align: center; font-size: 1.10em;}

/* Gallery */
.masonry {-moz-column-width: 25em; -webkit-column-width: 25em; -moz-column-gap: 0.2em; -webkit-column-gap:0.2em;}
.masonry-item {display: inline-block;padding:  .25rem;width:  100%;}