/* 
 TRANSITION
 */
/* 
 SHADOW
 */
/* Browser Prefixes */
/* Background gradient */
/* Rotate */
/* Scale */
/* Translate */
/* Skew */
/* Transform Origin */
/* Flex box */
/*
 BOX-SIZING
 */
/* 
 Top center
 */
/*
 Horizontal center
 */
/* Color */
/* Fonts */
@font-face {
  font-family: 'AdProLTStdreg';
  src: url('../fonts/adpro/AdProLTStd-Regular.eot');
  src: url('../fonts/adpro/AdProLTStd-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/adpro/AdProLTStd-Regular.woff2') format('woff2'), url('../fonts/adpro/AdProLTStd-Regular.woff') format('woff'), url('../fonts/adpro/AdProLTStd-Regular.ttf') format('truetype'), url('../fonts/adpro/AdProLTStd-Regular.svg#AdProLTStd-Regular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AdProLTStdbold';
  src: url('../fonts/adpro/AdProLTStd-Black.eot');
  src: url('../fonts/adpro/AdProLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/adpro/AdProLTStd-Black.woff2') format('woff2'), url('../fonts/adpro/AdProLTStd-Black.woff') format('woff'), url('../fonts/adpro/AdProLTStd-Black.ttf') format('truetype'), url('../fonts/adpro/AdProLTStd-Black.svg#AdProLTStd-Black') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dosisbold';
  src: url('../fonts/dosis/dosis-bold.woff2') format('woff2'), url('../fonts/dosis/dosis-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dosislight';
  src: url('../fonts/dosis/dosis-light.woff2') format('woff2'), url('../fonts/dosis/dosis-light.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dosismedium';
  src: url('../fonts/dosis/dosis-medium.woff2') format('woff2'), url('../fonts/dosis/dosis-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dosisregular';
  src: url('../fonts/dosis/dosis-regular.woff2') format('woff2'), url('../fonts/dosis/dosis-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal; }
/**** DEBUT STYLE DE BASE ****/
* {
  padding: 0;
  margin: 0; }

div, a, p, span, td, th, caption, li, h1, h2, h3, h4, legend, input, label, textarea, section, aside, article {
  color: #000;
  font-size: 16px;
  line-height: 1.2em;
  font-family: 'dosisregular', 'Myriad pro';
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

strong {
  font-weight: 400;
  font-family: 'dosisbold', 'Myriad pro'; }

a[href^=tel] {
  color: inherit;
  text-decoration: none; }

a, p, textarea, input[type="text"], input[type="email"], input[type="submit"], input[type="password"] {
  -webkit-appearance: none; }

img {
  vertical-align: bottom;
  border: none; }

p {
  margin: 10px 0; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }
/**** STYLE DES TITRES ****/
h1, h2, h3, h4 {
  margin: 10px 0;
  line-height: 1; }

h1 {
  font-size: 30px;
  font-weight: 400;
  margin: 0 0 15px 0;
  font-family: 'dosisbold', 'Myriad pro';
  color: #009bc2; }

h2 {
  font-size: 20px;
  font-weight: 400;
  color: #f49e00;
  font-family: 'dosisbold', 'Myriad pro';
  text-transform: uppercase; }

h3 {
  font-size: 18px;
  font-weight: 400;
  font-family: 'dosismedium', 'Myriad pro'; }

h4 {
  font-size: 16px; }
/**** STYLE DES LISTES ****/
ul li {
  list-style-type: disc;
  list-style-position: inside;
  margin: 5px 0; }

nav ul li {
  list-style: none; }
/**** STYLE DES TABLEAUX ****/
table {
  border-collapse: collapse; }

table td, table th {
  background-color: #fff;
  padding: 5px 7px;
  border: 1px solid #000; }

table th {
  font-family: 'dosisbold', 'Myriad pro';
  font-weight: 400; }

table caption {
  background-color: #fff;
  padding: 5px 7px; }
/**** STYLE DES FORMULAIRES ****/
form fieldset {
  border: none; }

form legend {
  display: none; }

form label {
  margin: 7px 0;
  display: inline-block;
  font-weight: 400;
  font-family: 'dosisregular', 'Myriad pro';
  margin-right: 10px;
  font-size: 16px;
  color: #58585a; }

form fieldset > div {
  margin: 0 0 10px 0;
  clear: both;
  position: relative; }

form fieldset .layout2, form fieldset .layout3 {
  display: inline-block; }

form fieldset .layout2 {
  width: 49.5%;
  width: -webkit-calc(50% - 2.5px);
  width: calc(50% - 2.5px);
  padding: 0 15px; }

form fieldset .layout2 input {
  width: 100%;
  display: inline-block; }

form input, form textarea {
  margin: 0;
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  border: none;
  color: #58585a;
  border: 1px solid #009bc2;
  font-size: 16px;
  font-family: 'dosisregular', 'Myriad pro'; }

form textarea {
  resize: none;
  height: 140px; }

form input:focus, form textarea:focus {
  /*outline: none;*/ }

input::-webkit-inner-spin-button {
  opacity: 0;
  display: none; }

input:-moz-inner-spin-button {
  opacity: 0;
  display: none; }

input:-ms-inner-spin-button {
  opacity: 0;
  display: none; }

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: inherit;
  font-size: inherit; }

form input:-moz-input-placeholder, form textarea:-moz-input-placeholder {
  color: inherit;
  font-size: inherit; }

form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: inherit;
  font-size: inherit; }

form input[type="radio"], form input[type="checkbox"] {
  width: auto;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  vertical-align: middle; }

input[type="submit"], input[type="reset"], button {
  width: auto;
  display: block;
  margin: 0px 0 0 auto;
  cursor: pointer;
  border: none;
  padding: 10px 35px 10px 35px;
  background-color: #2d4693;
  color: #fff !important;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: 'dosisbiold', 'Myriad pro';
  position: relative;
  line-height: 1.2; }

input[type="submit"]:hover, input[type="reset"]:hover, button:hover, input[type="submit"]:active, input[type="reset"]:active, button:active {
  background-color: #162d73; }

body {
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  padding-top: 135px; }

.body-home {
  padding-top: 0px; }

.csc-textpic-imagewrap {
  text-align: center; }

.csc-textpic-imagewrap ul li {
  margin: 0 5px !important;
  list-style: none !important;
  display: inline-block; }

div.csc-textpic .csc-textpic-imagewrap img {
  margin: 0 auto; }

.csc-textpic-caption {
  text-align: center;
  font-size: 12px;
  margin: 5px 0; }

.ce-gallery figcaption {
  font-size: 14px;
  text-align: center;
  margin: 5px 0;
  font-style: italic;
  font-family: 'dosisregular', 'Myriad pro'; }

.powermail_message_error {
  border: 1px solid #a50707;
  background-color: #d17b7b;
  padding: 10px 20px;
  margin: 0 0 20px 0;
  position: relative; }

.powermail_message_error:after {
  content: "";
  position: absolute;
  right: 15px;
  background: url('../images/icon_alert.png') no-repeat center center;
  background-size: cover;
  height: 32px;
  width: 32px;
  top: 40%;
  top: -webkit-calc(50% - 16px);
  top: calc(50% - 16px); }

.powermail_message_error li {
  list-style: none;
  color: #fff;
  padding: 0 !important; }

.powermail_message_error li:before {
  display: none !important; }
/**** FIN STYLE DE BASE ****/
/**** STYLE BOUTONS / TEXTE ****/
.bt-bleu, .bt-jaune, .bt-vert, .bt-bleu-clair, .bt-orange {
  display: inline-block;
  padding: 8px 15px;
  background-color: #214099;
  color: #fff !important;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  text-decoration: none;
  font-family: 'dosismedium', 'Myriad pro';
  text-transform: none !important; }

.bt-bleu:hover {
  background-color: #06124d;
  text-decoration: none; }

.bt-jaune {
  background-color: #f49e00; }

.bt-jaune:hover {
  background-color: #b17300;
  text-decoration: none; }

.bt-vert {
  background-color: #79b51d; }

.bt-vert:hover {
  background-color: #5c9505;
  text-decoration: none; }

.bt-bleu-clair {
  background-color: #0e9cc3; }

.bt-bleu-clair:hover {
  background-color: #097492;
  text-decoration: none; }

.bt-orange {
  background-color: #eb7404; }

.bt-orange:hover {
  background-color: #bd5c01;
  text-decoration: none; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.txt-jaune {
  color: #f49e00 !important; }

.txt-bleu {
  color: #214099 !important; }

.txt-bleu-clair {
  color: #0e9cc3 !important; }

.txt-vert {
  color: #79b51d !important; }

.txt-orange {
  color: #eb7404 !important; }

.txt-rouge {
  color: #ee1701 !important; }

.font-adpro {
  font-family: 'AdProLTStdreg', 'Arial' !important; }

.font-adpro-bold {
  font-family: 'AdProLTStdbold', 'Arial' !important; }

.indent {
  margin-left: 20px; }

.size_12 {
  font-size: 12px !important; }

.size_14 {
  font-size: 14px !important; }

.size_16 {
  font-size: 16px !important; }

.size_18 {
  font-size: 18px !important; }

.size_12 *, .size_14 *, .size_16 *, .size_18 *, .size_20 *, .size_22 *, .size_24 *, .size_30 *, .size_36 * {
  font-size: inherit !important; }

.size_22 {
  font-size: 22px !important; }

.size_24 {
  font-size: 24px !important; }

p.contact-ete, span.contact-ete, a.contact-ete {
  background: #96e2fc;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2ZTJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWQ1ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #96e2fc 0%, #75d5f6 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96e2fc), color-stop(100%, #75d5f6));
  background: -webkit-linear-gradient(left, #96e2fc 0%, #75d5f6 100%);
  background: -o-linear-gradient(left, #96e2fc 0%, #75d5f6 100%);
  background: -ms-linear-gradient(left, #96e2fc 0%, #75d5f6 100%);
  background: linear-gradient(to right, #96e2fc 0%, #75d5f6 100%);
  border-radius: 5px;
  box-shadow: 0 0px 5px #696969, inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: auto;
  color: #214099;
  font-size: 20px;
  padding: 8px 30px;
  text-decoration: none;
  margin: 15px 10px !important;
  text-decoration: none;
  margin: 0 auto;
  text-align: center; }

p.contact-automne, span.contact-automne, a.contact-automne {
  background: #fedb85;
  background: -moz-linear-gradient(top, #fedb85 0%, #fdc743 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fedb85), color-stop(100%, #fdc743));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fedb85 0%, #fdc743 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fedb85 0%, #fdc743 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fedb85 0%, #fdc743 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fedb85 0%, #fdc743 100%);
  /* W3C */
  border-radius: 5px;
  box-shadow: 0 0 5px #696969, inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: auto;
  color: #214099;
  font-size: 20px;
  padding: 8px 30px;
  text-decoration: none;
  margin: 15px 10px !important;
  text-decoration: none;
  margin: 0 auto;
  text-align: center; }

p.contact-printemps, span.contact-printemps, a.contact-printemps {
  background: #edf1d6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWQ2NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(237, 241, 214, 1) 0%, rgba(193, 214, 65, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 241, 214, 1)), color-stop(100%, rgba(193, 214, 65, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(237, 241, 214, 1) 0%, rgba(193, 214, 65, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(237, 241, 214, 1) 0%, rgba(193, 214, 65, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(237, 241, 214, 1) 0%, rgba(193, 214, 65, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(237, 241, 214, 1) 0%, rgba(193, 214, 65, 1) 100%);
  /* W3C */
  border-radius: 5px;
  box-shadow: 0 0 5px #696969, inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: auto;
  color: #214099;
  font-size: 20px;
  padding: 8px 30px;
  text-decoration: none;
  margin: 15px 10px !important;
  text-align: center; }

p.petit-bouton-gris, span.petit-bouton-gris, a.petit-bouton-gris {
  background: #eaeaea;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRhZGFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, rgba(234, 234, 234, 1) 33%, rgba(173, 173, 173, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, rgba(234, 234, 234, 1)), color-stop(100%, rgba(173, 173, 173, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1) 33%, rgba(173, 173, 173, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(234, 234, 234, 1) 33%, rgba(173, 173, 173, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(234, 234, 234, 1) 33%, rgba(173, 173, 173, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(234, 234, 234, 1) 33%, rgba(173, 173, 173, 1) 100%);
  /* W3C */
  box-shadow: 0 0 5px #696969, inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: auto;
  margin: 15px 10px !important;
  padding: 8px 30px;
  font-size: 20px;
  text-decoration: none;
  color: #214099;
  text-align: center;
  border-radius: 5px; }

p.pdf, span.pdf, a.pdf, li.pdf, td.pdf {
  padding-left: 40px;
  position: relative;
  line-height: 30px; }

p.pdf:before, span.pdf:before, a.pdf:before, li.pdf:before, td.pdf:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 33px;
  background: url('../images/icon_pdf.png') 0 0 no-repeat; }

p.coordonnee, span.coordonnee, a.coordonnee, li.coordonnee {
  padding-left: 25px;
  line-height: 20px;
  position: relative; }

p.coordonnee:before, span.coordonnee:before, a.coordonnee:before, li.coordonnee:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url('../images/icon_coordonnee.png') center 0 no-repeat; }

p.coordonnee.txt-vert:before, span.coordonnee.txt-vert:before, a.coordonnee.txt-vert:before, li.coordonnee.txt-vert:before {
  background-position: center -20px !important; }

p.coordonnee.txt-bleu:before, span.coordonnee.txt-bleu:before, a.coordonnee.txt-bleu:before, li.coordonnee.txt-bleu:before {
  background-position: center -40px !important; }

p.coordonnee.txt-orange:before, span.coordonnee.txt-orange:before, a.coordonnee.txt-orange:before, li.coordonnee.txt-orange:before {
  background-position: center -60px !important; }

p.coordonnee.txt-jaune:before, span.coordonnee.txt-jaune:before, a.coordonnee.txt-jaune:before, li.coordonnee.txt-jaune:before {
  background-position: center -80px !important; }

p.telephone, span.telephone, a.telephone, li.telephone {
  padding-left: 25px;
  line-height: 20px;
  position: relative; }

p.telephone:before, span.telephone:before, a.telephone:before, li.telephone:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url('../images/icon_phone.png') center 0 no-repeat; }

p.telephone.txt-vert:before, span.telephone.txt-vert:before, a.telephone.txt-vert:before, li.telephone.txt-vert:before {
  background-position: center -20px !important; }

p.telephone.txt-bleu:before, span.telephone.txt-bleu:before, a.telephone.txt-bleu:before, li.telephone.txt-bleu:before {
  background-position: center -40px !important; }

p.telephone.txt-orange:before, span.telephone.txt-orange:before, a.telephone.txt-orange:before, li.telephone.txt-orange:before {
  background-position: center -60px !important; }

p.telephone.txt-jaune:before, span.telephone.txt-jaune:before, a.telephone.txt-jaune:before, li.telephone.txt-jaune:before {
  background-position: center -80px !important; }

p.numero-fax, span.numero-fax, a.numero-fax, li.numero-fax {
  padding-left: 25px;
  line-height: 20px;
  position: relative; }

p.numero-fax:before, span.numero-fax:before, a.numero-fax:before, li.numero-fax:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url('../images/icon_fax.png') center 0 no-repeat; }

p.numero-fax.txt-vert:before, span.numero-fax.txt-vert:before, a.numero-fax.txt-vert:before, li.numero-fax.txt-vert:before {
  background-position: center -20px !important; }

p.numero-fax.txt-bleu:before, span.numero-fax.txt-bleu:before, a.numero-fax.txt-bleu:before, li.numero-fax.txt-bleu:before {
  background-position: center -40px !important; }

p.numero-fax.txt-orange:before, span.numero-fax.txt-orange:before, a.numero-fax.txt-orange:before, li.numero-fax.txt-orange:before {
  background-position: center -60px !important; }

p.numero-fax.txt-jaune:before, span.numero-fax.txt-jaune:before, a.numero-fax.txt-jaune:before, li.numero-fax.txt-jaune:before {
  background-position: center -80px !important; }

p.mail, span.mail, a.mail, li.mail {
  padding-left: 25px;
  line-height: 20px;
  position: relative; }

p.mail:before, span.mail:before, a.mail:before, li.mail:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url('../images/icon_mail.png') center 0 no-repeat; }

p.mail.txt-vert:before, span.mail.txt-vert:before, a.mail.txt-vert:before, li.mail.txt-vert:before {
  background-position: center -20px !important; }

p.mail.txt-bleu:before, span.mail.txt-bleu:before, a.mail.txt-bleu:before, li.mail.txt-bleu:before {
  background-position: center -40px !important; }

p.mail.txt-orange:before, span.mail.txt-orange:before, a.mail.txt-orange:before, li.mail.txt-orange:before {
  background-position: center -60px !important; }

p.mail.txt-jaune:before, span.mail.txt-jaune:before, a.mail.txt-jaune:before, li.mail.txt-jaune:before {
  background-position: center -80px !important; }

.loading, .loading-img {
  position: relative;
  overflow: hidden; }

.loading:after, .loading-img:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('../images/loader.svg') no-repeat center center;
  background-color: #fff; }
/**** FIN STYLE BOUTONS / TEXTE ****/
/**** STYLE ACCUEIL ****/
#weather .weather2-item {
  margin: 0;
  background: transparent;
  border: none;
  width: auto; }
  #weather .weather2-item h3 {
    font-size: 18px;
    color: #fff; }
  #weather .weather2-item p {
    color: #fff;
    font-size: 16px; }
  #weather .weather2-item .primary {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex; }
    #weather .weather2-item .primary .weather-icon {
      flex: none; }
    #weather .weather2-item .primary .weather-data {
      text-align: left;
      flex: 1; }
  #weather .weather2-item .showMore {
    display: none !important; }

#slideshow-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#slideshow-background #slideshow {
  display: none; }

#slideshow-background #vegas-slideshow {
  height: 100%;
  width: 100%; }

body.scrolled {
  padding-top: 401px; }

body.scrolled header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 150;
  background-color: #fff; }

body.scrolled header #logo {
  margin: 0; }

body.scrolled header #right-header {
  margin: 12px 0; }

.body-home header {
  /*	position: static;
   background: transparent;*/ }

body > header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }

header > div {
  background-image: none !important;
  background-color: #009bc2; }

header .content-inner {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0 40px;
  max-width: 1600px;
  margin: 0 auto; }

@media screen and (min-width: 951px) {
  /*background: url("/fileadmin/_processed_/5/c/csm_background-image_d9760f2b64.jpg") center top;*/
    header > .content-inner {
      z-index: 3333; } }

.content-inner {
  padding: 0 200px;
  max-width: 1600px;
  margin: 0 auto; }

.body-home #logo {
  margin: 25px 0; }

#logo {
  margin: 25px 0;
  float: left;
  flex: 1; }

.body-home #right-header {
  margin: auto 0; }

#right-header {
  float: right;
  margin: 12px 0;
  margin-left: auto; }

#search {
  width: 245px; }

#search .cse .gsc-search-button input.gsc-search-button-v2, #search input.gsc-search-button-v2 {
  height: 60px;
  background-color: transparent;
  border: none; }

#search .gsc-input-box {
  height: auto;
  border: none;
  box-shadow: none;
  background: none;
  position: relative;
  z-index: 1; }

#search .gsst_a .gscb_a {
  color: #fff;
  display: none; }

#search .gsc-input-box .gsib_b {
  display: none; }

#search .gsc-control-cse {
  padding: 0;
  background: transparent;
  border: none; }

#search table td {
  border: none;
  background: transparent;
  padding: 0; }

#search .gsc-results-wrapper-overlay {
  text-align: left; }

#search td.gsc-search-button {
  top: 0;
  right: 0;
  width: 60px;
  position: absolute;
  background: url('../images/icon_search_top.png') no-repeat center center;
  background-color: #009bc2;
  border-radius: 60px;
  padding: 0;
  overflow: hidden; }

#search button.gsc-search-button, #search button.gsc-search-button:hover, #search button.gsc-search-button:active, #search button.gsc-search-button:focus {
  background: none;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0px;
  text-indent: -9999px;
  background: none;
  padding: 0 100%;
  margin: 0 !important;
  border: none !important; }

#search button.gsc-search-button svg {
  display: none; }

#search .gsc-input {
  width: 180px !important;
  text-indent: 0 !important; }

#search form {
  position: relative;
  margin: 0 !important;
  padding: 14px 65px 13px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#search input[type="text"] {
  background: transparent !important;
  border: none;
  border-bottom: 2px solid #009bc2 !important;
  font-family: 'dosisregular', 'Myriad pro';
  font-size: 18px;
  color: #87888a;
  padding: 5px 0px !important;
  width: 180px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#search .gsc-input-box:before {
  /*content: "Votre recherche...";*/
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 5px 0px 5px 0px !important;
  color: #87888a;
  font-family: 'dosisregular', 'Myriad pro';
  font-size: 18px;
  text-align: left;
  z-index: -1; }

#search.active form .gsc-input-box:before {
  display: none; }

#search input[type="text"]:focus {
  outline: none;
  border-width: 5px; }

#main-menu {
  background-color: #fff;
  position: relative;
  z-index: 50;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }

#main-menu .cursor {
  position: absolute;
  height: 45px;
  background-color: #009bc2;
  z-index: -1;
  display: none; }

#main-menu .mobile-menu {
  display: none; }

#main-menu .submenu-mobile {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 200px; }

#main-menu .submenu-mobile > ul {
  white-space: nowrap; }

#main-menu .submenu-mobile > ul:after {
  content: "";
  display: block;
  clear: both; }

#main-menu .submenu-mobile > ul > li {
  display: inline-block;
  margin-left: -0.25em;
  margin: 0;
  background: url('../images/border_menu.png') no-repeat right center; }

#main-menu .submenu-mobile > ul > li > a > .image {
  display: none; }

#main-menu .submenu-mobile .wrap-submenu-sub {
  width: 100%;
  height: 220px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none; }

#main-menu .submenu-sub > li {
  display: block;
  text-align: start; }

#main-menu .submenu-sub a {
  padding: 2px 20px !important; }

#main-menu .submenu-sub > li a {
  display: inline-block;
  text-align: start; }

#main-menu .submenu-sub2 {
  display: block;
  padding-left: 20px;
  text-align: start; }

#main-menu .submenu-sub2 > li a {
  display: inline-block;
  text-align: start; }

#main-menu .menuitem-color > a {
  padding: 12px 30px;
  font-size: 18px;
  font-family: 'dosisbold', 'Myriad Pro';
  display: block;
  color: #999;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.content-inner2 {
  padding: 1.2em;
  max-width: 1100px;
  margin: 0 auto; }

.submenu-sub {
  display: none; }

#main-menu .menuitem-color:hover > a, #main-menu .menuitem-color:active > a {
  color: #fff !important;
  background-color: #999;
  text-decoration: none; }
  #main-menu .menuitem-color:hover .wrap-submenu-sub, #main-menu .menuitem-color:active .wrap-submenu-sub {
    display: block;
    background-color: #999; }
  #main-menu .menuitem-color:hover .submenu-sub, #main-menu .menuitem-color:active .submenu-sub {
    height: calc(220px - 2.4em);
    height: -webkit-calc(220px - 2.4em);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    background-color: #999;
    color: #fff; }
  #main-menu .menuitem-color:hover .submenu-sub a, #main-menu .menuitem-color:active .submenu-sub a {
    color: #fff; }

#main-menu .menuitem-color--1 > a {
  color: #009bc2; }
  #main-menu .menuitem-color--1:hover > a, #main-menu .menuitem-color--1:active > a {
    background-color: #009bc2; }
  #main-menu .menuitem-color--1:hover .wrap-submenu-sub, #main-menu .menuitem-color--1:active .wrap-submenu-sub, #main-menu .menuitem-color--1:hover .submenu-sub, #main-menu .menuitem-color--1:active .submenu-sub {
    background-color: #009bc2; }

#main-menu .menuitem-color--2 > a {
  color: #214099; }
  #main-menu .menuitem-color--2:hover > a, #main-menu .menuitem-color--2:active > a {
    background-color: #214099; }
  #main-menu .menuitem-color--2:hover .wrap-submenu-sub, #main-menu .menuitem-color--2:active .wrap-submenu-sub, #main-menu .menuitem-color--2:hover .submenu-sub, #main-menu .menuitem-color--2:active .submenu-sub {
    background-color: #214099; }

#main-menu .menuitem-color--3 > a {
  color: #7ab51d; }
  #main-menu .menuitem-color--3:hover > a, #main-menu .menuitem-color--3:active > a {
    background-color: #7ab51d; }
  #main-menu .menuitem-color--3:hover .wrap-submenu-sub, #main-menu .menuitem-color--3:active .wrap-submenu-sub, #main-menu .menuitem-color--3:hover .submenu-sub, #main-menu .menuitem-color--3:active .submenu-sub {
    background-color: #7ab51d; }

#main-menu .menuitem-color--4 > a {
  color: #eb7404; }
  #main-menu .menuitem-color--4:hover > a, #main-menu .menuitem-color--4:active > a {
    background-color: #eb7404; }
  #main-menu .menuitem-color--4:hover .wrap-submenu-sub, #main-menu .menuitem-color--4:active .wrap-submenu-sub, #main-menu .menuitem-color--4:hover .submenu-sub, #main-menu .menuitem-color--4:active .submenu-sub {
    background-color: #eb7404; }

#main-menu .menuitem-color--5 > a {
  color: #fa0; }
  #main-menu .menuitem-color--5:hover > a, #main-menu .menuitem-color--5:active > a {
    background-color: #fa0; }
  #main-menu .menuitem-color--5:hover .wrap-submenu-sub, #main-menu .menuitem-color--5:active .wrap-submenu-sub, #main-menu .menuitem-color--5:hover .submenu-sub, #main-menu .menuitem-color--5:active .submenu-sub {
    background-color: #fa0; }

#main-menu .menuitem-color--6 > a {
  color: #577299; }
  #main-menu .menuitem-color--6:hover > a, #main-menu .menuitem-color--6:active > a {
    background-color: #577299; }
  #main-menu .menuitem-color--6:hover .wrap-submenu-sub, #main-menu .menuitem-color--6:active .wrap-submenu-sub, #main-menu .menuitem-color--6:hover .submenu-sub, #main-menu .menuitem-color--6:active .submenu-sub {
    background-color: #577299; }

#main-menu .submenu-mobile > ul > li:hover .submenu {
  display: block; }

#main-menu .submenu-mobile .submenu {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  display: none; }

#main-menu .submenu-mobile .submenu .content-menu {
  max-width: 1600px;
  margin: 0 auto;
  padding: 30px 200px;
  position: relative;
  text-align: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

#main-menu .submenu-mobile .submenu .content-menu:after {
  content: "";
  display: block;
  clear: both; }

#main-menu .submenu-mobile .submenu .content-menu .menu {
  /*padding-right: 370px;*/
  overflow: hidden; }

#main-menu .submenu-mobile .submenu .content-menu .menu:after {
  content: "";
  display: block;
  clear: both; }

#main-menu .submenu-mobile .submenu .content-menu ul {
  float: left;
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#main-menu .submenu-mobile .submenu .content-menu ul li {
  margin: 0; }

#main-menu .submenu-mobile .submenu .content-menu ul li a {
  font-family: 'dosismedium', 'Myriad Pro';
  color: #fff; }

#main-menu .submenu-mobile .submenu .content-menu ul li ul {
  width: 100%;
  padding-left: 20px;
  margin-top: -10px;
  margin-bottom: 20px; }

#main-menu .submenu-mobile .submenu .content-menu ul li ul li a:before {
  content: "-";
  font: inherit;
  display: inline; }

#main-menu .submenu-mobile .submenu .content-menu ul li ul li a {
  font-size: 18px;
  padding: 8px 15px; }

#main-menu .submenu-mobile .submenu .content-menu .image {
  float: right;
  max-width: 370px;
  /*position: absolute;*/
  top: 30px;
  bottom: 30px;
  right: 200px; }

#main-menu .submenu-mobile #social-network {
  float: right;
  margin: 8px 0 8px 10px; }

#main-menu .submenu-mobile #social-network ul li {
  float: left;
  margin: 0 5px;
  text-align: center; }

body.scrolled #sidebar-menu {
  top: 185px; }

#sidebar-menu {
  position: fixed;
  right: 0;
  z-index: 40;
  margin-top: -5px; }

.sidebar-menu li {
  text-align: right;
  clear: both;
  margin: 5px 0;
  float: right;
  position: relative;
  height: 65px;
  overflow: hidden; }

.sidebar-menu li a {
  margin-left: auto;
  text-align: left;
  font-size: 16px;
  border-radius: 10px 0 0 10px;
  border: 2px solid #fff;
  border-right: none;
  text-transform: uppercase;
  font-family: 'dosisbold', 'Myriad pro';
  color: #fff;
  display: block;
  padding: 5px 10px 5px 10px;
  /*position: absolute;*/
  background-color: #5168aa;
  width: 80px;
  height: 100%;
  -webkit-transform: translateX(100%) translateX(-80px);
  -moz-transform: translateX(100%) translateX(-80px);
  transform: translateX(100%) translateX(-80px);
  left: 0;
  line-height: 45px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.sidebar-menu li a span {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.2;
  margin: 0 20px 0 70px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.sidebar-menu li a > span span {
  margin: 0;
  display: block; }

.sidebar-menu li:hover {
  overflow: visible; }

.sidebar-menu li:hover a, .sidebar-menu li:active a {
  width: 100%;
  -webkit-transform: translateX(0%) translateX(0px);
  -moz-transform: translateX(0%) translateX(0px);
  transform: translateX(0%) translateX(0px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.sidebar-menu li:hover a span, .sidebar-menu li:active a span {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.sidebar-menu li a:before {
  content: "";
  position: absolute;
  display: block;
  float: right;
  width: 80px;
  height: 65px;
  top: 0;
  left: 0; }

.sidebar-menu li.link-tourism a {
  background-color: #ee7f01; }

.sidebar-menu li.link-tourism a:before {
  background: url('../images/icon_tourism.svg') no-repeat center center; }

.sidebar-menu li.link-photo a {
  background-color: #f7a800; }

.sidebar-menu li.link-photo a:before {
  background: url('../images/icon_photo.svg') no-repeat center center; }

.sidebar-menu li.link-payment a {
  background-color: #68b022; }

.sidebar-menu li.link-payment a:before {
  background: url('../images/icon_payment.svg') no-repeat center center; }

.sidebar-menu li.link-dechet a {
  background-color: #a4c408; }

.sidebar-menu li.link-dechet a:before {
  background: url('../images/icon_dechet.svg') no-repeat center center; }

.sidebar-menu li.link-public a {
  background-color: #2c4694; }

.sidebar-menu li.link-public a:before {
  background: url('../images/icon_public.svg') no-repeat center center; }

.sidebar-menu li.link-guide a {
  background-color: #5168aa; }

.sidebar-menu li.link-guide a:before {
  background: url('../images/icon_guide.svg') no-repeat center center; }

.body-home #wrap {
  margin-top: 250px; }

#wrap {
  position: relative;
  z-index: 2; }

.body-home #wrap-inner {
  margin: 50px 0 0 0;
  padding: 20px 25px 25px 25px;
  background-color: rgba(255, 255, 255, 0.85); }

#wrap-inner {
  margin: 110px 0 0 0;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px; }

#wrap-top {
  margin-bottom: 0px; }

#wrap-top .left {
  float: left;
  width: 45%;
  padding-right: 20px; }

#wrap-top .left #news .title, #main-right #news .title {
  font-size: 45px;
  color: #214099;
  font-family: 'dosisbold', 'Myriad pro';
  margin: 0 0 10px 0;
  background: url('../images/icon_news.png') no-repeat left center;
  padding-left: 55px;
  display: block;
  width: 100%; }

#wrap-top .left #news {
  float: left;
  width: 100%; }

#wrap-top .left #news .left-news {
  float: left;
  width: 55%;
  /* height: 395px; */
  height: 285px;
  position: relative;
  overflow: hidden; }

#wrap-top .left #news .left-news .content-news {
  height: 100%; }

#wrap-top .left #news .left-news .image {
  display: block;
  height: 100%;
  width: 100%; }

#wrap-top .left #news .left-news .image a {
  display: block;
  height: 100%;
  width: 100%; }

#wrap-top .left #news .left-news .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #009ee0;
  background-color: rgba(0, 158, 224, 0.75);
  padding: 10px; }

#wrap-top .left #news .left-news .info * {
  color: #fff; }

#wrap-top .left #news .left-news .info h2 {
  font-size: 15px;
  font-family: 'dosisbold', 'Myriad pro';
  margin: 0 0 5px 0; }

#wrap-top .left #news .left-news .info h2 a {
  font: inherit; }

#wrap-top .left #news .left-news .info p {
  font-size: 14px;
  font-family: 'dosisregular', 'Myriad pro';
  margin: 0; }

#wrap-top .left #news .left-news .info p a {
  font: inherit; }

#wrap-top .left #news .list-news {
  margin-left: 55%;
  min-height: 290px; }

#wrap-top .left #news .bx-viewport {
  padding-top: 2px; }

#wrap-top .left #news .list-news .news, #main-right #news .list-news .news {
  height: 57px;
  padding: 5px 5px 5px 10px;
  position: relative;
  z-index: 0;
  width: 100% !important; }

#wrap-top .left #news .list-news .news .content-news, #main-right #news .list-news .news .content-news {
  height: 100%; }

#wrap-top .left #news .list-news .news:first-child:before, #main-right #news .list-news .news:first-child:before {
  height: auto;
  top: -1px;
  border-top: 2px dotted #006ab3;
  /*background-image: url('../images/border_news.png'), url('../images/border_news.png');
   background-repeat: repeat-x, repeat-x;
   background-position: right 0, right 100%;*/ }

#wrap-top .left #news .list-news .news:before, #main-right #news .list-news .news:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  height: 3px;
  width: 89%;
  /*background: url('../images/border_news.png') repeat-x right 0;*/
  border-bottom: 2px dotted #006ab3; }

#wrap-top .left #news .list-news .news:after, #main-right #news .list-news .news:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  transform-origin: right center;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #009bc2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#wrap-top .left #news .list-news .news .image, #main-right #news .list-news .news .image {
  float: right;
  width: 55px;
  height: 100%;
  overflow: hidden; }

#wrap-top .left #news .list-news .news .image a, #main-right #news .list-news .news .image a {
  display: block;
  width: 100%;
  height: 100%; }

#wrap-top .left #news .list-news .news .image a span, #main-right #news .list-news .news .image a span {
  display: none; }

#wrap-top .left #news .list-news .news .image img, #main-right #news .list-news .news .image img {
  width: 100%;
  height: auto; }

#wrap-top .left #news .list-news .news .info, #main-right #news .list-news .news .info {
  padding-right: 60px;
  height: 100%;
  line-height: 38px;
  position: relative; }

#wrap-top .left #news .list-news .news .info:before, #main-right #news .list-news .news .info:before {
  content: "";
  position: absolute;
  left: 100%;
  top: -5px;
  bottom: -5px;
  border-right: 15px solid #009bc2;
  border-top: 27.5px solid transparent;
  border-bottom: 27.5px solid transparent;
  visibility: hidden;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#wrap-top .left #news .list-news .news .info h2, #main-right #news .list-news .news .info h2 {
  font-size: 16px;
  font-family: 'dosismedium', 'Myriad pro';
  font-weight: 400;
  margin: 0;
  text-transform: none;
  color: #003f81;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#wrap-top .left #news .list-news .news .info h2 a, #main-right #news .list-news .news .info h2 a {
  color: inherit;
  font-size: inherit;
  font-family: inherit; }

#wrap-top .left #news .list-news .news .info p, #main-right #news .list-news .news .info p {
  display: none; }

#wrap-top .left #news .list-news .news:hover:after, #wrap-top .left #news .list-news .news.active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1); }

#wrap-top .left #news .list-news .news:hover .info:before, #wrap-top .left #news .list-news .news.active .info:before {
  visibility: visible;
  left: -25px; }

#wrap-top .left #news .list-news .news:hover h2, #wrap-top .left #news .list-news .news.active h2, #main-right #news .list-news .news:hover h2 {
  color: #fff; }

#wrap-top .right #agenda {
  width: 55%;
  float: left;
  padding-right: 20px; }

#agenda p {
  margin: 0; }

#agenda .image {
  display: none; }

#agenda .title {
  font-size: 25px;
  color: #f49e00;
  margin: 0 0 10px 0;
  font-family: 'dosisbold', 'Myriad pro';
  font-weight: 400;
  background: url('../images/icon_agenda.png') no-repeat left 12px;
  padding: 12px 0 12px 40px; }

#agenda .agenda {
  position: relative;
  padding: 15px 0;
  border-top: 2px dotted #f49e00; }

#agenda .agenda .date:before, #main-left .list-agenda .agenda .date:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(45deg) scaleY(1.3);
  background-color: #f49e00;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  z-index: -1; }

#agenda .agenda .date, #main-left .list-agenda .agenda .date {
  position: absolute;
  z-index: 1;
  right: -10px;
  top: -30px;
  width: 85px;
  height: 85px;
  background: url('../images/arrow_bottom.png') no-repeat center center; }

#agenda .agenda .date.multiple-day:after, #main-left .list-agenda .agenda .date.multiple-day:after {
  content: "";
  position: absolute;
  top: 35px;
  height: 15px;
  left: 0;
  right: 0;
  background: url('../images/arrow_bottom.png') no-repeat center center; }

#agenda .agenda .date *, #main-left .list-agenda .agenda .date * {
  color: #fff;
  font-family: 'dosisbold', 'Myriad pro'; }

#agenda .agenda .date.multiple-day p:first-child, #main-left .list-agenda .agenda .date.multiple-day p:first-child {
  text-align: right;
  margin: 3px 0 12px 0; }

#agenda .agenda .date.multiple-day p, #main-left .list-agenda .agenda .date.multiple-day p {
  text-align: left;
  margin: 0; }

#agenda .agenda .date.multiple-day p span, #main-left .list-agenda .agenda .date.multiple-day p span {
  display: inline; }

#agenda .agenda .date p, #main-left .list-agenda .agenda .date p {
  font-size: 30px;
  padding: 0 7px;
  margin: 15px 0;
  line-height: 1;
  text-align: center; }

#agenda .agenda .date p span, #main-left .list-agenda .agenda .date p span {
  font-size: 16px;
  /*vertical-align: bottom;*/
  display: block;
  text-transform: capitalize; }

#agenda .agenda .info h2 {
  font-size: 22px;
  margin: 0;
  font-weight: 400;
  font-family: 'dosismedium', 'Myriad pro';
  color: #000;
  text-transform: none;
  padding-right: 90px;
  min-height: 40px; }

#agenda .agenda .info h2 a {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit; }

#agenda .agenda .info p {
  font-size: 16px;
  margin: 5px 0;
  font-family: 'dosisregular', 'Myriad pro';
  color: #000; }

#agenda .agenda .info p a {
  font-family: 'dosisbold', 'Myriad pro';
  font-size: inherit; }

#wrap-top .right {
  float: left;
  width: 55%;
  position: relative; }

#map {
  background-color: #009bc2;
  margin-right: -45px;
  margin-left: 55%;
  padding: 10px 15px;
  text-align: center;
  position: relative; }

#map:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 0;
  height: 30px;
  width: 20px;
  background: url('../images/background_map.png') no-repeat center top; }

#map * {
  color: #fff;
  font-family: 'dosisbold', 'Myriad pro';
  font-size: 16px; }

#map .title {
  font-size: 25px;
  color: #fff;
  font-family: 'dosisbold', 'Myriad pro'; }

#map p {
  text-align: center; }

#home-title {
  display: none; }

#wrap-bottom .left {
  float: left;
  width: 20%;
  padding-right: 35px; }

#wrap-bottom .right {
  float: left;
  width: 80%; }

#wrap-bottom #kiosk .title, #wrap-bottom #slideshow-communitie .title {
  color: #009bc2;
  margin: 0 0 20px 0;
  font-size: 25px;
  font-family: 'dosisbold', 'Myriad pro';
  background: url('../images/icon_kiosk.png') no-repeat left 4px;
  padding: 10px 0 10px 40px;
  border-bottom: 2px dotted #009bc2; }

#wrap-bottom #kiosk p {
  color: #000;
  font-family: 'dosismedium', 'Myriad pro';
  font-size: 16px; }

#wrap-bottom #kiosk p a {
  color: #009bc2;
  font-size: 16px;
  font-family: 'dosisbold', 'Myriad pro'; }

#wrap-bottom #slideshow-communitie .title {
  background: url('../images/icon_pointer.png') no-repeat left 4px;
  color: #63bb47;
  border-color: #63bb47;
  margin: 0 35px 15px 35px; }

#wrap-bottom #slideshow-communitie .align-right {
  float: right;
  margin: -45px 35px 0 0; }

#wrap-bottom #slideshow-communitie .align-right a {
  color: #63bb47; }

.news-clear {
  clear: both; }

.list-communitie {
  padding: 0 35px; }

.list-communitie .communitie .content-communitie {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  border: 2px solid #41a62a; }

.list-communitie .communitie h3 {
  font-size: 16px;
  color: #fff;
  font-family: 'dosisbold', 'Myriad pro';
  padding: 10px 0px;
  background-color: #41a62a;
  margin: 0;
  text-align: center; }

.list-communitie .communitie h3 a {
  font: inherit;
  color: inherit; }

.list-communitie .communitie .image {
  height: 150px;
  overflow: hidden; }

.list-communitie .communitie .image a {
  display: block;
  width: 100%;
  height: 100%; }

.list-communitie .communitie .image img {
  width: 100%;
  height: auto; }

.list-communitie .communitie .info {
  padding: 20px; }

.list-communitie .communitie .info p {
  margin: 0 !important;
  font-size: 15px;
  color: #000;
  font-family: 'dosisregular', 'Myriad pro'; }

.list-communitie .communitie .info p a {
  font-size: inherit;
  font-family: 'dosisbold', 'Myriad pro';
  color: #41a62a;
  margin-top: 10px;
  display: block; }

.clear {
  height: auto !important;
  width: auto !important;
  display: block !important;
  clear: both; }

.map img {
  max-width: 100%;
  height: auto; }

.ui-tooltip {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  padding: 10px 20px; }

.ui-tooltip.left:before, .ui-tooltip.right:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  border-right: 10px solid #fff;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent; }

.ui-tooltip.right:before {
  border-left: 13px solid #fff;
  border-right: none;
  right: -13px;
  left: auto; }
/**** FIN STYLE ACCUEIL ****/
/**** STYLE COMMUNITIE ****/
#breadcrumb-menu, #categori-menu {
  font-size: 16px;
  color: #000;
  font-family: 'dosisregular', 'Myriad pro';
  margin: 20px 0;
  padding-left: 25px; }

#breadcrumb-menu ol > li:first-child, #categorie-menu > div:first-child {
  margin-left: 0; }

#breadcrumb-menu ol > li, #categorie-menu > div {
  display: inline-block;
  margin: 0 5px; }

#breadcrumb-menu *, #categorie-menu * {
  color: inherit;
  font-size: inherit;
  font-family: inherit; }

#breadcrumb-menu ol li > span, #categorie-menu > div > span {
  color: #58585a;
  font-family: 'dosisbold', 'Myriad pro'; }

#main-content a {
  color: #58585a;
  font-family: 'dosisbold', 'Myriad pro'; }

#main-content .list-communitie {
  margin: 20px 0;
  padding: 0; }

#main-content .list-communitie .list-communitie-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px; }

#main-content .list-communitie .communitie {
  float: left;
  width: 25%;
  padding: 12px 12px;
  max-width: 215px; }

#wrap-center #main-left {
  float: left;
  width: 80%;
  padding-right: 70px; }

#wrap-center #main-right {
  float: left;
  width: 20%; }

#main-right > div {
  margin: 0 0 60px 0; }

#main-right #news .title, #main-right #agenda .title {
  font-size: 25px;
  padding: 8px 10px 8px 50px;
  background-position: left center; }

#main-right #news .list-news .news {
  height: 65px;
  padding: 5px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#main-right #news .list-news .news:hover {
  background-color: #009bc2; }

#main-right #news .list-news .news:before {
  width: 100%; }

#main-right #news .list-news .news .info {
  line-height: 48px; }

#main-right #map {
  margin: 0 -45px 60px -15px; }

#main-right #facebook-like {
  border-radius: 10px;
  border: 2px solid #00519e;
  padding: 20px 25px;
  text-align: center; }

#main-right #facebook-like img {
  max-width: 100%;
  height: auto; }

#main-right #facebook-like p {
  font-size: 20px;
  font-family: 'dosisbold', 'Myriad pro';
  color: #00519e;
  line-height: 1;
  margin: 0 0 20px 0; }
/**** FIN STYLE COMMUNITIE ****/
/**** STYLE NEWS ****/
.page-navigation p {
  display: none; }

.page-navigation:after, .pagination_sitra:after {
  content: "";
  display: block;
  clear: both; }

.page-navigation, .pagination_sitra {
  text-align: right;
  float: right; }

.page-navigation ul li:before, .pagination_sitra span:before {
  display: none !important; }

.page-navigation ul li, .pagination_sitra span {
  float: left;
  margin: 0 0px;
  list-style: none;
  padding: 0 !important; }

.page-navigation ul li a, .pagination_sitra span a {
  display: block;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.page-navigation ul li.current, .pagination_sitra span.current {
  border: 2px solid #214099;
  color: #214099;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.page-navigation ul li:hover a, .page-navigation ul li:active a, .page-navigation ul li.current:hover, .pagination_sitra span:hover a, .pagination_sitra span:active a, .pagination_sitra span.current:hover {
  background-color: #2c4b95;
  color: #fff !important;
  text-decoration: none; }

.page-navigation ul li *, .pagination_sitra span * {
  color: inherit;
  font-size: inherit; }

#main-content .list-news .list-news-content, #main-left .list-agenda .list-agenda-content, #main-left .list-kiosk .list-news-content, #main-left #block-news {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  clear: both; }

#main-content .list-news .news, #main-left .list-agenda .agenda, #main-left .list-kiosk .news, #main-left #block-news > div {
  float: left;
  width: 50%;
  padding: 15px; }

#main-left #block-news > div {
  width: 33.33%; }

#main-content .list-news .news .content-news, #main-left .list-agenda .agenda .content-agenda, #main-left .list-kiosk .news .content-news, #main-left #block-news > div .ce-textpic {
  border-bottom: 2px dotted #172983;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

#main-content .list-news .news:hover .content-news, #main-left .list-agenda .agenda:hover .content-agenda, #main-left .list-kiosk .news:hover .content-news, #main-left #block-news > div:hover .ce-textpic {
  background-color: #f3f3f3; }

#main-content .list-news .news .image, #main-left .list-agenda .agenda .image, #main-left .list-kiosk .news .image, #main-left #block-news > div .ce-gallery {
  display: block;
  height: 205px;
  border: 2px solid #172983;
  border-radius: 15px;
  overflow: hidden;
  margin: 0;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

#main-content .list-news .news .image a, #main-left .list-agenda .agenda .image a, #main-left .list-kiosk .news .image a, #main-left #block-news > div .ce-gallery a {
  display: block;
  width: 100%;
  height: 100%; }

#main-content .list-news .news .image img, #main-left .list-agenda .agenda .image img, #main-left .list-kiosk .news .image img, #main-left #block-news > div .ce-gallery img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

#block-news > div .ce-gallery * {
  height: 100%;
  float: none;
  position: static; }

#main-content .list-news .news .image span, #main-left .list-agenda .agenda .image span, #main-left .list-kiosk .news .image span, #main-left #block-news > div .ce-gallery span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 20px;
  font-family: 'dosisbold', 'Myriad pro';
  text-align: center;
  line-height: 150px;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

#main-content .list-news .news .image:hover, #main-left .list-kiosk .news .image:hover, #main-left #block-news > div .ce-gallery:hover {
  background-color: #214099; }

#main-content .list-news .news .image:hover img, #main-left .list-agenda .agenda .image:hover img, #main-left .list-kiosk .news .image:hover img, #main-left #block-news > div .ce-gallery:hover img {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  transform: scale(5);
  opacity: 0;
  visibility: hidden; }

#main-content .list-news .news .image:hover span, #main-left .list-agenda .agenda .image:hover span, #main-left .list-kiosk .news .image:hover span, #main-left #block-news > div .ce-gallery:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  line-height: 205px; }

#main-content .list-news .news .image span:after, #main-left .list-agenda .agenda .image span:after, #main-left .list-kiosk .news .image span:after, #main-left #block-news > div .ce-gallery span:after {
  content: "";
  display: inline-block;
  width: 38px;
  height: 38px;
  vertical-align: middle;
  background: url('../images/icon_more.png') no-repeat center center;
  margin: -7px 0 0 10px; }

#main-content .list-news .news .loading-img:after, #main-left .list-kiosk .news .loading-img:after, #main-left .detail-news .news .loading-img:after, #main-left .detail-kiosk .news .loading-img:after {
  background-image: url('../images/loader_blue.svg'); }

#main-content .list-news .news .info, #main-left .list-agenda .agenda .info, #main-left .list-kiosk .news .info, #main-left #block-news > div .ce-bodytext {
  padding: 20px; }

#main-content .list-news .news .info h2, #main-left .list-agenda .agenda .info h2, #main-left .list-kiosk .news .info h2, #main-left #block-news > div .ce-bodytext h2 {
  text-align: center;
  font-size: 20px;
  color: #214099;
  margin: 0 0 5px 0;
  background: none !important;
  padding: 0 !important; }

#main-content .list-news .news .info h2 a, #main-left .list-agenda .agenda .info h2 a, #main-left .list-kiosk .news .info h2 a, #main-left #block-news > div .ce-bodytext h2 a {
  font: inherit;
  color: inherit; }

#main-content .list-news .news .info .date, #main-left .list-agenda .agenda .info .date, #main-left .list-kiosk .news .info .date, #main-left #block-news > div .ce-bodytext .date {
  text-align: center;
  font-size: 18px;
  color: #87888a;
  font-family: 'dosisregular', 'Myriad pro';
  margin: 0 0 20px 0; }

#main-content .list-news .news .info p, #main-left .list-agenda .agenda .info p, #main-left .list-kiosk .news .info p, #main-left #block-news > div .ce-bodytext p {
  font-family: 'dosisregular', 'Myriad pro';
  font-size: 16px; }

#main-content .detail-news .news .content-image.slider-image, #main-left .detail-kiosk .news .content-image.slider-image, #main-left .detail-agenda .news .content-image.slider-image, #main-left .detail-communitie .news .content-image.slider-image {
  height: 400px; }

#main-content .detail-news .news .slideshow-image, #main-left .detail-kiosk .news .slideshow-image, #main-left .detail-agenda .news .slideshow-image, #main-left .detail-communitie .news .slideshow-image {
  float: left;
  margin-right: 25px;
  margin-bottom: 35px;
  width: 400px; }

#main-content .detail-news .news .content-image, #main-left .detail-kiosk .news .content-image, #main-left .detail-agenda .news .content-image, #main-left .detail-communitie .news .content-image {
  border: 2px solid #172983;
  border-radius: 15px;
  overflow: hidden; }

#main-content .detail-news .news .content-image a, #main-left .detail-kiosk .news .content-image a, #main-left .detail-agenda .news .content-image a, #main-left .detail-communitie .news .content-image a {
  display: block;
  width: 100%;
  height: 100%; }

#main-content .detail-news .news .image img, #main-left .detail-kiosk .news .image img, #main-left .detail-agenda .news .image img, #main-left .detail-communitie .news .image img {
  width: 100%;
  height: auto; }

#main-content .detail-news .news .caption p, #main-left .detail-kiosk .news .caption p, #main-left .detail-agenda .news .caption p, #main-left .detail-communitie .news .caption p {
  margin: 15px 0;
  font-style: italic;
  font-family: 'dosislight', 'Myriad pro';
  font-size: 14px;
  text-align: justify; }

#main-content .detail-news .news .bt-back, #main-left .detail-kiosk .news .bt-back, #main-left .detail-directory .bt-back, .tx-sitraexportv2display-pi1 .detail-directory .bt-back, #main-left .detail-agenda .news .bt-back, #main-left .detail-communitie .news .bt-back {
  float: right;
  /* margin-top: -45px; */
  font-size: 16px;
  font-family: 'dosisbold', 'Myriad pro';
  color: #214099; }

#main-content .detail-news .news .info, #main-left .detail-kiosk .news .info, #main-left .detail-agenda .news .info, #main-left .detail-communitie .news .info {
  overflow: hidden;
  margin-bottom: 35px; }

#main-left .detail-agenda .news .info {
  overflow: visible; }

#main-content .detail-news .news .info h2, #main-left .detail-kiosk .news .info h2, #main-left .detail-agenda .news .info h2, #main-left .detail-communitie .news .info h2 {
  font-size: 25px;
  color: #214099;
  text-transform: none;
  font-family: 'dosismedium', 'Myriad pro';
  margin: 0;
  background: none !important;
  padding: 0 !important; }

#main-content .detail-news .news .info .date, #main-left .detail-kiosk .news .info .date, #main-left .detail-agenda .news .info .date, #main-left .detail-communitie .news .info .date {
  margin: 5px 0 20px 0;
  font-size: 16px;
  color: #87888a;
  font-family: 'dosisregular', 'Myriad pro'; }

#main-content .detail-news .news .info p, #main-left .detail-kiosk .news .info p, #main-left .detail-agenda .news .info p, #main-left .detail-communitie .news .info p {
  margin: 15px 0; }

#main-left .detail-agenda .news .info p.date-apidae {
  font-size: 22px;
  margin: 0 0 20px 0; }

#main-left .detail-agenda .news .info p {
  margin: 5px 0 0 0;
  text-align: justify; }

#main-left .content p {
  margin: 15px 0; }

#main-left .content p a {
  color: #009bc2; }

#main-left .content p * {
  vertical-align: bottom; }

#main-left .content h2 {
  font-size: 25px;
  margin: 0 0 15px 0;
  text-transform: none;
  color: #009bc2; }

#main-left .content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 15px;
  background: url('../images/icon_list.png') no-repeat center 0; }

#main-left .content ul li {
  padding-left: 20px;
  list-style: none;
  position: relative;
  text-align: left; }

#main-left .content ol {
  counter-reset: count; }

#main-left .content ol li {
  position: relative;
  padding-left: 20px;
  list-style: none; }

#main-left .content ol li:before {
  content: counter(count);
  counter-increment: count;
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 15px;
  background: url('../images/icon_list.png') no-repeat center 0;
  color: #fff;
  text-align: center;
  line-height: 15px;
  font-size: 12px; }

#main-left .content img {
  max-width: 100%;
  height: auto; }

#main-left .ce-gallery {
  margin-bottom: 25px; }

#main-left .content > div:first-of-type, #main-left #block-info > div:first-of-type {
  border: none;
  padding-top: 0; }

#main-left .content > div, #main-left #block-info > div {
  padding: 35px 0;
  border-top: 2px dotted #009bc2; }

#main-left #block-info {
  position: relative;
  z-index: 1;
  padding: 0 !important;
  border: none !important; }

#main-left #block-info h2 {
  background: url('../images/icon_more_blue_clair.png') no-repeat left center;
  display: inline-block;
  background-color: #fff;
  padding-right: 15px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px; }

#main-left #block-info h2:after {
  content: "";
  /*top: 25px;*/
  top: 45px;
  left: 0;
  right: 0;
  border-top: 2px dotted #009bc2;
  position: absolute;
  z-index: -1; }

#main-left #block-info p {
  margin: 0 0 15px 0; }
/**** FIN STYLE NEWS ****/
/**** STYLE DIRECTORY ****/
#directory .search {
  height: 290px; }

#directory .left-search {
  float: left;
  width: 45%;
  height: 100%;
  background-color: #009bc2;
  position: relative;
  padding: 0 20px 0 0;
  z-index: 1; }

#directory .left-search p.title {
  font-size: 14px;
  background: url('../images/icon_search.png') no-repeat left top;
  padding: 25px 0 25px 90px;
  margin: 0 0 10px 0; }

#directory .left-search p.title span {
  display: block;
  font-size: 18px;
  font-family: 'dosisbold', 'Myriad pro';
  color: inherit; }

#directory .left-search p {
  color: #fff; }

#directory .left-search:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
  border-left: 35px solid #009bc2;
  border-top: 145px solid transparent;
  border-bottom: 145px solid transparent; }

#directory .left-search form {
  padding: 0 20px 0 30px; }

#directory .left-search form fieldset > div {
  margin: 0 0 10px 0; }

#directory .left-search form .input-select {
  display: block;
  width: 100%; }

#directory .left-search form .input-select .ui-selectmenu-button {
  display: block; }

#directory .left-search form input[type="text"] {
  background-color: #d5eefa;
  color: #58585a;
  font-size: 16px;
  padding: 10px 15px;
  margin: 0;
  width: 100%;
  border: none; }

#directory .right-search {
  background-color: #64c2da;
  height: 100%;
  float: left;
  width: 55%;
  overflow: hidden;
  position: relative; }

#directory .right-search .image {
  width: 100%;
  height: 100%; }

#directory .right-search .image img {
  width: 100%;
  height: auto; }

#directory .right-search.animated .list-directory {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

#directory .right-search .list-directory.loading:after, #directory .right-search .image.loading-img:after {
  background: url('../images/loader_white.svg') no-repeat center center;
  background-color: #64c2da;
  z-index: 5; }

#directory .right-search .list-directory {
  height: 290px;
  overflow: auto;
  position: absolute;
  background-color: #64c2da;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#directory .right-search .list-directory .directory ul {
  border-right: 2px solid #fff;
  padding: 0px 0 0px 50px; }

#directory .right-search .list-directory .directory ul li:first-child {
  border-top: none; }

#directory .right-search .list-directory .directory ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d1edf4; }

#directory .right-search .list-directory .directory ul li:before {
  display: none; }

#directory .right-search .list-directory .directory ul li a {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #000;
  padding: 5px 10px; }

#directory .detail-directory {
  padding: 20px 0; }

.table-std {
  width: 100%; }

#directory .detail-directory .table-std {
  width: 100% !important; }

#directory .detail-directory .table-std thead {
  display: none; }

#directory .detail-directory .table-std tr:first-child td {
  background: none; }

#directory .detail-directory .table-std td {
  border: none;
  font-size: 20px;
  color: #214099;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 20px 0;
  font-family: 'dosisbold', 'Myriad pro';
  background: url('../images/border_blue.png') repeat-x left top; }

#directory .detail-directory .table-std td img {
  vertical-align: initial; }

#directory .detail-directory .table-std td span {
  font-size: 16px;
  text-transform: none;
  color: #707173;
  display: block;
  font-family: 'dosisregular', 'Myriad pro'; }

#directory .detail-directory .table-std td.button {
  width: 120px;
  text-align: right; }

#directory .detail-directory .dataTables_wrapper .top, #directory .detail-directory .dataTables_wrapper .bottom {
  text-align: right;
  padding: 10px 0; }

#directory .detail-directory .dataTables_wrapper .dataTables_paginate a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  color: #000;
  border: 2px solid transparent;
  cursor: pointer;
  font-family: 'dosisregular', 'Myriad pro';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#directory .detail-directory .dataTables_wrapper .dataTables_paginate a.current {
  color: #214099;
  border-color: #214099;
  font-family: 'dosisbold', 'Myriad pro'; }

#directory .detail-directory .dataTables_wrapper .dataTables_paginate a:hover {
  background-color: #214099;
  color: #fff;
  text-decoration: none; }

#main-left .detail-directory .image, .tx-sitraexportv2display-pi1 .detail-directory .image {
  margin: 0 0 20px 0;
  text-align: center; }

#main-left .detail-directory #categorie-menu, .tx-sitraexportv2display-pi1 .detail-directory #categorie-menu {
  margin: 0 0 10px 0; }

#main-left .detail-directory .bt-back, .tx-sitraexportv2display-pi1 .detail-directory .bt-back {
  margin-top: -62px; }

#main-left .detail-directory h2, .tx-sitraexportv2display-pi1 .detail-directory h2 {
  background: none !important;
  padding: 0 !important;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 0 20px 0; }

#main-left .detail-directory .left:first-child, .tx-sitraexportv2display-pi1 .detail-directory .left:first-child {
  border-left: none;
  padding-left: 0; }

#main-left .detail-directory .left:nth-child(2), .tx-sitraexportv2display-pi1 .detail-directory .left:nth-child(2) {
  padding-right: 0; }

#main-left .detail-directory .left, .tx-sitraexportv2display-pi1 .detail-directory .left {
  float: left;
  width: 50%;
  border-left: 1px solid #214099;
  padding: 0 22px; }

#main-left .detail-directory .title, .tx-sitraexportv2display-pi1 .detail-directory .title {
  font-size: 16px;
  font-family: 'dosisbold', 'Myriad pro';
  margin: 0 0 15px 0;
  color: #214099; }

#main-left .detail-directory .left p, .tx-sitraexportv2display-pi1 .detail-directory .left p {
  line-height: 1.5; }

#main-left .detail-directory .left table, .tx-sitraexportv2display-pi1 .detail-directory .left table {
  width: 100%; }

#main-left .detail-directory .left table td, .tx-sitraexportv2display-pi1 .detail-directory .left table td, #main-left .detail-directory .left table th, .tx-sitraexportv2display-pi1 .detail-directory .left table th {
  border: none;
  padding: 5px 0;
  text-align: left; }

#main-left .detail-directory .left table a, .tx-sitraexportv2display-pi1 .detail-directory .left table a {
  text-decoration: underline; }

#main-left .detail-directory iframe, .tx-sitraexportv2display-pi1 .detail-directory iframe {
  max-width: 100%; }
/**** FIN STYLE DIRECTORY ****/
/**** STYLE AGENDA ****/
#main-left .list-agenda .agenda .content-agenda {
  position: relative; }

#main-left .list-agenda .agenda .image, #main-left .list-agenda .agenda .content-agenda {
  border-color: #f49e00; }

#main-left .list-agenda .agenda .info h2 {
  color: #f49e00; }

#main-left .list-agenda .agenda .image:hover {
  background-color: #f49e00; }

#main-left .list-agenda .agenda .loading-img:after, #main-left .detail-agenda .news .loading-img:after {
  background-image: url('../images/loader_orange.svg'); }
/**** FIN STYLE AGENDA ****/
/**** STYLE KIOSK ****/
#kiosk .ce-bodytext p {
  margin: 0; }

.list-kiosk .news .image {
  text-align: center; }

.list-kiosk .news .image img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

.list-kiosk .news .image span {
  display: none; }

.list-kiosk .news .info h2 {
  font-size: 18px;
  color: #009bc2; }

.list-kiosk .news .info h2 a {
  font: inherit;
  color: inherit; }

#main-left .list-kiosk .news .info h2 {
  color: #009bc2; }

#main-left .list-kiosk .news .content-news {
  border-color: #009bc2; }

#main-left .list-kiosk .news .image {
  border-color: #009bc2;
  text-align: center; }

#main-left .list-kiosk .news .image:hover {
  background-color: #009bc2; }

#main-left .list-kiosk .news .image img {
  max-width: 100%;
  height: auto;
  width: auto;
  display: inline-block; }

#main-left .detail-kiosk .news .info h2 {
  color: #009bc2; }

#main-left .detail-kiosk .news .bt-back {
  color: #009bc2; }

#main-left .detail-kiosk .news .slideshow-image {
  width: auto;
  max-width: 400px; }

#main-left .detail-kiosk .news .content-image {
  border-color: #009bc2; }

#main-left .detail-kiosk .news .image img {
  max-width: 100%;
  height: auto;
  width: auto; }
/**** FIN STYLE KIOSK ****/
/**** STYLE DECHET ****/
#main-left .list-dechet .news {
  width: 33.33%; }

#main-left .list-dechet .news .info h2 {
  color: #63bb47; }

#main-left .list-dechet .news .content-news {
  border-color: #63bb47; }

#main-left .list-dechet .news .image {
  border-color: #63bb47;
  text-align: center; }

#main-left .list-dechet .news .image:hover {
  background-color: #63bb47; }

#main-left .list-dechet .news .image img {
  max-width: 100%;
  height: auto;
  width: auto;
  display: inline-block; }

#main-left .detail-dechet .news .info h2 {
  color: #63bb47; }

#main-left .detail-dechet .news .bt-back {
  color: #63bb47; }

#main-left .detail-dechet .news .slideshow-image {
  width: auto;
  max-width: 400px; }

#main-left .detail-dechet .news .content-image {
  border-color: #63bb47; }

#main-left .detail-dechet .news .image img {
  max-width: 100%;
  height: auto;
  width: auto; }

#main-left .list-dechet .news .loading-img:after, #main-left .detail-dechet .news .loading-img:after {
  background-image: url('../images/loader.svg'); }
/**** FIN STYLE DECHET ****/
/**** STYLE TOURISME ****/
#main-left .list-tourism .news {
  width: 33.33%; }

#main-left .list-tourism .news .info h2 {
  color: #eb7404; }

#main-left .list-tourism .news .content-news {
  border-color: #eb7404; }

#main-left .list-tourism .news .image {
  border-color: #eb7404;
  text-align: center; }

#main-left .list-tourism .news .image:hover {
  background-color: #eb7404; }

#main-left .list-tourism .news .image img {
  max-width: 100%;
  height: auto;
  width: auto;
  display: inline-block; }

#main-left .detail-tourism .news .info h2 {
  color: #eb7404; }

#main-left .detail-tourism .news .bt-back {
  color: #eb7404; }

#main-left .detail-tourism .news .slideshow-image {
  width: auto;
  max-width: 400px; }

#main-left .detail-tourism .news .content-image {
  border-color: #eb7404; }

#main-left .detail-tourism .news .image img {
  max-width: 100%;
  height: auto;
  width: auto; }

#main-left .list-tourism .news .loading-img:after, #main-left .detail-tourism .news .loading-img:after {
  background-image: url('../images/loader.svg'); }
/**** FIN STYLE TOURISME ****/
/**** STYLE CONTACT ****/
.tx-powermail {
  padding: 0 25% 0 12%; }
  .tx-powermail h3 {
    font-size: 45px;
    color: #214099;
    font-family: 'dosisbold', 'Myriad pro'; }
  .tx-powermail form fieldset .layout2:nth-child(even) {
    margin-right: 2em; }
  .tx-powermail form fieldset .layout2 {
    width: 47%;
    width: calc((100% - 2em - 1px ) / 2);
    width: -webkit-calc((100% - 2em - 1px ) / 2);
    padding: 0; }
  .tx-powermail input[type="submit"], .tx-powermail input[type="reset"], .tx-powermail button {
    margin: 20px auto 0 0; }
/**** FIN STYLE CONTACT ****/
/*** BODY GREEN ***/
.body-green #main-title h1 {
  font-size: 30px;
  color: #63bb47; }

.body-green #main-left h2, .body-green #main-left .detail-communitie .news .bt-back, .body-green #main-left .detail-communitie .news .info h2, .body-green #main-left .detail-dechet .news .info h2 {
  color: #63bb47; }

.body-green #main-left .content > div, .body-green #main-left .detail-communitie .news .content-image, .body-green #main-left .detail-dechet .news .content-image, .body-green #main-left #block-info > div {
  border-color: #63bb47; }

.body-green #main-left .content p a {
  color: #63bb47; }

.body-green #main-left .content ul li:before, .body-green #main-left .content ol li:before {
  background-position: center -15px; }

.body-green #main-left #block-info h2 {
  background-image: url('../images/icon_more_green.png'); }

.body-green #main-left #block-info h2:after {
  border-color: #63bb47; }

.body-green .page-navigation ul li.current {
  border: 2px solid #63bb47;
  color: #63bb47; }

.body-green .page-navigation ul li:hover a, .body-green .page-navigation ul li:active a, .body-green .page-navigation ul li.current:hover {
  background-color: #63bb47; }

.body-green .coordonnee:before {
  background-position: center -20px; }

.body-green .telephone:before {
  background-position: center -20px; }

.body-green .numero-fax:before {
  background-position: center -20px; }

.body-green .mail:before {
  background-position: center -20px; }
/*** BODY BLUE ***/
.body-blue #main-title h1, .body-blue #main-content h2 {
  font-size: 30px;
  color: #214099; }

.body-blue #main-left h2, .body-blue .tx-sitraexportv2display-pi1 h2, .body-blue #main-left .detail-news .news .bt-back, .body-blue #main-left .detail-news .news .info h2 {
  color: #214099; }

.body-blue #main-left .content > div, .body-blue .tx-sitraexportv2display-pi1 .content > div, .body-blue #main-left .detail-news .news .content-image, .body-blue #main-left #block-info > div, .body-blue .tx-sitraexportv2display-pi1 #block-info > div, .body-blue .list-communitie .communitie .content-communitie {
  border-color: #214099; }

.body-blue #main-left .content p a .body-blue .tx-sitraexportv2display-pi1 .content p a {
  color: #214099; }

.body-blue #main-left .content ul li:before, .body-blue #main-left .content ol li:before, .body-blue .tx-sitraexportv2display-pi1 .content ul li:before, .body-blue .tx-sitraexportv2display-pi1 .content ol li:before {
  background-position: center -30px; }

.body-blue #main-left #block-info h2, .body-blue .tx-sitraexportv2display-pi1 #block-info h2 {
  background-image: url('../images/icon_more_blue.png'); }

.body-blue #main-left #block-info h2:after, .body-blue .tx-sitraexportv2display-pi1 #block-info h2:after {
  border-color: #214099; }

.body-blue .page-navigation ul li.current {
  border: 2px solid #214099;
  color: #214099; }

.body-blue .page-navigation ul li:hover a, .body-blue .page-navigation ul li:active a, .body-blue .page-navigation ul li.current:hover, .body-blue .list-communitie .communitie h3 {
  background-color: #214099; }

.body-blue .coordonnee:before {
  background-position: center -40px; }

.body-blue .telephone:before {
  background-position: center -40px; }

.body-blue .numero-fax:before {
  background-position: center -40px; }

.body-blue .mail:before {
  background-position: center -40px; }

.body-blue.body-communitie #main-title h1 {
  background-image: url('../images/icon_pointer_blue.png'); }
/*** BODY ORANGE ***/
.body-orange #main-title h1 {
  font-size: 30px;
  color: #eb7404; }

.body-orange #main-left h2, .body-orange #main-left .detail-tourism .news .info h2 {
  color: #eb7404; }

.body-orange #main-left .content > div, .body-orange #main-left #block-info > div, .body-orange #main-left .detail-tourism .news .content-image {
  border-color: #eb7404; }

.body-orange #main-left .content p a {
  color: #eb7404; }

.body-orange #main-left .content ul li:before, .body-orange #main-left .content ol li:before {
  background-position: center -45px; }

.body-orange #main-left #block-info h2 {
  background-image: url('../images/icon_more_orange.png'); }

.body-orange #main-left #block-info h2:after {
  border-color: #eb7404; }

.body-orange .page-navigation ul li.current {
  border: 2px solid #eb7404;
  color: #eb7404; }

.body-orange .page-navigation ul li:hover a, .body-orange .page-navigation ul li:active a, .body-orange .page-navigation ul li.current:hover {
  background-color: #eb7404; }

.body-orange .coordonnee:before {
  background-position: center -60px; }

.body-orange .telephone:before {
  background-position: center -60px; }

.body-orange .numero-fax:before {
  background-position: center -60px; }

.body-orange .mail:before {
  background-position: center -60px; }
/*** BODY JAUNE ***/
.body-yellow #main-title h1, .body-yellow #main-left .detail-agenda .news .info h2 {
  font-size: 30px;
  color: #f49e00; }

.body-yellow #main-left h2, .body-yellow #main-left .detail-agenda .news .bt-back {
  color: #f49e00; }

.body-yellow #main-left .content > div, .body-yellow #main-left .detail-agenda .news .content-image, .body-yellow #main-left #block-info > div {
  border-color: #f49e00; }

.body-yellow #main-left .content p a, .body-yellow #main-left .content .detail-agenda a {
  color: #f49e00; }

.body-yellow #main-left .content ul li:before, .body-yellow #main-left .content ol li:before {
  background-position: center -60px; }

.body-yellow #main-left #block-info h2 {
  background-image: url('../images/icon_more_yellow.png'); }

.body-yellow #main-left #block-info h2:after {
  border-color: #f49e00; }

.body-yellow .page-navigation ul li.current {
  border: 2px solid #f49e00;
  color: #f49e00; }

.body-yellow .page-navigation ul li:hover a, .body-yellow .page-navigation ul li:active a, .body-yellow .page-navigation ul li.current:hover {
  background-color: #f49e00; }

.body-yellow .coordonnee:before {
  background-position: center -80px; }

.body-yellow .telephone:before {
  background-position: center -80px; }

.body-yellow .numero-fax:before {
  background-position: center -80px; }

.body-yellow .mail:before {
  background-position: center -80px; }
/*** BODY COMMUNAUTE ***/
.body-communitie #main-title h1 {
  padding: 10px 0 10px 40px;
  background: url('../images/icon_pointer.png') no-repeat left center; }

.body-communitie #main-left h2 {
  background: url('../images/icon_pointer.png') no-repeat left center;
  padding: 10px 0 10px 50px; }

.body-communitie #main-left .detail-communitie .news .info .date {
  display: none; }
/*** BODY KIOSK ***/
.body-kiosk #main-title h1 {
  padding: 10px 0 10px 40px;
  background: url('../images/icon_kiosk.png') no-repeat left center; }

.body-kiosk #main-left h2 {
  background: url('../images/icon_kiosk.png') no-repeat left center;
  padding: 10px 0 10px 50px; }

.body-kiosk #main-left .detail-news .news .info .date {
  display: none; }
/*** BODY ACTU ***/
.body-news #main-title h1 {
  padding: 10px 0 10px 50px;
  background: url('../images/icon_news.png') no-repeat left center; }

.body-news #main-left h2 {
  background: url('../images/icon_news.png') no-repeat left center;
  padding: 10px 0 10px 50px; }
/*** BODY TOURISME ***/
.body-tourisme #main-title h1 {
  padding: 10px 0 10px 50px;
  background: url('../images/icon_tourisme.png') no-repeat left center; }

.body-tourisme #main-left h2 {
  background: url('../images/icon_tourisme.png') no-repeat left center;
  padding: 10px 0 10px 50px; }
/*** BODY ANNUAIRE ***/
.body-directory #main-title h1, .body-directory #main-content h2 {
  background: url('../images/icon_directory.png') no-repeat left center;
  padding: 10px 0 10px 50px; }
/*** BODY AGENDA ***/
.body-agenda #main-title h1 {
  background: url('../images/icon_agenda.png') no-repeat left center;
  padding: 10px 0 10px 50px; }
/*** BODY CONTACT ***/
.body-contact #main-title h1 {
  background: url('../images/icon_contact.png') no-repeat left center;
  padding: 12px 0 12px 55px; }

.body-contact #main-left #block-info > div {
  padding: 25px 0; }

.body-contact #main-left #block-info p {
  margin: 5px 0; }

.body-contact #main-left .ce-gallery {
  margin: 0 25px 0 0; }

#main-content .grid-container .frame {
  margin: 0; }
  #main-content .grid-container .grid-row {
    margin: 0 -15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    #main-content .grid-container .grid-row .grid-column {
      flex: 1;
      margin: 0 15px; }
      #main-content .grid-container .grid-row .grid-column .ce-gallery img {
        max-width: 100%;
        height: auto; }
        #main-content .grid-container .grid-row .grid-column .ce-gallery .image-caption {
          margin-top: 30px; }
          #main-content .grid-container .grid-row .grid-column .ce-gallery .image-caption p {
            font-weight: 700;
            font-size: 18px;
            text-align: center; }
        #main-content .grid-container .grid-row .grid-column .ce-gallery:after {
          content: "";
          clear: both;
          display: block; }
      #main-content .grid-container .grid-row .grid-column p, #main-content .grid-container .grid-row .grid-column span, #main-content .grid-container .grid-row .grid-column li {
        word-wrap: break-word; }
/**** STYLE FOOTER ****/
footer {
  background-color: #009bc2;
  padding: 25px 0;
  position: relative;
  z-index: 1; }

footer .top-footer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }

footer:before {
  content: "";
  position: absolute;
  top: -215px;
  height: 215px;
  background: url('../images/background_footer.png') no-repeat center center;
  background-size: 100% 215px;
  left: 0;
  right: 0; }

footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }

footer * {
  color: #fff; }

footer .address-footer {
  display: table;
  float: left; }

footer .address-footer > div {
  display: table-cell;
  border-left: 1px solid #fff;
  padding: 0 20px; }

footer .address-footer > div:first-child {
  border: none; }

footer .address-footer h3 {
  line-height: 1.3;
  font-family: 'dosisbold', 'Myriad pro';
  font-size: 18px;
  font-weight: 400;
  margin: 0; }

footer .address-footer p {
  font-family: 'dosisregular', 'Myriad pro';
  font-size: 18px;
  margin: 5px 0; }

footer .address-footer p a {
  font-size: inherit; }

footer .site-footer {
  flex: 1;
  column-count: 3; }
  footer .site-footer h2 {
    margin: 0 0 5px 0;
    font-size: 16px; }
  footer .site-footer p {
    margin: 0 0 5px 0; }

#social-network-footer {
  text-align: right;
  margin: 10px 20px; }

#copyright {
  float: right; }

#copyright #social-network-footer ul li {
  border: none;
  line-height: 1;
  height: auto;
  vertical-align: middle; }

#copyright ul li {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  padding: 0 10px;
  border-left: 1px solid #fff;
  height: 10px;
  line-height: 10px;
  font-family: 'Myriad Pro', 'Arial'; }

#copyright ul li a {
  line-height: 10px;
  color: inherit;
  font-size: inherit;
  font-family: inherit; }

#copyright ul li:first-child {
  border-left: none;
  padding-left: 0; }
/**** FIN STYLE FOOTER ****/
.klaro.we_cookie_consent .cookie-notice {
  background-color: #efeef1; }

.klaro.we_cookie_consent .cookie-notice .cn-body {
  background-color: #efeef1; }

.klaro.we_cookie_consent .cookie-notice h1, .klaro.we_cookie_consent .cookie-notice h2, .klaro.we_cookie_consent .cookie-notice li, .klaro.we_cookie_consent .cookie-notice p, .klaro.we_cookie_consent .cookie-notice a, .klaro.we_cookie_consent .cookie-modal a, .klaro.we_cookie_consent .cookie-notice strong, .klaro.we_cookie_consent .cookie-notice ul, .klaro.we_cookie_consent .cookie-modal h1, .klaro.we_cookie_consent .cookie-modal h2, .klaro.we_cookie_consent .cookie-modal li, .klaro.we_cookie_consent .cookie-modal p, .klaro.we_cookie_consent .cookie-modal strong, .klaro.we_cookie_consent .cookie-modal ul {
  color: #3f51b5;
  font-size: 14px; }

.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center; }

.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn.cm-btn-success {
  background-color: #3f51b5;
  border-radius: 0;
  min-width: 0;
  width: auto;
  padding: 10px 30px;
  font-size: 18px;
  margin: 0 10px; }

.klaro.we_cookie_consent .cookie-notice .cn-body p.cn-ok .cm-btn {
  background-color: #e30045;
  border-radius: 0;
  min-width: 0;
  width: auto;
  padding: 10px 30px;
  font-size: 18px;
  margin: 0 10px; }

.klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept {
  background-color: #3f51b5;
  border-radius: 0;
  min-width: 0;
  width: auto;
  padding: 10px 30px;
  font-size: 18px; }

.klaro.we_cookie_consent .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  display: none !important; }

.klaro.we_cookie_consent .cookie-notice .cm-btn.cm-btn-info, .klaro.we_cookie_consent .cookie-notice .cm-link.cm-learn-more {
  color: #3f51b5; }
/**+++***/
#itemsq {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  height: 471px; }
  #itemsq .itemq {
    position: relative;
    z-index: 1;
    display: block;
    width: calc((100% - 15px ) / 2);
    height: 228px;
    padding: 25px;
    -webkit-transition: all 0.5s 0s ease-in-out;
    -moz-transition: all 0.5s 0s ease-in-out;
    transition: all 0.5s 0s ease-in-out; }
  #itemsq .itemq img {
    opacity: 1; }
  #itemsq .itemq .itemq__wrap-img, #itemsq .itemq h4 {
    opacity: 1; }
  #itemsq .itemq:hover {
    border-radius: 50%/30%;
    margin-top: -1px;
    height: 229px; }
  #itemsq .itemq:hover img {
    opacity: 0; }
  #itemsq .itemq:hover .itemq__wrap-img, #itemsq .itemq:hover h4 {
    opacity: 0; }
  #itemsq .itemq:hover .itemq__btn {
    display: inline-block;
    opacity: 1; }
  #itemsq .itemq--1 {
    background-color: #214099; }
  #itemsq .itemq--2 {
    background-color: #eb7404; }
  #itemsq .itemq--3 {
    background-color: #fa0; }
  #itemsq .itemq--4 {
    background-color: #7ab51d; }
  #itemsq .itemq__wrap-img {
    height: 120px; }
  #itemsq img {
    width: 70%;
    height: 60px;
    margin-top: 40px !important;
    position: absolute;
    max-height: 100%; }
  #itemsq .itemq__img {
    display: block;
    margin: 0 auto; }
  #itemsq h4 {
    text-align: center;
    color: #fff;
    margin: 10px 0; }
  #itemsq .itemq__btn {
    position: absolute;
    display: none;
    z-index: 0;
    width: 80%;
    height: 36px;
    line-height: 33px;
    overflow: none;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 15%/50%;
    background: url('../images/white50.png') repeat;
    background-color: inherit; }
/***+*/
#quick-menu {
  position: fixed;
  right: 0;
  top: 370px;
  z-index: 20; }

.quick-ul li {
  display: block;
  margin: 0;
  float: right;
  clear: both;
  height: 45px;
  overflow: hidden;
  margin-bottom: 7px; }
  .quick-ul li:hover > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 100%; }
  .quick-ul li > a {
    margin-left: auto;
    width: 45px;
    display: block;
    height: 100%;
    background-color: #222126;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff;
    border-radius: 7px 0 0 7px;
    -webkit-transition: all 0.5s 0s ease-in-out;
    -moz-transition: all 0.5s 0s ease-in-out;
    transition: all 0.5s 0s ease-in-out;
    -webkit-transform: translateX(100%) translateX(-45px);
    -moz-transform: translateX(100%) translateX(-45px);
    -ms-transform: translateX(100%) translateX(-45px);
    transform: translateX(100%) translateX(-45px); }
    .quick-ul li > a .image {
      width: 45px;
      height: 45px;
      float: left;
      display: block;
      padding: 0; }
    .quick-ul li > a img {
      max-width: 45px;
      height: auto;
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 auto; }
    .quick-ul li > a span {
      font: inherit;
      color: inherit;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      padding-right: 20px; }
  .quick-ul li:nth-child(4n+1) > a {
    background-color: #008000 !important; }
  .quick-ul li:nth-child(4n+2) > a {
    background-color: #7ab51d !important; }
  .quick-ul li:nth-child(4n+3) > a {
    background-color: #214099 !important; }
  .quick-ul li:nth-child(4n+4) > a {
    background-color: #577299 !important; }
  .quick-ul li:nth-child(4n+5) > a {
    background-color: #eb7404 !important; }
/*******/
@media screen and (min-width: 951px) {
  #main-menu .submenu-mobile {
    display: block !important; }

  #main-menu .submenu-mobile > ul > li .submenu {
    display: none !important; }

  #main-menu .submenu-mobile > ul > li:hover .submenu {
    display: block !important; } }

@media screen and (min-width: 951px) and (max-width: 1200px) {
  .content-inner {
    padding: 0 120px 0 20px; }

  #main-menu .submenu-mobile {
    padding: 0 0px; }

  #main-menu .submenu-mobile > ul > li a {
    font-size: 16px;
    padding: 13px 15px; }

  #main-menu .submenu-mobile > ul {
    text-align: center; }

  #main-menu .submenu-mobile .submenu .content-menu {
    padding: 30px 20px; }

  #main-menu .submenu-mobile .submenu .content-menu .image {
    right: 20px;
    max-width: 250px; }

  body.scrolled #sidebar-menu {
    top: auto; }

  #sidebar-menu {
    position: absolute; }

  #wrap-top .left {
    float: none;
    width: 100%;
    padding: 0; }

  #wrap-top .right {
    margin-top: 20px;
    float: none;
    width: 100%;
    clear: both; }

  #wrap-bottom .left {
    width: 30%; }

  #wrap-bottom .right {
    width: 70%; }

  #wrap-bottom #slideshow-communitie .title {
    padding-right: 95px; }

  footer:before {
    background-size: auto;
    top: -214px; }

  #wrap-center #main-left {
    padding-right: 40px;
    width: 75%; }

  #wrap-center #main-right {
    width: 25%; }

  #main-left .detail-news .news .slideshow-image, #main-left .detail-agenda .news .slideshow-image, #main-left .detail-communitie .news .slideshow-image {
    width: 300px;
    margin: 0 25px 25px 0; }

  #main-left .detail-news .news .content-image.slider-image, #main-left .detail-agenda .news .content-image.slider-image, #main-left .detail-communitie .news .content-image.slider-image {
    height: 300px; }

  .slideshow-image .owl-controls .owl-nav .owl-prev, .slideshow-image .owl-controls .owl-nav .owl-next {
    top: 135px; }

  #main-left .detail-news .news .info, #main-left .detail-agenda .news .info, #main-left .detail-communitie .news .info {
    overflow: visible; }

  .tx-powermail .g-recaptcha > div {
    width: 100% !important;
    max-width: 100%; }

  .tx-powermail iframe {
    max-width: 100%; }

  #main-left #block-news > div, #main-left .list-dechet .news, #main-left .list-tourism .news {
    width: 50%; }

  #directory .search {
    height: auto; }

  #directory .left-search {
    float: none;
    width: 100%;
    padding: 0; }

  #directory .left-search:after {
    display: none; }

  #directory .right-search {
    float: none;
    width: 100%;
    height: 300px; }

  #directory .right-search .list-directory {
    height: 300px; }

  #directory .right-search .list-directory .directory ul {
    padding: 0; }

  #main-left .detail-directory .left, .tx-sitraexportv2display-pi1 .detail-directory .left {
    float: none;
    padding: 10px 0;
    border: none;
    border-top: 1px solid #214099;
    width: 100%; }

  #main-content .list-communitie .communitie {
    width: 33.33%; } }

@media screen and (min-width: 1201px) and (max-width: 1400px) {
  #directory .left-search {
    width: 50%; }

  #directory .right-search {
    width: 50%; }

  .tx-powermail .g-recaptcha > div {
    width: 100% !important;
    max-width: 100%; }

  .tx-powermail iframe {
    max-width: 100%; }

  body.scrolled #sidebar-menu {
    top: auto; }

  #sidebar-menu {
    position: absolute; } }

@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .content-inner {
    padding: 0 120px 0 20px; }

  #main-menu .submenu-mobile {
    padding: 0 20px; }

  #main-menu .submenu-mobile > ul > li a {
    font-size: 18px;
    padding: 12px 20px; }

  #main-menu .submenu-mobile > ul {
    text-align: center; }

  #main-menu .submenu-mobile .submenu .content-menu {
    padding: 30px 20px; }

  #main-menu .submenu-mobile .submenu .content-menu .image {
    right: 20px; } }