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

h1, h2 {color: #1580be; font-size: 34px; line-height: 40px; text-transform: uppercase; padding-left: 30px; font-weight: 300; text-align: left; margin-bottom: 40px; width: 100%; background: url(../images/title.jpg) no-repeat left 6px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h1 span, h2 span {background: white; display: inline-block; padding: 0 15px 0 0;}
h3.spip {font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 32px; color: #005e95; font-weight: 700; margin: 0 0 10px 0; text-align: left;}
p {color: black; font-size: 18px; line-height: 28px; font-weight: 400; text-align: left; margin-bottom: 20px;}
a, a.spip_out {color: #005e95; text-decoration: underline; outline: 0;}
a:hover, a.spip_out:hover {color: black; text-decoration: none; outline: 0;}
b, strong {font-weight: 700;}
.spip-admin-bloc, .spip-admin-float {z-index: 100000!important;}

.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: bold; font-size: 0.90em;}
.spip_doc_descriptif {clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em;}

.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, .content table {max-width: 100%; width: auto;  margin: 20px 0 20px 0; border-collapse: collapse; border-spacing: 0; font-size: 18px; font-weight: 400;}
table.spip caption {caption-side: top; text-align: center; margin: 0 auto;}
table.spip tr.row_first {background: #efefef; 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: 7px; border: 1px solid #a7a7a7; text-align: left;}
.content table th, .content table td {padding: 7px; border: 1px solid #a7a7a7; text-align: left;}
table.spip th {vertical-align: bottom; font-size: 18px;}
table.spip td {vertical-align: top;}

.content input, .content textarea, .content select {font-family: 'Roboto', sans-serif;  background: white; color: #6d6d6d; border: 1px solid silver; width: 100%; height: 40px; padding: 0 10px; margin: 0 0 10px 0; font-size: 16px; line-height: 40px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.content input, .content select {overflow: hidden;}
.content textarea {line-height: 22px; padding: 10px; height: 200px; margin: 0;}
.content input[type="radio"] {width: auto; height: auto;}
.content input:focus, .content textarea:focus, .content select:focus {border: 4px solid #06a4ff;}
.content button[type="submit"], .content input[type="submit"], .content input[type="button"] {font-family: 'Roboto', sans-serif;  text-decoration: none; background: #ff7f00; margin-top: 5px; border: 0; color: white; font-size: 16px; font-weight: 700; text-transform: uppercase; height: 40px; width: auto;  padding: 0 15px; line-height: 40px;  -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer;}
.content button[type="submit"]:hover , .content input[type="submit"]:hover, .content input[type="button"]:hover {background: #005e95; color: white;}
::-webkit-input-placeholder {color: gray;}
::-moz-placeholder {color: gray;}
:-ms-input-placeholder {color: gray;}
:-moz-placeholder {color: gray;}
.content form label {display: none;}
.content fieldset {border: 0;}
.content fieldset legend span {display: none;}

.gallery {margin-top: 30px; text-align: center; width: 100%; float: left;}
.gallery .item-gal {width: 23%; height: 23%; margin: 0 1% 2% 1%; float: left; border: 1px solid silver;}
.gallery .item-gal img {float: left; width: 100%;}  

.article-default .gallery .item-gal {width: 23%; padding-bottom: 23%; float: left; position: relative; overflow: hidden;}
.article-default .gallery .item-gal img {position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}
.article-default .gallery .item-gal div {position: absolute; bottom: 0; left: 0; background: #0075d0; width: 100%; z-index: 100; color: white; font-weight: 700; text-align: center; padding: 3px 0;}

ol.spip, ul.spip {list-style-position: inside; margin-bottom: 20px;}
ul.spip li, ol.spip li {list-style-position: outside; margin-left: 20px;}

.video-wrap {position: relative; padding-bottom: 56.5%; height: 0; overflow: hidden; margin-bottom: 20px;}
.video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

blockquote.spip {margin: 0 0 25px 0; background: #edf5fa; float: left; padding: 25px 25px 5px 25px; width: 100%; border-left: 2px solid #1580be; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
blockquote.spip p, blockquote.spip li, blockquote.spip a  {color: #003b51;}
blockquote.spip .spip_documents_center {border: 0; display: inline-block; margin-bottom: 10px;}
blockquote.spip .spip_documents_left {border: 0; display: inline-block; margin: 0 15px 10px 0;}
blockquote.spip .spip_documents_right {border: 0; display: inline-block; margin: 0 0 15px 10px;}

.breadcrumbs {padding: 20px 0 0 0; color: gray; font-size: 14px;}
.breadcrumbs li {display: inline-block;}
.breadcrumbs li:before {content: "/"; margin: 0 5px;}
.breadcrumbs li:first-child:before {content: ""; margin: 0;}
.breadcrumbs li:last-child a {color: gray;}
.breadcrumbs li:last-child a:hover {color: gray; text-decoration: none;}
.breadcrumbs li a {text-decoration: none;}
.breadcrumbs li a:hover {text-decoration: underline;}

#toTop {z-index: 1000; right: 10px; bottom: 10px; width: auto; display: none; padding: 5px 15px 3px 15px; font-weight: 400; text-transform: uppercase; line-height: 28px; background: #ff7f00; 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: black; color: white;}

.wrapper {position: relative; min-height: 100%;}
.content {padding-bottom: 165px;}
.footer {position: absolute; background: #0a4e75 url(../images/footer-bg.jpg) no-repeat left center; left: 0; bottom: 0; width: 100%; height: 115px; padding: 20px 0;}
.footer:before {content: ""; width: 100%; height: 4px; background: url(../images/footer-line.jpg) no-repeat top center; display: block; position: absolute; bottom: 0; left: 0;}
.footer:after {content: ""; width: 100%; height: 4px; background: url(../images/footer-line.jpg) no-repeat top center; display: block; position: absolute; top: 0; left: 0;}
.center {width: 1400px; max-width: 96%; margin: 0 auto;}

.header {width: 100%; float: left;}
.header-top {width: 100%; background: white url(../images/header-bg.jpg) no-repeat left bottom; float: left;}
.header-top-left {width: 40%; float: left; text-align: left; padding: 13px 0;}
.header-top-left img {margin: 0 0 3px 0; vertical-align: middle;}
.lang a {color: #4f4f4f; text-transform: uppercase; font-size: 12px; line-height: 20px; text-decoration: none;}
.lang a:hover, .lang .on {color: #1580be; text-decoration: none;}
.lang img {margin: 0 5px 0 0; vertical-align: text-bottom;}
.lang .sep2 {display: inline-block; width: 10px; height: 1px;}
.header-top-right {width: 60%; float: left; text-align: right; padding: 13px 0; font-size: 14px; line-height: 24px; color: #4f4f4f;}
.header-top-right i {margin-right: 6px; color: #1580be;}
.header-top-right span {white-space: nowrap; padding-left: 13px;}
.header-top-right a {color: #4f4f4f;}
.header-top-right a:hover {color: #1580be;}

.header-middle {width: 100%; height: 58px; background: #edf5fa; float: left; border-top: 1px solid #97b4c5; border-bottom: 1px solid #97b4c5;}
.header-bottom {width: 100%; height: 68px; background: #1580be; float: left; padding-top: 17px;}
.header-bottom input[type="text"] {height: 34px; width: calc(100% - 34px); float: left; border: 0; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 8px 0 0 8px; -ms-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.header-bottom input[type="text"]:focus {border: 0; outline: 0;}
.header-bottom input[type="submit"] {height: 34px; width: 34px; float: left; border: 0; cursor: pointer; background: white url(../images/search.png) no-repeat center center; -webkit-border-radius: 0 8px 8px 0; -ms-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.header-bottom input[type="submit"]:hover {background: white url(../images/search-up.png) no-repeat center center;}

.search form {margin-bottom: 35px; float: left; width: 100%;}
.search input[type="text"] {height: 34px; width: calc(100% - 34px); margin: 0; float: left; border-top: 1px solid silver; border-left: 1px solid silver; border-bottom: 1px solid silver; border-right: 0; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 8px 0 0 8px; -ms-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.search input[type="text"]:focus {border-top: 1px solid silver; border-left: 1px solid silver; border-bottom: 1px solid silver; border-right: 0; outline: 0;}
.search input[type="submit"] {height: 34px; width: 34px; float: left; margin: 0; border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 0; cursor: pointer; background: white url(../images/search.png) no-repeat center center; -webkit-border-radius: 0 8px 8px 0; -ms-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.search input[type="submit"]:hover {background: white url(../images/search-up.png) no-repeat center center;}

.footer-left {width: 15%; float: left; padding: 25px 0;}
.footer-left img {float: left;}
.footer-right {width: 85%; float: left; padding: 10px 0 0 0;}
.footer-right-top {text-align: right;}
.footer-right-top a {display: inline-block; margin: 0 7px; font-size: 14px; line-height: 22px; color: white; text-transform: uppercase; text-decoration: none;}
.footer-right-top a:hover {color: white; text-decoration: underline;}
.footer-right-bottom {padding: 9px 0 0 0; color: #d2e9f6; font-size: 13px; line-height: 20px; text-align: right;}
.footer-right-bottom span {white-space: nowrap; padding-left: 10px;}
.footer-right-bottom i {margin-right: 5px;}
.footer-right-bottom a {color: #d2e9f6; text-decoration: none; border-bottom: 1px dashed #d2e9f6; }
.footer-right-bottom a:hover {color: #d2e9f6; text-decoration: none; border: 0;}
			
.sommaire-top {width: 100%;}
.slider {width: 100%; height: calc(100vh - 230px); margin: 0; z-index: 2; position: relative;}
.slide-block {position: relative;}
.rslides li {height: calc(100vh - 230px); margin: 0;}
.slider .caption {position: relative; background: url(../images/slide-bg.png) no-repeat left center; text-align: center; padding: 0; width: 100%; height: calc(100vh - 230px); z-index: 20; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.slider .caption div {position: absolute; top: 50%; width: 600px; max-width: 100%; text-align: center; margin-top: -100px;}  
.slider .caption h3 {font-size: 30px; line-height: 40px; margin: 0 0 25px 0; text-transform: uppercase; font-weight: 700; color: white; background: #ff7f00; padding: 5px 10px; text-align: center; display: inline-block;}
.slider .caption h4 {font-size: 30px; line-height: 40px; margin: 0 0 25px 0; text-transform: uppercase; font-weight: 900; color: black; text-align: center; display: block;}
.slider .caption a {font-size: 18px; line-height: 24px; margin: 0; text-decoration: none; font-weight: 700; color: white; background: #1580be; padding: 2px 7px; text-align: center; display: inline-block; -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; -ms-border-radius: 5px; border-radius: 5px;}
.slider .caption a:hover {color: white; background: #ff7f00; text-decoration: none;}  
.rslides_tabs {position: absolute; bottom: 20px; right: 20px; z-index: 500000; width: 100%; text-align: right;}
.rslides_tabs li {display: inline-block; margin: 0 10px 0 0;}
.rslides_tabs li a {width: 24px; height: 24px; display: inline-block; margin: 0; background: white;  font-size: 0; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rslides_tabs li.rslides_here a {background: #ff7f00;}

.catalogue {width: 100%; float: left; margin: 80px 0;}
.catalogue-inside {margin: 40px 0;}
.one-rubrique {width: 33.3%; float: left; position: relative; background: black; border: 8px solid white; overflow: hidden;}
.one-rubrique-big {width: 50%;} 
.one-rubrique img {float: left; outline: 15px solid rgba(255, 255, 255, 0.50); outline-offset: -15px;}
.one-rubrique-big img {float: left; outline: 25px solid rgba(255, 255, 255, 0.50); outline-offset: -25px;}
.one-rubrique h3 {position: absolute; top: 25px; left: 25px; font-size: 28px; line-height: 38px; font-weight: 700; color: white; max-width: 87%; text-transform: uppercase; background: rgba(0, 0, 0, 0.60); padding: 3px 7px;}
.one-rubrique-big h3 {position: absolute; top: 45px; left: 45px; font-size: 35px; line-height: 45px;}
.one-rubrique h3 a, .one-rubrique h3 a:hover {color: white; text-decoration: none;}
.one-rubrique ul {display: none; position: absolute; top: 110px; left: 20px;}
.one-rubrique ul li {font-size: 20px; line-height: 30px; font-weight: 400; list-style-position: outside; color: white; margin-left: 20px;}
.one-rubrique-big ul li {font-size: 24px; line-height: 34px;}
.one-rubrique ul li a {color: white; text-decoration: none;}
.one-rubrique ul li a:hover {color: white; text-decoration: underline;}
.one-rubrique:hover img {opacity: 0.5; transform: scale(1.1); -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-rubrique:hover ul {display: block;}

.about {width: 100%; padding: 80px 0; margin-bottom: 80px; background: #f8f8f8;}
.about h1 span, .about h2 span {background: #f8f8f8;}
.about-left {width: 35%; float: left;}
.work {width: 100%; float: left; margin-bottom: 35px; position: relative;}
.work span {position: absolute; top: 75px; left: 0; width: 100%; text-align: center; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;}
.work-icon {width: 100%; float: left; margin-bottom: 15px; line-height: 66px; color: #1580be; font-size: 18px; text-transform: uppercase; font-weight: 400;}
.work-icon img {float: left; margin-right: 10px;}
.about-right {width: 65%; float: left; padding-left: 50px;}
.about-bottom {width: 100%; float: left; padding-top: 50px;}
.about-bottom div {width: 20%; float: left; text-align: center; padding: 20px 35px;}
.about-bottom div:hover img {opacity: 0.7; transform: scale(1.3); -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;}
					
.offer {width: 100%;}
.owl-carousel {width: 86%; margin-left: 7%;}
.offer .item div {border-bottom: 1px solid #b2b2b2; padding-bottom: 15px;}
.offer .item p {font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 26px; color: #1580be; font-weight: 400; margin: 10px 0 0 0; text-align: center;}
.offer .item div img:hover {transform: scale(1.1); -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;}
.offer .owl-nav {position: absolute; top: 28%; width: 100%;}
.offer .owl-prev {width: 55px; height: 55px; background: url(../images/prev.png) no-repeat center; position: absolute; left: -8%; text-indent: -1000000px;}
.offer .owl-next {width: 55px; height: 55px; background: url(../images/next.png) no-repeat center; position: absolute; right: -8%; text-indent: -1000000px;}

.rubrique-default {width: 100%; margin: 40px 0; text-align: center;}
.one-rubrique-default {overflow: hidden; background: black; display: inline-block; text-align: center; vertical-align: top; width: 31%; min-height: 200px; margin: 0 0.5% 1% 0.5%; position: relative;}
.one-rubrique-default img {float: left; width: 100%;}
.one-rubrique-default:hover img {opacity: 0.7; transform: scale(1.1); -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-rubrique-default h3 {position: absolute; bottom: 0px; left: 0; text-transform: uppercase; font-size: 22px; line-height: 32px; font-weight: 900; text-align: center; padding: 0 15px; width: 100%; min-height: 120px;  display: table; background: rgba(0, 0, 0, 0.60); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.one-rubrique-default a {color: white; text-decoration: none; vertical-align: middle; display: table-cell;}
.one-rubrique-default a:hover {color: white; text-decoration: none;}
.texte p {text-align: justify;}

.one-rubrique-repair {width: 25%; float: left; padding: 0 25px 30px 25px; text-align: center;}
.one-rubrique-repair:hover img {opacity: 0.7; transform: scale(1.05); -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-rubrique-repair:hover a {color: black;}
.one-rubrique-repair h3 {margin-bottom: 12px; height: 95px; overflow: hidden; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; line-height: 30px; font-weight: 900;}
.one-rubrique-repair h3 a {text-decoration: none; -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-rubrique-repair h3 a:hover {text-decoration: none;}
.one-rubrique-repair img {float: left; width: 100%;}

.content-error {padding-bottom: 115px;}
.error {width: 100%; height: calc(100vh - 230px); margin: 0; padding-top: 100px; background: url(../images/404.jpg) no-repeat left center; background-size: cover; text-align: center}
.error h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 140px; line-height: 160px; margin: 0 0 15px 0; font-weight: 700; color: white; text-align: center; padding: 0; background: none;}
.error h2 {font-size: 40px; line-height: 50px; margin: 0 0 25px 0; text-transform: uppercase; font-weight: 900; color: white; text-align: center; padding: 0; background: none;}
.error a {font-size: 18px; line-height: 24px; margin: 0; text-decoration: none; font-weight: 700; color: white; background: #1580be; padding: 2px 7px; text-align: center; display: inline-block; -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; -ms-border-radius: 5px; border-radius: 5px;}
.error a:hover {color: white; background: #ff7f00; text-decoration: none;}

.article-item {width: 100%; margin: 40px 0; float: left;}
.article-item-right {width: 60%; float: right;}
.article-item-right h1 {background: url(../images/title-small.jpg) no-repeat left 6px; margin-bottom: 30px;}
.article-item-tech {float: left; width: 100%; background: #edf5fa; padding: 20px; margin-bottom: 20px;}
.article-item-tech div {width: 100%; float: left; margin-bottom: 8px; vertical-align: middle;}
.article-item-tech i {color: #333333; margin-right: 10px; font-size: 26px; vertical-align: middle;}
.article-item-tech a {font-family: 'Roboto Condensed', sans-serif; font-size: 20px; line-height: 30px; color: #1580be; text-decoration: underline;}
.article-item-tech a:hover {color: black; text-decoration: none;}
.article-item-text {float: left; width: 100%; margin-bottom: 20px;}
.article-item-form {float: left; width: 100%;}
.article-item-left {width: 40%; float: left; padding-right: 50px; margin-bottom: 50px;}
.article-item-left-logo {width: 100%; margin-bottom: 20px;}
.article-item-left-logo img {width: 100%;}
.article-item-gallery {margin-top: 5px; position: relative;}
.article-item-gallery .gallery {margin: 0; text-align: center; width: 100%; float: left;}
.article-item-gallery .gallery .item-gal {width: 100%; height: auto; margin: 0 0 15px 0; float: left; border: 0;}
.article-item-gallery .gallery .item-gal img {width: 100%;}

.article-default {width: 100%; margin: 40px 0; float: left;}
.logo-article {width: 400px; max-width: 100%; float: left; margin: 0 15px 10px 0;}
.logo-article img {float: left;}

.search {width: 100%; margin: 40px 0; float: left;}
.search ul li a {color: #333333;}
.search h3.spip {margin: 0;}

.article-list {width: 100%; margin: 40px 0 0 0; float: left;}
.one-article {width: 50%; float: left; margin: 0 0 30px 0; padding: 0 60px 0 0; display: table;}
.one-article div {width: 120px; height: 120px; margin: 0 15px 0 0; padding-top: 18px; float: left; background: #1580be; font-family: 'Roboto Condensed', sans-serif; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: white;}
.one-article div span {font-size: 60px; line-height: 60px; font-weight: 700;}
.one-article div p {font-size: 22px; line-height: 20px; margin: 0; text-align: center; color: white;}
.one-article a {color: #333333; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 22px; line-height: 32px; text-decoration: underline; display: table-cell; width: 100%; vertical-align: middle;}
.one-article a:hover {color: #333333; text-decoration: none;}

.pagination {text-align: center; margin: 23px 0 0 0; width: 100%; font-size: 18px; line-height: 33px;}
.pages a {color: black; display: inline-block; width: 31px; height: 31px; text-align: center; margin: 0 10px 10px 0; text-decoration: none; background: white; border: 1px solid silver;}
.pages strong.on, .pages a:hover {color: black; display: inline-block; width: 31px; height: 31px; text-align: center; margin: 0 10px 10px 0; text-decoration: none; font-weight: 700; background: silver; border: 1px solid silver; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.prev strong.on {color: black; width: auto; height: auto; margin: 0 15px 10px 15px; background: none; border: 0; font-size: 16px; line-height: 20px; text-decoration: none; font-weight: 400; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.next a {color: black; width: auto; height: auto; margin: 0 15px 10px 5px; background: none; border: 0; font-size: 16px; line-height: 20px; text-decoration: none; font-weight: 400;}
.prev strong.on:before {padding-right: 7px; content: "‹"}
.next a:after {content: "›"; padding-left: 7px; }      
.pagination .sep {display: none;}
.prev {margin-right: 10px;}
.next {margin-left: 10px;}

.article-contact {width: 100%; margin: 40px 0 0 0;}
.article-contact-left {width: 50%; float: left;}
.article-contact-right {width: 50%; float: left;}
.article-contact-block {width: 100%; float: left; margin-bottom: 20px;}
.article-contact-block div {width: 120px; height: 120px; margin: 0 20px 0 0; padding-top: 35px; float: left; background: #1580be; font-family: 'Roboto Condensed', sans-serif; text-align: center; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: white;}
.article-contact-block i {font-size: 50px; line-height: 50px; color: white; font-weight: 300;} 
.article-contact-block p {vertical-align: middle; margin: 0;}
.article-contact-left .article-contact-block {display: table;}
.article-contact-left .article-contact-block p {display: table-cell; width: 100%;}
.article-contact-block p a {color: black;}
.article-contact-block ul {display: table; margin-bottom: 0;}
.article-contact-block ul li a {}
.article-contact-block ul li a:hover {}
.article-contact-bottom {width: 100%; float: left; margin-top: 25px;}
.article-contact-bottom div {margin: 0; padding-bottom: 650px; overflow: hidden; position: relative; height: 0;}
.article-contact-bottom div iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.form-repair {max-width: 500px;}


 /*  Menu <  1023 */
@media only screen and (min-width: 100px) and (max-width: 1023px) {
html {height: 100%; font-size: 100%;}
.menu ul {margin: 0; padding: 0; list-style: none; text-align: left; float: left; width: 55%;}
.menu ul li {width: 100%; list-style: none; position: relative; margin: 0; text-align: left;}
.menu ul li a {text-decoration: none;}
.menu ul li a img {margin: 19px 7px 0 2%; display: inline-block;}
.menu ul li.menu-close {position: absolute; top: 10px; left: 310px; z-index: 10000;}
.menu ul li.menu-close img {margin: 0; display: inline-block; position: fixed;}
.menu ul li a span {font-size: 18px; line-height: 20px; color: #4f4f4f; text-transform: uppercase; font-weight: 400; display: inline-block; vertical-align: top; padding-top: 19px;}
.menu ul li ul {display: none; position: absolute; top: 56px; left: 0; z-index: 10000; margin: 0; background: #edf5fa; text-align: left; width: 340px; height: auto; padding: 12px; max-height: 78vh; overflow-y: scroll;  -webkit-border-radius: 0 0 10px 0; -ms-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;}
.menu ul li ul li {margin: 0 0 3px 0; padding: 0; height: auto; width: 100%;}
.menu ul li ul li a {margin: 0; font-size: 16px; line-height: 22px; text-transform: uppercase; color: black; text-decoration: none; font-weight: 700;}
.menu ul li ul li ul {display: block; position: relative; width: auto; height: auto; max-height: 100%; overflow-y: auto; padding: 0; top: 0; margin: 7px 0 10px 0; background: none;} 
.menu ul li ul li ul li {position: relative; margin: 0; padding: 3px 0 3px 3px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
.menu ul li ul li ul li a {margin: 0 0 5px 0; font-size: 17px; line-height: 24px; text-transform: none; color: black; text-decoration: none; font-weight: 400; width: 100%; display: table; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu ul li ul li ul li div {vertical-align: middle; display: table-cell; width: 190px; padding-left: 10px;}
.menu ul li ul li ul li img {width: 120px; margin: 0; display: none; min-width: 120px; vertical-align: middle; border: 2px solid white; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.79); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.79);}
.menu-fixed {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 58px; background: #edf5fa; border-top: 1px solid #97b4c5; border-bottom: 1px solid #97b4c5;}
.js_float, .js_float_target {cursor: pointer;}
}

/*  Menu > 1024 */
@media only screen and (min-width: 1023px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
.menu ul {list-style: none; float: left;  width: 100%; }
.menu ul li a img, .menu ul li a span {display: none;}
.menu ul li ul#menu-float {display: block!important;}
.menu ul li ul {list-style: none; position: relative; margin: 0; width: 100%; height: 58px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu ul li ul li {display: inline-block; text-align: center; width: 14.2%; height: 58px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -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; text-transform: uppercase; font-weight: 700; color: #4f4f4f; padding: 3px 0 0 0; margin-top: 5px; font-size: 15px; line-height: 20px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid; -moz-border-image: url(../images/border.png) 1 round round; -webkit-border-image: url(../images/sep.png) 1 round round; -o-border-image: url(../images/sep.png) 1 round round;  border-image: url(../images/sep.png) 1 round round; }
.menu ul li ul li:last-child a {border: 0;}
.menu ul li ul a.f-word strong {display: block;}
.menu ul li ul li a:hover {color: #1580be;}
.menu ul li ul li:hover ul {display: block;}
.menu ul li ul li ul {z-index: 100; position: absolute; float: left; top: 57px; left: 0; text-align: left; background: #edf5fa; width: 100%; height: auto; border: 1px solid #97b4c5; padding: 20px; display: none;}
.menu ul li ul li ul li {border: 0; height: auto; width: 20%; float: left; text-align: center; padding: 10px 20px 5px 20px; margin: 0;}
.menu ul li ul li ul li a {font-size: 16px; line-height: 24px; font-weight: 700; text-decoration: none; color: #4f4f4f; padding: 0; border: 0; text-transform: none; text-align: center;}
.menu ul li ul li ul li a:hover {color: #1580be;}
.menu ul li ul li ul li a img {float: left; margin-bottom: 5px; display: block; border: 3px solid white; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.79); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.79);}
.menu ul li ul li ul li a img:hover {transform: scale(1.05); -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-fixed {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 58px; background: #edf5fa; border-top: 1px solid #97b4c5; border-bottom: 1px solid #97b4c5;}
.menu-fixed ul {width: 1400px; max-width: 100%; margin: 0 auto; float: none;}
.js_float, .js_float_target {cursor: pointer;}
}

/* 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: 30px; margin-bottom: 30px; background: url(../images/title.jpg) no-repeat left center;}
.content {padding-bottom: 35px;}
.header-top-left {width: 100%; text-align: center; padding: 13px 0;}
.header-top-right {width: 100%; text-align: center; padding: 0 0 13px 0;}
.header-top-right span {padding: 0 7px;}
.footer {position: relative; height: auto; float: left;}
.footer-left {width: 100%; padding: 10px 0; text-align: center;}
.footer-left img {float: none;}
.footer-right {width: 100%; padding: 0;}
.footer-right-top {text-align: center;}
.footer-right-bottom {padding: 9px 0 0 0; text-align: center; line-height: 24px;}
.footer-right-bottom span {padding: 0 5px;}
.owl-carousel {width: 76%; margin-left: 12%;}
.offer .owl-prev {left: -17%; width: 35px; height: 35px; background-size: cover;}
.offer .owl-next {right: -17%; width: 35px; height: 35px; background-size: cover;}
.about-left {width: 100%;}
.work img {width: 100%;}
.work span {top: 44px;}
.about-right {width: 100%; padding-left: 0; margin-top: 15px;}
.about-bottom {padding-top: 20px;}
.about-bottom div {width: 50%; padding: 15px;}
.one-rubrique, .one-rubrique-big, .one-rubrique-big2 {width: 100%; border: 5px solid white;}
.one-rubrique img {outline: 10px solid rgba(255, 255, 255, 0.50); outline-offset: -10px;}
.one-rubrique-big img {outline: 10px solid rgba(255, 255, 255, 0.50); outline-offset: -10px;}
.one-rubrique-big2 img {outline: 10px solid rgba(255, 255, 255, 0.50); outline-offset: -10px;}
.one-rubrique h3 {top: 20px; left: 20px; font-size: 22px; line-height: 32px; max-width: 84%;}
.one-rubrique-big h3 {top: 20px; left: 20px; font-size: 22px; line-height: 32px; max-width: 84%;}
.one-rubrique-big2 h3 {top: 20px; left: 20px; font-size: 22px; line-height: 32px; max-width: 84%;}
.one-rubrique:hover ul {display: none;}
.slider {width: 100%; height: 500px;}
.rslides li {height: 500px;}
.slider .caption {background: none; height: 500px;}
.slider .caption div {position: absolute; top: 100px; margin-top: 0; background: rgba(255, 255, 255, 0.50); padding: 20px;}  
.slider .caption h3 {font-size: 20px; line-height: 28px; margin: 0 0 12px 0;}
.slider .caption h4 {font-size: 20px; line-height: 28px; margin: 0 0 12px 0;}
.slider .caption a {font-size: 16px; line-height: 22px;}
.slider .caption a:hover {color: white; background: #ff7f00; text-decoration: none;}  
.rslides_tabs {position: absolute; bottom: 20px; right: 0; width: 100%; text-align: center;}
.rslides_tabs li {margin: 0 5px;}
.rslides_tabs li a {width: 20px; height: 20px;}
.one-rubrique-default {width: 100%; margin: 0 0 15px 0;}
.one-rubrique-default h3 {font-size: 20px; line-height: 30px; padding: 7px 10px;}
.texte p {text-align: left;}
.content-error {padding-bottom: 0;}
.error {height: 500px; padding-top: 50px;}
.error h1 {font-size: 100px; line-height: 120px;}
.error h2 {font-size: 30px; line-height: 40px;}
.article-item-right {width: 100%; float: left;}
.article-item-right h1 {font-size: 24px; line-height: 30px; margin-bottom: 30px;}
.article-item-left {width: 100%; float: right; padding-right: 0;}
.logo-article {width: 100%; margin: 0 0 15px 0;}
.gallery .item-gal {width: 48%; height: 48%;}
.article-default .gallery .item-gal {width: 48%; padding-bottom: 48%;}
.one-article {width: 100%; padding: 0;}
.one-article div {width: 90px; height: 90px; margin: 0 10px 0 0; padding-top: 14px;}
.one-article div span {font-size: 40px; line-height: 40px;}
.one-article div p {font-size: 18px; line-height: 16px;}
.one-article a {font-size: 18px; line-height: 28px;}
.article-contact-left {width: 100%;}
.article-contact-right {width: 100%;}
.article-contact-block div {width: 40px; height: 40px; margin: 0 10px 0 0; padding-top: 10px;}
.article-contact-block i {font-size: 22px; line-height: 22px;} 
.article-contact-block ul {margin-left: 50px;}
.article-contact-right .article-contact-block br {display: none;}
.article-contact-bottom {margin-top: 10px;}
.article-contact-bottom div {margin: 0; padding-bottom: 300px;}
.one-rubrique-repair {width: 100%; padding: 0 20px 30px 20px;}
}     

/* 541 - 768 (568, 600, 640, 720, 760) */
@media only screen and (min-width: 541px) and (max-width: 799px) {
html {height: 100%; font-size: 100%;}
h1, h2 {font-size: 28px; line-height: 34px; background: url(../images/title.jpg) no-repeat left center;}
.content {padding-bottom: 35px;}
.header-top-right span {padding: 0 7px;}
.footer {position: relative; height: auto; float: left;}
.footer-left {width: 100%; padding: 10px 0; text-align: center;}
.footer-left img {float: none;}
.footer-right {width: 100%; padding: 0;}
.footer-right-top {text-align: center;}
.footer-right-bottom {padding: 9px 0 0 0; text-align: center; line-height: 24px;}
.footer-right-bottom span {padding: 0 5px;}
.owl-carousel {width: 86%; margin-left: 7%;}
.offer .owl-prev {left: -10%; width: 35px; height: 35px; background-size: cover;}
.offer .owl-next {right: -10%; width: 35px; height: 35px; background-size: cover;}
.about-left {width: 70%; margin-left: 15%;}
.work img {width: 100%;}
.work span {top: 44px;}
.about-right {width: 100%; padding-left: 0; margin-top: 15px;}
.about-bottom {padding-top: 20px;}
.about-bottom div {width: 50%; padding: 20px 35px;}
.one-rubrique, .one-rubrique-big, .one-rubrique-big2 {width: 100%; border: 10px solid white;}
.one-rubrique img {outline: 20px solid rgba(255, 255, 255, 0.50); outline-offset: -20px;}
.one-rubrique-big img {outline: 20px solid rgba(255, 255, 255, 0.50); outline-offset: -20px;}
.one-rubrique-big2 img {outline: 20px solid rgba(255, 255, 255, 0.50); outline-offset: -20px;}
.one-rubrique h3 {top: 40px; left: 40px; font-size: 34px; line-height: 44px;}
.one-rubrique-big h3 {top: 40px; left: 40px; font-size: 34px; line-height: 44px;}
.one-rubrique-big2 h3 {top: 40px; left: 40px; font-size: 34px; line-height: 44px;}
.one-rubrique ul {top: 140px; left: 40px;}
.one-rubrique-big ul {top: 100px; left: 40px;}
.one-rubrique-big2 ul {top: 100px; left: 40px;}
.one-rubrique ul li {font-size: 24px; line-height: 36px;}
.one-rubrique-big ul li {font-size: 24px; line-height: 36px;}
.one-rubrique-big2 ul li {font-size: 24px; line-height: 36px;}
.slider {width: 100%; height: 700px;}
.rslides li {height: 600px;}
.slider .caption {background: none; height: 600px;}
.slider .caption div {position: absolute; bottom: 60px; top: auto; left: 15%; margin-top: 0; background: rgba(255, 255, 255, 0.50); padding: 20px; width: 70%;}  
.slider .caption h3 {font-size: 20px; line-height: 28px; margin: 0 0 12px 0;}
.slider .caption h4 {font-size: 20px; line-height: 28px; margin: 0 0 12px 0;}
.slider .caption a {font-size: 16px; line-height: 22px;}
.slider .caption a:hover {color: white; background: #ff7f00; text-decoration: none;}  
.rslides_tabs {position: absolute; bottom: 20px; right: 0; width: 100%; text-align: center;}
.rslides_tabs li {margin: 0 5px;}
.rslides_tabs li a {width: 20px; height: 20px;}
.one-rubrique-default {width: 47%; margin: 0 1% 2% 1%;}
.one-rubrique-default h3 {font-size: 18px; line-height: 28px; padding: 5px;}
.texte p {text-align: left;}
.content-error {padding-bottom: 0;}
.error {height: 500px; padding-top: 50px;}
.error h1 {font-size: 100px; line-height: 120px;}
.error h2 {font-size: 30px; line-height: 40px;}
.article-item-right {width: 100%; float: left;}
.article-item-right h1 {font-size: 28px; line-height: 34px; margin-bottom: 30px;}
.article-item-left {width: 100%; float: right; padding-right: 0;}
.logo-article {max-width: 45%; margin: 0 15px 0 0;}
.gallery .item-gal {width: 48%; height: 48%;}
.article-default .gallery .item-gal {width: 48%; padding-bottom: 48%;}
.one-article {width: 100%; padding: 0;}
.one-article div {width: 90px; height: 90px; margin: 0 10px 0 0; padding-top: 14px;}
.one-article div span {font-size: 40px; line-height: 40px;}
.one-article div p {font-size: 18px; line-height: 16px;}
.one-article a {font-size: 18px; line-height: 28px;}
.article-contact-left {width: 100%;}
.article-contact-right {width: 100%;}
.article-contact-bottom div {margin: 0; padding-bottom: 400px;}
.one-rubrique-repair {width: 50%; padding: 0 10px 30px 10px;}
}

/* 800 - 960 (800, 960) */
@media only screen and (min-width: 800px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
h1, h2 {font-size: 30px; line-height: 36px; background: url(../images/title.jpg) no-repeat left center;}
.content {padding-bottom: 35px;}
.footer {position: relative; height: auto; float: left;}
.footer-left {display: none;}
.footer-right {width: 100%; padding: 0;}
.footer-right-top {text-align: center;}
.footer-right-bottom {text-align: center; line-height: 24px;}
.footer-right-bottom span {padding: 0 5px;}
.offer .owl-prev {left: -10%; width: 40px; height: 40px; background-size: cover;}
.offer .owl-next {right: -10%; width: 40px; height: 40px; background-size: cover;}
.about-left {width: 40%;}
.work span {top: 40px;}
.about-right {width: 60%; float: left; padding-left: 30px;}
.about-bottom div {width: 20%; float: left; text-align: center; padding: 10px 15px;}
.one-rubrique {width: 50%; border: 10px solid white;}
.one-rubrique-big {width: 100%; border: 10px solid white;}
.one-rubrique-big2 {width: 50%; border: 10px solid white;}
.one-rubrique img {outline: 10px solid rgba(255, 255, 255, 0.50); outline-offset: -10px;}
.one-rubrique-big img {outline: 20px solid rgba(255, 255, 255, 0.50); outline-offset: -20px;}
.one-rubrique-big2 img {outline: 10px solid rgba(255, 255, 255, 0.50); outline-offset: -10px;}
.one-rubrique h3 {top: 20px; left: 20px; font-size: 20px; line-height: 30px;}
.one-rubrique-big h3 {top: 40px; left: 40px; font-size: 34px; line-height: 44px;}
.one-rubrique-big2 h3 {top: 20px; left: 20px; font-size: 20px; line-height: 30px;}
.one-rubrique ul {top: 90px; left: 20px;}
.one-rubrique-big ul {top: 100px; left: 40px;}
.one-rubrique-big2 ul {top: 90px; left: 20px;}
.one-rubrique ul li {font-size: 18px; line-height: 28px;}
.one-rubrique-big ul li {font-size: 24px; line-height: 36px;}
.one-rubrique-big2 ul li {font-size: 18px; line-height: 28px;}
.slider {height: 700px;}
.rslides li {height: 700px;}
.slider .caption {background: url(../images/slide-bg.png) no-repeat -150px center; height: 700px;}
.slider .caption div {top: 50%; width: 350px; margin-top: -100px; margin-left: 50px;}  
.slider .caption h3 {font-size: 26px; line-height: 36px; margin: 0 0 20px}
.slider .caption h4 {font-size: 26px; line-height: 36px; margin: 0 0 20px 0;}
.one-rubrique-default {width: 47%; margin: 0 1% 2% 1%;}
.one-rubrique-default h3 {font-size: 20px; line-height: 30px; padding: 5px;}
.content-error {padding-bottom: 0;}
.article-item-right h1 {font-size: 30px; line-height: 36px; margin-bottom: 30px;}
.article-item-left {padding-right: 30px;}
.one-article {padding: 0 30px 0 0;}
.one-article div {width: 90px; height: 90px; margin: 0 10px 0 0; padding-top: 14px;}
.one-article div span {font-size: 40px; line-height: 40px;}
.one-article div p {font-size: 18px; line-height: 16px;}
.one-article a {font-size: 18px; line-height: 28px;}
.article-contact-block div {width: 50px; height: 50px; margin: 0 10px 0 0; padding-top: 13px;}
.article-contact-block i {font-size: 26px; line-height: 26px;} 
.article-contact-right {padding-left: 30px;}
.article-contact-right .article-contact-block br {display: none;}
.article-contact-block ul {margin-left: 60px;}
.article-contact-bottom div {margin: 0; padding-bottom: 500px;}
.one-rubrique-repair {width: 50%;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
.footer {padding: 15px 0 0 0;}
.footer-left {display: none;}
.footer-right {width: 100%; padding: 0;}
.footer-right-top {text-align: center;}
.footer-right-top a {font-size: 13px; margin: 0 5px;}
.footer-right-bottom {text-align: center; line-height: 24px;}
.footer-right-bottom span {padding: 0 5px;}
.offer .owl-prev {left: -10%; width: 50px; height: 50px; background-size: cover;}
.offer .owl-next {right: -10%; width: 50px; height: 50px; background-size: cover;}
.about-right {padding-left: 30px;}
.work span {top: 45px;}
.about-bottom div {width: 20%; float: left; text-align: center; padding: 10px 20px;}
.one-rubrique {border: 5px solid white;}
.one-rubrique img {outline: 5px solid rgba(255, 255, 255, 0.50); outline-offset: -5px;}
.one-rubrique-big img {outline: 10px solid rgba(255, 255, 255, 0.50); outline-offset: -10px;}
.one-rubrique h3 {top: 10px; left: 10px; font-size: 20px; line-height: 30px;}
.one-rubrique-big h3 {top: 20px; left: 20px; font-size: 30px; line-height: 40px;}
.one-rubrique-big ul {top: 60px;}
.one-rubrique ul {top: 80px;}
.one-rubrique ul li {font-size: 16px; line-height: 24px; margin-left: 10px;}
.one-rubrique-big ul li {font-size: 18px; line-height: 28px; margin-left: 15px;}
.one-rubrique-default h3 {font-size: 20px; line-height: 30px; padding: 5px;}
.article-item-left {padding-right: 30px;}
.one-article {padding: 0 30px 0 0;}
.article-contact-block div {width: 100px; height: 100px; margin: 0 15px 0 0; padding-top: 28px;}
.article-contact-block i {font-size: 45px; line-height: 45px;} 
.one-rubrique-repair {width: 33%; padding: 0 15px 30px 15px;}
}

/*  1023 - 1100 äëÿ ìåíþ*/
@media only screen and (min-width: 1023px) and (max-width: 1110px) {
html {height: 100%; font-size: 100%;}
.menu ul li ul li a {font-size: 14px; line-height: 20px;}
.menu ul li ul li ul li {padding: 10px 13px 5px 13px;}
.menu ul li ul li ul li a {font-size: 15px; line-height: 22px;}
}


/* 1200-1600  */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
html {height: 100%; font-size: 100%;}
.footer-right {padding: 0;}
.footer-right-top a {font-size: 13px; margin: 0 5px;}
.footer-right-bottom span {padding-left: 5px;}
.work span {top: 55px;}
.one-rubrique ul {top: 120px;}
.one-rubrique-repair {padding: 0 15px 30px 15px;}
}

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