* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%; height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: black; margin: 0; font-weight: 500;}
.clear {clear: both;}
img {max-width: 100%; height:auto; outline: 0;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
@media \0screen {img { width: auto }}

/*
Thin font-weight: 100;
Light  font-weight: 300;
Regular  font-weight: 400;
Medium  font-weight: 500;
Bold   font-weight: 700;
Black  font-weight: 900;
 */
 
h1, h2 {color: #ec1d25; font-size: 24px; line-height: 32px; margin: 0 0 25px 0; text-align: left; background: url(../images/line.jpg) repeat-x bottom center; padding-bottom: 7px;}
h3.spip {color: #ec1d25; font-size: 20px; line-height: 28px; margin: 0 0 5px 0; text-align: left;}


ul.spip, ul {margin-bottom: 15px;}
ul.spip li, ol.spip li, ul li, ol li {list-style-position: outside; margin-left: 18px; font-weight: 400;}
p {font-size: 16px; line-height: 24px; color: black; text-align: justify; font-weight: 400; margin: 0 0 15px 0;}
a {outline: 0; color: #265ba4; text-decoration: underline;}
a:hover {color: black; text-decoration: none;}
b, strong {font-weight: 700;}
hr.spip {width: 100%; margin: 20px 0; float: left; border-top: 1px solid silver; border-bottom: 0; border-left: 0; border-right: 0;}


/* Tableaux */
.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; font-size: 16px; font-weight: 400;}
table.spip caption {caption-side: top; text-align: center; margin: 0 auto;}
table.spip tr.row_first {background: #f5f5f5; color: black;  font-size: 18px; font-weight: 700;}
table.spip tr.row_odd {background: white;}
table.spip tr.row_even {background: white;}
table.spip th, table.spip td {padding: 5px 10px; border: 1px solid #bdbdbd; text-align: left;}
table.spip th {vertical-align: middle; font-size: 18px;}
table.spip td {vertical-align: top;}

/* Citations, code et poesie */
blockquote.spip h3.spip {margin: 0;}
blockquote.spip_poesie {margin: 2em 0; padding-left: 1em; border-left: 1px solid;}
blockquote.spip_poesie div {text-indent: -3em; margin-left: 3em;}
.spip_code, .spip_cadre {color: #036;}
.spip_cadre {width: 99%; background-color: #F4F8F8; border: 1px inset; font-size:inherit;}
div.spip_code, .spip_cadre {margin-bottom: 1em;}
.spip_surligne {background: #FF6;}

/* Logos, documents et images */
.spip_logo {margin: 0; padding: 0; border: 0;}
.spip_documents {text-align: center; line-height: normal; margin-top: 15px!important; margin-bottom: 15px!important;}
.blog-en-article .spip_documents img {border: 1px solid silver;}
.spip_documents p {margin: 0.10em; padding: 0;}
.spip_documents_center {display: block; clear: both; width: 100%; margin: 1em 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-size: 0.90em; }
.spip_doc_descriptif {clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.spip_modele {float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens de SPIP */
a.spip_mail {color: black; text-decoration: underline;}
a.spip_mail:before {content: ""!important;}
a.spip_mail:hover {color: black; text-decoration: none;}
a.spip_out, a[rel=external] {color: black; text-decoration: underline;}
a.spip_out:hover, a[rel=external]:hover {color: black; text-decoration: none;}
a.spip_url {color: black; text-decoration: underline;}
a.spip_url:hover {color: black; text-decoration: none;}
a.spip_glossaire {color: black; text-decoration: underline;}
a.spip_glossaire:hover {color: black; text-decoration: none;}
a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";}
code {word-wrap: break-word;}

.wrapper {display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0 auto;}
.center {width: 96%; max-width: 1200px; margin: 0 auto;}

/* Header */
.header {width: 100%; border-bottom: 3px solid #5c5c5c;}
.header-sommaire {width: 100%; border-bottom: 3px solid #5c5c5c;}
.header-top {height: 50px; width: 100%; background: black;}
.header-top span {color: #b9b9b9; font-size: 14px; line-height: 19px; font-weight: 400; margin-left: 5px;}
.header-top img {vertical-align: middle;}
.header-top-left {float: left; width: 60%; text-align: left; margin-top: 12px;}
.header-top-right {float: left; width: 40%; text-align: right; margin-top: 12px;}

.header-sommaire .header-bottom {width: 100%; min-height: 700px; height: auto; overflow: hidden; position: relative; z-index: 30; text-align: center;}
.header-sommaire .paralax {background: url(../images/paralax.jpg) no-repeat center -200px; position: absolute; width: 100%; top: 0; left: 0; height: 990px; overflow: hidden; z-index: 20;}
.header-bottom {position: relative; z-index: 100;}
.header-bottom-left {float: left; width: 65%; position: relative; z-index: 100; text-align: left; margin-top: 20px;}
.header-bottom-right {float: left; width: 35%; text-align: right; margin-top: 40px; position: relative; z-index: 100;}
.header-bottom-right a {margin: 0; font-size: 14px; line-height: 26px; display:inline-block; font-weight: 700; color: black; text-decoration: none;}
.header-bottom-right a.lang {margin-left: 10px; color: #265ba4; text-decoration: underline; padding-left: 25px;}
.header-bottom-right a.lang {background: url(../images/flaq.png) left center no-repeat;}
.header-bottom-right a:hover  {color: black; text-decoration: underline;}
.header-bottom-right table {width: 100%;}
.header-bottom-right table td {white-space: nowrap; padding: 0; height: auto;}
/*.header-bottom-right table td:first-child {background: url(../images/icon3.png) right center no-repeat;} */
/*.header-bottom-right table td:last-child {background: url(../images/icon4.png) right center no-repeat;}*/
.header-bottom-right table td img {vertical-align: middle; margin-left: 5px; width: 22px;}

.header .header-bottom {width: 100%; min-height: 210px; height: auto; overflow: hidden; position: relative; z-index: 30; text-align: center;}
.header .paralax {background: url(../images/paralax.jpg) no-repeat center -200px; position: absolute; width: 100%; top: 0; left: 0; height: 990px; overflow: hidden; z-index: 20;}
.header #menu-sites {margin-bottom: 20px;}
.menu-in {margin: -80px 0 30px 2%!important;}

#menu-sites.menu-default {position: relative; z-index: 10000000; width: 96%; height: 50px; margin-top: 20px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; }
#menu-sites.menu-fixed {position: fixed; top: 0; left: 0; background: black; width: 100%; height: 50px; z-index: 1000; margin: 0!important;}

.header-bottom-bottom {position: relative; z-index: 100; width: 100%; margin-top: 40px;}
.header-bottom-bottom h1 {text-align: center; text-transform: uppercase; color: #ec1d25; font-size: 28px; line-height: 36px; font-weight: 700; margin: 0 0 30px 0; background: none; padding: 0;}
.owl-carousel {width: 94%; margin: 0 auto 50px auto;}
.item {cursor: pointer; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.item img {border: 2px solid white; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.item img:hover {-webkit-filter: grayscale(0.7);filter: grayscale(0.7); -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;}
.item div {width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.item a {font-size: 17px; line-height: 20px; text-decoration: none; font-weight: 700; text-align: center; color: black;}
.item a:hover {text-decoration: none; color: #ec1d25; -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;}
.owl-nav {position: absolute; top: 0; width: 100%;}
.owl-prev {position: absolute; top: 58px; left: -3%; width: 23px; height: 88px; display: block; text-indent: -200000px; background: url(../images/prev.png) center no-repeat;}
.owl-next {position: absolute; top: 58px; right: -3%; width: 23px; height: 88px; display: block; text-indent: -200000px; background: url(../images/next.png) center no-repeat;}
a.sommaire-more {display: inline-block; color: white; text-decoration: none; font-size: 16px; line-height: 33px; text-transform: uppercase; background: #ec1d25; padding: 5px 20px; -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.sommaire-more:after {content: "»"; font-size: 30px; font-weight: 700; padding-left: 5px; vertical-align: top; line-height: 27px;}
a.sommaire-more:hover {background: #f9c702; color: black;}

#toTop {right: 10px; bottom: 50px; width: auto; z-index: 1000; display: none; padding: 5px 15px 3px 15px; font-size: 18px; text-transform: uppercase; line-height: 30px; background: #ec1d25; 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: #f9c702; color: black;}

/* Content sommaire*/
.content {display: table-row;   table-layout: fixed; height: 100%;}
.content .center {padding: 40px 0;}
.sommaire-left {width: 48%; float: left; margin-right: 4%; padding-bottom: 40px;}
.sommaire-left h3.spip {font-size: 18px; line-height: 28px; font-weight: 700; color: black;}
.sommaire-right {width: 48%; float: left; padding-bottom: 40px;}
.sommaire-right ul li {margin-bottom: 3px;}
.sommaire-right ul li a {color: black; text-decoration: underline;}
.sommaire-right ul li a:hover {color: black; text-decoration: none;}

/* Rubrique */
.breadcrumbs {margin: -10px 0 15px 0; width: 100%; position: relative; z-index: 10;}
.breadcrumbs>div {display: inline-block; *display: inline; margin-right: 8px;}
.breadcrumbs a {text-decoration: none; }
.breadcrumbs a span {text-decoration: none; color: #265ba4; font-size: 14px; font-weight: 400;}
.breadcrumbs a span:hover {color: black; text-decoration: none}
.breadcrumbs span {font-size: 14px; font-weight: 400; color: #265ba4;}
.breadcrumbs a span:after {content: "»"; padding-left: 3px;}
.breadcrumbs span:after {content: "»"; padding-left: 3px;}

.all-rub {text-align: center; margin-bottom: 40px;}
.one-rub {width: 22.5%; max-width: 300px; margin: 0 1% 2% 1%; text-align: center; display: inline-block; vertical-align: top;}
.one-rub img {margin: 0 auto 5px auto; border: 1px solid silver;}
.one-rub img:hover {-webkit-filter: grayscale(0.7);filter: grayscale(0.7); -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;}
.one-rub a {color: black; text-decoration: none; font-size: 17px; line-height: 22px; font-weight: 700;}
.one-rub a:hover {color: #265ba4; text-decoration: none;}

.one-reviews {width: 100%; background: url(../images/quote2.jpg) left top no-repeat; padding: 0 0 5px 105px; margin-bottom: 20px; border-bottom: 1px solid #d9e3f1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.one-reviews h3 {color: #265ba4; font-size: 18px; font-weight: 900; margin: 0 0 5px 0;}

form input[type="text"] {width: 250px; height: 40px; float: left; border: 1px solid #d5d5d5; margin: 0 15px 15px 0; color: black; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 18px; font-weight: 300; padding: 0 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
form textarea {width: 515px; max-width: 100%; height: 170px; border: 1px solid #d5d5d5; margin: 0 0 10px 0; color: black; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 22px; font-weight: 300; padding: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
form button[type="submit"] {cursor: pointer; border: 0; color: white; text-decoration: none; background: #eb1c25; font-size: 14px; font-weight: 700; line-height: 28px; padding: 0 20px; display: inline-block; text-transform: uppercase; -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; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
form button[type="submit"]:hover {color: black; text-decoration: none; background: #f9c702;}
form label {display: none;}
.reponse_formulaire_ok p {font-size: 18px; font-weight: 700; line-height: 26px; color: #0044a1;}
.reponse_formulaire_erreur p {font-size: 18px; font-weight: 700; line-height: 26px; color: #eb1c25;}
span.erreur_message {display: none;}

.pagination {text-align: center; padding-top: 30px; margin: 10px 0 20px 0; width: 100%;  font-size: 16px; line-height: 25px; border-top: 1px dashed #b2c7e3;}
.pagination a {color: black; text-decoration: none;}
.pagination .pages {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0px 10px;}
.pagination .pages a {margin: 0 10px; }
.pagination .pages .on {margin: 0 10px; color: black; background: #f9c702; display: inline-block; width: 28px; height: 28px;  -webkit-border-radius: 50%; -khtml-border-radius: 50%;  -o-border-radius: 50%;  -ms-border-radius: 50%;  -icab-border-radius: 50%;  border-radius: 50%;}
.pagination a:hover {text-decoration: underline; color: black;}
.pagination .prev a, .pagination .next a {font-weight: normal;}
span.sep {display: none;}

.article-list {width: 100%; margin-bottom: 30px;}
.article-list a {text-decoration: none;}
.article-list a h2 {color: #265ba4; text-decoration: none; font-size: 20px; font-weight: 900; margin: 0 0 5px 0; background: none; padding: 0;}
.article-list a h2:hover {color: #265ba4; text-decoration: underline;}
.article-list .logo-article img {border: 1px solid #eeeeee;}
.article-list a.sommaire-more {font-size: 13px; line-height: 20px; padding: 4px 10px;}
.article-list a.sommaire-more:after {content: "»"; font-size: 20px; line-height: 17px;}


/* Article */
.logo-article {float: left; margin: 0 20px 20px 0;}
.video-wrap {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 20px 0;}
.video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.map {margin: 0%; padding-bottom: 310px; overflow: hidden; position: relative; height: 0;}
.map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.gallery {margin-top: 30px; text-align: center; width: 100%; float: left;}
.gallery .item-gal {width: 18%; height: 18%; margin: 0 1% 2% 1%;  float: left;  border: 1px solid silver; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.inc-right .gallery .item-gal {width: 23%; height: 23%;}
.gallery .item-gal img {float: left;}
.chapo p {font-weight: 700;}
.inc-left {float: left; width: 25%; margin: 10px 2.5% 0 0; background: #eeeeee; border: 2px solid white; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);}
.inc-right {float: left; width: 72.5%;}
.add-reviews {padding: 0 0 0 105px;}
.add-reviews h4 {font-size: 18px; margin-bottom: 10px; font-weight: 900;}

.article-contact-left {float: left; width: 30%; margin: 0 3% 30px 0;}
.article-contact-left h3 {color: black; font-size: 18px;}
.article-contact-right {float: left; width: 67%; margin: 0 0 30px 0;}
.article-contact-right .map {padding-bottom: 480px;}
.article-contact-bottom {float: left; width: 100%;}
.article-contact-bottom .map {padding-bottom: 550px;}


/* 404 */
.content-error {width: 100%; background: #ffd83b; text-align: center;}
.content-error img {margin: 170px auto 20px auto;}
.content-error h1 {color: black; text-transform: none; text-align: center; margin: 0 0 30px 0; font-weight: 700; font-size: 24px; line-height: 32px; background: none;}


/* Footer */
.footer {width: 100%; background: #3a3a3c; border-top: 4px solid #f9c702; border-bottom: 4px solid #f9c702; padding: 25px 0; float: left;}
.footer-left {float: left; width: 22%; text-align: left;}
.footer-left img {max-width: 190px; display: block;}
.footer-left span {color: #bababa; font-size: 13px; font-weight: 300;}
.footer-center {float: left; width: 66%; text-align: center; margin-top: 30px;}
.footer-center a {color: #e2e2e2; font-size: 13px; font-weight: 300; text-transform: uppercase; margin: 0 10px; text-decoration: none;}
.footer-center a:hover {color: #e2e2e2; text-decoration: underline;}
.footer-right {float: left; width: 12%; text-align: right; margin-top: 30px;}

/*  Menu <  800 */
@media only screen and (min-width: 100px) and (max-width: 799px) {
html {height: 100%; font-size: 100%;}
ul.meny {float: left; margin: 0; width: 100%; padding: 0;}
ul.meny li {width: 100%; height: 50px; list-style: none; position: relative; margin: 0;}
ul.meny li a {text-decoration: none;}
ul.meny li a img {float: left; margin: 15px 10px 0 0; display: block}
ul.meny li a span {display: inline-block; color: #ec1d25; font-size: 18px; text-transform: uppercase; font-weight: 500; margin-top: 13px; float: left;}
ul.meny li ul {display: none; position: absolute; top: 50px; left: 0; margin: 0; background: black; text-align: left; width: 70%; max-height: 90vh; overflow-y: auto; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.meny li ul li {margin: 0; padding: 5px 0;}
ul.meny li ul li a {font-size: 16px; color: white; text-decoration: none; text-transform: uppercase; margin: 0 10px;}
ul.meny li ul li a:hover {text-decoration: none; color: #fff29d;}
ul.meny li ul li a.on {text-decoration: none; color: white;}
ul.meny li ul li {height: auto; width: 100%; }
.close {display: block; position: absolute!important; top: 10px; right: 15px; text-align: right; z-index: 100; height: 20px!important; width: 20px!important;}
#menu-sites.menu-fixed ul.meny li a img {margin: 15px 10px 0 10px; display: block}
}

/*  Menu > 800 */
@media only screen and (min-width: 800px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
ul.meny {float: none; margin: 0;  width: 100%; height: auto; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.meny li {display: inline-block; list-style: none; width: auto; height: auto;}
ul.meny li a img, ul.meny li a span {display: none;}
ul.meny li ul {display: block; margin: 0;}
ul.meny li ul li {margin: 0; position: relative; padding: 0; }
ul.meny li ul li a {color: black; font-size: 17px; font-weight: 700; line-height: 50px; padding: 0 13px; height: 50px; text-transform: uppercase; text-decoration: none; display: inline-block; margin: 0;-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;}
ul.meny li ul li a:hover {color: white; background: #ec1d25; text-decoration: none;}
ul.meny li ul li {height: auto; width: auto; min-width: auto;}
ul.meny li ul {z-index: 100;}
li.close {display: none!important;}
#menu-sites.menu-fixed ul.meny li ul li a {color: white;}
}

/*  Left-Menu <  800 */
@media only screen and (min-width: 100px) and (max-width: 799px) {
html {height: 100%; font-size: 100%;}
.inc-left h2 {display: none;}
ul.left-meny {float: left; margin: 0; width: 100%; padding: 0;}
ul.left-meny li {width: 100%; position: relative; margin: 0; list-style: none;}
ul.left-meny li a {text-decoration: none;}
ul.left-meny li a img {float: left; margin: 3px 10px 0 0; display: block}
ul.left-meny li a span {display: inline-block; color: black; font-size: 18px; text-transform: uppercase; font-weight: 500; margin-top: 0; float: left;}
ul.left-meny li ul {display: none; position: absolute; top: 30px; left: 0; margin: 0; background: black; text-align: left; width: 100%; max-height: 90vh; text-align: left; overflow-y: auto; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.left-meny li ul li {margin: 0; padding: 5px 0; height: auto; width: 100%; }
ul.left-meny li ul li a {font-size: 16px; color: white; text-decoration: none; text-transform: none; margin: 0 10px;}
ul.left-meny li ul li a:hover {text-decoration: none; color: #fff29d;}
ul.left-meny li ul li a.on {text-decoration: none; color: white;}
.close {display: block; position: absolute!important; top: 10px; right: 15px; text-align: right; z-index: 100;}
}

/*  Left-Menu > 800 */
@media only screen and (min-width: 800px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
.inc-left h2 {font-size: 20px; font-weight: 900; text-transform: uppercase; color: #e81d25; text-align: left; background: none; border-bottom: 1px solid white; padding-bottom: 5px; margin-bottom: 15px;}
ul.left-meny li a img, ul.left-meny li a span {display: none;}
ul.left-meny {float: left; margin: 0; width: 100%; height: auto; text-align: center; padding-left: 18px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.left-meny li {width: 100%; position: relative; list-style: none; margin: 0;}
ul.left-meny li a img, ul.meny li a span {display: none;}
ul.left-meny li ul {display: block; margin: 0; text-align: left; z-index: 100;}
ul.left-meny li ul li {margin: 0 0 8px 0; position: relative; padding: 0; list-style: disc; }
ul.left-meny li ul li a {color: black; text-decoration: underline;}
ul.left-meny li ul li a:hover {color: #265ba4; text-decoration: none;}
li.close {display: none!important;}
}

/* 0 - 540 (320, 360, 414, 480, 533, 540) */
@media only screen and (min-width: 100px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
.header-top {height: auto; padding-bottom: 5px; float: left;}
.header-top span {margin-left: 3px;}
.header-top-left {width: 100%;}
.header-top-right {width: 100%; text-align: left; margin-top: 5px;}
.header-top-right img {margin: 0 5px 0 10px;}
.header .header-bottom {padding-bottom: 70px;}
.header-bottom-left {width: 100%; text-align: center;}
.header-bottom-right {width: 100%; text-align: right; margin-top: 20px;}
.header-bottom-bottom {margin-top: 20px;}
.header-bottom-bottom h1 {font-size: 22px; line-height: 28px; margin: 0 0 20px 0;}
.sommaire-left {width: 100%; margin-right: 0; padding-bottom: 40px;}
.sommaire-right {width: 100%; padding-bottom: 40px;}
.content-error img {margin: 70px auto 20px auto;}
.inc-left {width: 100%; margin: 0px 0 10px 0; padding: 0; background: white; border: 0; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.inc-right {float: left; width: 100%;}
.logo-article {float: none; margin: 0 0 20px 0; text-align: center;}
.article-contact-left {width: 100%; margin: 0 0 15px 0;}
.article-contact-right {width: 100%; margin: 0 0 30px 0;}
.one-rub {width: 90%;}
.owl-carousel {width: 85%;}
.owl-prev {top: 60px; left: -10%;}
.owl-next {top: 60px; right: -10%;}
.footer-left {display: none;}
.footer-center {width: 100%; margin: 0;}
.footer-center a {margin: 0 6px;}
.footer-right {display: none;}
.gallery .item-gal {width: 48%; height: 48%;}
}

@media only screen and (min-width: 100px) and (max-width: 370px) {
html {height: 100%; font-size: 100%;}
.header-bottom-right table td {padding: 0 45px 0 5px;}
.header-bottom-right a {font-size: 13px; line-height: 15px;}
.one-reviews {background: none; padding: 0 0 5px 0;}
.add-reviews {padding: 0;}
}

/* 541 - 768 (568, 600, 640, 720, 768) */
@media only screen and (min-width: 541px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
.header-bottom-left {width: 35%; margin-right: 2%; margin-top: 35px;}
.header-bottom-right {width: 63%;}
.sommaire-left {width: 100%; margin-right: 0; padding-bottom: 40px;}
.sommaire-right {width: 100%; padding-bottom: 40px;}
.content-error img {margin: 70px auto 20px auto;}
.inc-left {width: 100%; margin: 0px 0 10px 0; padding: 0; background: white; border: 0; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.inc-right {float: left; width: 100%;}
.article-contact-left {width: 38%; margin: 0 2% 30px 0;}
.article-contact-right {width: 60%; margin: 0 0 30px 0;}
.one-rub {width: 47%;}
.owl-carousel {width: 90%;}
.owl-prev {top: 50px; left: -7%;}
.owl-next {top: 50px; right: -7%;}
.footer-left {display: none;}
.footer-center {width: 80%; text-align: left; margin: 0;}
.footer-center a {margin: 0 6px;}
.footer-right {width: 20%; margin: 0;}
.gallery .item-gal {width: 31%; height: 31%;}
}

/* 768  */
@media only screen and (min-width: 700px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
.sommaire-left {width: 48%; margin-right: 4%; padding-bottom: 0;}
.sommaire-right {width: 48%; padding-bottom: 0;}
.owl-prev {top: 35px;}
.owl-next {top: 35px;}
.footer-left {display: none;}
.footer-center {width: 85%; text-align: left; margin: 0;}
.footer-right {width: 15%; margin: 0;}
}

/* 800, 960) */
@media only screen and (min-width: 769px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.header-bottom-left {width: 48%; margin-right: 2%; margin-top: 30px;}
.header-bottom-right {width: 50%; margin-top: 52px;}
.content-error img {margin: 100px auto 20px auto;}
.inc-left {width: 30%; margin: 10px 2.5% 0 0; padding: 7px;}
.inc-right {width: 67.5%;}
.one-rub {width: 30%;}
.owl-prev {top: 40px; left: -5%;}
.owl-next {top: 40px; right: -5%;}
.footer-left {display: none;}
.footer-center {width: 85%; text-align: left; margin: 0;}
.footer-center a {margin: 0 6px;}
.footer-right {width: 15%; margin: 0;}
.gallery .item-gal {width: 23%; height: 23%;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
.gallery .item-gal {width: 23%; height: 23%;}
.one-rub {width: 30%;}
.owl-prev {top: 40px; left: -3.5%;}
.owl-next {top: 40px; right: -3.5%;}
}