* {margin: 0; padding: 0;}
html {font-size: 100%;}
body {width: 100%; height: 100%; font-family: 'Roboto', sans-serif; color: black; font-size: 16px; line-height: 24px; font-weight: 300; margin: 0; text-align: left; background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.clear {clear: both;}
img {max-width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
div, li, ul, a, span {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.spip-admin-bloc, .spip-admin-float {z-index: 10000!important;}
/* font-family: 'Roboto', sans-serif;
Light 300
Regular 400
Medium 500
Bold 900 */

/* font-family: 'Roboto Condensed', sans-serif;
Light 300
Regular 400
Medium 700  */

h1, h2 {font-family: 'Roboto Condensed', sans-serif; color: #c33e0f; font-size: 28px; line-height: 38px; margin: 0 auto 40px auto; font-weight: 700; text-align: center; text-transform: uppercase;}
h3 {}
h3.spip {font-family: 'Roboto Condensed', sans-serif; color: #c44214; font-size: 22px; line-height: 32px; margin: 0 0 10px 0; font-weight: 700; text-align: left;}
p {color: black; font-size: 16px; line-height: 24px; text-align: justify; font-weight: 400; margin-bottom: 20px;}
a, a.spip_out {color: black; text-decoration: underline; outline: 0;}
a:hover, a.spip_out:hover {color: #6d7d92; text-decoration: none; outline: 0;}
b, strong {font-weight: 900;}


/*Video Youtube*/
.video-wrap {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 40px;}
.video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* Проверить */
input, textarea, select {display: block; font-family: 'Roboto', sans-serif;  background: white; color: #6d6d6d; border: 1px solid silver; width: 100%; max-width: 400px; height: 35px; padding: 0 10px; margin: 0 0 10px 0; font-size: 15px; line-height: 35px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, select {overflow: hidden;}
textarea {display: block; line-height: 22px; padding: 10px; height: 200px; margin: 0;}
input[type="radio"] {width: auto; height: auto;}
input:focus, textarea:focus, select:focus {border: 4px solid #6d7d92;}
button[type="submit"], input[type="submit"], input[type="button"] {font-family: 'Roboto', sans-serif; text-decoration: none; background: #6d7d92; margin-top: 5px; border: 0; color: white; font-size: 14px; font-weight: bold; text-transform: uppercase; height: 35px; width: auto;  padding: 0 25px; line-height: 35px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer;}
button[type="submit"]:hover , input[type="submit"]:hover, input[type="button"]:hover {background: #c33e0f; color: white;}
::-webkit-input-placeholder {color: #6d6d6d;}
::-moz-placeholder {color: #6d6d6d;}
:-ms-input-placeholder {color: #6d6d6d;}
:-moz-placeholder {color: #6d6d6d;}
label {font-size: 15px; line-height: 21px;}
.reponse_formulaire_ok {color: #ff5400; font-size: 15px; line-height: 20px; font-weight: 600; margin: 0 0 15px 0;}
.reponse_formulaire_erreur p {color: red; font-size: 15px!important; line-height: 20px!important; font-weight: 600; margin: 0 0 15px 0;}
.editer label span.obligatoire {display: none;}
.editer .choix label {display: inline-block;}
.explication p {font-family: 'Roboto Condensed', sans-serif; color: #6d7d92; font-size: 16px; line-height: 32px;}

.spip_documents {text-align: center; line-height: normal;}
.spip_documents_center {display: block; clear: both; width: 100%; margin: 15px auto;}
.spip_documents_left {float: left; margin-right: 15px; margin-bottom: 5px;}
.spip_documents_right {float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre {margin-right: auto; margin-left: auto; font-weight: 400; font-size: 14px;}
.spip_doc_descriptif {clear: both; margin-right: auto; margin-left: auto; font-size: 14px;}

.table-container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb {border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}
table.spip {max-width: 100%; width: 100%;  margin: 20px auto; border-collapse: collapse; border-spacing: 0;}
table.spip caption {caption-side: top; text-align: center; margin: 0 auto;}
table.spip tr.row_first {background: #6d7d92; color: white;  font-size: 18px; font-weight: 600;}
table.spip tr.row_odd {background: white;}
table.spip tr.row_even {background: white;}
table.spip th, table.spip td {padding: 7px; border: 1px solid #6d7d92; text-align: left;}
table.spip th {vertical-align: top; font-size: 18px; font-weight: 600; padding: 10px 7px;}
table.spip td {vertical-align: top;}
table.spip p {margin: 0;}
/* Конец проверить */

ol.spip, ul.spip {list-style-position: inside; margin-bottom: 20px;}
ol.spip {list-style: decimal; list-style-position: inside;}
ol.spip li, ul.spip li {list-style-position: inside; margin-left: 15px; color: black; font-size: 16px; line-height: 24px; font-weight: 400;}

.center1400 {width: 1400px; max-width: 96%; margin: 0 auto;}
.center1200 {width: 1200px; max-width: 96%; margin: 0 auto;}
.center1000 {width: 1000px; max-width: 96%; margin: 0 auto;}

.header {width: 100%;}
.header-top {width: 100%; background: url(../images/top.jpg) no-repeat top left; float: left; padding: 15px 0;}
.header-top-left {width: 65%; float: left; text-align: left;}
.header-top-left img {float: left; margin-right: 23px; width: 170px;}
.header-top-left span {max-width: 280px; padding-top: 10px; display: table;}
.header-top-left span a {text-decoration: none; border-bottom: 1px dashed black;}
.header-top-left span a:hover {border-bottom: 1px dashed #6d7d92;}
.header-top-right {width: 35%; float: left; text-align: right; padding-top: 34px;}
.header-top-right .lang {vertical-align: top; display: inline-block; width: 32px; height: 32px; margin-left: 12px; background: #6d7d92; color: white; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 18px; line-height: 32px; text-decoration: none; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.header-top-right .lang:hover {background: #c44214;}
.header-top-right .fb {vertical-align: top; display: inline-block; margin-left: 12px;}
.header-top-right .buy {font-family: 'Roboto Condensed', sans-serif; padding: 6px 10px 5px 44px; font-weight: 700; display: inline-block; margin-top: 7px; background: #c44214 url(../images/ticket.png) no-repeat 7px center; color: white; text-decoration: none; text-transform: uppercase; font-size: 17px; line-height: 27px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.header-top-right .buy:hover {background: #6d7d92 url(../images/ticket.png) no-repeat 7px center; color: white; text-decoration: none;}
.header-bottom {float: left; text-align: center; width: 100%; height: 50px; background: #6d7d92;}
.header-bottom div {float: left; text-align: center; width: 100%; border-bottom: 1px solid #a3a9af; border-top: 1px solid #a3a9af; height: 46px; margin: 2px 0;}

.article-default .buy:hover {background: #c44214 url(../images/ticket.png) no-repeat 7px center; color: white; text-decoration: none;}
.article-default .buy {font-family: 'Roboto Condensed', sans-serif; padding: 6px 10px 5px 44px; font-weight: 700; display: inline-block; margin-top: 7px; background: #6d7d92 url(../images/ticket.png) no-repeat 7px center; color: white; text-decoration: none; text-transform: uppercase; font-size: 17px; line-height: 27px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}

 /*  Menu <  960 */
@media only screen and (min-width: 100px) and (max-width: 959px) {
html {height: 100%; font-size: 100%;}
#menu ul {margin: 12px 0 0 0; padding: 0; list-style: none; text-align: left;}
#menu ul li {width: 100%; list-style: none; position: relative; margin: 0; text-align: left;}
#menu ul li a {text-decoration: none; color: white;}
#menu ul li a img {margin: 0 10px 0 5px; display: inline-block;}
#menu ul li a span {font-size: 18px; line-height: 22px; text-transform: uppercase; font-weight: 500; display: inline-block; vertical-align: top; color: white;}
#menu ul li ul {border-bottom: 1px solid #a3a9af; border-left: 1px solid #a3a9af; border-right: 1px solid #a3a9af; outline: solid 2px #6d7d92; display: none; position: absolute; top: 34px; left: 0; z-index: 10000; margin: 0; background: #6d7d92; text-align: left; width: 300px; max-width: 96%; height: auto; padding: 15px 15px 5px 15px; max-height: 87vh; overflow-y: scroll;}
#menu ul li ul li {margin: 0 0 10px 0; padding: 0; height: auto; width: 100%;}
#menu ul li ul li a {margin: 0; font-size: 18px; line-height: 22px; text-transform: uppercase; color: white; text-decoration: none; font-weight: 500;}
#menu ul li ul li ul {border: 0; outline: 0; display: block; position: relative; width: auto; height: auto; padding: 0; top: 0; margin: 7px 0 10px 0;} 
#menu ul li ul li ul li {position: relative; margin: 0;  padding: 0; display: block;} 
#menu ul li ul li ul li a {margin: 0 0 10px 30px; font-size: 15px; line-height: 20px; text-transform: none; color: white; text-decoration: none; font-weight: 400; list-style: disc; display: list-item;}
.menu-fixed {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 50px; background: #6d7d92;}
.menu-fixed ul {margin: 8px 0 0 0!important;}
.menu-fixed ul li a img {margin: 4px 10px 0 5px!important;}
.menu-fixed ul li span {padding-top: 4px!important;}
.js_float, .js_float_target {cursor: pointer;}
}

/*  Menu > 960 */
@media only screen and (min-width: 960px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
#menu ul {list-style: none;}
#menu ul li a img, #menu ul li a span {display: none;}
#menu ul li ul#menu-float {display: block!important; margin: 0;}
#menu ul li ul {list-style: none; position: relative; margin: 0; padding: 0;}
#menu ul li ul li {display: inline-block; position: relative; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#menu ul li ul li a {text-decoration: none; font-weight: 400; color: white; padding: 0 15px; font-size: 21px; line-height: 44px; display: block; text-transform: uppercase;}
#menu ul li ul li a:hover {color: #c33e0f; background: white;}
#menu ul li ul li:hover ul {display: block;}
#menu ul li ul li ul {border-bottom: 1px solid #a3a9af; border-left: 1px solid #a3a9af; border-right: 1px solid #a3a9af; outline: solid 2px #6d7d92; z-index: 100; position: absolute; float: left; top: 44px; left: 0; text-align: left; background: #6d7d92; width: 300px; height: auto; padding: 0 15px 15px 15px; display: none;}
#menu ul li ul li ul hr {display: none;}
#menu ul li ul li ul li {border: 0; height: auto; width: 260px; display: inline-block; vertical-align: top; text-align: left; padding: 0; margin: 0;}
#menu ul li ul li ul li a, #menu ul li ul li:hover li a {font-size: 17px; line-height: 24px; font-weight: 400; text-decoration: none; color: white; padding: 6px 0;}
#menu ul li ul li ul li a:hover {color: white; background: none; text-decoration: underline;}
.menu-fixed {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 50px; background: #6d7d92;}
.js_float, .js_float_target {cursor: pointer;}
}

a.more {font-family: 'Roboto Condensed', sans-serif; padding: 10px 15px; font-weight: 700; display: inline-block; background: #c44214; color: white; text-decoration: none; text-transform: uppercase; font-size: 22px; line-height: 30px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
a.more:hover {background: #6d7d92; color: white; text-decoration: none;}

.slider {padding: 0; width: 100%; float: left;}
.slick-slide {margin: 0px;}
.slick-slide img {border-left: 3px solid white; border-right: 3px solid white; border-top: 3px solid white; width: 100%;}
.slick-prev:before, .slick-next:before, .slick-prev, .slick-next {display: none!important;}
.slick-slide {transition: all ease-in-out .3s;} 

.locations {width: 100%; float: left; padding: 60px 0;}
.locations .item div {border: 10px solid #e0e4e9; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.locations .item div:hover {border: 10px solid #c44214; }
.locations .item div:hover img {transform: scale(1.9);}
.locations .item p {font-family: 'Roboto Condensed', sans-serif; font-size: 19px; line-height: 26px; font-weight: 700; margin: 10px 0 0 0; text-align: center; text-transform: uppercase;}
.locations .owl-nav {position: absolute; top: 32%; width: 100%;}
.locations .owl-prev {width: 34px; height: 58px; background: url(../images/prev.png) no-repeat center; position: absolute; top: 0; left: -45px; text-indent: -1000000px;}
.locations .owl-next {width: 34px; height: 58px; background: url(../images/next.png) no-repeat center; position: absolute; top: 0; right: -45px; text-indent: -1000000px;}

.about {width: 100%; float: left; padding: 60px 0;  position: relative; height: auto; overflow: hidden; z-index: 10;}
.about-paralax {background: url(../images/paralax.jpg) repeat-y top center; position: absolute; width: 100%;  top: 0; left: 0; height: 2000px; overflow: hidden; z-index: 20;}
.about-left {width: 40%; float: left; position: relative; z-index: 30; padding-right: 40px;}
.about-left h1 {color: white; text-align: left;} 
.about-left p {color: white; text-align: left;}
.about-right {width: 60%; float: left; position: relative; z-index: 30;}
.about-right img {float: left;}
.about-image-1, .about-image-2, .about-image-3 {width: 33%; float: left; padding: 5px;}
.about-image-4, .about-image-5 {width: 49.5%; float: left; padding: 5px;}
.about-image-6, .about-image-7, .about-image-8 {width: 33%; float: left; padding: 5px;}

.about-inside {padding: 0 0 60px 0; }

.events {width: 100%; float: left; padding: 60px 0; text-align: center;}
.events-inside {padding: 0 0 60px 0;}
.events-one {width: 100%; float: left; background: white; padding: 10px; text-align: left; border: 1px solid #717982; margin: 10px 0; position: relative;}
.events-one img {float: left; margin-right: 25px; width: 270px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.events-one img:hover {opacity: 0.5;}
.events-one div {padding-right: 290px; text-align: left;}
.events-one h3 {color: #6d7d92; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 28px; font-weight: 700; margin: 10px 0;}
.events-one span {background: #6d7d92; padding: 3px 5px; color: white; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; line-height: 15px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 10px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.events-one p {font-size: 16px; line-height: 24px; margin: 0 0 10px 0; text-align: left; display: table;}
.events-one p a {text-decoration: none; color: black;}
.events-one a.events-detail {position: absolute; top: 50%; margin-top: -22px; right: 40px; padding: 10px 15px; font-weight: 500; display: inline-block; background: #6d7d92; color: white; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 22px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.events-one a.events-detail:hover {background: #c44214; color: white; text-decoration: none;}
.events .more {margin-top: 15px;}

.announcement {width: 100%; float: left; padding: 100px 0;  position: relative; height: auto; overflow: hidden; z-index: 10;}
.announcement-paralax {background: url(../images/paralax2.jpg) no-repeat center; position: absolute; width: 100%;  top: 0; left: 0; height: 1415px; overflow: hidden; z-index: 20;}
.announcement-all {width: 100%; padding: 40px 30px 40px 35%; float: left; position: relative; z-index: 30; border: 1px solid #717982; outline: 10px solid rgba(255, 255, 255, 0.5); background: white;}
.announcement-all div {position: absolute; top: 50%; margin-top: -25px; left: 0; width: 35%; text-align: center; color: #c44214; font-family: 'Roboto Condensed', sans-serif; font-size: 50px; line-height: 50px; text-transform: uppercase;}
.announcement-all p {font-size: 20px; line-height: 32px; text-align: left; margin: 0;}

.news {width: 100%; float: left; padding: 60px 0; background: #ebf0f6; text-align: center;}
.news-inside {padding: 0 0 60px 0; background: white;}
.news h2 {color: #6d7d92;}
.news-cols {width: 100%; -moz-column-count: 2; -moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px;}
.news-one {text-align: left; margin-bottom: 50px; display: inline-block; vertical-align: top;}
.news-one div {width: 72px; height: 72px; background: #c44214; text-align: center; padding-top: 8px; float: left; margin-right: 10px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: white;}
.news-one div span {font-size: 40px; line-height: 40px; font-weight: 600;}
.news-one div p {font-size: 10px; line-height: 14px; margin: 0; text-align: center; color: white; text-transform: uppercase; display: block;}
.news-one h3 {color: #6d7d92; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 28px; font-weight: 700; margin-bottom: 10px;}
.news-one p {font-size: 16px; line-height: 24px; margin: 0; text-align: left; display: table;}
.news-one p a {text-decoration: none; color: black;} 
.news-one p a:hover {text-decoration: underline;}
.news .more {margin-top: 15px;}

/* Contacts */
.contacts-left {width: 50%; float: left; padding-right: 40px;}
.contacts-left h1 {text-align: left;} 
.contacts-left p {text-align: left;}
.contacts-right {width: 50%; float: left;}
.contacts-right h3 {font-family: 'Roboto Condensed', sans-serif; color: #6d7d92; font-size: 22px; line-height: 32px; margin: 0 0 20px 0; font-weight: 700; text-align: left; text-transform: uppercase;}

.footer-big {width: 100%; float: left; background: #6d7d92; padding: 65px 0;}
.footer-one {width: 33.3%; float: left;}
.footer-one img {float: left; margin-right: 12px;}
.footer-one p {font-size: 16px; line-height: 22px; font-weight: 400; color: white; text-align: left; margin: 0; display: table;}
.footer-one p strong {font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: 700;}
.footer-one a {color: white; text-decoration: underline;}
.footer-one a:hover {color: white; text-decoration: none;}
.footer-map {width: 100%; float: left; margin: 45px 0 0 0;}
.footer-map div {margin: 0; padding-bottom: 600px; overflow: hidden; position: relative; height: 0;}
.footer-map div iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.footer-small {width: 100%; float: left; background: #495462; padding: 35px 0;}
.footer-small-left {width: 40%; float: left; text-align: left;}
.footer-small-left img {float: left; margin-right: 10px; width: 140px;}
.footer-small-left p {color: white; font-size: 14px; line-height: 20px; text-align: left; margin: 0; padding-top: 45px;}
.footer-small-right {width: 60%; float: left; text-align: right; padding-top: 25px;}
.footer-small-right p {font-family: 'Roboto Condensed', sans-serif; color: #9298a1; font-size: 28px; line-height: 28px; letter-spacing: 0.9px; text-align: right; margin: 0 0 10px 0; font-weight: 700; text-transform: uppercase;}
.footer-small-right img {float: right; margin-left: 25px;}

#toTop {z-index: 1000; right: 10px; bottom: 10px; width: auto; display: none; padding: 7px 17px 5px 17px; font-size: 16px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; line-height: 28px; background: #c44214; color: white; position: fixed; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#toTop:hover {background: white; color: #c44214;}

.breadcrumbs {margin: 15px 0 35px 0; text-align: left;}
.breadcrumbs li {display: inline-block; color: black; font-size: 14px; margin: 0 7px 0 0;}
.breadcrumbs li:after {content: "/"; margin-right: 0;}
.breadcrumbs a {color: black; text-decoration: none; margin: 0 7px 0 0; font-size: 14px;}
.breadcrumbs a:hover {color: black; text-decoration: underline;}
.breadcrumbs li:last-child:after {content: ""; margin-right: 0;}
.breadcrumbs li:last-child a {color: #c44214;}
.breadcrumbs li:last-child a:hover {color: #c44214; text-decoration: none;}

/* Article default */ 
.article {width: 100%; float: left; padding: 0 0 60px 0;}
.article-default .logo-article {width: auto; max-width: 400px; float: left; margin: 0 20px 10px 0;}
.article-default .logo-article img {float: left;}
blockquote {min-height: 40px; background: url(../images/quote.png) no-repeat 30px center; margin-bottom: 35px; padding: 20px 20px 0 100px;}
blockquote p {text-align: left; color: #536071; font-style: italic;}
.date {background: #6d7d92; padding: 4px 7px; color: white; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 17px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 10px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.article hr {width: 100%; clear: both; border-bottom: 1px solid #a3b0c1; border-top: 0; border-left: 0; border-right: 0; margin: 0 0 25px 0; padding: 25px 0 0 0;}
.gallery {text-align: left; width: 100%; margin: 20px 0 0 0; float: left;}
.gallery .item-gal {width: 23%; margin: 0 1% 2% 1%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.gallery .item-gal img {float: left;}

.pagination {width: 100%; float: left; text-align: center; color: #6d7d92; font-weight: 500; font-size: 15px; margin-top: 25px;}
.pagination span.prev, .pagination span.prev a {color: #6d7d92;} 
.pagination strong {font-weight: 500;}
.pagination .pages .on {background: #6d7d92; width: 18px; height: 18px; line-height: 19px; font-weight: 500; display: inline-block; padding: 4px; color: white; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.pagination .pages a {color: #6d7d92; text-decoration: none;}
.pagination span.sep {padding: 0 8px; color: white;}
.pagination span.next a {color: #6d7d92;}
.pagination a:hover, .pagination span.prev a:hover, .pagination span.next a:hover {text-decoration: underline;}

/* Article event */
.article-events-left {width: 30%; float: left; text-align: center;}
.article-events-right {width: 70%; float: left; text-align: left; padding-left: 40px;}
.article-events-right h1 {margin: -8px 0 10px 0; text-align: left;}
.events-time {background: #6d7d92; padding: 4px 7px; color: white; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 17px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 10px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.article-events-right .gallery {margin: 10px 0 0 0;}
.article-events-right .gallery .item-gal {width: 48%; margin: 0 1% 2% 1%;}

/* Article location */
.article-location-left {width: 40%; float: left; padding-right: 25px;}
.article-location-left h1 {margin: -8px 0 10px 0; text-align: left;}
.article-location-right {width: 60%; float: left;}
.article-location-right .gallery {margin: 0;}
.article-location-right .gallery .item-gal {width: 100%; margin: 0  0 2% 0;}
.article-location-right .gallery .item-gal:nth-child(2), .article-location-right .gallery .item-gal:nth-child(5), .article-location-right .gallery .item-gal:nth-child(8), .article-location-right .gallery .item-gal:nth-child(11), .article-location-right .gallery .item-gal:nth-child(14), .article-location-right .gallery .item-gal:nth-child(17), .article-location-right .gallery .item-gal:nth-child(20), .article-location-right .gallery .item-gal:nth-child(23), .article-location-right .gallery .item-gal:nth-child(26) {width: 49%; margin: 0 2% 2% 0;}
.article-location-right .gallery .item-gal:nth-child(3), .article-location-right .gallery .item-gal:nth-child(6), .article-location-right .gallery .item-gal:nth-child(9), .article-location-right .gallery .item-gal:nth-child(12), .article-location-right .gallery .item-gal:nth-child(15), .article-location-right .gallery .item-gal:nth-child(18), .article-location-right .gallery .item-gal:nth-child(21), .article-location-right .gallery .item-gal:nth-child(24), .article-location-right .gallery .item-gal:nth-child(27) {width: 49%; margin: 0 0 2% 0;}

.other-locations {background: #ecf1f8; width: 100%; float: left; padding: 15px; font-size: 18px; line-height: 26px; margin-bottom: 20px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.other-locations h3 {font-family: 'Roboto Condensed', sans-serif; color: #c33e0f; font-size: 20px; line-height: 30px; margin: 0 0 8px 0; font-weight: 700; text-align: left; text-transform: uppercase;}
.other-locations img {margin-right: 15px; float: left;}
.other-locations a {display: block; width: 100%; float: left; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 70px; font-weight: 700; margin: 7px 0; text-transform: uppercase; text-decoration: none;}
.other-locations a:hover {text-decoration: none; color: #c33e0f;}

/* Rubrique Photo */
.rubrique-photo {width: 100%; float: left; padding: 0 0 60px 0;}
.article-photo {width: 100%; float: left; padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #dce3ed;}

/* Rubrique locations */
.location-all {width: 100%; float: left; padding: 0 0 60px 0; text-align: center;}
.location-one {width: 200px; display: inline-block; margin: 0 20px 40px 20px; text-decoration: none; vertical-align: top;}
.location-one div {width: 200px; height: 200px; margin-bottom: 10px; border: 6px solid #e0e4e9; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.location-one div img {float: left; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.location-one div:hover {border: 4px solid #c44214; background: black; }
.location-one div:hover img {opacity: 0.7; transform: scale(1.3);}
.location-one h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 19px; line-height: 26px; font-weight: 700; margin: 10px 0 0 0; text-align: center; text-transform: uppercase; text-decoration: none;}

/* Rubrique Team */
.team {width: 100%; float: left; padding: 0 0 60px 0; text-align: center;}
.team-one {width: 320px; text-align: center; display: inline-block; padding: 0 20px; margin: 0 auto 25px auto; vertical-align: top;}
.team-one div.team-logo {width: 280px; height: 280px; overflow: hidden; margin: 0 auto 8px auto; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.team-one div.team-logo img {}
.team-one h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 19px; line-height: 26px; font-weight: 700; margin: 0; color: #c33e0f; text-align: center; text-transform: uppercase;}
.team-one p {text-align: center; margin: 0 0 5px 0; font-style: italic; color: gray;}
.team-one p.team-phone {font-style: normal; color: black;}
.team-one p.team-phone:before {content: "\260E"; margin-right: 4px;}

/* Rubrique Default */
.rubrique-descriptif {background: #ecf1f8; width: 100%; padding: 20px; font-size: 18px; line-height: 26px; margin-bottom: 20px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}

.rubrique-default {width: 100%; float: left; padding: 0 0 60px 0; text-align: center;}
.rubrique-one {width: 280px; height: 280px; overflow: hidden; display: inline-block; position: relative; margin: 0 20px 40px 20px; text-decoration: none; vertical-align: top; border: 3px solid #e0e4e9; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.rubrique-one img {float: left; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.rubrique-one:hover img {transform: scale(1.3);}
.rubrique-one h3 {background: rgb(0, 0, 0, 0.3); color: white; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-family: 'Roboto Condensed', sans-serif;  padding: 10px 0; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; text-decoration: none;}
.rubrique-one:hover h3 {background: #c33e0f;}

/* Error */
.error {background: #fff9ef; width: 100%; float: left; padding: 0 0 60px 0; text-align: center;}
.error h1 {color: #6d7d92; font-weight: 400; margin: 0 auto 10px auto}
.error a {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #c44214; text-decoration: underline; font-size: 22px; line-height: 30px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.error a:hover {color: #6d7d92;}

/* 0 - 540 (320, 360, 414, 440, 480, 540) */
@media only screen and (min-width: 100px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
h1, h2 {font-size: 24px; line-height: 32px;}
p {text-align: left;}
.header-top {padding: 12px 0;}
.header-top-left {width: 100%;}
.header-top-left img {width: 120px; margin-right: 13px;}
.header-top-left span {padding-top: 10px; font-size: 14px; line-height: 20px;}
.header-top-right br {display: none;}
.header-top-right {width: 100%; text-align: center; padding-top: 13px;}
.header-top-right .lang {margin: 0 5px;}
.header-top-right .fb {margin: 0 5px;}
.header-top-right .buy {margin: 0 5px; font-size: 14px; line-height: 21px; padding: 6px 7px 5px 44px;}
.footer-one {width: 100%; margin-bottom: 30px;}
.footer-map {margin: 25px 0 0 0;}
.footer-small-left {width: 100%; text-align: center;}
.footer-small-left p {padding-top: 35px;}
.footer-small-right {width: 100%; text-align: center; padding-top: 25px;}
.footer-small-right p {font-size: 24px; text-align: center;}
.footer-small-right img {float: none; margin: 0 10px 5px 10px;}
.locations .item div {border: 5px solid #e0e4e9;}
.locations .owl-nav {top: -80px;}
.locations .owl-prev {left: 0;}
.locations .owl-next {right: 0;}
.about-left {width: 100%; padding-right: 0; margin-bottom: 30px;}
.about-right {width: 100%;}
.events-one img {float: left; margin: 0 0 15px 0; width: 100%;}
.events-one div {padding: 0;}
.events-one a.events-detail {position: relative; top: 0; margin-top: 0; right: 0;}
.announcement {padding: 60px 0;}
.announcement-all {width: 100%; padding: 20px;}
.announcement-all div {position: relative; top: 0; margin: 0 0 10px 0; left: 0; width: 100%; text-align: left;}
.news-cols {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.article-events-left {width: 100%;}
.article-events-right {width: 100%; padding-left: 0; margin-top: 10px;}
.article-default .logo-article {width: 100%; max-width: 100%; margin: 0 0 20px 0;} 
.gallery .item-gal {width: 48%;} 
.article-location-left {width: 100%; padding-right: 0; margin-bottom: 5px;}
.article-location-right {width: 100%;}
.contacts-left {width: 100%; padding-right: 0; margin-bottom: 20px;}
.contacts-right {width: 100%;}
}     

/* 541 - 768 (568, 600, 640) */
@media only screen and (min-width: 541px) and (max-width: 640px) {
html {height: 100%; font-size: 100%;}
h1, h2 {font-size: 26px; line-height: 34px;}
p {text-align: left;}
.header-top-left img {width: 130px; margin-right: 13px;}
.header-top-left span {padding-top: 0; font-size: 15px; line-height: 21px;}
.header-top-right {padding-top: 15px;}
.footer-one {width: 100%; margin-bottom: 30px;}
.footer-map {margin: 25px 0 0 0;}
.footer-small-left {width: 100%; text-align: center;}
.footer-small-left img {float: none; margin: 0 0 10px 0;}
.footer-small-left p {text-align: center; padding-top: 0;}
.footer-small-right {width: 100%; text-align: center; padding-top: 25px;}
.footer-small-right p {font-size: 24px; text-align: center;}
.footer-small-right img {float: none; margin: 0 10px 5px 10px;}
.locations .item div {border: 5px solid #e0e4e9;}
.locations .owl-nav {top: -80px;}
.locations .owl-prev {left: 0;}
.locations .owl-next {right: 0;}
.about-left {width: 100%; padding-right: 0; margin-bottom: 30px;}
.about-right {width: 100%;}
.events-one img {float: left; margin: 0 15px 15px 0;}
.events-one div {padding: 0;}
.events-one h3 {margin: 0 0 10px 0;}
.events-one a.events-detail {position: relative; top: 0; margin: 0 0 0 285px; right: 0;}
.announcement-all {width: 100%; padding: 20px;}
.announcement-all div {position: relative; top: 0; margin: 0 0 10px 0; left: 0; width: 100%; text-align: left;}
.news-cols {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.article-events-left {width: 100%;}
.article-events-right {width: 100%; padding-left: 0; margin-top: 10px;}
.article-default .logo-article {width: 50%; max-width: 50%;} 
.gallery .item-gal {width: 48%;}
.article-location-left {width: 100%; padding-right: 0; margin-bottom: 5px;}
.article-location-right {width: 100%;} 
.contacts-left {width: 100%; padding-right: 0; margin-bottom: 20px;}
.contacts-right {width: 100%;}
}

/*720, 760, 800  */
@media only screen and (min-width: 641px) and (max-width: 959px) {
html {height: 100%; font-size: 100%;}
h1, h2 {font-size: 28px; line-height: 36px;}
.footer-one {width: 50%; margin-bottom: 30px;}
.footer-small-left {width: 45%;}
.footer-small-left p {padding-top: 30px;}
.footer-small-right {width: 55%;}
.footer-small-right p {font-size: 24px; letter-spacing: 0;}
.locations .center1200 {max-width: 86%;}
.locations .owl-nav {top: 28%;}
.about-left {width: 50%; padding-right: 25px;}
.about-right {width: 50%;}
.about-image-1, .about-image-2 {width: 49.5%;}
.about-image-3 {width: 99%;}
.about-image-4, .about-image-5 {width: 49.5%;}
.about-image-6, .about-image-7 {width: 49.5%;}
.about-image-8 {display: none;}
.events-one img {float: left; margin: 0 15px 15px 0;}
.events-one div {padding: 0;}
.events-one h3 {margin: 0 0 10px 0;}
.events-one a.events-detail {position: relative; top: 0; margin: 0 0 0 285px; right: 0;}
.announcement-all {width: 100%; padding: 30px;}
.announcement-all div {position: relative; top: 0; margin: 0 0 10px 0; left: 0; width: 100%; text-align: left;}
.article-events-left {width: 35%;}
.article-events-right {width: 65%; padding-left: 25px;}
.article-default .logo-article {width: 50%; max-width: 50%;}
.gallery .item-gal {width: 31.3%;}
.article-location-left {width: 100%; padding-right: 0; margin-bottom: 5px;}
.article-location-right {width: 100%;} 
}

/*  960 - 1199 (960, 1024) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
#menu ul li ul li a {padding: 0 10px; font-size: 19px;}
.locations .center1200 {max-width: 90%;}
.locations .owl-nav {top: 28%;}
.about-left {width: 50%; padding-right: 25px;}
.about-right {width: 50%;}
.announcement-all {padding: 40px 30px 40px 40%;}
.announcement-all div {width: 40%;}
.article-events-right {width: 65%; padding-left: 25px;}
}

/*  1200 - 1600 ( */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
html {height: 100%; font-size: 100%;}
.locations .center1200 {max-width: 90%;}
}

/* > 1200 (1920) */
@media only screen and (min-width: 1601px) and (max-width: 100000px) {
html {height: 100%; font-size: 100%;}
}