* {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 {font-size: 24px; line-height: 32px; text-transform: uppercase; color: black; font-weight: 900; text-align: left; margin: 0 0 20px 0;}
h2, h3, h3.spip {font-size: 18px; line-height: 26px; text-transform: none; color: #8b0015; font-weight: 500; text-align: left; margin: 0 0 15px 0;}
h2 a, h3 a, h3.spip a {color: #880014; text-decoration: none;}
h2 a:hover, h3 a:hover, h3.spip a:hover {color: #880014; text-decoration: underline;}


ul.spip {margin-bottom: 15px;}
ul.spip li, ol.spip 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: black; text-decoration: underline;}
a:hover {color: black; text-decoration: none;}
b, strong {font-weight: 700;}


/* 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: #950018; color: #fff0a4;  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; border: 1px solid #cdcdcd; text-align: left;}
table.spip th {vertical-align: bottom; font-size: 16px;}
table.spip td {vertical-align: top;}

/* Citations, code et poesie */
blockquote.spip {margin: 20px 0; padding: 0 0 20px 140px; border-bottom: 1px dashed #910017; background: url(../images/reviews.jpg) no-repeat top left; min-height: 100px;}
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;}
hr.spip {width: 100%; margin: 30px 0; border-top: 0; border-right: 0; border-bottom: 1px solid silver; border-left: 0;}

/* Logos, documents et images */
.spip_logo {margin: 0; padding: 0; border: 0;}
.spip_documents {text-align: center; line-height: normal;}
.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%;}
.header-sommaire {}
.header-top {height: 90px; width: 100%; position: relative; z-index: 100; border-bottom: 1px solid #fee8ad; background: rgba(191,1,36,1); background: -moz-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,1,36,1)), color-stop(100%, rgba(132,0,20,1))); background: -webkit-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -o-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -ms-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: linear-gradient(to bottom, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0124', endColorstr='#840014', GradientType=0 );}
.header-top a {color: #fff29d; font-size: 15px; line-height: 18px; font-weight: 300; text-decoration: none;}
.header-top a:hover {color: #fff29d; text-decoration: none; }
.header-top a span {border-bottom: 1px dashed #fff29d;}
.header-top a span:hover {border: 0;}

.header-top a.callback {display: inline-block; width: auto; padding: 1px 6px; font-size: 14px; line-height: 18px; font-weight: bold; color: #8b0015; background: #fff29d; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-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 a.callback:hover {color: #fff29d; background: #8b0015;}
.formulaire_formidable_3 {text-align: center; padding: 20px;}
.formulaire_formidable_3  label {display: block; font-size: 14px;}
.formulaire_formidable_3 span.obligatoire {display: none;}
.formulaire_formidable_3 p {text-align: center;}
.formulaire_formidable_3 input[type="text"] {width: 100%; height: 30px; border: 1px solid silver; margin: 0 0 8px 0; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 22px; padding: 0 5px; -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;}
.formulaire_formidable_3 input[type="submit"] {height: 30px; padding: 0 10px; color: white; font-weight: 500; margin-top: 8px; border: 0; background: #950018; cursor: pointer; font-size: 15px; -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;}
.formulaire_formidable_3 input[type="submit"]:hover {background: #c00124; color: #fae98f;}
.formulaire_formidable_3 .reponse_formulaire_erreur p {font-weight: 700; color: #8b0015;}
.formulaire_formidable_3 span.erreur_message {display: block; font-weight: 700; color: #8b0015;}
.formulaire_formidable_3 .reponse_formulaire_ok  p {font-weight: 700; color: #8b0015;}
.explication_texte p {font-weight: 500; text-align: left; font-size: 13px; line-height: 16px; color: #950018;}

.header-top img {margin-right: 7px; vertical-align: middle;}
.header-top-left {float: left; width: 33%; text-align: left; margin-top: 5px;}
.header-top-left .ukr {float: left; height: 80px;}
.header-top-left .ukr img {width: 80px;}
.header-top-left a {display: inline-block; margin-right: 15px; margin-top: 5px;}
.header-top-left a:first-child {margin-top: 8px;}
.header-top-center {float: left; width: 34%; text-align: center; margin-top: 22px;}
.header-top-center img {margin: 0;}
.header-top-right {float: left; width: 33%; text-align: right; margin-top: 18px;}
.header-top-right a {display: inline-block; margin: 0 10px 0 0; font-size: 18px; line-height: 24px; font-weight: initial;}
.header-top-right span.lang a {padding: 10px 0 0 10px; font-size: 14px; line-height: 22px;} 

.header-sommaire .header-bottom {width: 100%; height: 600px; overflow: hidden; position: relative; z-index: 30; text-align: left;}
.header-sommaire .paralax {background: url(../images/header2.jpg) no-repeat center -200px; position: absolute; width: 100%; top: 0; left: 0; height: 1000px; overflow: hidden; z-index: 20;}
.header-sommaire .header-bottom-promo {background-color: rgba(0, 0, 0, 0.2); position: relative; z-index: 100; padding: 25px; float: left; width: 70%; margin: 125px 0 0 15%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-sommaire .header-bottom-promo-wrapper {background: none; width: 100%; padding: 15px 25px; border: 1px solid #fff29d; color: white; font-size: 18px; line-height: 26px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-sommaire .header-bottom-promo-column1 {width: 54%; float: left; margin-right: 4%;}
.header-sommaire .header-bottom-promo-column2 {width: 42%; float: left;}
.header-sommaire .header-bottom-promo div img {margin: 10px 10px 10px 0; vertical-align: middle;}
.header-sommaire .header-bottom-promo div a {color: white; text-decoration: underline;}
.header-sommaire .header-bottom-promo div a:hover {color: white; text-decoration: none;}

.header-bottom {width: 100%; height: 250px; overflow: hidden; position: relative; z-index: 30; text-align: center;}
.paralax {background: url(../images/header2.jpg) no-repeat center -400px; position: absolute; width: 100%; top: 0; left: 0; height: 1000px; overflow: hidden; z-index: 20;}
/*.paralax {background: url(../images/header3.jpg) no-repeat top center; position: absolute; width: 100%; top: 0; left: 0; height: 1000px; overflow: hidden; z-index: 20;}*/
.header-bottom-promo {background-color: rgba(0, 0, 0, 0.32); position: relative; z-index: 100; padding: 10px 30px; display: inline-block; margin: 80px 0 0 0; font-size: 30px; line-height: 40px; color: #fff8c9; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#menu.menu-default {position: absolute; z-index: 100; width: 100%; outline: 4px solid rgba(255, 255, 255, 0.3);  height: 50px; background-color: rgba(255, 255, 255, 0.8);}
#menu.menu-fixed {position: fixed; top: 0; background: #950018; width: 100%; height: 50px; z-index: 100;}

.header-button {right: -10px; bottom: 10px; width: auto; padding: 3px 20px 3px 10px; font-size: 15px; line-height: 26px; color: #ffed88; position: fixed; z-index: 10000; cursor: pointer; background: -moz-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,1,36,1)), color-stop(100%, rgba(132,0,20,1))); background: -webkit-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -o-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -ms-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: linear-gradient(to bottom, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0124', endColorstr='#840014', GradientType=0 ); -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-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-button:hover {background: #c00124; color: #fae98f;}
.header-button a {text-decoration: none; color: #ffed88;}
.header-button a:hover {text-decoration: none; color: #fae98f;}

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

/* Content sommaire*/
.content {display: table-row;   table-layout: fixed; height: 100%;}
.content .center {padding: 20px 0 0 0;}
.content-sommaire .center {padding: 50px 0;}
.content-sommaire h1, .content-sommaire h2 {color: #870014; font-size: 22px; line-height: 30px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0; font-weight: 500;}
.content-services h1, .content-services h2 {color: #870014; font-size: 22px; line-height: 30px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0; font-weight: 500;}

.sommaire-block-service {width: 100%; margin-bottom: 20px; float: left;}
.sommaire-block-one-service {width: 23%; height: 280px; margin: 0 1% 1% 1%; overflow: hidden; float: left; text-align: center; padding: 25px 35px; 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-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;}
.sommaire-block-one-service:hover {-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);}
.sommaire-block-one-service h3 {text-align: center;}
.sommaire-block-one-service h3 a {color: #515151; text-decoration: none; font-size: 15px; line-height: 19px; text-transform: uppercase; text-align: center;}
.sommaire-block-one-service h3 a:hover {color: #515151; text-decoration: none}
.sommaire-block-one-service p {display: none; text-align: center; margin: 0 0 20px 0; font-weight: 500;}
.sommaire-block-one-service a.sommaire-block-one-service-more {display: none;  font-size: 16px; line-height: 22px; padding: 3px 15px; color: #ffec82; text-decoration: none; background: #950018; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-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;}
.sommaire-block-one-service a.sommaire-block-one-service-more:hover {color: #ffec82; background: #ca0025; text-decoration: none;}

.sommaire-block-one-service:hover p {display: block;}
.sommaire-block-one-service:hover img {display: none;}
.sommaire-block-one-service:hover a.sommaire-block-one-service-more {display: inline-block;}
.sommaire-block-one-service:hover h3 a {color: #870014; font-size: 16px;}

.sommaire-block-seo {background: #f1f1f1; padding: 30px; width: 100%; margin-top: 40px;  -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;}
.sommaire-block-seo-txt {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 30px; -moz-column-gap: 30px; -webkit-column-gap: 30px;}
.sommaire-block-seo-txt h2 {text-align: left; color: black; text-transform: none; margin: 10px 0 5px 0;}

/* Rubrique */
.breadcrumbs {margin: 0 0 10px 0; width: 100%; position: relative; z-index: 10;}
.breadcrumbs li {display: inline-block; margin-right: 8px;}
.breadcrumbs li a {text-decoration: none; }
.breadcrumbs li a span {text-decoration: none; color: #606060; font-size: 14px; font-weight: 300;}
.breadcrumbs li a span:hover {color: black; text-decoration: none}
.breadcrumbs li:last-child span {font-size: 14px; font-weight: 300; color: #890000;}
.breadcrumbs li a span:after {content: ""; width: 6px; height: 7px; background: url(../images/puth.png) no-repeat 3px center; padding-left: 10px; margin-left: 4px;}
.breadcrumbs li:last-child span:after {content: ""; width: 6px; height: 7px; background: url(../images/puth-up.png) no-repeat 3px center; padding-left: 10px; margin-left: 4px;}

.left {width: 25%; float: left; margin: 7px 2% 40px 0; background: #ebebeb; padding: 15px 12px 10px 12px; border: 2px solid white; -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; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);}
.left a {font-size: 17px; line-height: 26px; color: black; text-decoration: none; border-bottom: 1px dashed black; font-weight: 300; display: inline-block; margin-bottom: 13px;}
.left a:hover {color: #900016; text-decoration: none; border-bottom: 1px dashed #900016;}

.right {width: 73%; float: left; margin-bottom: 40px;}
.one-article-list {width: 100%; float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #900016;}
.one-article-list img {float: left; border: 5px solid #d6d6d6; margin: 0 25px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.one-article-list p {font-weight: 300; font-size: 16px; text-align: left;}
.one-article-list a.more {width: auto; padding: 3px 15px; font-size: 15px; font-weight: 700; text-decoration: none; line-height: 26px; color: #ffed88; cursor: pointer; background: -moz-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,1,36,1)), color-stop(100%, rgba(132,0,20,1))); background: -webkit-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -o-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -ms-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: linear-gradient(to bottom, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0124', endColorstr='#840014', GradientType=0 ); -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-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;}
.one-article-list a.more:hover {background: #c00124; color: #fae98f; text-decoration: none;}

.sommaire-block-service  .one-article-list h2 {font-size: 20px; line-height: 28px; text-transform: uppercase; color: black; font-weight: 900; text-align: left; margin: 0 0 5px 0;}
.sommaire-block-service  .one-article-list h2 a {color: black; text-decoration: none;}
.sommaire-block-service  .one-article-list h2 a:hover {color: black; text-decoration: underline;}

/* 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%;}
.gallery {margin-top: 30px; text-align: center; width: 100%; float: left;}
.gallery .item-gal {width: 31%; /*height: 31%;*/ 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;}
.gallery .item-gal img {float: left;}
.chapo p {font-weight: 700;}

.logo-article-services {float: left; width: 49%; margin: 0 2% 20px 0;}
.hot {float: left; width: 49%; padding: 15px; background: #8b0015; margin-bottom: 20px; -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;}
.hot p {color: #ffef93; font-weight: 500; margin: 0;}

.contact {float: left; width: 33.3%; padding: 10px 20px 20px 0; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.contact img {float: left; margin: 0;}
.contact p {margin: 0; vertical-align: middle;}

/* 404 */
.error {width: 100%; text-align: center; padding-bottom: 50px;}
.error img {margin: 20px auto;}
.error h1 {color: #870014; text-transform: uppercase; text-align: center; margin: 0; font-weight: 500; font-size: 35px; line-height: 45px;}
.error h2 {color: #870014; text-transform: none; text-align: center; margin: 100px auto; font-weight: 500; font-size: 30px; line-height: 40px;}

/* Form feedback */
.content form fieldset {border: 0;}
.content form label {display: none;}
.content form input[type="text"], .content form select {width: 300px; height: 30px; border: 1px solid silver; margin: 0 0 8px 0; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 22px; padding: 0 5px; -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;}
.content form textarea {width: 300px; height: 100px; border: 1px solid silver; margin: 0 0 8px 0; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 22px;  padding: 0 5px; -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;}
.content form button[type="submit"] {height: 30px; padding: 0 10px; color: white; font-weight: 500; border: 0; cursor: pointer; background: #950018; font-size: 15px; -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;}
.content form button[type="submit"]:hover {background: #c00124; color: #fae98f;}
.reponse_formulaire_erreur p {color: red;}
span.erreur_message {display: block; color: red;}

/* Footer */
.footer {width: 100%;}
.footer-top {width: 100%; height: 200px; background: url(../images/footer.jpg) no-repeat center center; color: white; font-size: 22px; line-height: 30px; font-weight: 900; text-transform: uppercase;}
.footer-top img {margin: 0 12px 20px 0; float: left;}
.footer-top a {color: white; font-size: 22px; line-height: 30px; text-decoration: none; text-transform: none;}
.footer-top a:hover {color: white; text-decoration: underline; border: 0;}
.footer-top a.footer-price {color: white; font-size: 16px; line-height: 20px; text-decoration: none; letter-spacing: 0; padding: 5px 10px; margin-top: 5px; display: inline-block; background: #950018; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-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;}
.footer-top a.footer-price:hover {color: white; background: #ca0025; text-decoration: none;}
.footer-top-block1 {float: left; width: 23%; text-align: left; margin: 25px 2.5% 25px 0; padding: 35px 0; border-right: 1px solid; -moz-border-image: url(../images/border-footer.png) 1 round round; -webkit-border-image: url(../images/border-footer.png) 1 round round; -o-border-image: url(../images/border-footer.png) 1 round round;  border-image: url(../images/border-footer.png) 1 round round;}
.footer-top-block2 {float: left; width: 26%; text-align: left; margin: 25px 2.5% 25px 0; padding: 35px 0; border-right: 1px solid; -moz-border-image: url(../images/border-footer.png) 1 round round; -webkit-border-image: url(../images/border-footer.png) 1 round round; -o-border-image: url(../images/border-footer.png) 1 round round;  border-image: url(../images/border-footer.png) 1 round round;}
.footer-top-block2 span a {text-transform: uppercase;}
.footer-top-block3 {float: left; width: 20%; text-align: left; margin: 25px 2.5% 25px 0; padding: 35px 0; border-right: 1px solid; -moz-border-image: url(../images/border-footer.png) 1 round round; -webkit-border-image: url(../images/border-footer.png) 1 round round; -o-border-image: url(../images/border-footer.png) 1 round round;  border-image: url(../images/border-footer.png) 1 round round;}
.footer-top-block4 {float: left; width: 23%; text-align: left; margin: 25px 0 0 0; padding: 15px 0;}
.footer-top-block4 img {margin-top: 20px;}
.footer-top-block4 img.viber-phone {margin: 0 0 0 5px; float: none;}
.footer-bottom {width: 100%; height: 80px; border-top: 1px solid #fee8ad;  background: rgba(191,1,36,1); background: -moz-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,1,36,1)), color-stop(100%, rgba(132,0,20,1))); background: -webkit-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -o-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: -ms-linear-gradient(top, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); background: linear-gradient(to bottom, rgba(191,1,36,1) 0%, rgba(132,0,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0124', endColorstr='#840014', GradientType=0 );}
.footer-bottom-left {float: left; width: 22%; text-align: left; margin-top: 25px;}
.footer-bottom-center {float: left; width: 70%; text-align: center; margin-top: 30px;}
.footer-bottom-center span {color: #fffad7; font-size: 14px; line-height: 19px; margin: 0 7px; display: inline-block; font-weight: 300;}
.footer-bottom-center span a {color: #fffad7; text-decoration: underline;}
.footer-bottom-center span a:hover {color: #fffad7; text-decoration: none;}
.footer-bottom-right {float: left; width: 8%; text-align: right; margin-top: 30px;}
.footer-bottom-right span {display:none;}

/*  Menu <  1024 */
@media only screen and (min-width: 100px) and (max-width: 1000px) {
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;}
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: #890014; font-size: 18px; text-transform: uppercase; font-weight: 500; margin-top: 13px;}
ul.meny li ul {display: none; position: absolute; top: 50px; left: 0; margin: 0; background: #850013; text-align: left; width: 100%; /*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: #fff29d; 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%; }
ul.meny li ul li ul {position: relative; top: 0; left: 0; border-top: 0; height: auto; overflow: hidden;}
ul.meny li ul li ul li {position: relative; margin: 0;  padding: 7px 0 0 0; border-bottom: 0;}
ul.meny li ul li ul li a {position: relative; padding: 0; margin: 0; font-size: 15px; color: #fff29d; text-decoration: none; text-transform: none; margin: 0; background: none;}
ul.meny li ul li > ul li {display: list-item; list-style-type: disc; list-style-position: inside; margin-left: 15px; color: #fff29d;}
#menu.menu-fixed {background: white; border-bottom: 2px solid #870014;}
.close {display: block; position: absolute!important; top: 10px; right: 15px; text-align: right; z-index: 100;} 
ul.meny div {height: 80vh; overflow: scroll;}
}

/*  Menu > 1024 */
@media only screen and (min-width: 1000px) 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: #960000; font-size: 15px; line-height: 50px; padding: 0 12px; height: 50px; text-transform: uppercase; text-decoration: none; display: inline-block; margin: 0 0 0 -5px; border-right: 1px solid; -moz-border-image: url(../images/border.png) 1 round round; -webkit-border-image: url(../images/border.png) 1 round round; -o-border-image: url(../images/border.png) 1 round round;  border-image: url(../images/border.png) 1 round round; -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:last-child a {border: 0;}
ul.meny li ul li a:hover {color: #fff7c2; background: #960000; text-decoration: none;}
ul.meny li ul li a.on {color: #fff7c2; background: #960000;}
ul.meny li ul li a.arrow:after {content: ""; width: 10px; height: 10px; margin-left: 4px; display: inline-block; background: url(../images/arrow.png) no-repeat center;} 
ul.meny li ul li:hover a.arrow:after {content: ""; width: 10px; height: 10px; margin-left: 4px; display: inline-block; background: url(../images/arrow2.png) no-repeat center;}
ul.meny li ul li {height: auto; width: auto; min-width: auto;}
ul.meny li ul {z-index: 100;}
ul.meny li ul li ul li {display: none;}
ul.meny li ul li:hover > ul li {display: inline-block;  min-width: 350px;}
ul.meny li ul li ul {text-align: left; padding: 10px 0; position: absolute; top: 50px; left: -5px; z-index: 100; background: #960000;}
ul.meny li ul li ul li {margin: 0; padding: 0; width: 100%; background: none; border: 0;}
ul.meny li ul li ul li:hover {width: 100%;}
ul.meny li ul li ul li a {font-size: 15px; color: #fff7c2; text-decoration: none; background: none; border: 0; line-height: 30px; text-transform: none; padding: 0; margin: 0 3px 0 10px; height: auto; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.meny li ul li ul li a:hover {text-decoration: none; color: white; width: 100%; text-decoration: underline; background: none;}
.header-sommaire #menu.menu-default {top: 637px;}
#menu.menu-default {top: 289px;}
#menu.menu-fixed ul.meny li ul li a {color: #fff29d; border-right: 1px solid; -moz-border-image: url(../images/border2.png) 1 round round; -webkit-border-image: url(../images/border2.png) 1 round round; -o-border-image: url(../images/border2.png) 1 round round;  border-image: url(../images/border2.png) 1 round round;}
#menu.menu-fixed ul.meny li ul li:last-child a {border: 0;}
#menu.menu-fixed ul.meny li ul li a:hover {color: #950018; background: #fff29d;}
#menu.menu-fixed ul.meny li ul li ul li a,  #menu.menu-fixed ul.meny li ul li ul li a:hover {color: #fff29d; background: 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: 110px;}
.header-top a {font-size: 14px;}
.header-top-left .ukr {width: 60px; position: absolute; top: 47px; left: 5px;}
.header-top-left a {display: none;}
.header-top-left a span {display: none;}
.header-top-center {width: 96%; position: absolute; top: 0; left: 2%; margin-top: 10px;}
.header-top-center img {max-width: 310px;}
.header-top-right {width: 100%; position: absolute; top: 33px; right: 5px; text-align: right;}
.header-top-right a {margin-left: 5px;}
.header-top-right span.lang a {padding: 5px 0 0 10px;} 
.header-sommaire .header-bottom {height: 500px;}
.header-sommaire .header-bottom-promo {padding: 15px; width: 92%; margin: 25px 0 0 4%;}
.header-sommaire .header-bottom-promo-wrapper {padding: 15px; font-size: 16px; line-height: 24px;}
.header-sommaire .header-bottom-promo-column1 {width: 100%; margin-right: 0;}
.header-sommaire .header-bottom-promo-column2 {width: 100%;}
.header-sommaire .header-bottom-promo div img {float: left; width: 40px; margin: 0 10px 0 0;}
.header-sommaire .header-bottom-promo-column1 div, .header-bottom-promo-column2 div {width: 100%; float: left; margin-bottom: 15px;}
.header-sommaire .header-bottom-promo-column2 div:last-child {margin-bottom: 0;}
.header-bottom-promo {padding: 10px 30px; margin: 60px 0 0 0; font-size: 25px; line-height: 32px;}
#menu.menu-default {top: 308px;}
.header-sommaire #menu.menu-default {top: 537px;}
.sommaire-block-one-service {width: 50%; height: auto; min-height: 285px; margin: 0 0 20px 0; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block-seo {padding: 25px 15px 15px 15px;}
.sommaire-block-seo-txt {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.contact {width: 100%; padding: 10px 0 20px 0;}
.error h1 {font-size: 25px; line-height: 35px;}
.left {display: none;}
.right {width: 100%; float: left;}
.one-article-list img {margin: 0 0 15px 0; width: 100%;}
.gallery .item-gal {width: 48%; height: 48%;}
.gallery-works .item-gal {width: 100%; height: auto; margin: 0 0 4% 0; float: left; border: 0;}
.logo-article-services {width: 100%; margin: 0 0 20px 0;}
.hot {width: 100%;}
blockquote.spip {padding: 0 0 20px 70px; background: url(../images/reviews2.jpg) no-repeat top left; min-height: 50px;}
.header-button {display: none;}
.footer-bottom {height: 100px;}
.footer-top {float: left; height: auto; font-size: 20px; line-height: 26px; }
.footer-top br {display: none;}
.footer-top-block4 br {display: block;}
.footer-top-block1, .footer-top-block2, .footer-top-block3, .footer-top-block4 {width: 100%; margin: 10px 0; padding: 0; border-bottom: 1px solid #fbf3c2; border-right: 0; -moz-border-image: none; -webkit-border-image: url(../images/border-footer.png) none; -o-border-image: none;  border-image: none;}
.footer-top-block4 {border: 0;}
.footer-top-block4 img {margin-top: 0;}
.footer-top-block1 span, .footer-top-block2 span, .footer-top-block3 span, .footer-top-block4 span {display: inline-block; margin-top: 15px;}
.footer-top a {font-size: 20px; line-height: 26px;}
.footer-bottom-left {display: none;}
.footer-bottom-center {width: 100%; margin-top: 15px;}
.footer-bottom-center span {margin: 0 5px; font-size: 13px;}
.footer-bottom-right {display: none;}
.breadcrumbs {display: none;}
.content form input[type="text"], .content form select {width: 100%;}
}

/* 320 */
@media only screen and (min-width: 100px) and (max-width: 320px) {
html {height: 100%; font-size: 100%;}
.header-sommaire .header-bottom-promo {padding: 10px; width: 98%; margin: 25px 0 0 1%;}
.header-sommaire .header-bottom-promo-wrapper {padding: 10px;}
.footer-top br {display: block;}
.footer-top-block1 span, .footer-top-block2 span, .footer-top-block3 span, .footer-top-block4 span {margin-top: 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-top {height: 120px;}
.header-top-left {width: 27%; margin-top: 18px;}
.header-top-left .ukr {float: none; height: 40px; display: none;}
.header-top-left .ukr img {width: 40px;}
.header-top-left a {display: block; margin: 5px 0 0 0;}
.header-top-center {width: 46%; margin-top: 50px;}
.header-top-right {width: 27%; margin-top: 20px;}
.header-top-right a {display: block; margin-bottom: 7px;}
.header-sommaire .header-bottom {height: 580px;}
.header-sommaire .header-bottom-promo {width: 90%; margin: 25px 0 0 5%;}
.header-sommaire .header-bottom-promo-column1 {width: 100%; margin-right: 0;}
.header-sommaire .header-bottom-promo-column2 {width: 100%;}
.header-sommaire .header-bottom-promo div img {margin: 0 10px 0 0;}
.header-sommaire .header-bottom-promo-column1 div, .header-bottom-promo-column2 div {width: 100%; float: left; margin-bottom: 15px;}
.header-sommaire .header-bottom-promo-column2 div:last-child {margin-bottom: 0;}
.header-sommaire #menu.menu-default {top: 617px;}
.header-bottom-promo {padding: 10px 30px; margin: 70px 0 0 0; font-size: 28px; line-height: 35px;}
#menu.menu-default {top: 317px;}
ul.meny li:hover > ul {width: auto; padding: 5px 15px 5px 5px;}
.sommaire-block-one-service {width: 46%; margin: 0 2% 2% 2%;}
.sommaire-block-seo-txt {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.contact {width: 100%; padding: 10px 0 20px 0;}
.error h1 {font-size: 30px; line-height: 40px;}
.left {display: none;}
.right {width: 100%; float: left;}
.one-article-list img {max-width: 250px;}
.logo-article-services {width: 50%; margin: 0 2% 20px 0;}
.hot {width: 48%;}
.gallery-works .item-gal {width: 100%; height: auto; margin: 0 0 3% 0; float: left; border: 0;}
.footer-top {float: left; height: auto;}
.footer-top br {display: none;}
.footer-top br:nth-child(5) {display: block;}
.footer-top-block1, .footer-top-block2, .footer-top-block3, .footer-top-block4 {width: 100%; margin: 10px 0; padding: 0; border-bottom: 1px solid #fbf3c2; border-right: 0; -moz-border-image: none; -webkit-border-image: url(../images/border-footer.png) none; -o-border-image: none;  border-image: none;}
.footer-top-block4 {border: 0;}
.footer-top-block4 img {margin-top: 0;}
.footer-top-block1 span, .footer-top-block2 span, .footer-top-block3 span, .footer-top-block4 span {display: inline-block; margin-top: 15px;}
.footer-bottom-left {display: none;}
.footer-bottom-center {width: 82%; margin-top: 20px; text-align: left;}
.footer-bottom-right {width: 18%;}
}

/* 800, 960) */
@media only screen and (min-width: 769px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.header-top {height: 120px;}
.header-top-left {width: 32%; margin-top: 20px;}
.header-top-left .ukr {height: 60px;  margin-bottom: 20px;}
.header-top-left a {display: block; margin: 7px 0;}
.header-top-center {width: 43%; margin-top: 40px;}
.header-top-right {width: 25%; margin-top: 18px;}
.header-top-right a {display: block; margin-bottom: 7px;}
.header-sommaire .header-bottom {height: 550px;}
.header-sommaire .header-bottom-promo {width: 90%; margin: 100px 0 0 5%;}
.header-sommaire .header-bottom-promo div img {margin: 0 10px 0 0;  float: left;}
.header-sommaire .header-bottom-promo-column1 div, .header-bottom-promo-column2 div {width: 100%; float: left; margin-bottom: 25px;}
.header-sommaire .header-bottom-promo-column2 div:last-child {margin-bottom: 0;}
#menu.menu-default {top: 317px;}
.header-sommaire #menu.menu-default {top: 587px;}
ul.meny li:hover > ul {width: auto; padding: 5px 15px 5px 5px;}
.sommaire-block-one-service {width: 31%; margin: 0 1% 2% 1%; padding: 20px;}
.contact {width: 100%; padding: 10px 0 20px 0;}
.left {width: 34%; margin: 7px 2% 40px 0; padding: 10px 10px 5px 10px;}
.left a {font-size: 16px; line-height: 24px;}
.right {width: 64%;}
.one-article-list img {max-width: 200px;}
.gallery .item-gal {width: 48%; height: 48%;}
.gallery-works .item-gal {width: 100%; height: auto; margin: 0 0 4% 0; float: left; border: 0;}
.logo-article-services {width: 100%; margin: 0 0 20px 0;}
.hot {width: 100%;}
blockquote.spip {padding: 0 0 20px 70px; background: url(../images/reviews2.jpg) no-repeat top left; min-height: 50px;}
.footer-top {font-size: 20px; line-height: 26px; height: 180px;}
.footer-top-block1 {width: 23%; margin: 30px 1.5% 0 0;}
.footer-top-block2 {width: 27.5%; margin: 30px 1.5% 0 0;}
.footer-top-block3 {width: 19%; margin: 30px 1.5% 0 0;}
.footer-top-block4 {width: 25.5%; margin: 45px 0 0 0; padding: 15px 0 0 0;}
.footer-top img {margin: 0 7px 50px 0; width: 30px;}
.footer-top a {font-size: 20px; line-height: 26px;}
.footer-top a.footer-price {font-size: 13px; line-height: 17px; padding: 5px;}
.footer-bottom-left {width: 25%; margin-top: 30px;}
.footer-bottom-center {width: 60%; margin-top: 20px;}
.footer-bottom-right {width: 15%;}
}

/* 960 */
@media only screen and (min-width: 801px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.header-sommaire .header-bottom-promo div img {float: none;}
}


/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
.center {width: 98%; max-width: 1200px; margin: 0 auto;}
.header-sommaire .header-bottom-promo {width: 90%; margin: 100px 0 0 5%;}
ul.meny li ul li a {font-size: 14px; padding: 0 7px;}
.sommaire-block-one-service {padding: 15px;}
.left {width: 30%;}
.right {width: 68%;}
.logo-article-services {width: 47%; margin: 0 3% 20px 0;}
.hot {width: 50%;}
.gallery-works .item-gal {width: 100%; height: auto; margin: 0 0 3% 0; float: left; border: 0;}
.contact {padding: 10px 10px 20px 0;}
.contact img {max-width: 50px;}
.footer-top {font-size: 22px; line-height: 28px;}
.footer-top-block1 {width: 22%; margin: 35px 2.5% 0px 0;}
.footer-top-block2 {margin: 35px 2.5% 0px 0;}
.footer-top-block3 {width: 19%; margin: 35px 2.5% 0px 0;}
.footer-top-block4 {width: 25%; margin: 50px 0 0 0;}
.footer-top img {margin: 0 10px 40px 0; width: 50px;}
.footer-top a {font-size: 22px; line-height: 28px;}
.footer-top a.footer-price {font-size: 15px; line-height: 19px; padding: 5px;}
.footer-bottom-left {width: 20%; margin-top: 30px;}
.footer-bottom-center {width: 72%;}
.footer-bottom-center span {margin: 0 7px;}
.footer-bottom-right {width: 8%;}
}