/*
**    OOCSS Just What We Need
**    Object Oriented CSS Framework by Steven MOURET.
**    Powered by LESS
**    www.stratis.fr
**    -----------------------------------------------
**    SUMMARY
**    Reset
**    Typo
**    Generic
**    Size bloc
**    Form
**    Generic Mixins
**    -----------------------------------------------
*/
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 62.5%;
}
body {
  line-height: 1.3;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul {
  list-style: none;
}
ol {
  list-style: decimal inside none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
i,
em {
  font-style: italic;
}
b,
strong,
.strong {
  font-weight: bold;
}
i b,
b i,
i strong,
strong i,
b em,
em b,
em strong,
strong em {
  font-weight: bold;
  font-style: italic;
}
img {
  vertical-align: bottom;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}
q {
  font-style: italic;
  color: #6a6a6a;
}
q:before {
  content: '"';
}
q:after {
  content: '"';
}
.abbr,
abbr,
acronym,
dfn {
  cursor: help;
  border-bottom: 1px dotted #000;
}
abbr a,
acronym a,
dfn a {
  display: inline !important;
}
address {
  display: inline;
}
kbd {
  border-color: grey;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  padding: 0 0.4em;
}
button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
hr {
  display: block;
  clear: both;
  height: 0;
  margin: 40px 0;
  padding: 0;
  color: #e1e2e2;
  border-top: 1px solid #e1e2e2;
  border-bottom: transparent;
  border-left: transparent;
  border-right: transparent;
  line-height: 1px;
}
mark {
  background: none;
  border-bottom: 1px dotted #000;
  font-style: italic;
  color: inherit;
}
/*.setPos p span[style*="font-size"], .setPos p span[style*="line-height"],
.setPos p font[style*="font-size"], .setPos p font[style*="line-height"]{
  font-size: inherit !important;
  line-height: normal !important;
}*/
#col1 *:first-child,
#col2 *:first-child,
.popIn .site-content *:first-child {
  margin-top: 0;
}
#container ul ul:first-child,
#container ul ol:first-child,
#container ol ol:first-child,
#container ol ul:first-child,
.popIn .site-content ul ul:first-child,
.popIn .site-content ul ol:first-child,
.popIn .site-content ol ol:first-child,
.popIn .site-content ol ul:first-child {
  margin-top: 0;
}
@font-face {
  font-family: "RobotoC";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Light.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Light.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Light.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Light.svg#RobotoC") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "RobotoC";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Regular.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Regular.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Regular.svg#RobotoC") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoC";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Bold.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Bold.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/RobotoCondensed-Bold.svg#RobotoC") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Thin.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Thin.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Thin.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Thin.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Light.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Light.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Light.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Light.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-LightItalic.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-LightItalic.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-LightItalic.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-LightItalic.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Medium.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Medium.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Medium.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Medium.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Bold.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Bold.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Bold.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Icons";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/default-icons-webfont.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/default-icons-webfont.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/default-icons-webfont.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/default-icons-webfont.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/default-icons-webfont.svg#Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "specificIcons";
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/cg06.eot");
  src: url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/cg06.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/cg06.woff") format("woff"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/cg06.ttf") format("truetype"), url("/typo3conf/ext/stratis_website/Resources/Public/Fonts/cg06.svg#specificIcons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.robotoCLight {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.robotoCRegular {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.robotoCBold {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.robotoThin {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
}
.robotoLight {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.robotoLightItalic {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
}
.robotoMedium {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.robotoBold {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.h1 {
  font-size: 3.2em;
}
.smaller {
  font-size: 1.1em;
}
.small {
  font-size: 1.2em;
}
.normal {
  font-size: 1.3em;
}
.medium {
  font-size: 1.5em;
}
.large {
  font-size: 1.8em;
}
.larger {
  font-size: 2em;
}
.icons,
.site-content ul.pagebrowser2 .backLink:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
}
.specificIcons {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
}
.wrapper940 {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 960px) {
  .wrapper940 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.wrapper960 {
  width: 960px;
  margin: 0 auto;
}
.resetMP {
  margin: 0;
  padding: 0;
}
.relative {
  position: relative;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}
.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.vam {
  vertical-align: middle;
}
.table {
  display: table;
  vertical-align: top;
  border-collapse: collapse;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
}
.firstCol {
  padding-right: 10px;
}
.clearFix:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.clear {
  clear: both !important;
}
.wrap {
  overflow: hidden !important;
}
.imgWrap {
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.ghost {
  position: absolute !important;
  top: auto !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.inPrint,
.hidden {
  display: none !important;
}
.hideDesktopA11y {
  display: none;
}
.displayedMobileA11y {
  display: inherit;
}
.hideMobileA11y {
  display: none;
}
.showInMobile {
  display: none;
}
.fw100 {
  width: 100%;
}
.fw50 {
  width: 50%;
}
.resetInput {
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
}
.resetInput:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.resetInput:hover {
  border: none !important;
}
.resetButton,
.resetButton:hover,
.resetButton:focus {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  color: #000;
  font-weight: normal;
  text-decoration: underline;
  font-size: 0.9em;
}
.resetButton:before,
.resetButton:hover:before,
.resetButton:focus:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.resetButton:hover,
.resetButton:focus {
  color: #777;
}
.squareBtn {
  background: #6a6a6a;
  border: none;
  padding: 0;
  margin: 0;
  width: 36px;
  height: 35px;
}
.squareBtn:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.squareBtn img {
  width: 36px;
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: none !important;
}
.squareBtn:hover,
.squareBtn:focus {
  padding: 0;
  margin: 0;
  border: none;
  color: #fff !important;
  border-radius: 0;
}
.squareBtn:hover:before,
.squareBtn:focus:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.squareBtn:hover img,
.squareBtn:focus img {
  padding-left: 36px;
}
.bold {
  font-weight: bold;
}
.returneLine1 > .item:nth-child(2n),
.site-content .returneLine1 > .item:nth-child(2n) {
  margin-right: 0;
}
.returneLine1 > .item:nth-child(2n+1),
.site-content .returneLine1 > .item:nth-child(2n+1),
.returneLine1 > .item.firstItem,
.site-content .returneLine1 > .item.firstItem {
  clear: left;
}
.returneLine1 > .item.lastItem,
.site-content .returneLine1 > .item.lastItem {
  margin-right: 0;
}
.returneLine1 > .item.firstItem,
.site-content .returneLine1 > .item.firstItem {
  clear: left;
}
.returneLine12 > .item:nth-child(2n) {
  margin-right: 4%;
}
.returneLine12 > .item:nth-child(2n+1) {
  clear: inherit;
}
.returneLine12 > .item.firstItem {
  clear: inherit;
}
.returneLine12 > .item:nth-child(3n) {
  margin-right: 0;
}
.returneLine12 > .item:nth-child(3n+1) {
  clear: left;
}
.overflowContainerWrapper {
  position: relative;
}
.overflowContainer {
  overflow-y: hidden;
  overflow-x: auto;
}
body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  /* background: #f8f8f8 url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/body-bg.png") repeat 0 0; */
}
body.popIn {
  background: #fff;
}
#globalSite {
  position: relative;
}
.mainHeader {
  width: 100%;
  z-index: 9998;
}
.preHeader {
  width: 100%;
}
#header {
  width: 100%;
}
#containerSite {
  width: 100%;
  clear: both;
  margin-top: 40px;
}
.home #containerSite {
  margin-top: 0;
}
#topOfContent {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
#topOfContent:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#topOfContent .wrapper {
  width: 640px;
  min-height: 67px;
  padding-left: 300px;
}
#topOfContent .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
body.album #topOfContent .wrapper,
body.carto #topOfContent .wrapper,
body.noColumn #topOfContent .wrapper {
  min-height: auto;
  padding: 0;
  width: 100%;
}
#container {
  position: relative;
  width: 940px;
  padding: 0 10px 20px 10px;
  margin: 20px auto 0;
  z-index: 1;
  display: block;
}
#container:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#container.shrink {
  margin-top: 290px;
}
.home #container {
  width: 100%;
  padding: 0;
  margin: 0;
}
.home #container.shrink {
  margin-top: 290px;
}
body.album #container,
body.carto #container {
  width: 100%;
  padding: 0;
  margin: 0;
}
body.album #container.shrink,
body.carto #container.shrink {
  margin-top: 290px;
}
#col2 {
  position: absolute;
  left: 10px;
  top: -87px;
  width: 300px;
  z-index: 1;
}
#col2:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#content {
  float: left;
  width: 620px;
  margin-left: 0;
  position: relative;
}
body.album #content {
  width: 100%;
  float: none;
}
body.noColumnLeft #content {
  float: left;
  width: 620px;
}
.site-content .contentWrapper {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 22px 24px;
}
.ie78 #content {
  display: inline;
}
.popIn #content {
  float: none;
  margin: 0;
  max-width: 980px;
  width: auto;
}
.largePage #content {
  width: 940px;
}
.noColumn #content {
  float: none;
  margin: 0;
  width: 100%;
}
#col1 {
  float: right;
  width: 300px;
}
.largePage #col1 {
  position: absolute;
  top: -74px;
  right: 10px;
  width: 270px;
}
.noColumnLeft #col1 {
  width: 300px;
  position: inherit;
  left: inherit;
  right: inherit;
  top: inherit;
}
#printBanner {
  display: none;
}
.mainHeader {
  background: #fff;
}
.mainHeader .langMenu,
.mainHeader .socialMedia {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.mainHeader .langMenu .wrapper,
.mainHeader .socialMedia .wrapper {
  position: absolute;
  top: -9999px;
  left: 0;
  background: #fff;
  width: 200px;
  padding: 20px;
  display: none;
}
.mainHeader .langMenu .langMenuBtn,
.mainHeader .socialMedia .langMenuBtn,
.mainHeader .langMenu .socialMediaMenuBtn,
.mainHeader .socialMedia .socialMediaMenuBtn {
  padding: 9px 25px 9px 25px;
  margin-right: 15px;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: color .1s ease 0s;
  transition: color .1s ease 0s;
}
.mainHeader .langMenu .langMenuBtn img + img,
.mainHeader .socialMedia .langMenuBtn img + img,
.mainHeader .langMenu .socialMediaMenuBtn img + img,
.mainHeader .socialMedia .socialMediaMenuBtn img + img {
  vertical-align: middle;
}
.mainHeader .langMenu .langMenuBtn span + img,
.mainHeader .socialMedia .langMenuBtn span + img,
.mainHeader .langMenu .socialMediaMenuBtn span + img,
.mainHeader .socialMedia .socialMediaMenuBtn span + img {
  display: none;
}
.mainHeader .langMenu .langMenuBtn:hover,
.mainHeader .socialMedia .langMenuBtn:hover,
.mainHeader .langMenu .socialMediaMenuBtn:hover,
.mainHeader .socialMedia .socialMediaMenuBtn:hover,
.mainHeader .langMenu .langMenuBtn:focus,
.mainHeader .socialMedia .langMenuBtn:focus,
.mainHeader .langMenu .socialMediaMenuBtn:focus,
.mainHeader .socialMedia .socialMediaMenuBtn:focus {
  color: #00AEBF;
}
.mainHeader .langMenu .langMenuBtn:hover span,
.mainHeader .socialMedia .langMenuBtn:hover span,
.mainHeader .langMenu .socialMediaMenuBtn:hover span,
.mainHeader .socialMedia .socialMediaMenuBtn:hover span,
.mainHeader .langMenu .langMenuBtn:focus span,
.mainHeader .socialMedia .langMenuBtn:focus span,
.mainHeader .langMenu .socialMediaMenuBtn:focus span,
.mainHeader .socialMedia .socialMediaMenuBtn:focus span {
  text-decoration: underline;
}
.mainHeader .langMenu .socialMediaMenuBtn,
.mainHeader .socialMedia .socialMediaMenuBtn {
  position: relative;
}
.mainHeader .langMenu .socialMediaMenuBtn:before,
.mainHeader .socialMedia .socialMediaMenuBtn:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 9px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e02d';
}
.mainHeader .langMenu .socialMediaMenuBtn:hover:before,
.mainHeader .socialMedia .socialMediaMenuBtn:hover:before,
.mainHeader .langMenu .socialMediaMenuBtn:focus:before,
.mainHeader .socialMedia .socialMediaMenuBtn:focus:before {
  color: #00AEBF;
  text-shadow: none;
}
.mainHeader .langMenu .closeSocialMediaMenu,
.mainHeader .socialMedia .closeSocialMediaMenu {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  left: auto;
  top: -9999px;
  display: none;
}
.mainHeader .langMenu.affiche .wrapper,
.mainHeader .socialMedia.affiche .wrapper {
  display: block;
  position: absolute;
  top: 37px;
  left: 0;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-top: none;
  padding: 10px;
  width: 180px;
  z-index: 100;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) #000;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) #000;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.mainHeader .langMenu.affiche ul > li,
.mainHeader .socialMedia.affiche ul > li {
  padding: 4px 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}
.mainHeader .langMenu.affiche ul > li span,
.mainHeader .socialMedia.affiche ul > li span,
.mainHeader .langMenu.affiche ul > li a,
.mainHeader .socialMedia.affiche ul > li a {
  color: #000;
  font-size: 1.3em;
  text-decoration: none;
}
.mainHeader .langMenu.affiche ul > li span,
.mainHeader .socialMedia.affiche ul > li span {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.mainHeader .langMenu.affiche ul > li a,
.mainHeader .socialMedia.affiche ul > li a {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.mainHeader .langMenu.affiche ul > li a:hover,
.mainHeader .socialMedia.affiche ul > li a:hover,
.mainHeader .langMenu.affiche ul > li a:focus,
.mainHeader .socialMedia.affiche ul > li a:focus {
  text-decoration: underline;
}
.mainHeader .langMenu.affiche ul .tipafriend,
.mainHeader .socialMedia.affiche ul .tipafriend {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_friend.png');
}
.mainHeader .langMenu.affiche ul .twitter,
.mainHeader .socialMedia.affiche ul .twitter {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_twitter.png');
}
.mainHeader .langMenu.affiche ul .facebook,
.mainHeader .socialMedia.affiche ul .facebook {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_facebook.png');
}
.mainHeader .langMenu.affiche ul .google,
.mainHeader .socialMedia.affiche ul .google {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_google_plus.png');
}
.mainHeader .langMenu.affiche .closeSocialMediaMenu,
.mainHeader .socialMedia.affiche .closeSocialMediaMenu {
  display: block;
}
.mainHeader .langMenu.affiche .wrapper,
.mainHeader .langMenu .wrapper {
  width: 100px;
}
.preHeader {
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/preheader-bg.png") no-repeat 50% 0;
}
.preHeader .langMenuBtn,
.preHeader .socialMediaMenuBtn {
  background: #343434 url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/social-media-slash.png") no-repeat 100% 0;
}
.preHeader .wrapper {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 960px) {
  .preHeader .wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.preHeader .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.preHeader .monCG06 {
  float: left;
}
.preHeader .monCG06 a {
  display: block;
  text-decoration: none;
  background: #343434;
  position: relative;
  padding: 9px 0 9px 25px;
  text-transform: uppercase;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.4em;
  color: #00AEBF;
  -webkit-transition: color .1s ease 0s;
  transition: color .1s ease 0s;
}
.preHeader .monCG06 a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 15px;
  color: #00AEBF;
  position: absolute;
  top: 9px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e06a';
}
.preHeader .monCG06 a:hover,
.preHeader .monCG06 a:focus {
  color: #fff;
}
.preHeader .monCG06 a:hover span,
.preHeader .monCG06 a:focus span {
  text-decoration: underline;
}
.preHeader .monCG06 a:hover:before,
.preHeader .monCG06 a:focus:before {
  color: #fff;
}
.preHeader .monCG06 a img {
  display: none;
}
.preHeader .wrapper2 {
  float: right;
  position: relative;
}
.preHeader .allWebSite {
  display: inline-block;
  position: relative;
  vertical-align: top;
  min-width: 180px;
}
.preHeader .allWebSite .wrapper {
  position: absolute;
  top: -9999px;
  left: 0;
  background: #fff;
  width: 200px;
  padding: 20px;
  display: none;
}
.preHeader .allWebSite .allWebSiteBtn {
  display: inline-block;
  background: #343434;
  position: relative;
  padding: 9px 18px 9px 25px;
  color: #00AEBF;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: color .1s ease 0s;
  transition: color .1s ease 0s;
}
.preHeader .allWebSite .allWebSiteBtn:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: 9px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e032';
}
.preHeader .allWebSite .allWebSiteBtn:after {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 13px;
  color: #00AEBF;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e011';
}
.preHeader .allWebSite .allWebSiteBtn img {
  display: none;
}
.preHeader .allWebSite .allWebSiteBtn:hover,
.preHeader .allWebSite .allWebSiteBtn:focus {
  color: #fff;
  text-decoration: underline;
}
.preHeader .allWebSite .allWebSiteBtn:hover:after,
.preHeader .allWebSite .allWebSiteBtn:focus:after,
.preHeader .allWebSite .allWebSiteBtn:hover:before,
.preHeader .allWebSite .allWebSiteBtn:focus:before {
  color: #fff;
  text-shadow: none;
}
.preHeader .allWebSite .closeAllWebSiteBtn {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  left: auto;
  top: -9999px;
  display: none;
}
.preHeader .allWebSite.affiche .wrapper {
  display: block;
  position: absolute;
  top: 37px;
  left: 0;
}
.preHeader .allWebSite.affiche .closeAllWebSiteBtn {
  display: block;
}
.preHeader .search-box,
.preHeader .tx-mnogosearch-pi1 {
  display: inline-block;
  vertical-align: top;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/search-bg.png") no-repeat 0 0;
  min-height: 56px;
  padding-left: 40px;
  width: 350px;
  position: relative;
}
.preHeader .search-box #rechercheIndexee form,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee form {
  display: block;
  overflow: inherit;
  padding-top: 12px;
  background: #00727e;
}
.preHeader .search-box #rechercheIndexee form .tx-indexedsearch-smallform,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee form .tx-indexedsearch-smallform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.preHeader .search-box #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-form,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85%;
}
.preHeader .search-box #rechercheIndexee form .tx-indexedsearch-smallform label,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee form .tx-indexedsearch-smallform label {
  margin-right: 5px;
}
.preHeader .search-box #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-search-submit,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-search-submit {
  margin-left: 2px;
}
.preHeader .search-box #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-searchbox-button,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-searchbox-button {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/form/btn-search.png") no-repeat 0 0;
  border: 0;
  height: 25px;
  width: 25px;
  padding: 0;
  overflow: hidden;
  text-indent: 100px;
}
.preHeader .search-box #rechercheIndexee .openCloseSearch,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee .openCloseSearch {
  display: none;
}
.preHeader .search-box #rechercheIndexee .wrapperSearch,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee .wrapperSearch {
  display: inline;
}
.preHeader .search-box #rechercheIndexee .searchLabel,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee .searchLabel {
  display: inline-block;
  margin-right: 10px;
}
.preHeader .search-box #rechercheIndexee label,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee label {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6em;
  text-transform: uppercase;
  color: #fff;
}
.preHeader .search-box #rechercheIndexee .searchInput,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee .searchInput {
  display: inline-block;
  width: 190px;
}
.preHeader .search-box #rechercheIndexee input,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee input {
  padding: 5px 5px;
  background: transparent;
  border: none;
  box-shadow: inherit;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  border-bottom: 3px solid #00a0b1;
  -webkit-transition: border-color 0.1s ease 0s;
  transition: border-color 0.1s ease 0s;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
}
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee input:hover,
.preHeader .tx-mnogosearch-pi1 #rechercheIndexee input:focus,
.preHeader .search-box #rechercheIndexee input:hover,
.preHeader .search-box #rechercheIndexee input:focus {
  border-color: #fff;
}
.preHeader .search-box #rechercheIndexee .searchBtn {
  display: inline-block;
}
.preHeader .search-box #rechercheIndexee .btnSearch img {
  -webkit-transition: padding-left 0.1s ease 0s;
  transition: padding-left 0.1s ease 0s;
  width: 25px;
  height: 25px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.preHeader .search-box #rechercheIndexee .btnSearch:hover img,
.preHeader .search-box #rechercheIndexee .btnSearch:focus img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/form/btn-search-h.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  padding-left: 25px;
  display: block;
}
.preHeader .search-box #rechercheIndexee .closeSearchBoxWrapper {
  display: none;
}
.multiSite .mainHeader.shrink #header #logo {
  display: none;
}
.multiSite .mainHeader.shrink #header .logoShrink {
  display: block;
  margin: auto;
  float: left;
}
.mainHeader.shrink {
  position: fixed;
  left: 0;
  top: 0;
}
.mainHeader.shrink .preHeader,
.mainHeader.shrink #navigation,
.mainHeader.shrink .profils {
  display: none;
}
.mainHeader.shrink #header {
  min-height: 40px;
}
.mainHeader.shrink #header #logo {
  margin: auto;
}
.mainHeader.shrink #header #logo img {
  height: 40px;
  width: 84px;
  padding-left: 154px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
#header {
  min-height: 159px;
  /* background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/header-bg.png") no-repeat 50% 100%; */
}
#header #logo {
  margin-top: -56px;
}
#header .goTop {
  display: none;
}
#header .goTop.shrink {
  display: block;
  margin-top: 10px;
  float: right;
  position: relative;
}
#header .goTop.shrink:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 22px;
  color: #00AEBF;
  position: absolute;
  top: -3px;
  right: inherit;
  bottom: inherit;
  left: -23px;
  content: '\e00d';
}
#header .goTop.shrink a {
  font-size: 1.4em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  color: #6A6A6A;
  text-decoration: none;
}
#header .goTop.shrink a:hover,
#header .goTop.shrink a:focus {
  text-decoration: underline;
}
#header:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#header > .wrapper {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 960px) {
  #header > .wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#header .profils {
  position: relative;
  font-size: 1em;
  width: 45em;
  float: right;
  margin-top: 9px;
}
#header .profils.affiche .wrapper {
  display: block;
  position: absolute;
  top: 120px;
  z-index: 99999;
}
#header .profils.affiche .closeProfilsBtn {
  display: block;
}
#header .profils .wrapper {
  position: absolute;
  top: -9999px;
  right: 0;
  background: #fff;
  width: 806px;
  border-top: 1px solid #dedede;
  display: none;
  padding: 0 0 0 25px;
}
#header .profils .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#header .profils .listProfils {
  background: #fff;
  width: 680px;
  padding-bottom: 25px;
  display: table-cell;
  vertical-align: top;
}
#header .profils .listProfils .item {
  width: 199px;
  height: 151px;
  padding-right: 20px;
  float: left;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#header .profils .listProfils .item a {
  display: table-cell;
  vertical-align: middle;
  width: 99px;
  height: 151px;
  text-align: right;
  padding-left: 120px;
  text-decoration: none;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.6em;
  letter-spacing: 0.0005em;
  color: #00727e;
}
#header .profils .listProfils .item a:hover span,
#header .profils .listProfils .item a:focus span {
  text-decoration: underline;
}
#header .profils .listProfils .item:last-child a {
  padding-left: 100px;
}
#header .profils .listProfils .item1 {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/images/profil-1.jpg);
}
#header .profils .listProfils .item1:hover,
#header .profils .listProfils .item1:focus {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-1-h.png');
}
#header .profils .listProfils .item2 {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/images/profil-2.jpg);
}
#header .profils .listProfils .item2:hover,
#header .profils .listProfils .item2:focus {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-2-h.png');
}
#header .profils .listProfils .item3 {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/images/profil-3.jpg);
}
#header .profils .listProfils .item3:hover,
#header .profils .listProfils .item3:focus {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-3-h.png');
}
#header .profils .listProfils .item4 {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/images/profil-4.jpg);
}
#header .profils .listProfils .item4:hover,
#header .profils .listProfils .item4:focus {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-4-h.png');
}
#header .profils .listProfils .item5 {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/images/profil-5.jpg);
}
#header .profils .listProfils .item5:hover,
#header .profils .listProfils .item5:focus {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-5-h.png');
}
#header .profils .listProfils .item6 {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/images/profil-6.jpg);
}
#header .profils .listProfils .item6:hover,
#header .profils .listProfils .item6:focus {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-6-h.png');
}
#header .profils .monCG06Link {
  width: 126px;
  background: #00727e url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-menu-moncg-bg.png") no-repeat 0 0;
  display: table-cell;
  vertical-align: top;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6em;
}
#header .profils .monCG06Link a {
  display: block;
  color: #fff;
  padding: 126px 10px 50px;
  text-decoration: none;
}
#header .profils .monCG06Link a strong {
  font-size: 0.875em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}
#header .profils .monCG06Link a:hover span,
#header .profils .monCG06Link a:focus span {
  text-decoration: underline;
}
#header .profils .profilsBtnWrapper {
  width: 45em;
  height: 140px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-bg.png") no-repeat 13em 50%;
  font-size: 1em;
}
#header .profils .profilsBtnWrapper .wrapper2 {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-slash.png") no-repeat 35em 50%;
}
#header .profils .profilsBtnWrapper .wrap {
  position: relative;
  height: 140px;
  width: 100%;
  background: no-repeat 50% 50%;
}
#header .profils .profilsBtnWrapper.senior,
#header .profils .profilsBtnWrapper.activite,
#header .profils .profilsBtnWrapper.visite,
#header .profils .profilsBtnWrapper.jeune,
#header .profils .profilsBtnWrapper.famille,
#header .profils .profilsBtnWrapper.handicap,
#header .profils .profilsBtnWrapper.avatarAdded {
  background-image: none;
}
#header .profils .profilsBtnWrapper.senior .wrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-senior.png") no-repeat 120px 100%;
}
#header .profils .profilsBtnWrapper.activite .wrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-activite.png") no-repeat 120px 100%;
}
#header .profils .profilsBtnWrapper.visite .wrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-visite.png") no-repeat 120px 100%;
}
#header .profils .profilsBtnWrapper.jeune .wrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-jeune.png") no-repeat 120px 100%;
}
#header .profils .profilsBtnWrapper.famille .wrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-famille.png") no-repeat 120px 100%;
}
#header .profils .profilsBtnWrapper.handicap .wrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/profil-handi.png") no-repeat 120px 100%;
}
#header .profils .profilsBtnWrapper.avatarAdded .profilsBtn {
  width: 12em;
}
#header .profils .profilsBtnWrapper.avatarAdded .profil {
  right: 125px;
}
#header .profils .profilsBtnWrapper .avatar {
  float: left;
}
#header .profils .profilsBtnWrapper .avatar a {
  display: block;
  padding: 20px 115px 0 30px;
}
#header .profils .profilsBtnWrapper .vousEtes {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 2.3em;
  line-height: 1;
  text-transform: uppercase;
  text-align: right;
  float: left;
  margin: 40px 0 0 1em;
}
#header .profils .profilsBtnWrapper .vousEtes span {
  display: block;
  font-size: 1.4783em;
}
#header .profils .profilsBtnWrapper .profil {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 210px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2em;
  text-transform: uppercase;
  color: #00727e;
}
#header .profils .profilsBtnWrapper .profil span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  height: 140px;
  line-height: 1;
}
#header .profils .profilsBtnWrapper .profil img {
  margin: 20px 10px 0 0;
  float: left;
}
#header .profils .profilsBtnWrapper .profil a {
  display: block;
  text-decoration: none;
}
#header .profils .profilsBtnWrapper .profil a:hover,
#header .profils .profilsBtnWrapper .profil a:focus {
  text-decoration: underline;
}
#header .profils .profilsBtnWrapper .profilsBtn {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 1em;
  width: 45em;
  height: 96px;
}
#header .profils .profilsBtnWrapper .profilsBtn img {
  position: absolute;
  top: 38px;
  right: 2.7em;
}
#header .profils .profilsBtnWrapper .profilsBtn:hover img,
#header .profils .profilsBtnWrapper .profilsBtn:focus img {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/profils-btn-h.png") no-repeat 0 0;
  width: 27px;
  height: 19px;
  padding-left: 27px;
}
#header .profils .profilsBtnWrapper .profilsBtn.open:hover img,
#header .profils .profilsBtnWrapper .profilsBtn.open:focus img {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/profils-btn-close-h.png") no-repeat 0 0;
  width: 27px;
  height: 19px;
  padding-left: 27px;
}
#header .profils .closeProfilsBtn {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  left: auto;
  top: -9999px;
  display: none;
}
/**********************
***   HEADER    ***
**********************/
#printBanner {
  display: none;
}
#logo {
  float: left;
}
#logo a {
  display: block;
}
.logoMobile,
.logo1260,
.logoCG06,
.logoShrink {
  display: none;
}
.numeroDePage {
  display: none;
  float: left;
  text-align: center;
  font-size: 1.2em;
  color: #6F6F6F;
}
.numeroDePage span {
  display: block;
  font-size: 2em;
  color: #000;
}
.numeroDePage span.hidden {
  display: none;
}
#tools {
  width: 300px;
  margin-bottom: 5px;
}
#tools:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#tools .print,
#tools .expandText,
#tools .reduceText {
  display: none;
}
#tools.shrink {
  position: fixed;
  top: 40px;
  left: 50%;
  margin-left: 290px;
  z-index: 9999;
  width: auto;
}
#tools.shrink + * {
  margin-top: 0;
}
#tools.shrink .monCG06 {
  width: auto;
  padding-top: 10px !important;
}
#tools.shrink .monCG06 a,
#tools.shrink .monCG06 button {
  padding-left: 0;
}
#tools.shrink .monCG06 a:hover span,
#tools.shrink .monCG06 button:hover span,
#tools.shrink .monCG06 a:focus span,
#tools.shrink .monCG06 button:focus span {
  text-decoration: none;
}
#tools.shrink .monCG06 a:before,
#tools.shrink .monCG06 button:before {
  content: "";
  top: -9999px;
}
#tools.shrink .monCG06 a .tooltip,
#tools.shrink .monCG06 button .tooltip {
  font-size: 1em;
  display: inline !important;
}
#tools.shrink .monCG06 a span,
#tools.shrink .monCG06 button span {
  display: none;
}
#tools.shrink .monCG06 a .monCG06Icon,
#tools.shrink .monCG06 button .monCG06Icon {
  display: block;
}
#tools.shrink #options {
  height: 66px;
  padding-top: 15px;
  padding-left: 13px;
  margin-left: 0;
}
#tools.shrink #options:before {
  left: -15px;
}
#tools.shrink #options:before,
#tools.shrink #options:after {
  height: 66px;
  width: 34px;
}
#tools.shrink #socialMedia {
  float: left;
  padding-top: 15px;
}
#tools .monCG06 {
  width: 140px;
  padding-top: 8px;
  float: left;
  font-size: 1.1em;
}
#tools .monCG06 a,
#tools .monCG06 button {
  white-space: inherit;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  color: #00727e;
  text-decoration: none;
  padding-left: 25px;
  text-align: left;
  line-height: 1;
  position: relative;
}
#tools .monCG06 a:before,
#tools .monCG06 button:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: 3px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e004';
}
#tools .monCG06 a .tooltip,
#tools .monCG06 button .tooltip {
  display: none !important;
}
#tools .monCG06 a:before,
#tools .monCG06 button:before {
  text-shadow: none;
}
#tools .monCG06 a:hover span,
#tools .monCG06 button:hover span,
#tools .monCG06 a:focus span,
#tools .monCG06 button:focus span {
  text-decoration: underline;
}
#tools .monCG06 a .monCG06Icon,
#tools .monCG06 button .monCG06Icon {
  display: none;
}
#tools .monCG06 a {
  display: block;
}
#tools .monCG06 a span {
  margin-top: 5px;
  display: inline-block;
}
#tools .monCG06 + #options {
  margin-left: 0;
}
.largePage #tools {
  width: 270px;
}
.largePage #tools.shrink {
  width: 182px;
}
.largePage #tools.shrink .monCG06 {
  width: auto;
}
.largePage #tools .monCG06 {
  padding-top: 0;
  width: 120px;
}
.largePage #tools .monCG06 a:before,
.largePage #tools .monCG06 button:before {
  top: 8px;
}
body.album #tools,
body.carto #tools {
  display: inline-block;
}
#options {
  float: left;
  position: relative;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 22px 0 22px;
  margin-left: 140px;
}
#options:before {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/slash11.png") no-repeat 0 0;
  width: 22px;
  height: 40px;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  z-index: 1;
}
#options:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/slash11.png") no-repeat 0 0;
  width: 22px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: inherit;
  left: inherit;
  z-index: 1;
}
#options:before,
#options:after {
  background-position: 0 100%;
}
#options li {
  float: left;
  padding: 0;
  margin: 0 2px;
}
.largePage #tools.shrink #options li {
  margin: 0 2px;
}
.largePage #options {
  margin-left: 70px;
}
.largePage #options li {
  margin: 0;
}
#socialMedia {
  float: right;
  padding-top: 8px;
  position: relative;
}
#socialMedia .socialMediaMenuBtn:hover img,
#socialMedia .socialMediaMenuBtn:focus img {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/social-medias-h.png") no-repeat 0 0;
  width: 20px;
  height: 19px;
  padding-left: 20px;
  /* Equal to width of new img */
}
.shareOnSocialMedia .closeSocialMediaMenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: none !important;
  padding: 0;
  background: none;
}
.shareOnSocialMedia > li {
  position: relative;
}
.shareOnSocialMedia > li > ul {
  display: none;
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 10px;
  width: 180px;
  z-index: 100;
}
.shareOnSocialMedia > li > ul:before {
  content: "";
  position: absolute;
  right: 5px;
  top: -10px;
  height: 0;
  width: 0;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 0;
  border-bottom: 10px solid #fff;
}
.shareOnSocialMedia > li > ul > li {
  padding: 4px 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
}
.shareOnSocialMedia > li > ul > li a {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  font-size: 1.3em;
  text-decoration: none;
}
.shareOnSocialMedia > li > ul > li a:hover,
.shareOnSocialMedia > li > ul > li a:focus {
  text-decoration: underline;
}
.shareOnSocialMedia > li > ul .tipafriend {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_friend.png');
}
.shareOnSocialMedia > li > ul .twitter {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_twitter.png');
}
.shareOnSocialMedia > li > ul .facebook {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_facebook.png');
}
.shareOnSocialMedia > li > ul .google {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/outils_google_plus.png');
}
.shareOnSocialMedia > li.affiche > ul {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
}
.shareOnSocialMedia > li.affiche .closeSocialMediaMenu {
  display: block !important;
}
#col1 .shareOnSocialMedia > li.affiche > ul {
  right: -5px;
  left: inherit;
}
.site-content .topContentWrapper,
body.album .topContentWrapper {
  clear: both;
  margin: 20px 0 0 0;
  padding: 7px 15px;
  background: #e7e7e7;
  text-transform: uppercase;
  color: #6a6a6a;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.site-content .topContentWrapper:after,
body.album .topContentWrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .topContentWrapper p,
body.album .topContentWrapper p {
  margin: 0;
  font-size: 1em;
}
.site-content .topContentWrapper .topContent,
body.album .topContentWrapper .topContent {
  float: right;
}
.site-content .topContentWrapper .goTop,
body.album .topContentWrapper .goTop {
  text-align: right;
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 1.4em;
}
.site-content .topContentWrapper .goTop:before,
body.album .topContentWrapper .goTop:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e00d';
  margin: 0 5px 0 0;
  font-size: 22px;
  color: #6a6a6a;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content .topContentWrapper .goTop:hover span,
body.album .topContentWrapper .goTop:hover span,
.site-content .topContentWrapper .goTop:focus span,
body.album .topContentWrapper .goTop:focus span {
  text-decoration: underline;
}
body.album .topContentWrapper {
  margin-bottom: 40px;
}
body.album .topContentWrapper .topContent {
  position: relative;
  z-index: 99;
}
body.albumSingle .topContentWrapper {
  margin: 0;
  background: none;
}
body.albumSingle .topContentWrapper .topContent a {
  color: #fff;
}
body.albumSingle .topContentWrapper .topContent a:before {
  color: #fff;
}
.iLike {
  float: left;
  width: 400px;
}
.iLike .facebook {
  width: 200px;
  float: left;
}
.iLike .twitter {
  width: 200px;
  float: left;
}
.tooltipAccess {
  position: relative;
  font-size: 1em;
}
.tooltip {
  font-size: 13px;
  font-size: 1.3rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  position: absolute;
  top: 40px;
  right: 0;
  background: #343434;
  color: #fff;
  padding: 4px 10px;
  white-space: nowrap;
  z-index: 100;
}
.tooltip:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #343434;
  top: -6px;
  content: "";
  display: inline-block;
  right: 5px;
  position: absolute;
}
.site-content .tooltip {
  font-size: 13px;
  font-size: 1.3rem;
}
.tooltipDfn {
  position: relative;
}
.tooltipDfnBulle {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  top: 30px;
  left: 0;
  width: 250px;
  display: block;
  background: #343434;
  color: #fff;
  padding: 4px 10px;
  z-index: 100;
}
.tooltipDfnBulle .gras-bleu {
  color: #fff !important;
}
.tooltipDfnBulle:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #343434;
  top: -6px;
  content: "";
  display: inline-block;
  left: 25px;
  position: absolute;
}
/**************************
***   SAVESESSION   ***
***************************/
#content .blocStyle2 {
  background: #00727e;
  margin: 20px 0 15px 0;
  padding: 8px 20px 20px 20px;
}
#content .blocStyle2 .title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
#content .blocStyle2 .title:before {
  display: none;
}
#content .blocStyle2 p {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3em;
}
#content .blocStyle2 p.date {
  font-style: italic;
}
#content .blocStyle2 .wrapper {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot1.png") 0 0 repeat-x;
  padding: 15px 0 0 0;
}
#content .blocStyle2 .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#content .blocStyle2 label {
  color: #fff;
}
#content .blocStyle2 button {
  background: #0091a1;
}
#content .blocStyle2 button:hover,
#content .blocStyle2 button:focus {
  background: #00AEBF;
}
/**********************
***   SIDEBARS  ***
**********************/
.ficheContact .contactItem {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #000;
}
.ficheContact img {
  float: left;
  margin: 0 15px 10px 0;
}
.ficheContact .contactItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.ficheContact a.www:after,
.ficheContact a.courriel:after {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e06d';
  margin: 0 0 0 5px;
  font-size: 14px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}
.ficheContact a.courriel:after {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e06d';
  margin: 0 0 0 5px;
  font-size: 14px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}
/*
*   FOOTER
*/
#footer {
  background: #343434;
}
#footer .wrapper {
  min-height: 245px;
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
#footer .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
@media only screen and (max-width: 960px) {
  #footer .wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#footer .bottomInfos {
  float: left;
  width: 300px;
  color: #fff;
  font-size: 1.4em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin: 45px 0;
}
#footer .bottomInfos img {
  margin: 0 0 20px 0;
}
#footer .bottomInfos .itemIcon {
  background-repeat: no-repeat;
  background-position: -9999px 0;
}
#footer .bottomInfos p {
  padding-bottom: 5px;
}
#footer .bottomInfos p strong {
  font-weight: 500;
}
#footer .bottomInfos a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
#footer .bottomInfos a:hover,
#footer .bottomInfos a:focus {
  color: #fff;
}
#footer .bottomInfos a:hover span,
#footer .bottomInfos a:focus span {
  text-decoration: underline;
}
#footer .bottomInfos .page {
  display: none;
}
#footer .wrapper2 {
  float: right;
  width: 250px;
}
#footer .socialMedia {
  float: right;
  margin: 0 0 45px 0;
}
#footer .socialMedia:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#footer .socialMedia li {
  display: inline-block;
  font-size: 1em;
  width: 7em;
  height: 4.5em;
}
#footer .socialMedia li a {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 0 0 16px;
}
#footer .socialMedia .rssFlux {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/footer-socialmedia-bg-r.png") no-repeat 0 0;
}
#footer .socialMedia .facebook {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/footer-socialmedia-bg-f.png") no-repeat 0 0;
  margin-left: -12px;
}
#footer .socialMedia .twitter {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/footer-socialmedia-bg-t.png") no-repeat 0 0;
  margin-left: -13px;
}
#footer .socialMedia .instagram {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/footer-socialmedia-bg-i.png") no-repeat 0 0;
  margin-left: -13px;
}
#stratis {
  width: 100%;
  font-size: 1em;
  color: #fff;
  text-align: right;
  background: #393939;
  padding: 2px 0;
}
#stratis span {
  display: none;
}
#stratis a {
  padding: 1px 3px;
  color: #ffffff;
  background: #A40015;
  text-decoration: none;
}
#stratis a:hover,
#stratis a:focus {
  color: #A40015;
  background: #ffffff;
}
.site-content p.addedBloc {
  margin: 20px 0 0;
  padding: 7px 15px;
  background: #00AEBF;
  color: #fff;
}
.site-content p.addedBloc a {
  text-decoration: underline;
  color: #fff;
}
.site-content p.addedBloc a:hover,
.site-content p.addedBloc a:focus {
  text-decoration: none;
  color: #fff;
}
.bgShrink {
  display: none;
  background: #e7e7e7;
  width: 100%;
  height: 66px;
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 8888;
}
.bgShrink.logoShrink {
  display: block;
}
.bgShrink.shrink {
  display: block;
  z-index: 2;
}
/*
*   customizeLink
*/
.customizeLink img {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/customize-h.png') no-repeat;
  width: 21px;
  height: 21px;
}
.customizeLink:hover img,
.customizeLink:focus img {
  padding-left: 21px;
}
.home .customizeLink {
  position: absolute;
  top: 0;
  right: 0;
}
.home .customizeLink:hover,
.home .customizeLink:focus {
  text-decoration: none;
}
.home .blocStyle1 a.customizeLink:hover span,
.home .blocStyle1 a.customizeLink:focus span {
  text-decoration: none;
}
/*
*   horiW
*/
.horiW {
  clear: both;
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
.horiW:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.home .adBloc {
  width: 300px;
  background: none;
  border: none;
  padding: 0;
}
.largePage .site-content .simpleGallery .sliderGalerie,
.largePage .simpleGallery .sliderGalerie {
  margin: 0 auto;
}
.site-content .simpleGallery,
.simpleGallery {
  background: #343434;
  margin: 20px -24px 25px;
  padding: 15px 20px 25px 20px;
}
.site-content .simpleGallery .title,
.simpleGallery .title {
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2em;
}
.site-content .simpleGallery .title a,
.simpleGallery .title a {
  color: #fff;
}
.site-content .simpleGallery .title:before,
.simpleGallery .title:before {
  content: "";
}
.site-content .simpleGallery .sliderGalerie,
.simpleGallery .sliderGalerie {
  width: 580px;
  position: relative;
}
.site-content .simpleGallery .sliderGalerie a,
.simpleGallery .sliderGalerie a {
  display: block;
  width: 572px;
  height: 382px;
  text-align: center;
  position: relative;
}
.site-content .simpleGallery .sliderGalerie a:after,
.simpleGallery .sliderGalerie a:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/galerie-full-screen.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: inherit;
  right: 4px;
  bottom: 5px;
  left: inherit;
  z-index: 1;
}
.site-content .simpleGallery .sliderGalerie a img,
.simpleGallery .sliderGalerie a img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.site-content .simpleGallery .sliderGalerie a .infosImg,
.simpleGallery .sliderGalerie a .infosImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  text-align: right;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.site-content .simpleGallery .sliderGalerie a .infosImg .numberPhotos,
.simpleGallery .sliderGalerie a .infosImg .numberPhotos {
  background: #00727e;
  color: #fff;
  display: table-cell;
  width: 65px;
  padding: 10px 10px 10px 34px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  position: relative;
}
.site-content .simpleGallery .sliderGalerie a .infosImg .numberPhotos:before,
.simpleGallery .sliderGalerie a .infosImg .numberPhotos:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 6px;
  right: inherit;
  bottom: inherit;
  left: 10px;
  content: '\e04b';
}
.site-content .simpleGallery .sliderGalerie a .infosImg .wrap,
.simpleGallery .sliderGalerie a .infosImg .wrap {
  display: table-cell;
  padding: 10px 40px 10px;
}
.site-content .simpleGallery .sliderGalerie a .infosImg .legendGallery,
.simpleGallery .sliderGalerie a .infosImg .legendGallery {
  font-weight: bold;
}
.simpleGalleryDetail .sliderGalerie {
  width: 100%;
  margin-bottom: 35px;
}
.simpleGalleryDetail .sliderGalerie a {
  width: 100%;
  height: auto;
}
.simpleGalleryDetail .infosPhoto:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.simpleGalleryDetail .infosPhoto .download {
  float: left;
}
.simpleGalleryDetail .infosPhoto .download a {
  position: relative;
  padding-left: 25px;
  color: #fff;
  font-size: 1.3em;
  text-transform: uppercase;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
.simpleGalleryDetail .infosPhoto .download a:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e015';
}
.simpleGalleryDetail .infosPhoto .download a:hover span,
.simpleGalleryDetail .infosPhoto .download a:focus span {
  text-decoration: underline;
}
.simpleGalleryDetail .infosPhoto .share {
  float: right;
}
.largePage .site-content .classicalGallery .sliderGalerie {
  margin: 0 auto 20px;
}
.largePage .site-content .classicalGallery .carouselGalerieWrap {
  margin: 0 auto;
}
.site-content .classicalGallery {
  background: #343434;
  margin: 20px -24px 25px;
  padding: 15px 24px 25px 20px;
  overflow: hidden;
}
.site-content .classicalGallery .title {
  margin-left: 0;
  margin-right: 0;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2em;
}
.site-content .classicalGallery .title a {
  color: #fff;
}
.site-content .classicalGallery .title:before {
  content: "";
}
.site-content .classicalGallery .sliderGalerieWrapper {
  margin-bottom: 20px;
  position: relative;
}
.site-content .classicalGallery .sliderGalerieWrapper .ratio {
  width: 100%;
  height: auto;
  margin: 0 !important;
}
.site-content .classicalGallery .sliderGalerieWrapper .sliderGalerie {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.site-content .classicalGallery .ls-webkit-hack {
  display: none;
}
.site-content .classicalGallery .sliderGalerie {
  width: 572px;
  margin-bottom: 20px;
  position: relative;
}
.site-content .classicalGallery .sliderGalerie .item {
  width: 572px;
  height: 382px;
  z-index: 1 !important;
}
.site-content .classicalGallery .sliderGalerie .ls-inner,
.site-content .classicalGallery .sliderGalerie .ls-layer {
  width: 100% !important;
  height: 100% !important;
}
.site-content .classicalGallery .sliderGalerie .ls-layer img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.site-content .classicalGallery .sliderGalerie .cycle-carousel-wrap {
  width: 572px;
}
.site-content .classicalGallery .sliderGalerie .infosImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  text-align: right;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.site-content .classicalGallery .sliderGalerie .infosImg .legendGallery {
  font-weight: bold;
}
.site-content .classicalGallery .sliderGalerie a {
  display: block;
  width: 572px;
  height: 382px;
  text-align: center;
  text-decoration: none !important;
  z-index: 999999 !important;
  position: relative;
}
.site-content .classicalGallery .sliderGalerie a:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/galerie-full-screen.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: 5px;
  left: 4px;
  z-index: 1;
}
.site-content .classicalGallery .sliderGalerie a .infosImg {
  padding-left: 30px;
}
.site-content .classicalGallery .sliderGalerie .ls-layer a,
.site-content .classicalGallery .sliderGalerie .ls-layer .infosImg {
  display: none !important;
}
.site-content .classicalGallery .sliderGalerie .ls-active a {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.site-content .classicalGallery .sliderGalerie .ls-active a:after {
  content: none;
}
.site-content .classicalGallery .sliderGalerie .ls-active .infosImg {
  display: block !important;
  z-index: 999999 !important;
  height: 50px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 100% !important;
  font-size: 1.2em !important;
  overflow: hidden;
  top: calc(100% - 50px) !important;
  position: relative;
}
.site-content .classicalGallery .sliderGalerie .ls-active .infosImg:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/galerie-full-screen.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: 5px;
  left: 4px;
  z-index: 1;
}
.site-content .classicalGallery .sliderVideo {
  margin-bottom: 0;
}
.site-content .classicalGallery .sliderVideo .infosImg {
  position: inherit;
  bottom: inherit;
  top: inherit;
  left: inherit;
  right: inherit;
}
.site-content .classicalGallery .carouselGalerieWrap {
  width: 572px;
  position: relative;
  z-index: 1;
}
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 74px;
  width: 100%;
  z-index: 1;
}
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb .prev,
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb .next {
  position: absolute;
  top: 0;
}
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb .prev:before,
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb .next:before {
  content: "";
}
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb .prev {
  left: 0px;
}
.site-content .classicalGallery .carouselGalerieWrap .pagerThumb .next {
  right: 0px;
}
.site-content .classicalGallery .carouselGalerie {
  width: 520px;
  margin-left: 26px;
  z-index: 2;
}
.site-content .classicalGallery .carouselGalerie .item {
  z-index: 1 !important;
  text-align: center;
}
.site-content .classicalGallery .carouselGalerie .item.cycle-slide-active img,
.site-content .classicalGallery .carouselGalerie .item.cycle-pager-active img {
  border: 4px solid #00AEBF;
  width: 66px;
  height: 66px;
}
.site-content .classicalGallery .carouselGalerie .item button:hover img,
.site-content .classicalGallery .carouselGalerie .item button:focus img {
  border: 4px solid #00AEBF;
  width: 66px;
  height: 66px;
}
.site-content .classicalGallery .carouselGalerie.noCarousel {
  position: relative;
}
.site-content .classicalGallery .carouselGalerie.noCarousel .item {
  display: inline-block;
  margin: 0 5px;
}
.site-content .classicalGallery .infosAlbum {
  margin: 20px auto 0;
  color: #fff;
  width: 572px;
}
.site-content .classicalGallery .infosAlbum p {
  color: #fff;
}
.site-content .classicalGallery .infosAlbum .linkAlbum {
  padding: 0;
  margin-bottom: auto;
}
.site-content .classicalGallery .infosAlbum .linkAlbum li {
  display: inline-block;
  padding-left: 20px;
  margin-right: 40px;
}
.site-content .classicalGallery .infosAlbum .linkAlbum li:before {
  font-family: specificIcons;
  color: #00AEBF;
  left: 0;
  font-size: 15px;
}
.site-content .classicalGallery .infosAlbum .linkAlbum li.viewGallery:before {
  content: "\e010";
}
.site-content .classicalGallery .infosAlbum .linkAlbum li.viewFullScreen:before {
  content: "\e00f";
  font-size: 13px;
}
.site-content .classicalGallery .infosAlbum .linkAlbum li.viewWebTv:before {
  content: "\e00e";
}
.site-content .classicalGallery .infosAlbum .linkAlbum a {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1em;
  text-decoration: none;
}
.site-content .classicalGallery .infosAlbum .linkAlbum a:hover span,
.site-content .classicalGallery .infosAlbum .linkAlbum a:focus span {
  text-decoration: underline;
}
.site-content .classicalGallery.singleGallery .sliderGalerie {
  margin-bottom: 0;
  z-index: 1;
}
.site-content .classicalGallery.singleGallery .sliderGalerie a {
  height: auto;
}
.site-content .colPos18181 .classicalGallery {
  margin: 20px 0 25px;
}
.site-content .colPos18181 .classicalGallery .sliderGalerie {
  width: 100%;
}
.site-content .colPos18181 .classicalGallery .sliderGalerie .item,
.site-content .colPos18181 .classicalGallery .sliderGalerie a {
  width: 100%;
  height: auto;
}
.site-content .colPos18181 .classicalGallery .infosAlbum,
.site-content .colPos18181 .classicalGallery .carouselGalerieWrap {
  width: 100%;
}
.site-content .colPos18181 .classicalGallery .infosAlbum .pagerThumb,
.site-content .colPos18181 .classicalGallery .carouselGalerieWrap .pagerThumb,
.site-content .colPos18181 .classicalGallery .infosAlbum .pagerThumb button,
.site-content .colPos18181 .classicalGallery .carouselGalerieWrap .pagerThumb button,
.site-content .colPos18181 .classicalGallery .infosAlbum .pagerThumb button img,
.site-content .colPos18181 .classicalGallery .carouselGalerieWrap .pagerThumb button img,
.site-content .colPos18181 .classicalGallery .infosAlbum .pagerThumb .prev,
.site-content .colPos18181 .classicalGallery .carouselGalerieWrap .pagerThumb .prev,
.site-content .colPos18181 .classicalGallery .infosAlbum .pagerThumb .next,
.site-content .colPos18181 .classicalGallery .carouselGalerieWrap .pagerThumb .next {
  height: 100%;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie {
  width: 80%;
  width: calc(100% - 52px);
  margin: 0 26px;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie.noCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie.noCarousel .item {
  margin: 0;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie .item {
  min-width: 76px;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie .item img {
  width: 100%;
  height: auto;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie .item button {
  margin: 0 3px;
}
.site-content .colPos18181 .classicalGallery .carouselGalerie .item.cycle-slide-active img,
.site-content .colPos18181 .classicalGallery .carouselGalerie .item.cycle-pager-active img,
.site-content .colPos18181 .classicalGallery .carouselGalerie .item button:hover img,
.site-content .colPos18181 .classicalGallery .carouselGalerie .item button:focus img {
  border-width: 2px;
  width: 96%;
  width: calc(100% - 4px);
  height: auto;
}
.largePage .site-content .colPos18181 .classicalGallery .carouselGalerie .item {
  min-width: 129px;
}
.carouselBigWrapper {
  width: 100%;
  margin-bottom: 40px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-big-bottom2.png") no-repeat 50% 450px;
  position: relative;
}
.carouselBigWrapper .carouselBigControl {
  width: 960px;
  margin: 0 auto;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-big-bottom.png") no-repeat 0 0;
  position: relative;
  min-height: 18px;
}
.carouselBigWrapper .buttonArret {
  z-index: 999;
  top: 0;
  right: 0;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  color: #6a6a6a;
  text-decoration: none;
  position: relative;
  position: absolute;
}
.carouselBigWrapper .buttonArret:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 14px;
  color: #6a6a6a;
  position: absolute;
  top: 1px;
  right: inherit;
  bottom: inherit;
  left: -15px;
  content: '\e076';
}
.carouselBigWrapper .buttonArret:before {
  text-shadow: none;
  text-align: left;
}
.carouselBigWrapper .buttonArret.modePlay {
  position: relative;
  position: absolute;
}
.carouselBigWrapper .buttonArret.modePlay:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 14px;
  color: #6a6a6a;
  position: absolute;
  top: 1px;
  right: inherit;
  bottom: inherit;
  left: -15;
  content: '\e075';
}
.carouselBigWrapper .buttonArret.modePlay:before {
  text-shadow: none;
  text-align: left;
}
.carouselBigWrapper .buttonArret:hover,
.carouselBigWrapper .buttonArret:focus {
  text-decoration: underline;
  color: #000;
}
.carouselBigWrapper .cyclePrevNext {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
}
.carouselBigWrapper .cyclePrevNext #cycle-prev,
.carouselBigWrapper .cyclePrevNext #cycle-next {
  position: absolute;
  top: 150px;
  width: 80px;
  height: 148px;
  z-index: 999;
}
.carouselBigWrapper .cyclePrevNext #cycle-prev.disabled,
.carouselBigWrapper .cyclePrevNext #cycle-next.disabled {
  display: none;
}
.carouselBigWrapper .cyclePrevNext #cycle-prev button:hover img,
.carouselBigWrapper .cyclePrevNext #cycle-next button:hover img,
.carouselBigWrapper .cyclePrevNext #cycle-prev button:focus img,
.carouselBigWrapper .cyclePrevNext #cycle-next button:focus img {
  padding-left: 80px;
}
.carouselBigWrapper .cyclePrevNext #cycle-prev button img,
.carouselBigWrapper .cyclePrevNext #cycle-next button img {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 148px;
}
.carouselBigWrapper .cyclePrevNext #cycle-prev {
  left: 30px;
}
.carouselBigWrapper .cyclePrevNext #cycle-prev button:hover img,
.carouselBigWrapper .cyclePrevNext #cycle-prev button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-big-prev-h.png") no-repeat 0 0;
}
.carouselBigWrapper .cyclePrevNext #cycle-next {
  right: 30px;
}
.carouselBigWrapper .cyclePrevNext #cycle-next button:hover img,
.carouselBigWrapper .cyclePrevNext #cycle-next button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-big-next-h.png") no-repeat 0 0;
}
.carouselBigWrapper .cycle-pager {
  display: inline-block;
  width: 100%;
  text-align: right;
  padding-right: 12em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
}
.carouselBigWrapper .cycle-pager li {
  display: inline-block;
  margin-right: -8px;
}
.carouselBigWrapper .cycle-pager li button {
  width: 32px;
  height: 18px;
}
.carouselBigWrapper .cycle-pager li button img {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 18px;
}
.carouselBigWrapper .cycle-pager li button:hover img,
.carouselBigWrapper .cycle-pager li button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-big-pager-h.png") no-repeat 0 0;
  padding-left: 32px;
}
.carouselBigWrapper .cycle-pager li.cycle-pager-active button:hover img,
.carouselBigWrapper .cycle-pager li.cycle-pager-active button:focus img {
  background: none;
  padding-left: 0;
}
.carouselBigWrapper .customizeCarousel {
  position: absolute;
  top: 4px;
  left: 320px;
}
.carouselBigWrapper .customizeCarousel #customizeCarouselP {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  color: #6a6a6a;
  position: relative;
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
.carouselBigWrapper .customizeCarousel #customizeCarouselP:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 13px;
  color: #d1d1d1;
  position: absolute;
  top: -1px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e056';
}
.carouselBigWrapper .customizeCarousel ul {
  display: inline-block;
  vertical-align: middle;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/slash2.png") no-repeat 50% 0;
}
.carouselBigWrapper .customizeCarousel ul li {
  display: inline-block;
  margin: 0 10px;
}
.carouselBigWrapper .customizeCarousel ul li button img {
  width: 22px;
  height: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
.carouselBigWrapper .customizeCarousel ul .sliderView button:hover img,
.carouselBigWrapper .customizeCarousel ul .sliderView button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-view-slider-h.png") no-repeat 0 0;
  padding-left: 22px;
}
.carouselBigWrapper .customizeCarousel ul .sliderView.current img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-view-slider-h.png") no-repeat 0 0;
  padding-left: 22px;
}
.carouselBigWrapper .customizeCarousel ul .sliderGrid button:hover img,
.carouselBigWrapper .customizeCarousel ul .sliderGrid button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-view-grid-h.png") no-repeat 0 0;
  padding-left: 22px;
}
.carouselBigWrapper .customizeCarousel ul .sliderGrid.current img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/carousel-view-grid-h.png") no-repeat 0 0;
  padding-left: 22px;
}
.carouselBigWrapper.gridView .cycle-pager,
.carouselBigWrapper.gridView .buttonArret,
.carouselBigWrapper.gridView .cyclePrevNext {
  display: none;
}
.carouselBigWrapper.gridView .carouselBig {
  padding: 0 4.16667%;
  background: #343434;
  text-align: center;
}
.carouselBigWrapper.gridView .carouselBig > .item {
  display: inline-block;
  position: inherit;
  vertical-align: top;
  width: 23.875%;
  margin: 0 0.52084%;
  margin: 0 0.40%;
  background-position: 0 20px;
  background-size: 130% auto;
  text-align: left;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper {
  height: auto;
  width: auto;
  font-size: 1em;
  padding: 2em 0 0 0;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper.right .link {
  right: inherit;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper.right .link .wrapper2 {
  text-align: left;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper.right .link .subTitle {
  text-align: left;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link {
  display: block;
  height: auto;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .wrapper2 {
  display: inline;
  vertical-align: top;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .ghostImage {
  padding-top: 50%;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .subTitle span {
  background: #000;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .title {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  font-size: 2.2em;
}
.carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .moreInfos {
  display: none;
  margin-left: auto;
  margin-right: 30px;
  text-align: right;
}
@media only screen and (min-width: 1280px) {
  .carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .title {
    font-size: 2.2em;
  }
}
.ie8 .carouselBigWrapper.gridView .carouselBig {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.ie8 .carouselBigWrapper.gridView .carouselBig > .item {
  width: 220px;
  margin: 0 8px;
}
.ie8 .carouselBigWrapper.gridView .carouselBig > .item > .wrapper .link .ghostImage {
  width: 220px;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 15px;
}
.carouselBig {
  min-height: 450px;
}
.carouselBig > .item {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 1280px 480px;
  height: 450px;
  width: 100%;
}
.carouselBig > .item > .wrapper {
  position: relative;
  margin: 0 auto;
  width: 820px;
  height: 450px;
  padding: 0 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.carouselBig > .item > .wrapper .link {
  height: 450px;
  width: 100%;
  display: table;
  text-decoration: none;
  color: #fff;
}
.carouselBig > .item > .wrapper .link:hover,
.carouselBig > .item > .wrapper .link:focus {
  text-decoration: underline;
}
.carouselBig > .item > .wrapper .wrapper2 {
  display: table-cell;
  vertical-align: middle;
}
.carouselBig > .item > .wrapper .subTitle {
  background: none;
  padding: 0;
  display: block;
  text-align: left;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2em;
  text-transform: uppercase;
}
.carouselBig > .item > .wrapper .subTitle span {
  display: inline-block;
  padding: 10px 20px 5px 20px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.carouselBig > .item > .wrapper .title {
  display: inline-block;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 440px;
  padding: 10px 20px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 4em;
  line-height: 1.1;
}
.carouselBig > .item > .wrapper .moreInfos {
  margin-left: 330px;
}
.carouselBig > .item > .wrapper .moreInfos span {
  display: inline-block;
  background: #00727e;
  text-transform: uppercase;
  font-size: 1.4em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  padding: 8px 10px;
}
.carouselBig > .item > .wrapper.right .link .wrapper2 {
  text-align: right;
}
.carouselBig > .item > .wrapper.right .link .subTitle {
  text-align: right;
}
@media only screen and (min-width: 1280px) {
  .carouselBig > .item {
    background-position: 50% 50%;
    background-size: 1920px 720px;
  }
  .carouselBig > .item > .wrapper {
    width: 1260px;
  }
}
.wrapperEvents {
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.wrapperEvents .eventContent {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 960px) {
  .wrapperEvents .eventContent {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.wrapperEvents .eventContent .wrap {
  display: block;
  text-decoration: none;
  border: 2px solid transparent;
}
.wrapperEvents .eventContent .wrap:focus {
  border: 2px dotted #000;
}
.wrapperEvents .eventContent .wrap .wrapper {
  height: 510px;
  width: 100%;
  text-align: center;
  display: table;
}
.wrapperEvents .eventContent .wrap .wrapper2 {
  display: table-cell;
  vertical-align: middle;
}
.wrapperEvents .eventContent .wrap .subTitle {
  display: block;
  background: none;
  margin-bottom: 10px;
  font-size: 2.3em;
}
.wrapperEvents .eventContent .wrap .subTitle span {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  display: inline-block;
  padding: 4px 10px;
}
.wrapperEvents .eventContent .wrap .title {
  display: block;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 3.1em;
  padding: 4px 10px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.wrapperEvents .eventContent .wrap .description {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 2em;
  padding: 20px;
}
.quickLinksMobile {
  display: none;
}
.popInCG {
  background: #343434;
  padding: 20px;
}
.popInCG .linkViewWrap {
  margin-top: -32px;
  display: block;
  text-align: right;
  background: none;
  padding-right: 100px;
}
.popInCG .linkViewWrap .linkView a {
  color: #fff;
  text-decoration: none;
}
.popInCG .linkViewWrap .linkView a:hover,
.popInCG .linkViewWrap .linkView a:focus {
  text-decoration: underline;
}
.popinWebTV .title3:before {
  color: #dd6300;
}
.popinWebTV .linkViewWrap .linkView a:before {
  color: #dd6300;
}
.popinWebTV .tablist {
  display: table;
  padding-top: 30px;
}
.popinWebTV .tablist > li {
  width: 290px;
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  padding-bottom: 20px;
  position: relative;
}
.popinWebTV .tablist > li:after {
  width: calc(100% - 20px);
  height: 2px;
  content: "";
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x scroll 0 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.popinWebTV .tablist > li.active > a img {
  border: 6px solid #00AEBF;
  width: 125px;
  height: 73px;
}
.popinWebTV .tablist > li > a {
  display: block;
  height: auto;
  color: #fff;
  text-decoration: none;
}
.popinWebTV .tablist > li > a:hover,
.popinWebTV .tablist > li > a:focus {
  text-decoration: underline;
}
.popinWebTV .tablist > li > a:hover img,
.popinWebTV .tablist > li > a:focus img {
  border: 6px solid #00AEBF;
  width: 125px;
  height: 73px;
}
.popinWebTV .tablist > li > a img {
  float: left;
  margin-right: 20px;
}
.popinWebTV .tablist > li > a .titreTab {
  overflow: hidden;
  color: #fff;
  font-size: 1.4em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
#cookiesTopBlock {
  padding: 15px;
  background: #e5e3e3;
}
#cookiesTopBlock .description p {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #343434;
  font-size: 1.4em;
  position: relative;
  padding: 0 0 0 25px;
}
#cookiesTopBlock .description p:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e082';
}
#cookiesTopBlock a {
  margin: 0 15px;
  white-space: nowrap;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
  display: block;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}
#cookiesTopBlock a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e00f';
  margin: 0;
  font-size: 20px;
  color: #00AEBF;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
#cookiesTopBlock a:hover,
#cookiesTopBlock a:focus {
  text-decoration: underline;
}
#cookiesTopBlock button {
  padding: 5px 13px;
}
#cookiesTopBlock button:before {
  content: "";
  margin: 0;
}
#cookieManager {
  padding: 30px 50px 30px 30px;
  background: #e5e3e3;
}
#cookieManager header {
  position: relative;
  padding: 13px 0 0 100px;
}
#cookieManager header:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 70px;
  color: #00AEBF;
  position: absolute;
  top: -10px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e082';
}
#cookieManager header .wrapper {
  padding-bottom: 30px;
  border-bottom: 1px dotted #6a6a6a;
}
#cookieManager header h2 {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
  color: #00727e;
}
#cookieManager header p {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #00727e;
}
#cookieManager form {
  padding: 30px 0 0 65px;
}
#cookieManager form fieldset {
  margin: 0;
  padding: 0;
  background: none;
}
#cookieManager form label {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6em;
  text-transform: uppercase;
  color: #343434;
}
#cookieManager form label .description {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.8125em;
  text-transform: none;
}
#cookieManager form .validate {
  margin: 30px 0 0;
  text-align: right;
}
#cookieManager form .validate button.save {
  margin-left: 20px;
}
.radioECard img {
  width: 100%;
  height: auto;
}
#showEcard img,
#previewEcard img,
#showEcard .message,
#previewEcard .message {
  max-width: 100%;
}
.pagenumbering {
  overflow: hidden;
}
.pagenumbering .pertinence {
  float: right;
}
.pagenumbering .pertinence span.barre {
  width: 100px;
}
.survey_item .wrapper {
  padding-top: 20px;
}
.recaptchatable .recaptcha_r1_c1,
#recaptcha_area td {
  background: none;
}
.recaptchatable .recaptcha_image_cell center {
  margin-bottom: 20px;
}
.videos .videoItem {
  position: relative;
  margin-bottom: 40px;
}
.videos .videoItem > .youtube_player,
.videos .videoItem > .vimeo_player,
.videos .videoItem > .dailymotion_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.videos .videoItem .copyright {
  position: absolute;
  left: 0;
  top: 100%;
}
.videos .ratio {
  width: 100%;
  height: auto;
}
form {
  display: block;
  overflow: hidden;
}
fieldset,
div.fieldset {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  margin-bottom: 60px;
  border: none;
  position: relative;
  background: #fff;
}
div.fieldsetGauche,
fieldset.fieldsetGauche {
  clear: both;
  float: left;
  width: 49%;
  margin: 0;
}
div.fieldsetDroite,
fieldset.fieldsetDroite {
  float: right;
  width: 49%;
  margin: 0;
}
fieldset fieldset,
div.fieldset fieldset,
fieldset div.fieldset,
div.fieldset div.fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
fieldset div,
div.fieldset div {
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
fieldset div fieldset div,
div.fieldset div fieldset div {
  margin: 0;
}
legend {
  display: inline;
  padding: 0;
  color: #6F6F6F;
  text-align: left;
  font-style: italic;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.2em;
  white-space: normal;
  width: 100%;
  margin-bottom: 10px;
}
#col1 legend {
  text-align: left;
}
legend span {
  width: 100%;
  padding: 0 2px 5px 0;
  display: inline-block;
  z-index: 1;
  overflow: hidden;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
}
.fieldsetGauche legend,
.fieldsetGauche legend span,
.fieldsetDroite legend,
.fieldsetDroite legend span {
  width: auto;
}
fieldset fieldset legend,
div.fieldset fieldset legend {
  background: transparent;
  color: #0091a1;
  padding: 0;
}
.site-content fieldset:first-child {
  margin-top: 40px;
}
.site-content p.label,
label,
.label {
  cursor: pointer;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6em;
  color: #00727e;
  display: block;
  padding-bottom: 3px;
}
.site-content p.label {
  cursor: default;
  margin: 0;
  padding: 10px 0;
}
.legend,
.site-content .legend {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2em;
  margin: 0 0 5px 0;
  color: #000;
}
legend em.required,
label em.required {
  color: #00727e;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
}
legend em.required {
  font-size: 0.8571em;
  text-transform: none;
}
label .teaser {
  padding: 2px 0;
  font-size: 0.9em;
  color: #6F6F6F;
  font-weight: normal;
}
input[type="text"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  vertical-align: middle;
}
input[type="text"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  background: #f7f7f7;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 2px;
  text-indent: 0.2em;
  font-size: 1.2em;
  color: #000;
  width: 100%;
  -webkit-transition: 0.2s background;
  transition: 0.2s background;
}
textarea {
  height: 188px;
  resize: vertical;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
  background: #fff;
}
input[readonly],
input[disabled] {
  border-color: #cbcbcb;
  background: #ffffff;
  color: #777777;
}
input[readonly]:hover,
input[disabled]:hover,
input[readonly]:focus,
input[disabled]:focus {
  border-color: #cbcbcb;
}
.validateForm {
  text-align: right;
}
button,
input[type=submit],
input[type=reset],
.likeButton {
  font-size: 1.4em;
  background: #00727e;
  color: #fff;
  padding: 9px 20px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  width: auto;
  cursor: pointer;
  border: none;
}
button:before,
input[type=submit]:before,
input[type=reset]:before,
.likeButton:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e057';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: -1px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
button:before,
input[type=submit]:before,
input[type=reset]:before,
.likeButton:before {
  text-shadow: 1px 1px 1px #000;
}
.likeButton {
  display: inline-block;
  text-decoration: none;
}
form button,
form .likeButton,
form input[type="reset"],
form input[type="submit"] {
  text-transform: uppercase;
}
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.likeButton:hover,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.likeButton:focus {
  background: #00444b;
  color: #ffffff;
}
button[type=reset],
input[type=reset] {
  background: #d5d5d5;
  color: #6F6F6F;
}
button[type=reset]:hover,
input[type=reset]:hover,
button[type=reset]:focus,
input[type=reset]:focus {
  background: #6c6c6c;
  color: #d5d5d5;
}
input.cancel,
button.cancel {
  background: #6F6F6F;
}
input.cancel:before,
button.cancel:before {
  content: '\e058';
}
input.cancel:hover,
button.cancel:hover,
input.cancel:focus,
button.cancel:focus {
  background: #565656;
}
button.image,
input[type="image"] {
  width: auto;
  background: none;
  border: none;
  padding: 0;
}
input[type=radio],
input[type=checkbox] {
  width: auto;
}
.tx_powermail_pi1_formconfirmation_back input[type="reset"],
.tx_powermail_pi1_formconfirmation_back input[type="submit"],
.tx_powermail_pi1_formconfirmation_back .likeButton,
.tx_powermail_pi1_formconfirmation_back button {
  background: #343434;
}
.tx_powermail_pi1_formconfirmation_back input[type="reset"]:hover,
.tx_powermail_pi1_formconfirmation_back input[type="submit"]:hover,
.tx_powermail_pi1_formconfirmation_back .likeButton:hover,
.tx_powermail_pi1_formconfirmation_back button:hover,
.tx_powermail_pi1_formconfirmation_back input[type="reset"]:focus,
.tx_powermail_pi1_formconfirmation_back input[type="submit"]:focus,
.tx_powermail_pi1_formconfirmation_back .likeButton:focus,
.tx_powermail_pi1_formconfirmation_back button:focus {
  background: #00444b;
}
.tx_powermail_pi1_formconfirmation_back input[type="reset"]:before,
.tx_powermail_pi1_formconfirmation_back input[type="submit"]:before,
.tx_powermail_pi1_formconfirmation_back .likeButton:before,
.tx_powermail_pi1_formconfirmation_back button:before {
  content: "\e026";
  vertical-align: -3px;
}
.helpme {
  font-size: 1.1em;
  font-style: italic;
}
.reinit_fieldset {
  border: none;
  padding: 0;
}
.reinit_fieldset legend {
  display: none;
}
.select {
  position: relative;
}
.select select {
  font-size: 1.4em !important;
}
.select select[disabled] {
  color: #777777;
  cursor: default;
}
.select select option {
  padding-right: 30px;
}
fieldset div.select,
div.fieldset div.select,
fieldset div fieldset div.select,
div.fieldset div fieldset div.select {
  height: 37px !important;
  margin: 0;
  overflow: visible !important;
  position: relative;
}
.select select {
  max-width: 794px;
  min-width: 75px;
  font-size: 1.5em;
  position: relative;
  z-index: 10;
  height: 35px !important;
  line-height: 35px;
  cursor: pointer;
}
select.safariOpera {
  padding-right: 30px;
}
.select span.selectElement {
  background: #f7f7f7;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  max-width: 794px;
  min-width: 75px;
  font-size: 1.3em;
  position: absolute;
  bottom: 0;
  float: left;
  left: 0;
  height: 35px;
  line-height: 35px;
  text-indent: 5px;
  cursor: default;
  z-index: 1;
  -webkit-transition: 300ms background;
  transition: 300ms background;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select:hover span.selectElement,
.select:focus span.selectElement,
.select span.selectElement.active {
  background-color: #fff;
}
.select span.selectElement span {
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/form/select_right.png') no-repeat 100% 50%;
  height: 35px;
  display: block;
  padding-right: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fieldsetDroite .select select,
.fieldsetDroite .select span.selectElement,
.fieldsetGauche .select select,
.fieldsetGauche .select span.selectElement {
  max-width: 95%;
  width: 95% !important;
}
.select select[disabled] + span.selectElement {
  color: #777;
  background: #fff;
}
.radio,
.checkbox {
  clear: both;
}
.radio:after,
.checkbox:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.radio legend,
.checkbox legend {
  display: block;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #0091a1;
  font-size: 1.6em;
  text-align: left;
  font-style: normal;
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.radio .label,
.checkbox .label,
.radio label,
.checkbox label {
  color: #000;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
}
.radio .wrapField,
.checkbox .wrapField {
  clear: both;
}
.site-content .horizontal .radio,
.site-content .horizontal2 .radio,
.site-content .horizontal3 .radio,
.site-content .horizontal4 .radio,
.site-content .horizontal .checkbox,
.site-content .horizontal2 .checkbox,
.site-content .horizontal3 .checkbox,
.site-content .horizontal4 .checkbox {
  overflow: hidden;
}
.site-content .horizontal fieldset div,
.site-content .horizontal2 fieldset div,
.site-content .horizontal3 fieldset div,
.site-content .horizontal4 fieldset div {
  display: inline-block;
  width: 49%;
  padding-right: 3%;
  padding-bottom: 15px;
  vertical-align: top;
}
.site-content .horizontal fieldset div.additional,
.site-content .horizontal2 fieldset div.additional,
.site-content .horizontal3 fieldset div.additional,
.site-content .horizontal4 fieldset div.additional {
  display: block;
  width: 100%;
}
.site-content .horizontal fieldset div,
.site-content .horizontal3 fieldset div {
  width: 33%;
}
.site-content .horizontal4 fieldset div {
  width: 25%;
}
/* Checkbox */
.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
}
.checkbox label:before[disabled] {
  border-color: #d5d3d3;
}
input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
input[type=checkbox]:checked + label:before {
  font-family: icons;
  content: "\e057";
  font-size: 14px;
  color: #00AEBF;
  text-align: center;
  line-height: 18px;
}
input[type=checkbox][disabled] + label:before {
  color: #c3c1c1;
  cursor: default;
}
input[type=checkbox][disabled] + label {
  cursor: default;
}
.ie8 .checkbox label,
.ie7 .checkbox label {
  padding: 0;
}
.ie8 .checkbox label:before,
.ie7 .checkbox label:before {
  width: auto;
  height: auto;
  margin: auto;
}
.ie8 input[type=checkbox],
.ie7 input[type=checkbox] {
  position: inherit;
  left: inherit;
}
/* radio */
.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
}
.radio label:before {
  border-radius: 10px;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
}
input[type=radio] {
  position: absolute;
  opacity: 0;
}
input[type=radio]:checked + label:before {
  font-family: icons;
  content: "\e06c";
  font-size: 10px;
  color: #00AEBF;
  text-align: center;
  line-height: 18px;
}
.ie8 .radio label,
.ie7 .radio label {
  padding: 0;
}
.ie8 .radio label:before,
.ie7 .radio label:before {
  width: auto;
  height: auto;
  margin: auto;
}
.ie8 input[type=radio],
.ie7 input[type=radio] {
  position: inherit;
  left: inherit;
}
.radioECard img {
  width: 100%;
  height: auto;
}
.tx-indexedsearch-search-select-section .select select {
  width: 100%;
}
.site-content .catmenu,
.catmenu {
  margin-bottom: 20px;
}
.site-content .catmenu fieldset,
.catmenu fieldset,
.site-content .catmenu div.fieldset,
.catmenu div.fieldset {
  margin: 0 0 25px;
}
.site-content .catmenu legend span,
.catmenu legend span {
  text-align: right;
}
.site-content .catmenu .table,
.catmenu .table {
  margin-bottom: 0;
}
.site-content .catmenu .select select,
.catmenu .select select,
.site-content .catmenu .select span.selectElement,
.catmenu .select span.selectElement,
.site-content .catmenu input,
.catmenu input {
  width: 100%;
}
.site-content .catmenu #catMenuReportages:after,
.catmenu #catMenuReportages:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .catmenu .table > div:last-child,
.catmenu .table > div:last-child {
  padding: 0 0 0 15px;
}
.site-content .catmenu .validate button:before,
.catmenu .validate button:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e031';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: -1px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content .catmenu .validate button:before,
.catmenu .validate button:before {
  text-shadow: 1px 1px 1px #000;
}
.site-content .catmenu.catmenuShowHide .validate,
.catmenu.catmenuShowHide .validate {
  margin-bottom: 50px;
}
.site-content .catmenu.catmenuShowHide .showHide:after,
.catmenu.catmenuShowHide .showHide:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea,
.catmenu.catmenuShowHide .showHide .showHideArea {
  padding: 0;
  border: none;
  margin: 0 0 0 0;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea.active,
.catmenu.catmenuShowHide .showHide .showHideArea.active {
  margin: 0;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .showHideContent,
.catmenu.catmenuShowHide .showHide .showHideArea .showHideContent {
  border: none;
  padding: 0;
  margin: 0;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle {
  text-align: left;
  padding-left: 5px;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 5px 0;
  background: none;
  color: #00727e;
  text-transform: uppercase;
  /* IE<9 HACK */
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe .img,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe .img {
  position: inherit;
  top: inherit;
  left: inherit;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe .img img,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe .img img {
  margin-right: 5px;
  display: inline-block;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover,
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus {
  background: none;
  text-decoration: underline;
}
.site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe div,
.catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe div {
  margin: 0;
}
.annuaireCatmenu {
  float: left;
  width: 60%;
}
.site-content .publicationsCatmenu {
  margin-bottom: 60px;
}
.site-content .publicationsCatmenu .validate button:before {
  content: '\e033';
}
.publicationsCatmenu form {
  overflow: inherit;
}
.publicationsCatmenu fieldset legend {
  border: none;
  color: #0091a1;
  margin: 25px 0 20px 0;
  position: relative;
  padding-left: 5px;
  display: block;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2em;
  text-align: left;
  padding: 0;
  width: auto;
}
.publicationsCatmenu fieldset legend:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 20px;
  color: #00AEBF;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: -21px;
  content: '\e001';
}
.publicationsCatmenu fieldset legend a {
  color: #0091a1;
}
.publicationsCatmenu fieldset legend a:hover,
.publicationsCatmenu fieldset legend a:focus {
  color: #000;
}
.publicationsCatmenu fieldset legend:before {
  left: -25px;
}
.publicationsCatmenu fieldset legend span {
  background: none;
  padding: 0;
}
.publicationsCatmenu .wrapField .table {
  width: 100%;
}
.publicationsCatmenu .field {
  display: table-cell;
  width: 48%;
}
.publicationsCatmenu .validate {
  margin-bottom: 0;
}
#newsletter {
  clear: both;
  margin: 45px 0;
}
#newsletter form {
  display: block;
}
#newsletter .title,
#newsletter label {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
}
#newsletter input {
  background: #4f4f4f;
  border: none;
  color: #fff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  box-shadow: inherit;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  font-size: 1.4em;
  height: 44px;
  line-height: 44px;
  padding: 0 5px;
  width: 245px;
}
#newsletter button:hover img,
#newsletter button:focus img {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding-left: 44px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/form/newsletter-btn-h.png") no-repeat 0 0;
}
#newsletter .liens {
  font-size: 1.2em;
  overflow: hidden;
  padding-top: 10px;
}
#newsletter .liens li {
  display: inline-block;
  text-align: right;
  width: 49%;
}
#newsletter .liens li:first-child {
  text-align: left;
}
#newsletter .liens a {
  font-size: 1.1667em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  padding-left: 18px;
}
#newsletter .liens a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}
#newsletter .liens a:hover,
#newsletter .liens a:focus {
  color: #fff;
}
#newsletter .liens a:hover span,
#newsletter .liens a:focus span {
  text-decoration: underline;
}
#files_list {
  padding: 10px 0 0;
  margin: 0;
}
#files_list div {
  padding: 0 0 10px;
  margin: 0;
  font-size: 1.2em;
}
#files_list input {
  width: auto;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
  font-size: 1em;
}
#advancedNewsletter .custom_radio {
  float: left;
  padding-right: 1%;
  width: 49%;
}
#advancedNewsletter .custom_checkbox {
  float: left;
  padding-right: 1%;
  width: 24%;
}
.tx_powermail_pi1_formconfirmation_back {
  float: left;
}
.tx_powermail_pi1_formconfirmation_back input {
  background: #ECEAE0;
  color: #6F6F6F;
}
.tx_powermail_pi1_formconfirmation_submit {
  float: right;
}
.tx_powermail_pi1_formconfirmation_cancel {
  float: right;
  clear: both;
  margin-top: 20px;
}
.site-content .question {
  font-size: 1.5em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin: 25px 0;
}
.site-content .tx-powermail-pi1_confirmation {
  overflow: hidden;
}
.site-content .tx-powermail-pi1_confirmation .powermail_all {
  margin: 0;
  padding: 0;
}
.site-content .tx-powermail-pi1_confirmation .powermail_all > li {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 15px;
}
.site-content .tx-powermail-pi1_confirmation .powermail_all > li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .tx-powermail-pi1_confirmation .powermail_all > li strong {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2307em;
  color: #0091a1;
  display: block;
  padding-bottom: 3px;
}
.site-content .tx-powermail-pi1_confirmation .powermail_all > li .likeField {
  background: #f7f7f7;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 2px;
  text-indent: 0.2em;
  font-size: 0.9230em;
  color: #707070;
  width: 100%;
  display: block;
}
.powermail_captchaimage {
  display: inline-block;
}
.captcha {
  margin-bottom: 1.5em;
}
.captcha img {
  margin-top: 10px;
}
.captcha .tx-srfreecap-pi1-cant-read {
  display: block;
  margin: 15px 0;
  font-size: 1.3em;
}
.site-content p.stats {
  margin: 0;
  padding: 15px 0;
}
strong.selection {
  background: #FEF798;
}
.pertinence b {
  text-align: center;
  display: block;
  font-weight: 300;
}
.pertinence span {
  display: inline-block;
  height: 15px;
}
.pertinence span.barre {
  font-size: 0;
  margin: 0 4px;
  width: 50px;
  background: #e7e7e7;
  border: 1px solid #00727e;
}
.pertinence span span {
  background: #00727e;
  max-width: 100%;
}
.stats .pertinence span.barre {
  width: 90%;
  background: #fff;
}
.site-content #demandedecorrections fieldset {
  margin-top: 40px;
}
.site-content #demandedecorrections fieldset fieldset {
  margin-top: 0;
}
#demandedecorrections {
  display: block;
}
#demandedecorrections:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#demandedecorrections legend {
  float: none;
}
#demandedecorrections #tx-powermail-pi1_fieldset_9,
#demandedecorrections #tx-powermail-pi1_fieldset_14 {
  float: left;
  width: 48%;
}
#demandedecorrections #tx-powermail-pi1_fieldset_10,
#demandedecorrections #tx-powermail-pi1_fieldset_15 {
  float: right;
  width: 48%;
}
#demandedecorrections button:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.dateDebutFin .relative {
  margin-bottom: 0;
}
.form__field-datewrapper {
  position: relative;
}
.tx-mnogosearch-long-form {
  overflow: inherit;
}
.site-content .ui-autocomplete,
.ui-autocomplete {
  margin: 0;
  padding: 15px;
  border: 1px solid #E9E9E9;
  background: #F7F7F7;
  position: absolute;
  top: 41px !important;
  width: 158px !important;
  font-size: 1.3em;
}
.site-content .ui-autocomplete .ui-menu-item,
.ui-autocomplete .ui-menu-item {
  border-bottom: 1px solid #E9E9E9;
}
.site-content .ui-autocomplete .ui-menu-item:before,
.ui-autocomplete .ui-menu-item:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .ui-autocomplete .ui-menu-item a,
.ui-autocomplete .ui-menu-item a {
  cursor: pointer;
  display: block;
  padding: 4px 10px;
  text-decoration: none;
}
.site-content .ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a:hover,
.site-content .ui-autocomplete .ui-menu-item a:focus,
.ui-autocomplete .ui-menu-item a:focus {
  background: #00AEBF;
  color: #fff;
}
.site-content .ui-autocomplete {
  top: 91px !important;
  width: 373px !important;
}
.parsley-errors-list p {
  margin: 5px 0 15px;
  color: #ff000d;
  font-style: italic;
  font-size: 1.2em;
}
.parsley-errors-list p:before {
  content: '^';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #ff000d;
  vertical-align: top;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}
.powermail_tab_navigation.tx_powermail_pi1_formconfirmation_back {
  overflow: hidden;
  display: block;
  float: none;
}
.powermail_tab_navigation.tx_powermail_pi1_formconfirmation_back a {
  float: left;
}
.powermail_tab_navigation.tx_powermail_pi1_formconfirmation_back a.powermail_tab_navigation_next {
  float: right;
}
.powermail_tab_navigation.tx_powermail_pi1_formconfirmation_back a.powermail_tab_navigation_next:before {
  float: right;
  content: "\e027";
  margin: 0 0 0 5px;
}
.powermail_tabmenu {
  display: none;
}
.powermail_tabmenu li span {
  cursor: pointer;
  color: #000;
}
.powermail_tabmenu li span:hover {
  color: #00727e;
}
.powermail_tabmenu li.act {
  color: #00727e;
  text-decoration: underline;
}
.progress meter,
.progress .meter {
  float: left;
  margin: 4px 10px 0 0;
  width: 200px;
  height: 10px;
}
meter {
  /* Reset the default appearance */
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  /* For Firefox */
  background: #EEE;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
  border: 1px solid #fff;
  /* For Webkit */
}
meter::-moz-meter-bar {
  border-radius: 3px;
  background: #0091a1;
}
meter::-webkit-meter-bar {
  background: #EEE;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
}
/* For Webkit */
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value {
  border-radius: 3px;
  background: #0091a1;
}
/* Progressbar with span */
.meter {
  background: #EEE;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  border-radius: 3px;
  border: 1px solid #fff;
}
.meter .submeter {
  display: inline-block;
  height: 100%;
  background: #0091a1;
}
.tx-powermail {
  position: relative;
}
.tx-powermail .fileSizeFloat {
  z-index: 1;
  position: fixed;
  top: 50%;
  right: -174px;
  width: 150px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-left-color: #fff;
  padding: 10px;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.tx-powermail .fileSizeFloat strong {
  display: block;
  font-weight: 700;
  font-size: 1.1538461538461538461538461538462em;
  padding-bottom: 5px;
  margin: 0 5px 5px 5px;
  border-bottom: 1px solid #e7e7e7;
}
.tx-powermail .fileSizeFloat .fileInfoWrapper {
  display: block;
  font-weight: bold;
  color: green;
}
.tx-powermail .fileSizeFloat.absolute {
  position: absolute;
  top: 0;
  left: inherit !important;
}
.tx-powermail .fileSizeFloat.bottomfixed {
  position: absolute;
  top: inherit !important;
  bottom: 150px;
  left: inherit !important;
}
.tx-powermail .fileSizeFloat.warning {
  background: red;
  color: #fff;
}
.tx-powermail .fileSizeFloat.warning .fileInfoWrapper {
  color: #fff;
}
.tx-powermail .fileSizeFloat.shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  -webkit-animation: shake 0.5s;
          animation: shake 0.5s;
  /* When the animation is finished, start again */
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(1px, 1px) rotate(0deg);
            transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
            transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
            transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(3px, 2px) rotate(0deg);
            transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(3px, 1px) rotate(-1deg);
            transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(1px, 2px) rotate(0deg);
            transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
            transform: translate(1px, -2px) rotate(-1deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translate(1px, 1px) rotate(0deg);
            transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
            transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
            transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(3px, 2px) rotate(0deg);
            transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
            transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
            transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
            transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(3px, 1px) rotate(-1deg);
            transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(1px, 2px) rotate(0deg);
            transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
            transform: translate(1px, -2px) rotate(-1deg);
  }
}
#jumpMenu {
  display: block;
  background: #00727e;
  width: 100%;
  height: 0;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
#jumpMenu.close {
  padding: 0;
}
#jumpMenu .wrapper {
  margin: 0 auto;
  width: 940px;
  padding: 0 10px;
}
#jumpMenu p {
  display: inline-block;
  font-size: 1.2em;
  vertical-align: middle;
  padding: 10px 10px 10px 0;
  color: #fff;
}
#jumpMenu ul {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  font-size: 1.2em;
}
#jumpMenu ul li {
  display: inline-block;
  float: left;
}
#jumpMenu ul li:first-child {
  margin-left: 0;
}
#jumpMenu ul li a {
  display: block;
  color: #fff;
  padding: 10px;
  text-decoration: none;
}
#jumpMenu ul li a:hover,
#jumpMenu ul li a:focus {
  text-decoration: underline;
}
#menuLang {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
#menuLang li {
  display: inline-block;
}
#menuLang li img {
  opacity: 0.5;
  -webkit-filter: grayscale(0.5);
  webkit-filter: grayscale(50%);
  -webkit-filter: gray;
          filter: gray;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  filter: alpha(opacity=50);
}
#menuLang li a {
  display: block;
  padding: 0 9px;
}
#menuLang li a:hover img,
#menuLang li a:focus img {
  opacity: 1;
  -webkit-filter: none;
  webkit-filter: none;
  filter: none;
}
#menuLang li.current a img {
  opacity: 1;
  -webkit-filter: none;
  webkit-filter: none;
  filter: none;
}
#navigation {
  clear: both;
  background: #fff url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-shadow1.png") no-repeat 50% 100%;
}
#mainMenu {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
#mainMenu abbr {
  border: 0;
}
#mainMenu > li {
  display: inline-block;
  text-align: left;
}
#mainMenu > li:first-child {
  margin-left: 0;
}
#mainMenu > li > a {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #000;
  font-size: 1.8em;
  letter-spacing: -0.5px;
  line-height: 62px;
  text-transform: uppercase;
  display: block;
  margin: 0 32px 0 0;
  min-height: 62px;
  position: relative;
  padding: 0 0 0 48px;
}
#mainMenu > li > a:after {
  content: "";
  width: 32px;
  height: 62px;
  position: absolute;
  top: 0;
  right: -32px;
}
#mainMenu > li > .subLevel {
  position: absolute;
  top: -9999px;
  left: 0;
  width: 100%;
  font-size: 1em;
  z-index: 9999;
  max-height: 0;
  opacity: 0;
  text-align: right;
  -webkit-transition: opacity 0.2s linear, max-height 0.4s linear;
  transition: opacity 0.2s linear, max-height 0.4s linear;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #343434), to(rgba(52, 52, 52, 0.9)));
  background: linear-gradient(to bottom, #343434 49%, rgba(52, 52, 52, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='#e6343434', GradientType=0);
}
#mainMenu > li > .subLevel:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#mainMenu > li > .subLevel.affiche {
  top: 277px;
  opacity: 1;
  max-height: 500%;
}
#mainMenu > li > .subLevel > .wrapper {
  margin: 0 auto;
  width: 940px;
  padding: 30px 10px;
}
#mainMenu > li > .subLevel > .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#mainMenu > li > .subLevel > .wrapper .enAction {
  display: none;
  z-index: 1;
  float: left;
  width: 25%;
}
#mainMenu > li > .subLevel > .wrapper .enAction.affiche {
  display: block;
}
#mainMenu > li > .subLevel > .wrapper .enAction img {
  max-width: 100%;
  margin-bottom: 25px;
  height: auto;
}
#mainMenu > li > .subLevel > .wrapper .enAction .subTitle {
  font-size: 1.6em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0;
  margin-bottom: 8px;
  background: none;
}
#mainMenu > li > .subLevel > .wrapper .enAction .title {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
  color: #fff;
  font-size: 2.2em;
  line-height: 1;
}
#mainMenu > li > .subLevel > .wrapper .enAction a {
  display: block;
}
#mainMenu > li > .subLevel > .wrapper .enAction a:hover .title,
#mainMenu > li > .subLevel > .wrapper .enAction a:focus .title {
  text-decoration: underline;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 {
  float: left;
  width: 75%;
  position: relative;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li {
  width: 330px;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .enAction {
  float: none;
  position: absolute;
  top: 0;
  right: 10px;
  width: 235px;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > a {
  display: block;
  border-top: 1px dotted #6b6b6b;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid #00AEBF;
  padding: 10px;
  font-size: 1.8em;
  line-height: 1;
  text-transform: uppercase;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #fff;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > a:hover,
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > a:focus {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-lvl2-item-bg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  border-top: 1px solid #00AEBF;
  border-left: 1px solid #00AEBF;
  border-bottom: 1px solid #00AEBF;
  border-right: 1px solid transparent;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li:first-child a {
  border-top: 1px solid transparent;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li.act > a {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-lvl2-item-bg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  border-top: 1px solid #00AEBF;
  border-left: 1px solid #00AEBF;
  border-bottom: 1px solid #00AEBF;
  border-right: 1px solid transparent;
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li.active2 > a {
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li:hover + li a,
#mainMenu > li > .subLevel > .wrapper .lvl2 > li:focus + li a {
  border-top: 1px dotted transparent;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 {
  position: absolute;
  top: -9999px;
  left: 330px;
  width: 290px;
  padding: 0 10px 20px 60px;
  font-size: 1em;
  text-align: left;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2.affiche {
  top: 0;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul {
  width: 550px;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li {
  display: block;
  width: 300px;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a {
  display: block;
  padding: 7px 0;
  color: #fff;
  font-size: 1.6em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  position: relative;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 8px;
  right: inherit;
  bottom: inherit;
  left: -20px;
  content: '\e00f';
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:hover,
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:focus {
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:hover span,
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:focus span {
  text-decoration: underline;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:hover:before,
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li > a:focus:before {
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li.active3 > a {
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li.active3 > a span {
  text-decoration: underline;
}
#mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li.active3 > a:before {
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li {
  float: left;
  width: 32%;
  margin-right: 2%;
  border-top: 1px dotted #5a5a5a;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li.firstItem {
  clear: left;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li.lastItem {
  margin-right: 0;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li:nth-child(1),
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li:nth-child(2),
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li:nth-child(3) {
  border-top: none;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li.active2 > a.title {
  text-decoration: underline;
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > a.wrapImg > img {
  float: left;
  margin-right: 20px;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > a.title {
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6em;
  text-transform: uppercase;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > a.title:before {
  content: "…";
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > a.title:hover,
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > a.title:focus {
  text-decoration: underline;
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li .description {
  color: #dcdcdc;
  font-size: 1.2em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li {
  display: inline;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li.active3 > a span {
  text-decoration: none;
  color: #00AEBF;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li a {
  color: #dcdcdc;
  font-size: 1.2em;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li a:after {
  content: " | ";
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li a span {
  text-decoration: underline;
}
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li a:hover span,
#mainMenu > li > .subLevel > .wrapper .vousVoulez > li > ul > li a:focus span {
  text-decoration: none;
  color: #00AEBF;
}
#mainMenu > li.act > a {
  color: #fff;
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-corner-left-h.png");
}
#mainMenu > li.act > a:after {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-corner-right-h.png");
}
#mainMenu > li.act > a .bullet1 {
  background: #343434;
}
#mainMenu > li.act > a .bullet1:before {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-bullet-3.png");
}
#mainMenu .bullet1 {
  position: relative;
}
#mainMenu .bullet1:before {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/main-menu-bullet-1.png") no-repeat 0 0;
  width: 23px;
  height: 21px;
  position: absolute;
  top: 5px;
  right: inherit;
  bottom: inherit;
  left: -26px;
  z-index: 2;
}
#mainMenu > li.active > a,
#mainMenu > li > a:hover,
#mainMenu > li > a:focus {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/main-menu-corner-left.png") no-repeat 0 0;
}
#mainMenu > li.active > a:after,
#mainMenu > li > a:hover:after,
#mainMenu > li > a:focus:after {
  content: "";
  width: 32px;
  height: 62px;
  position: absolute;
  top: 0;
  right: -32px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/main-menu-corner-right.png") no-repeat 0 0;
}
#mainMenu > li.active > a .bullet1,
#mainMenu > li > a:hover .bullet1,
#mainMenu > li > a:focus .bullet1 {
  background: #00727e;
  color: #fff;
}
#mainMenu > li.active > a .bullet1:before,
#mainMenu > li > a:hover .bullet1:before,
#mainMenu > li > a:focus .bullet1:before {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-bullet-2.png");
}
#mainMenu > li.active.act > a {
  color: #fff;
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-corner-left-h.png");
}
#mainMenu > li.active.act > a:after {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-corner-right-h.png");
}
#mainMenu > li.active.act > a .bullet1 {
  background: #343434;
}
#mainMenu > li.active.act > a .bullet1:before {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-bullet-3.png");
}
#mainMenu > li > a:hover,
#mainMenu > li > a:focus {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-corner-left-h.png");
}
#mainMenu > li > a:hover:after,
#mainMenu > li > a:focus:after {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-corner-right-h.png");
}
#mainMenu > li > a:hover .bullet1,
#mainMenu > li > a:focus .bullet1 {
  background: #343434;
}
#mainMenu > li > a:hover .bullet1:before,
#mainMenu > li > a:focus .bullet1:before {
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/main-menu-bullet-3.png");
}
#mainMenu a {
  text-decoration: none;
}
.ie8 #mainMenu > li > a {
  margin-right: 24px;
}
#secondaryMenu {
  width: 300px;
}
#secondaryMenu.shrink {
  position: fixed;
  top: 40px;
  left: 50%;
  margin-left: -470px;
  z-index: 9998;
}
#secondaryMenu .responsiveMenu {
  display: none;
}
#secondaryMenu > .listItems {
  font-size: 1.3em;
}
#secondaryMenu > .listItems > .item1 {
  min-height: 67px;
}
#secondaryMenu > .listItems > .item1 a {
  text-decoration: none;
  display: block;
}
#secondaryMenu > .listItems > .item1 .titleMenu .noBtn {
  display: block;
}
#secondaryMenu > .listItems > .item1 .titleMenu .openMenu {
  text-align: left;
  width: 300px;
  height: 66px;
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  background: #f5f5f5;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.3846em;
  line-height: 1;
  text-transform: uppercase;
  color: #00727e;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-shadow: inherit;
  position: relative;
}
#secondaryMenu > .listItems > .item1 .titleMenu .openMenu:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 34px;
  color: #00AEBF;
  position: absolute;
  top: 16px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e001';
}
#secondaryMenu > .listItems > .item1 .titleMenu .openMenu:before {
  text-shadow: inherit;
}
#secondaryMenu > .listItems > .item1 .titleMenu .openMenu .titleMenuSpan {
  width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 5px 40px 5px 40px;
}
#secondaryMenu > .listItems > .item1 .titleMenu .openMenu img {
  vertical-align: middle;
  position: absolute;
  top: 16px;
  right: 4px;
  display: inline-block;
  width: 35px;
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/second-menu-open.png") no-repeat 0 0;
}
#secondaryMenu > .listItems > .item1 .titleMenu button.openMenu:hover,
#secondaryMenu > .listItems > .item1 .titleMenu button.openMenu:focus {
  color: #000;
  text-decoration: underline;
}
#secondaryMenu > .listItems > .item1 .closeSecondaryMenu {
  position: absolute;
  top: -9999px;
  left: auto;
}
#secondaryMenu > .listItems > .item1 .subLevel {
  background: #fff;
  position: absolute;
  top: -9999px;
  left: 0;
  width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 101;
  border: 1px solid #e7e7e7;
  border-top: 3px solid #00727e;
}
#secondaryMenu > .listItems > .item1 .subLevel i,
#secondaryMenu > .listItems > .item1 .subLevel em {
  font-style: normal;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul {
  font-size: 1em;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li {
  border-top: 1px solid #d1d1d1;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > a {
  padding: 16px 25px 16px 16px;
  text-transform: uppercase;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #6a6a6a;
  background: #f3f3f3;
  font-size: 1.2307em;
  position: relative;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 24px;
  color: #a4a4a4;
  position: absolute;
  top: 12px;
  right: 7px;
  bottom: inherit;
  left: inherit;
  content: '\e00f';
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > a:hover i,
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > a:focus i {
  text-decoration: underline;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li:first-child {
  border-top: none;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li.active > a {
  color: #00727e;
  background: #ffffff;
  font-weight: normal;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li.active > a:before {
  content: "\e00c";
  color: #00727e;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul {
  padding: 0 24px 30px 35px;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > a {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1538em;
  color: #6a6a6a;
  padding: 10px 0 10px 12px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 0;
  position: relative;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #6a6a6a;
  position: absolute;
  top: 9px;
  right: inherit;
  bottom: inherit;
  left: -2px;
  content: '\e00f';
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > a:hover i,
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > a:focus i {
  text-decoration: underline;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li:first-child > a {
  background: none;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li.active2 > a {
  color: #00727e;
  font-weight: bold;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li.active2 > a:before {
  color: #00727e;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul {
  margin-left: 10px;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul > li > a {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
  color: #000;
  padding: 3px 0 3px 10px;
  position: relative;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul > li > a:before {
  content: '/';
  font-family: 'Roboto';
  /* toto */
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  color: #000;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul > li > a:hover i,
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul > li > a:focus i {
  text-decoration: underline;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul > li.active3 > a {
  color: #00727e;
  font-weight: 500;
}
#secondaryMenu > .listItems > .item1 .subLevel > ul > li > ul > li > ul > li.active3 > a:before {
  color: #00727e;
}
#secondaryMenu > .listItems > .item1 > .subLevel.affiche {
  top: 66px;
}
.breadcrumb {
  width: 640px;
  display: table-cell;
  vertical-align: middle;
  height: 67px;
  padding: 0 0 0 30px;
  font-size: 1.1em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.breadcrumb.shrink {
  position: fixed;
  top: 40px;
  left: 50%;
  margin-left: -170px;
  z-index: 9000;
  background: #e7e7e7;
  width: 460px;
  height: 66px;
  height: auto;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.breadcrumb #breadcrumbLabel {
  display: inline;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  padding-right: 5px;
}
.breadcrumb #breadcrumbLabel img {
  padding-left: 17px;
  width: 17px;
  height: 17px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/bread-crumb-open.png") no-repeat 0 0;
}
.breadcrumb ol {
  display: inline;
}
.breadcrumb ol .lvlHide {
  display: none !important;
}
.breadcrumb ol li {
  display: inline;
  padding: 0 0 0 3px;
  color: #00727e;
  text-transform: uppercase;
}
.breadcrumb ol li:first-child {
  padding: 0;
}
.breadcrumb ol li a {
  color: #000;
  text-decoration: none;
}
.breadcrumb ol li a:after {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e003';
  margin: 0 0 0 5px;
  font-size: 8px;
  color: #00727e;
  vertical-align: 0px;
  display: inline;
  line-height: 1;
  text-decoration: none;
}
.breadcrumb ol li a:after {
  text-shadow: 1px 1px #fff;
}
.breadcrumb ol li a:hover,
.breadcrumb ol li a:focus {
  color: #00727e;
}
.breadcrumb ol li.active {
  cursor: default;
}
body.album .breadcrumb,
body.carto .breadcrumb {
  display: inline-block;
  padding: 0;
  width: 630px;
  height: 52px;
}
body.album .breadcrumb.shrink,
body.carto .breadcrumb.shrink {
  padding: 15px 0 0 0;
  width: 630px;
  margin-left: -470px;
}
.largePage .breadcrumb {
  padding: 0 305px 0 20px;
}
.largePage .breadcrumb.shrink {
  padding: 15px 0 0 30px;
}
body.noColumnLeft .breadcrumb.shrink {
  margin-left: -500px;
}
.bottomMenu {
  float: left;
  width: 380px;
  text-transform: uppercase;
  overflow: hidden;
  line-height: 1.2em;
  font-size: 1.3em;
  margin-top: 94px;
}
.bottomMenu li {
  float: left;
  width: 180px;
  padding: 3px 10px 3px 0;
}
.bottomMenu li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.bottomMenu li a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e00f';
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #fff;
  vertical-align: -1px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.bottomMenu li a:hover,
.bottomMenu li a:focus {
  color: #fff;
}
.bottomMenu li a:hover span,
.bottomMenu li a:focus span {
  text-decoration: underline;
}
.bottomMenu li.active a {
  font-weight: bold;
}
.bottomMenu li.active a span {
  text-decoration: underline;
}
.site-content ul.pagebrowser {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  clear: both;
  display: block;
  margin: 30px 0 50px 0;
  padding: 0;
  min-height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
}
.site-content ul.pagebrowser li {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  background: none;
  font-size: 1em;
}
.site-content ul.pagebrowser li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content ul.pagebrowser li a {
  color: #fff;
  background: #00727e;
  text-decoration: none;
  padding: 3px 9px;
  border-radius: 0;
}
.site-content ul.pagebrowser li a:hover,
.site-content ul.pagebrowser li a:focus {
  color: #fff;
  background: #00444b;
}
.site-content ul.pagebrowser li span,
.site-content ul.pagebrowser li.current a {
  border-radius: 0;
  padding: 2px 8px;
  color: #343434;
  background: #E7E7E7;
  border: 1px solid #E7E7E7;
}
.site-content ul.pagebrowser li img {
  padding: 9px 14px;
}
.site-content ul.pagebrowser li.prev,
.site-content ul.pagebrowser li.next {
  display: inline;
}
.site-content ul.pagebrowser li.prev a,
.site-content ul.pagebrowser li.next a {
  display: inline-block;
  padding: 2px 8px;
  line-height: normal;
  border: 1px solid #00727e;
  background: #00727e;
  color: #fff;
}
.site-content ul.pagebrowser li.prev a:hover,
.site-content ul.pagebrowser li.next a:hover,
.site-content ul.pagebrowser li.prev a:focus,
.site-content ul.pagebrowser li.next a:focus {
  color: #fff;
  background: #00444b;
  border: 1px solid transparent;
}
.site-content ul.pagebrowser li.prev span,
.site-content ul.pagebrowser li.next span {
  line-height: normal;
  background: #737373;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.site-content ul.pagebrowser li.prev {
  float: left;
  padding: 0;
}
.site-content ul.pagebrowser li.prev a,
.site-content ul.pagebrowser li.prev span {
  float: left;
}
.site-content ul.pagebrowser li.prev a:before,
.site-content ul.pagebrowser li.prev span:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e016';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content ul.pagebrowser li.prev a:before,
.site-content ul.pagebrowser li.prev span:before {
  text-transform: none !important;
}
.site-content ul.pagebrowser li.prev a:hover:before,
.site-content ul.pagebrowser li.prev span:hover:before,
.site-content ul.pagebrowser li.prev a:focus:before,
.site-content ul.pagebrowser li.prev span:focus:before {
  color: #fff;
}
.site-content ul.pagebrowser li.prev span:before,
.site-content ul.pagebrowser li.prev span:hover:before,
.site-content ul.pagebrowser li.prev span:focus:before {
  color: #fff;
}
.site-content ul.pagebrowser li.next {
  float: right;
  padding: 0;
}
.site-content ul.pagebrowser li.next a,
.site-content ul.pagebrowser li.next span {
  float: right;
}
.site-content ul.pagebrowser li.next a:after,
.site-content ul.pagebrowser li.next span:after {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e017';
  margin: 0 0 0 5px;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}
.site-content ul.pagebrowser li.next a:after,
.site-content ul.pagebrowser li.next span:after {
  text-transform: none !important;
}
.site-content ul.pagebrowser li.next a:hover:after,
.site-content ul.pagebrowser li.next span:hover:after,
.site-content ul.pagebrowser li.next a:focus:after,
.site-content ul.pagebrowser li.next span:focus:after {
  color: #fff;
}
.site-content ul.pagebrowser li.next span:after,
.site-content ul.pagebrowser li.next span:hover:after,
.site-content ul.pagebrowser li.next span:focus:after {
  color: #fff;
}
.site-content ul.pagebrowser2 {
  border-top: 1px solid #e7e7e7;
  padding-top: 20px;
}
.site-content ul.pagebrowser2 li a {
  background: none;
}
.site-content ul.pagebrowser2 .backLink {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.site-content ul.pagebrowser2 .backLink:before {
  content: '\e015';
  color: #00727e;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  position: absolute;
  top: -16px;
  left: 45%;
}
.site-content ul.pagebrowser2 .backLink a {
  color: #00727e;
}
.site-content ul.pagebrowser2 .backLink a:hover,
.site-content ul.pagebrowser2 .backLink a:focus {
  color: #00444b;
  background: none;
  text-decoration: underline;
}
.site-content ul.pagebrowser.abc {
  margin: 0;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  padding: 10px;
}
.site-content ul.pagebrowser.abc li {
  margin: 0 6px 4px 0;
}
.site-content ul.pagebrowser.abc li a {
  background: #00444b;
  color: #fff;
}
.site-content ul.pagebrowser.abc li a:hover,
.site-content ul.pagebrowser.abc li a:focus {
  background: #E7E7E7;
  color: #000000;
}
.site-content ul.pagebrowser.abc li.current a {
  background: #E7E7E7;
  color: #000000;
}
.site-content ul.pagebrowser.abc li.inactive span {
  color: #fff;
  background: #00727e;
  border: 1px solid transparent;
}
.paginatedList .loadingOverlay .item {
  opacity: 0.2;
}
.paginatedList .loadingOverlay .item a {
  cursor: default;
  pointer-events: none;
}
.loading {
  width: 100%;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  margin: auto;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #00444b;
  position: relative;
}
.loading span {
  display: inline-block;
  padding: 20px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/loading.gif) 0 50% no-repeat;
  background-size: 40px 40px;
}
.site-content .loading {
  margin: 0;
}
.list .loading {
  position: fixed;
  background: none;
  height: auto;
}
#blocksHidden .loading,
#blocksShown .loading {
  height: auto;
  left: inherit;
  line-height: normal;
  position: static;
  top: inherit;
  width: auto;
  background: none;
}
.moreElement {
  clear: both;
  display: block;
  margin: 30px 0;
  margin-top: 30px !important;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 700;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #00444b;
  text-decoration: none;
  position: relative;
}
.moreElement:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e05f';
  color: #00444b;
  font-size: 16px;
  text-transform: none;
  position: absolute;
  top: -15px;
  left: 0;
  text-align: center;
  width: 100%;
  display: inline;
  text-shadow: none;
}
.moreElement:hover,
.moreElement:focus {
  margin: 30px 0;
  font-size: 1.4em;
  font-weight: 700;
  text-decoration: underline;
}
.moreElement:hover:before,
.moreElement:focus:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e05f';
  position: absolute;
  top: -15px;
  left: 0;
  text-align: center;
  width: 100%;
  display: inline;
  font-size: 16px;
}
.moreElement.allResults:before {
  content: '\e063';
}
body.albumSingle .moreElement {
  margin-bottom: 0;
  color: #fff;
  position: relative;
  z-index: 99;
}
body.albumSingle .moreElement span:before {
  color: #fff;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage {
  font-size: 1em;
  padding: 0px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin: 10px 0 25px 0;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item {
  background: none;
  width: 183px;
  float: left;
  padding: 0;
  margin-right: 10px;
  margin-bottom: 20px;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item:nth-child(3n) {
  margin-right: 0;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item:nth-child(3n+1) {
  clear: left;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .linkTitle {
  display: block;
  color: #000;
  font-size: 1.6em;
  text-decoration: none;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .linkTitle:hover,
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .linkTitle:focus {
  color: #000;
  text-decoration: underline;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .title {
  margin-bottom: 15px;
  font-size: 1em;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .title .external {
  position: relative;
  padding: 0 15px 0 0;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .title .external:after {
  position: absolute;
  top: 4px;
  right: 0;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .title span {
  vertical-align: top;
  width: 100%;
  height: 4em;
  font-size: 1em;
  line-height: 1.3;
  display: table-cell;
  padding-bottom: 5px;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item img {
  margin: 0;
  max-width: 100%;
  height: auto;
  display: block;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item .teaser {
  margin: 15px 0 8px 0;
  font-size: 1.2em;
  color: #6F6F6F;
  line-height: 1.5;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item ul {
  font-size: 1.2em;
  margin: 18px 0;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item ul li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item ul a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item ul a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #000;
  position: absolute;
  top: -2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}
.site-content .wrapAdvancedSummary .advancedSummaryPage .item ul a:hover,
.site-content .wrapAdvancedSummary .advancedSummaryPage .item ul a:focus {
  color: #00727e;
  text-decoration: underline;
}
.largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item {
  width: 212px;
}
.largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:nth-child(3n) {
  margin-right: 10px;
}
.largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:nth-child(3n+1) {
  clear: inherit;
}
.largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:nth-child(4n) {
  margin-right: 0;
}
.largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:nth-child(4n+1) {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item {
  margin-right: 0;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: left;
}
.ie8 .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child {
  clear: left;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item {
  margin-right: 10px;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item {
  clear: inherit;
  margin-right: 0;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item {
  clear: left;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item {
  margin-right: 10px;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item {
  clear: inherit;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 10px;
  clear: left;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: inherit;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 0;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: left;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 10px;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: inherit;
  margin-right: 0;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  clear: left;
}
.ie8 .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item:first-child + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
  margin-right: 10px;
}
.site-content #planDuSite {
  padding: 15px 0;
  font-size: 1.4em;
  font-weight: bold;
}
.site-content #planDuSite #siteMap3 a {
  color: #0091a1;
}
.site-content #planDuSite #siteMap10 a {
  color: #909e0e;
}
.site-content #planDuSite #siteMap5 a {
  color: #b35a12;
}
.site-content #planDuSite li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content #planDuSite li ul {
  margin: 5px 0 0;
  padding: 0 0 0 25px;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/bg-sitemap.gif') 14px top repeat-y;
  font-size: 1em;
  color: #000;
  font-weight: normal;
}
.site-content #planDuSite li ul li {
  padding: 5px 0;
  background: none;
}
.site-content #planDuSite li ul .level1 {
  padding: 20px 10px;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot1.png') 0 bottom repeat-x;
}
.site-content #planDuSite li ul .level1 > a {
  text-transform: uppercase;
  color: #777;
}
.site-content #planDuSite li ul .level1 > a:hover,
.site-content #planDuSite li ul .level1 > a:focus {
  color: #777;
  text-decoration: underline;
}
.site-content #planDuSite li ul .level2 > a {
  font-weight: bold;
}
.site-content #planDuSite li ul .plus a {
  font-style: italic;
}
.site-content #planDuSite li ul .plus a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e003';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content #planDuSite li ul .noSub a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e041';
  margin: 0 5px 0 8px;
  font-size: 16px;
  color: #888;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content #planDuSite a {
  text-decoration: none;
}
.menuAccueilProfil {
  margin: -58px 0 30px 0;
  background: #ecedec;
  padding: 60px 0 30px 0;
}
.menuAccueilProfil nav {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  display: table;
}
@media only screen and (max-width: 960px) {
  .menuAccueilProfil nav {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.menuAccueilProfil .itemMenu {
  display: table-cell;
  width: 25%;
  padding: 0 10px;
}
.menuAccueilProfil .itemMenu .title {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2em;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 15px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
}
.menuAccueilProfil .itemMenu .title span {
  background-position: 0 6px;
  background-repeat: no-repeat;
  display: block;
  padding-left: 25px;
}
.menuAccueilProfil .itemMenu .listItemMenu .item {
  margin-bottom: 8px;
}
.menuAccueilProfil .itemMenu .listItemMenu .item a {
  font-size: 1.4em;
  text-transform: uppercase;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  text-decoration: none;
  position: relative;
  padding-left: 15px;
}
.menuAccueilProfil .itemMenu .listItemMenu .item a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 12px;
  color: #00AEBF;
  position: absolute;
  top: 3px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e01b';
}
.menuAccueilProfil .itemMenu .listItemMenu .item a:hover,
.menuAccueilProfil .itemMenu .listItemMenu .item a:focus {
  text-decoration: underline;
}
html,
body {
  height: 100%;
  max-height: 100%;
}
.responsiveMenuActive {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.responsiveMenuActive #globalSite {
  /* Menu mobile non scrollable */
  position: static;
}
.responsiveMenu {
  width: 100%;
  font-size: 1em;
  font-weight: bold;
}
.js .responsiveMenu {
  width: 280px;
  height: 100%;
  position: absolute;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate(-1000px, 0);
  transform: translate(-1000px, 0);
  background: #005b65;
}
body.responsiveMenuActive .responsiveMenu {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}
.responsiveMenu {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.responsiveMenuOverlay {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.homeBtnWrap,
.menuBtnWrap {
  display: none;
}
.homeBtnWrap.jumpMenuOpen,
.menuBtnWrap.jumpMenuOpen {
  z-index: 1 !important;
}
.js .homeBtnWrap,
.js .menuBtnWrap {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  opacity: 0.9;
}
.js .homeBtnWrap:before,
.js .menuBtnWrap:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.js .homeBtnWrap {
  display: none;
  right: inherit;
  left: 0;
}
.homeBtn,
.menuBtn {
  width: 44px;
  height: 45px;
  overflow: hidden;
}
.homeBtn img,
.menuBtn img {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 44px;
  width: 44px;
  height: 45px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/mainmenu-responsive.png") no-repeat 0 0;
}
.menuBtn:hover,
.menuBtn:focus {
  background: grey;
}
.menuBtn:hover img,
.menuBtn:focus img {
  padding-left: 44px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/mainmenu-responsive-close.png") no-repeat 0 0;
}
.homeBtn {
  background: none;
  border-right: 1px solid #0091a1;
}
.homeBtn img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/home.png") no-repeat 0 0;
}
.closeResponsiveMenu {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 20px;
}
.closeResponsiveMenu:hover,
.closeResponsiveMenu:focus {
  margin-left: 20px;
}
/* Overlay */
.responsiveMenuOverlay {
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0);
}
.responsiveMenuActive .responsiveMenuOverlay {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.8);
}
#secondaryMenu .responsiveMenu {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
}
#secondaryMenu .responsiveMenu .breadCrumbMenuLabel {
  background: #00727e;
  color: #fff;
  font-size: 1.076923076923077em;
  padding: 12px 10px;
  border-bottom: 1px solid #008998;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li {
  display: block;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li:first-child > a {
  background: #00727e;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li:first-child > a:hover,
#secondaryMenu .responsiveMenu .breadCrumbMenu > li:first-child > a:focus {
  background: #343434;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > a {
  color: #fff;
  padding: 16px 10px 12px 10px;
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.076923076923077em;
  background: #00727e url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/rm-li-1.png") no-repeat 0 0;
  position: relative;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > a:hover,
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > a:focus {
  background: #343434 url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/rm-li-2.png") no-repeat 0 0;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > a:hover:after,
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > a:focus:after {
  width: 11px;
  height: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: #343434 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 21px;
  content: "";
  z-index: 1;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li.active > a {
  background: #343434 url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/rm-li-2.png") no-repeat 0 0;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li.active > a:after {
  width: 11px;
  height: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: #343434 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 21px;
  content: "";
  z-index: 1;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul {
  background: #ffffff;
  padding-top: 10px;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li {
  display: block;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li > a {
  display: block;
  padding: 15px 20px 15px 20px;
  color: #343434;
  font-size: 1.076923076923077em;
  position: relative;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li > a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #343434;
  position: absolute;
  top: 14px;
  right: inherit;
  bottom: inherit;
  left: 4px;
  content: '\e00f';
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li > a:hover,
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li > a:focus {
  color: #00727e;
}
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li > a:hover span,
#secondaryMenu .responsiveMenu .breadCrumbMenu > li > ul > li > a:focus span {
  text-decoration: underline;
}
#mainMenuMobile .enAction {
  display: none;
}
#mainMenuMobile > li {
  display: block;
  border-bottom: 1px solid #008998;
}
#mainMenuMobile > li > .wrapLinkButton > a,
#mainMenuMobile > li > a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  text-decoration: none;
  background: #00727e;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainMenuMobile > li > .wrapLinkButton > a:hover,
#mainMenuMobile > li > a:hover,
#mainMenuMobile > li > .wrapLinkButton > a:focus,
#mainMenuMobile > li > a:focus {
  background: #343434;
}
#mainMenuMobile > li > .wrapLinkButton > a.open,
#mainMenuMobile > li > a.open {
  background: #343434;
  color: #0091a1;
  border-bottom: 1px dotted #5a5a5a;
}
#mainMenuMobile > li > .wrapLinkButton > a.open:before,
#mainMenuMobile > li > a.open:before {
  content: "\e00d";
  color: #0091a1;
}
#mainMenuMobile > li > .wrapLinkButton {
  display: table;
  width: 100%;
}
#mainMenuMobile > li > .wrapLinkButton button {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  width: 40px;
  height: 39px;
}
#mainMenuMobile > li > .wrapLinkButton button img {
  width: 40px;
  height: 39px;
}
#mainMenuMobile > li > .wrapLinkButton button:hover,
#mainMenuMobile > li > .wrapLinkButton button:focus,
#mainMenuMobile > li > .wrapLinkButton button.open {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/mainmenu-mobile-lvl1-h.png") no-repeat 0 0;
}
#mainMenuMobile > li > .wrapLinkButton button:hover img,
#mainMenuMobile > li > .wrapLinkButton button:focus img,
#mainMenuMobile > li > .wrapLinkButton button.open img {
  padding-left: 40px;
}
#mainMenuMobile > li > .wrapLinkButton > a {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  position: relative;
}
#mainMenuMobile > li > .wrapLinkButton > a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 25%;
  right: 10px;
  bottom: inherit;
  left: inherit;
  content: '\e00c';
}
#mainMenuMobile > li .subLevel {
  display: none;
}
#mainMenuMobile > li .subLevel.affiche {
  display: block;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li {
  background: #343434;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #5a5a5a;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > button,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > button {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  width: 40px;
  height: 39px;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > button img,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > button img {
  width: 40px;
  height: 39px;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > button:hover img,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > button:hover img,
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > button:focus img,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > button:focus img,
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > button.open img,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > button.open img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/mainmenu-mobile-lvl2-h.png") no-repeat 0 0;
  padding-left: 40px;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > a,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > a {
  border-left: 1px dotted #5a5a5a;
  background: #343434;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding: 8px 10px;
  text-transform: uppercase;
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
  text-decoration: none;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > a:hover,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > a:hover,
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .wrapLinkButton > a:focus,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapLinkButton > a:focus {
  background: #585858;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .subLevel2,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .subLevel2 {
  display: none;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .subLevel2.affiche,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .subLevel2.affiche {
  display: block;
  background: #ffffff;
  padding: 10px;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .subLevel2.affiche a,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .subLevel2.affiche a {
  display: block;
  color: #343434;
  text-decoration: none;
  font-size: 1.4em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  position: relative;
  padding: 10px 0 10px 18px;
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .subLevel2.affiche a:before,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .subLevel2.affiche a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #343434;
  position: absolute;
  top: 9px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .subLevel2.affiche a:hover,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .subLevel2.affiche a:hover,
#mainMenuMobile > li .subLevel.affiche .lvl2 > li .subLevel2.affiche a:focus,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .subLevel2.affiche a:focus {
  color: #00727e;
}
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li .wrapImg {
  display: none;
}
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li > .titleAlone {
  border-left: 1px dotted #5a5a5a;
  border-bottom: 1px dotted #5a5a5a;
  background: #343434;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding: 8px 10px;
  text-transform: uppercase;
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
  text-decoration: none;
}
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li > .titleAlone:hover,
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li > .titleAlone:focus {
  background: #585858;
}
#mainMenuMobile > li .subLevel.affiche .vousVoulez > li > .titleAlone.open {
  background: #585858;
}
@media only screen and (max-width: 960px) {
  .js .homeBtnWrap {
    display: block;
  }
}
a {
  color: #00727e;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
}
.site-content a .external:after,
#col1 a .external:after {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e086';
  margin: 0 0 0 5px;
  font-size: 10px;
  color: #0091a1;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-decoration: none;
}
.ie7 .site-content a .external,
.ie7 #col1 a .external {
  display: inline-block;
}
.site-content .csc-textpic-image a .external {
  padding-right: 0;
  margin-right: 0;
  background: none;
  position: relative;
  display: block;
}
.site-content .csc-textpic-image a .external .externalPicto {
  position: absolute;
  top: 5px;
  right: 5px;
}
.site-content .contentHeader > :last-child {
  overflow: hidden;
  margin-bottom: 25px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.site-content h1 a,
.site-content h2 a,
.site-content h3 a,
.site-content h4 a,
.site-content h5 a,
.site-content h6 a {
  text-decoration: none;
}
.site-content h1 {
  font-size: 3.2em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #0091a1;
  margin: 0 0 20px 0;
  padding-right: 35px;
}
.site-content h1 a {
  color: #0091a1;
}
.site-content h1 a:hover,
.site-content h1 a:focus {
  color: #000;
}
.content h2,
.site-content h2,
.inRTE h2,
.blocStyle1 .inRTE h2 {
  font-size: 2em;
  color: #0091a1;
  margin: 25px 0 20px 0;
  position: relative;
}
.content h2:before,
.site-content h2:before,
.inRTE h2:before,
.blocStyle1 .inRTE h2:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 20px;
  color: #00AEBF;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: -25px;
  content: '\e001';
}
.content h2 a,
.site-content h2 a,
.inRTE h2 a,
.blocStyle1 .inRTE h2 a {
  color: #0091a1;
}
.content h2 a:hover,
.site-content h2 a:hover,
.inRTE h2 a:hover,
.blocStyle1 .inRTE h2 a:hover,
.content h2 a:focus,
.site-content h2 a:focus,
.inRTE h2 a:focus,
.blocStyle1 .inRTE h2 a:focus {
  color: #000;
}
.content h3,
.site-content h3,
.blocStyle1 h3 {
  font-size: 1.8em;
  color: #000;
  margin: 23px 0 20px 0;
  padding-bottom: 5px;
  border-bottom: 1px dotted #6F6F6F;
}
.content h3 a,
.site-content h3 a,
.blocStyle1 h3 a {
  color: #000;
}
.content h3 a:hover,
.site-content h3 a:hover,
.blocStyle1 h3 a:hover,
.content h3 a:focus,
.site-content h3 a:focus,
.blocStyle1 h3 a:focus {
  color: #0091a1;
}
.content h4,
.site-content h4,
.blocStyle1 h4 {
  font-size: 1.5em;
  color: #343434;
  margin: 23px 0 20px 15px;
}
.content h4 a,
.site-content h4 a,
.blocStyle1 h4 a {
  color: #343434;
}
.content h4 a:hover,
.site-content h4 a:hover,
.blocStyle1 h4 a:hover,
.content h4 a:focus,
.site-content h4 a:focus,
.blocStyle1 h4 a:focus {
  color: #0091a1;
}
.blocStyle1 h4 {
  margin: 20px 0 15px 0;
}
.content h5,
.site-content h5,
.blocStyle1 h5 {
  font-size: 1.5em;
  color: #6a6a6a;
  margin: 20px 0 15px 15px;
}
.content h5:before,
.site-content h5:before,
.blocStyle1 h5:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e00f';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #6a6a6a;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.content h5 a,
.site-content h5 a,
.blocStyle1 h5 a {
  color: #6a6a6a;
}
.content h5 a:hover,
.site-content h5 a:hover,
.blocStyle1 h5 a:hover,
.content h5 a:focus,
.site-content h5 a:focus,
.blocStyle1 h5 a:focus {
  color: #000;
}
.blocStyle1 h5 {
  margin: 20px 0 10px 5px;
}
.content h6,
.site-content h6,
.blocStyle1 h6 {
  font-size: 1.4em;
  color: #6a6a6a;
  margin: 20px 0 15px 40px;
}
.content h6 a,
.site-content h6 a,
.blocStyle1 h6 a {
  color: #6a6a6a;
}
.content h6 a:hover,
.site-content h6 a:hover,
.blocStyle1 h6 a:hover,
.content h6 a:focus,
.site-content h6 a:focus,
.blocStyle1 h6 a:focus {
  color: #000;
}
.title1,
.site-content .title1 {
  margin-top: 0;
  color: #000;
}
.title2,
.site-content .title2 {
  font-size: 2em;
  border: none;
  color: #0091a1;
  margin: 25px 0 20px 0;
  position: relative;
}
.title2:before,
.site-content .title2:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 20px;
  color: #00AEBF;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: -21px;
  content: '\e001';
}
.title2 a,
.site-content .title2 a {
  color: #0091a1;
}
.title2 a:hover,
.site-content .title2 a:hover,
.title2 a:focus,
.site-content .title2 a:focus {
  color: #000;
}
.title3 {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
  padding: 0 0 10px 10px;
  margin: 0 0 20px 0;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
  position: relative;
  display: block;
  margin: 0 18px 0 0;
  color: #fff;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x scroll 0 100%;
}
.title3:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 25px;
  color: #00AEBF;
  position: absolute;
  top: -5px;
  right: inherit;
  bottom: inherit;
  left: -0.81em;
  content: '\e008';
}
.site-content .contentHeader {
  margin: 20px 0 25px 0;
}
.site-content .gras-bleu,
#col1 .gras-bleu {
  font-weight: bold;
  color: #00727e;
}
.content p,
.site-content p {
  margin: 5px 0 10px 0;
  font-size: 1.3em;
  font-weight: 300;
}
.content p.strong,
.site-content p.strong {
  font-weight: bold;
}
.site-content p.lostPass {
  float: right;
  line-height: 1em;
  padding: 5px 0;
}
.site-content p.comment {
  font-style: italic;
  color: #6F6F6F;
  font-size: 1.2em;
}
.content p.chapeau,
.site-content p.chapeau {
  font-size: 1.5em;
  color: #6F6F6F;
}
.content p.chapeau a,
.site-content p.chapeau a {
  color: #6F6F6F;
}
.content .encadre,
.site-content .encadre,
.site-content .blocStyle1 .encadre,
#col1 .encadre {
  margin-bottom: 30px;
  padding: 23px;
  border: 1px solid #0091a1;
  background: #fff;
}
.content .encadre.error,
.site-content .encadre.error,
.site-content .blocStyle1 .encadre.error,
#col1 .encadre.error {
  border-color: #cc0000;
}
.site-content p.error {
  color: #cc0000;
}
p.infos,
.site-content p.infos {
  color: #fff;
  background: #00727e;
  margin: 15px 0 !important;
  padding: 7px 7px 7px 30px;
  border: 1px dotted #0091a1;
  position: relative;
}
p.infos:before,
.site-content p.infos:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: 7px;
  right: inherit;
  bottom: inherit;
  left: 7px;
  content: '\e082';
}
.site-content p.encadre,
.site-content .blocStyle1 p.encadre,
#col1 .blocStyle1 p.encadre,
#col1 p.encadre {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4em;
}
.noResult p,
p.noResult,
.site-content .noResult p,
.site-content p.noResult {
  clear: both;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/picto-noresults.png') no-repeat 50% 0;
  padding-top: 50px;
  text-align: center;
  font-size: 1.8em;
  color: #6F6F6F;
}
.noResult p a,
p.noResult a,
.site-content .noResult p a,
.site-content p.noResult a {
  color: #6F6F6F;
}
.site-content sup {
  line-height: .5;
}
.content .note-bas-de-page,
.site-content .note-bas-de-page {
  line-height: .5;
  color: #0091a1;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.8461538461538462em;
}
.content .wrapBlockquote,
.site-content .wrapBlockquote,
.blocStyle1 .wrapBlockquote {
  margin: 20px 0 25px 0;
  position: relative;
}
.content .wrapBlockquote:before,
.site-content .wrapBlockquote:before,
.blocStyle1 .wrapBlockquote:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 35px;
  color: #eaeaea;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e000';
}
.content .wrapBlockquote blockquote,
.site-content .wrapBlockquote blockquote,
.blocStyle1 .wrapBlockquote blockquote {
  padding: 10px 80px 0 80px;
  text-align: left;
  position: relative;
}
.content .wrapBlockquote blockquote:before,
.site-content .wrapBlockquote blockquote:before,
.blocStyle1 .wrapBlockquote blockquote:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 35px;
  color: #eaeaea;
  position: absolute;
  top: inherit;
  right: 0;
  bottom: 0;
  left: inherit;
  content: '\e002';
}
.content .wrapBlockquote blockquote p,
.site-content .wrapBlockquote blockquote p,
.blocStyle1 .wrapBlockquote blockquote p {
  font-size: 1.8em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
  color: #6F6F6F;
}
.content .wrapBlockquote:before,
.site-content .wrapBlockquote:before,
.blocStyle1 .wrapBlockquote:before {
  font-size: 30px;
}
#col1 .blocStyle1 .wrapBlockquote:before {
  font-size: 25px;
}
#col1 .blocStyle1 .wrapBlockquote blockquote {
  padding: 10px 0 0 40px;
}
#col1 .blocStyle1 .wrapBlockquote blockquote:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
#col1 .blocStyle1 .wrapBlockquote blockquote:before {
  font-size: 25px;
}
#col1 .blocStyle1 .wrapBlockquote blockquote p {
  font-size: 1.6em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
}
.content .wrapBlockquote2,
.site-content .wrapBlockquote2 {
  margin: 0 0 10px 0;
}
.content .wrapBlockquote2 blockquote,
.site-content .wrapBlockquote2 blockquote {
  padding: 0 5px 0 5px;
}
.content .wrapBlockquote2 blockquote p,
.site-content .wrapBlockquote2 blockquote p {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.8em;
  color: #000000;
}
.content .wrapBlockquote2 blockquote p:before,
.site-content .wrapBlockquote2 blockquote p:before {
  content: "\"";
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
}
.content .wrapBlockquote2 blockquote p:after,
.site-content .wrapBlockquote2 blockquote p:after {
  content: "\"";
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
}
.blocStyle1 .blocImg {
  margin: 20px 0 20px 0;
}
.blocStyle1 .blocImg img {
  max-width: 100%;
  height: auto;
}
.blocStyle1 .blocImg .legend {
  display: block;
}
div.csc-textpic {
  overflow: inherit;
}
div.csc-textpic:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image,
.site-content .csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image,
.site-content .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image,
.site-content .csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image {
  margin: inherit;
  margin-left: 10px;
}
.site-content .csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image,
.site-content .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image,
.site-content .csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image {
  margin: inherit;
  margin-right: 10px;
}
.site-content .csc-textpic-intext-left-nowrap .csc-textpic-text,
.site-content .csc-textpic-intext-right-nowrap .csc-textpic-text {
  overflow: hidden;
}
.site-content .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 10px;
}
.site-content .csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol {
  margin-right: 0 !important;
}
.csc-textpic .csc-textpic-imagewrap p.csc-textpic-image {
  float: left;
}
.site-content .csc-textpic-center .csc-textpic-imagewrap p.csc-textpic-image {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.site-content .csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {
  overflow: hidden;
}
.site-content p.figure {
  font-family: inherit !important;
  font-size: 1em !important;
  overflow: hidden;
}
.site-content p.figure.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.site-content p.figure.flexbox > * {
  margin-bottom: 5px;
}
.site-content p.figure.flexbox-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.site-content p.figure.flexbox-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
}
.site-content p.figure.flexbox-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
}
.site-content p.figure.flexbox-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
}
.site-content p.figure img {
  float: none !important;
  height: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.imageSingle {
  display: block;
  margin: 15px 0;
  text-align: center;
}
.rgmediaimagesMedia {
  margin: 0 auto;
  padding-bottom: 25px;
}
.site-content .legende,
.site-content .copyright {
  display: block;
  padding: 5px 0 0;
  margin: 0;
  font-size: 1.1em;
  text-align: left;
  color: #000;
}
.site-content .copyright {
  color: #999;
}
.site-content .legende + .copyright {
  padding: 0;
}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  padding: 0;
  display: block;
  border: 2px solid #000;
}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img.externalPicto {
  border: none;
}
.site-content .contentHeader .imgWrapper {
  text-align: center;
}
.site-content .contentHeader .imgWrap {
  display: inline-block;
  position: relative;
  width: auto;
}
.site-content .contentHeader .imgWrap img {
  max-width: 100%;
  height: auto;
}
.site-content .contentHeader .imgWrap .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  text-align: right;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.site-content .contentHeader .imgWrap .caption .legende {
  padding: 0;
  color: #fff;
}
.site-content table {
  width: 100%;
  margin-bottom: 20px;
  font-size: unset;
}
.site-content caption {
  padding: 4px 5px;
  text-align: right;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.3em;
  color: #00727e;
}
.site-content th,
.site-content td {
  padding: 8px 10px;
  vertical-align: top;
}
.site-content th {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  background: #f8f8f8;
}
.site-content th p {
  font-weight: 700;
}
.site-content td {
  font-size: 1.3em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #4f4f4f;
  background: #f8f8f8;
}
.site-content thead th {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.6em;
  text-shadow: 1px 1px 0 #000;
  background: #00727e;
}
.site-content thead th p {
  color: #fff;
}
.site-content tr:nth-child(2n) td,
.site-content tr:nth-child(2n) th {
  background: #e7e7e7;
}
.site-content table ul,
.site-content table ol {
  font-size: 1em;
  color: #4f4f4f;
}
.site-content table p,
.site-content table p.encadre {
  font-size: 1em;
  color: #000;
}
.site-content table p.chapeau {
  font-size: 1.153846153846154em;
}
.site-content table p.encadre {
  font-size: 1.076923076923077em;
}
.site-content table h1 {
  font-size: 2.461538461538462em;
}
.site-content table h2 {
  font-size: 1.538461538461538em;
  padding-left: 25px;
}
.site-content table h2:before {
  left: 0;
}
.site-content table h3 {
  font-size: 1.384615384615385em;
}
.site-content table h4 {
  font-size: 1.153846153846154em;
}
.site-content table h5 {
  font-size: 1.15384615em;
}
.site-content table h6 {
  font-size: 1.076923076923077em;
}
.site-content table .liste-ouvrante button {
  color: #4f4f4f;
}
.site-content table .encadre {
  font-size: 1.076923076923077em;
}
.site-content table .noResult {
  font-size: 1.384615384615385em;
}
.site-content table .comment {
  font-size: 0.9230769230769231em;
}
.site-content table .wrapBlockquote:before {
  color: #D1D1D1;
}
.site-content table .wrapBlockquote blockquote:before {
  color: #D1D1D1;
}
.site-content ul,
.blocStyle1 ul {
  margin: 20px 0 15px 0;
  list-style: none;
  padding: 0 0 0 20px;
  font-size: 1.3em;
  color: #000;
}
.site-content ul li,
.blocStyle1 ul li {
  position: relative;
}
.site-content ul li:before,
.blocStyle1 ul li:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00727e;
  position: absolute;
  top: -1px;
  right: inherit;
  bottom: inherit;
  left: -15px;
  content: '\e023';
}
.site-content ul li ul,
.blocStyle1 ul li ul {
  margin: 0 0 0 20px;
  list-style: none;
  padding: 1px 0 1px 0;
  font-size: 1em;
}
.site-content ul li ul li,
.blocStyle1 ul li ul li {
  position: relative;
}
.site-content ul li ul li:before,
.blocStyle1 ul li ul li:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 2px;
  color: #000;
  position: absolute;
  top: 8px;
  right: inherit;
  bottom: inherit;
  left: -9px;
  content: '\e06c';
}
.site-content ul li ol,
.blocStyle1 ul li ol {
  margin: 0 0 0 20px;
  padding: 1px 0 3px 0;
  font-size: 1em;
}
.site-content ul li ol li,
.blocStyle1 ul li ol li {
  padding: 0;
}
.site-content ul li ol li:before,
.blocStyle1 ul li ol li:before {
  font-family: none;
  content: none;
}
.site-content ul li.deleteFiles,
.blocStyle1 ul li.deleteFiles {
  margin: 10px 0 0;
  padding: 0 0 0 5px;
}
.site-content ul li.deleteFiles:before,
.blocStyle1 ul li.deleteFiles:before {
  content: ' ';
  background: url('../Images/pictos/recycler.gif');
  width: 16px;
  height: 16px;
}
.site-content ul li.deleteFiles button,
.blocStyle1 ul li.deleteFiles button {
  text-decoration: none;
}
.site-content ol,
.blocStyle1 ol {
  margin: 20px 0 15px 0;
  padding: 0 0 0 20px;
  list-style: decimal;
  font-size: 1.3em;
}
.site-content ol li,
.blocStyle1 ol li {
  padding: 0;
}
.site-content ol li ol,
.blocStyle1 ol li ol {
  margin: 0 0 0 20px;
  padding: 1px 0 1px 0;
  font-size: 1em;
}
.site-content ol li ol li,
.blocStyle1 ol li ol li {
  padding: 0;
}
.site-content ol li ul,
.blocStyle1 ol li ul {
  margin: 0 0 0 20px;
  list-style: none;
  padding: 1px 0 3px 0;
  font-size: 1em;
}
.site-content ol li ul li,
.blocStyle1 ol li ul li {
  position: relative;
}
.site-content ol li ul li:before,
.blocStyle1 ol li ul li:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 2px;
  color: #000;
  position: absolute;
  top: 8px;
  right: inherit;
  bottom: inherit;
  left: -9px;
  content: '\e06c';
}
.site-content ul p,
.blocStyle1 ul p,
.site-content ol p,
.blocStyle1 ol p {
  font-size: 1em;
}
.site-content ul p.noResult,
.blocStyle1 ul p.noResult,
.site-content ol p.noResult,
.blocStyle1 ol p.noResult {
  font-size: 1.384615384615385em;
}
.site-content ul p.encadre,
.blocStyle1 ul p.encadre,
.site-content ol p.encadre,
.blocStyle1 ol p.encadre {
  font-size: 1.076923076923077em;
}
.site-content ul .wrapBlockquote blockquote p,
.blocStyle1 ul .wrapBlockquote blockquote p,
.site-content ol .wrapBlockquote blockquote p,
.blocStyle1 ol .wrapBlockquote blockquote p {
  font-size: 1.384615384615385em;
}
.site-content ul h1,
.blocStyle1 ul h1,
.site-content ol h1,
.blocStyle1 ol h1 {
  font-size: 2.461538461538462em;
}
.site-content ul h2,
.blocStyle1 ul h2,
.site-content ol h2,
.blocStyle1 ol h2 {
  font-size: 1.538461538461538em;
}
.site-content ul h3,
.blocStyle1 ul h3,
.site-content ol h3,
.blocStyle1 ol h3 {
  font-size: 1.384615384615385em;
}
.site-content ul h4,
.blocStyle1 ul h4,
.site-content ol h4,
.blocStyle1 ol h4 {
  font-size: 1.153846153846154em;
}
.site-content ul h5,
.blocStyle1 ul h5,
.site-content ol h5,
.blocStyle1 ol h5 {
  font-size: 1.153846153846154em;
}
.site-content ul h6,
.blocStyle1 ul h6,
.site-content ol h6,
.blocStyle1 ol h6 {
  font-size: 1.076923076923077em;
}
.site-content .csc-textpic-text ul,
.site-content .csc-textpic-text ol {
  margin: 20px 0 25px 0;
}
.site-content .csc-textpic-text ul li,
.site-content .csc-textpic-text ol li {
  margin: 3px 0;
}
.site-content .csc-textpic-text ul li ul,
.site-content .csc-textpic-text ol li ul,
.site-content .csc-textpic-text ul li ol,
.site-content .csc-textpic-text ol li ol {
  margin: 0 0 0 10px;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text li:before {
  content: none;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text ul li > span.puce:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e023';
  margin: 0 0 0 -15px;
  font-size: 16px;
  color: #00727e;
  vertical-align: top;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text ul li ul li:before {
  content: none;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text ul li ul li > span.puce:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e06c';
  margin: 0 6px 0 0;
  font-size: 2px;
  color: #00727e;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.content .footerNote,
.site-content .footerNote {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin: 20px 0 25px 0;
  padding: 15px 0;
}
.content .footerNote > ol,
.site-content .footerNote > ol {
  counter-reset: item;
}
.content .footerNote > ol > li,
.site-content .footerNote > ol > li {
  list-style: none;
  position: relative;
}
.content .footerNote > ol > li:before,
.site-content .footerNote > ol > li:before {
  position: absolute;
  top: 0;
  left: -20px;
  display: block;
  content: counter(item) ".";
  counter-increment: item;
  width: 20px;
  color: #00AEBF;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.8461538461538462em;
}
.box {
  background: #f8f8f8;
  margin: 20px 0 15px 0;
  padding: 8px 20px 20px 20px;
}
.content .box .title,
.site-content .box .title {
  margin-top: 0;
  color: #000;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.content .box .title:before,
.site-content .box .title:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.content .box ul,
.site-content .box ul {
  margin: 0;
  padding: 0;
  color: #656565;
}
.content .box ul ul,
.site-content .box ul ul {
  margin: 6px 0 0 20px;
}
.content .box ul li,
.site-content .box ul li {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot1.png") 0 0 repeat-x;
  padding: 6px 0;
}
.content .box ul li:before,
.site-content .box ul li:before {
  color: #00727e;
  top: 5px;
}
.content .box ul a,
.site-content .box ul a {
  color: #00727e;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
}
.content .box ul a:hover,
.site-content .box ul a:hover,
.content .box ul a:focus,
.site-content .box ul a:focus {
  color: #6F6F6F;
}
.site-content .wrapAllerPlusLoin .title {
  position: relative;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 43px;
  margin-bottom: 15px;
}
.site-content .wrapAllerPlusLoin .title:before {
  content: "";
  width: 51px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce-aller-plus-loin.png") no-repeat 0 0;
}
.site-content .topLink {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1em;
  z-index: 1;
  width: auto !important;
}
.site-content .topLink.shareOnSocialMedia {
  font-size: 1.3em;
}
.site-content .topLink.shareOnSocialMedia .socialMedia:before {
  content: "";
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn {
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn img {
  margin-top: 3px;
  float: right;
  margin-left: 5px;
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn + ul {
  padding: 10px;
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn + ul:before {
  border-color: #E7E7E7;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn + ul li {
  padding-left: 0;
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn + ul li:before {
  content: "";
}
.site-content .topLink.shareOnSocialMedia .socialMedia .socialMediaMenuBtn + ul li a {
  font-size: 1em;
}
.category,
.subTitle {
  color: #fff;
  background: #343434;
  text-transform: uppercase;
  padding: 4px 8px;
  display: inline-block;
  font-size: 1.2em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.site-content .category,
.site-content .subTitle,
.site-content .blocStyle1 .subTitle,
#col1 .blocStyle1 .subTitle {
  margin-bottom: 2px;
  font-size: 1.2em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.category a,
.subTitle a,
.site-content .category a,
.site-content .subTitle a {
  color: #6F6F6F;
  text-decoration: underline;
}
.category a:hover,
.subTitle a:hover,
.site-content .category a:hover,
.site-content .subTitle a:hover,
.category a:focus,
.subTitle a:focus,
.site-content .category a:focus,
.site-content .subTitle a:focus {
  color: #000;
  text-decoration: underline;
}
.site-content .subTitle {
  margin-right: 50px;
}
.date {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
  display: block;
  color: #6F6F6F;
}
.site-content .date {
  font-size: 1.2em;
  margin: 0 0 8px 0;
}
.site-content .teaser {
  margin: 0 0 10px 0;
  padding: 0;
}
.teaser a {
  display: block;
  color: #000;
  text-decoration: none;
}
.teaser a:hover,
.teaser a:focus {
  color: #000;
  text-decoration: none;
}
.site-content .description p {
  font-size: 1.3em;
}
.color1 .category,
.color1 .subTitle,
.bleu .category {
  color: blue;
}
.color2 .category,
.color2 .subTitle,
.orange .category {
  color: orange;
}
.color3 .category,
.color3 .subTitle,
.rouge .category {
  color: red;
}
.color4 .category,
.color4 .subTitle,
.vert .category {
  color: green;
}
.site-content .listItems {
  font-size: 1em;
  padding: 0;
}
.site-content .listItems .item {
  font-size: 1em;
  position: relative;
  padding: 0;
}
.site-content .listItems .item:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .listItems .item:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .listItems .item button,
.site-content .listItems .item a {
  display: block;
  text-decoration: none;
  /*img {
        border: 1px solid #f0f0f0;
      }*/
}
.site-content .listItems .item button:hover,
.site-content .listItems .item a:hover,
.site-content .listItems .item button:focus,
.site-content .listItems .item a:focus {
  text-decoration: underline;
}
.site-content .listItems .item button:hover .title,
.site-content .listItems .item a:hover .title,
.site-content .listItems .item button:focus .title,
.site-content .listItems .item a:focus .title {
  color: #00727e;
}
.site-content .listItems .item button .title,
.site-content .listItems .item a .title {
  color: #000;
  margin: 0 0 5px 0;
}
.site-content .listItems .item button .title:before,
.site-content .listItems .item a .title:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .listItems .category {
  background: none;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #6a6a6a;
  padding: 0;
  margin-bottom: 8px;
}
.site-content .listItems ul {
  font-size: 1em;
}
.site-content .listItems .picto {
  margin: 0 10px 0 0;
}
.site-content .listType1 .item {
  padding: 30px 0;
  border-bottom: 1px solid #e7e7e7;
}
.site-content .listType1 .title {
  margin: 0 0 8px;
}
.site-content .listType1 img {
  float: left;
  margin: 0 15px 0 0;
}
.site-content .newsList .subTitle {
  background: #b2d235;
  color: #000;
}
.site-content .newsList .wrapperImg {
  position: relative;
  float: left;
  margin: 0 20px 10px 0;
  border: 1px solid #f0f0f0;
}
.site-content .newsList .wrapperImg img {
  height: auto;
  max-width: 100%;
  margin: 0 !important;
  border: none;
}
.site-content .newsList .wrapperImg .subTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
}
.site-content .agendaList .dateBox {
  float: left;
  width: 120px;
  padding-right: 15px;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.site-content .agendaList .dateBoxWithImage {
  min-height: 100px;
}
.site-content .agendaList img {
  float: none;
}
.site-content .agendaList .wrap {
  margin: -100px 0 0 235px;
}
.site-content .agendaList .date {
  font-size: 1.8em;
  color: #000;
  margin-bottom: 0;
}
.largePage .site-content .agendaList .wrap {
  margin: -150px 0 0 285px;
}
.largePage .site-content .agendaList .dateBoxWithImage {
  min-height: 150px;
}
.site-content .rechercheList .item .title {
  font-size: 2em;
}
.site-content .rechercheList .item .teaser {
  font-size: 1.3em;
}
.site-content .listType2 .listItems:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .listType2 .item {
  float: left;
  margin: 0 22px 30px 0;
  width: 152px;
}
.site-content .listType2 .item:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .listType2 .item .img img {
  margin: 0 0 15px 0;
  float: none;
  border: none;
}
.site-content .listType2 .item .wrap {
  clear: both;
}
.site-content .listType2 .item .title {
  border: none;
  margin-bottom: 5px;
  font-size: 1.5em;
  color: #000;
}
.site-content .listType2 .item .title:before {
  content: "";
}
.site-content .listType2 .item .title a {
  color: #000;
}
.site-content .listType2 .item .title a:hover,
.site-content .listType2 .item .title a:focus {
  color: #00727e;
}
.site-content .publicationsList .item {
  width: 175px;
  padding-bottom: 50px;
}
.site-content .publicationsList .item .img {
  display: table-cell;
  width: 140px;
  height: 140px;
  margin: 0 0 10px 0;
  vertical-align: bottom;
  padding-bottom: 15px;
}
.site-content .publicationsList .item .img a {
  display: table-cell;
  height: 140px;
  vertical-align: bottom;
}
.site-content .publicationsList .item .img img {
  margin: 0;
}
.site-content .publicationsList .item .img .wrap {
  width: 140px;
  display: table-cell;
  vertical-align: top;
  float: none;
}
.site-content .publicationsList .item .img .wrap img {
  margin: auto;
}
.site-content .publicationsList .item .linkButton {
  border-bottom: none;
}
.site-content .publicationsList .item .titleWrap .wrap {
  display: table-cell;
  vertical-align: top;
  height: 9em;
  overflow: inherit !important;
}
.site-content .publicationsList .linkViewWrap {
  text-align: right;
  background: none;
}
.largePage .site-content .publicationsList .item {
  width: 206px;
}
.site-content .publicationsFocusSingle .category {
  background: none;
  color: #6a6a6a;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 0;
  margin-bottom: 5px;
}
.site-content .directoryList {
  clear: both;
}
.site-content .publicationsLatest {
  margin: 25px 0 35px;
}
.site-content .downloadList {
  background: #00727e;
  padding: 15px;
  margin-bottom: 25px;
  float: right;
  width: 30%;
}
.site-content .downloadList .title1 {
  color: #fff;
  text-transform: uppercase;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  margin-left: 9px;
  margin-bottom: 8px;
  padding-bottom: 10px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot4.png") repeat-x 0 100%;
}
.site-content .downloadList .title1:before {
  top: 0;
}
.site-content .downloadList .listItems {
  padding-left: 20px;
  margin: auto;
}
.site-content .downloadList .listItems li {
  margin-bottom: 4px;
}
.site-content .downloadList .listItems li a {
  color: #fff;
  font-size: 1.6em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-decoration: none;
}
.site-content .downloadList .listItems li a:hover,
.site-content .downloadList .listItems li a:focus {
  text-decoration: underline;
}
.site-content .listType3 .item {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #e7e7e7;
}
.site-content .listType3 .item .wrapper {
  float: left;
  width: 160px;
  margin: 0 20px 0 0;
}
.site-content .listType3 .item .wrapper img {
  margin: 0 0 4px 0;
}
.site-content .listType3 .item .wrap {
  width: 380px;
  float: right;
}
.site-content .listType3 .item .title {
  margin: 0 0 8px;
  color: #000;
}
.site-content .listType3 .item .title a {
  color: #000;
}
.site-content .listType3 .item .title a:hover,
.site-content .listType3 .item .title a:focus {
  color: #00727e;
}
.site-content .listType3 .item .teaser {
  font-size: 1.4em;
}
.largePage .site-content .listType3 .item .wrap {
  width: 700px;
}
.listInfos1,
.site-content .listInfos1,
#col1 .listInfos1 {
  background: url("../Images/bg/dot2.png") repeat-x 0 0;
  padding-top: 10px;
}
.site-content .shareThis,
.shareThis {
  padding: 10px 0 0 0;
  display: table;
  position: relative;
  z-index: 1;
}
.site-content .shareThis li,
.shareThis li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  width: 31px;
  height: 25px;
  background: #6a6a6a;
  border-right: 1px solid #fff;
}
.site-content .shareThis li:before,
.shareThis li:before {
  content: "";
}
.site-content .shareThis li.pdf,
.shareThis li.pdf,
.site-content .shareThis li.tipafriend,
.shareThis li.tipafriend,
.site-content .shareThis li.print,
.shareThis li.print {
  padding-top: 2px;
}
.site-content .shareThis li img,
.shareThis li img {
  vertical-align: middle;
}
.site-content .shareThis .tooltip,
.shareThis .tooltip {
  right: inherit;
  left: 0;
  top: -40px;
}
.site-content .shareThis .tooltip:before,
.shareThis .tooltip:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #343434;
  border-bottom: none;
  right: inherit;
  top: 25px;
  left: 5px;
}
.site-content .showHide,
.blocStyle1 .showHide {
  margin: auto;
  padding: 0;
}
.site-content .showHide .showHideArea,
.blocStyle1 .showHide .showHideArea {
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e7;
}
.site-content .showHide .showHideArea:before,
.blocStyle1 .showHide .showHideArea:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .showHide .showHideArea .date,
.blocStyle1 .showHide .showHideArea .date {
  font-size: 1em;
  margin: 20px 0 0 34px;
  padding: 3px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  font-weight: bold;
}
.site-content .showHide .showHideArea .date:before,
.blocStyle1 .showHide .showHideArea .date:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e05b';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #dbdbdb;
  vertical-align: -2px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content .showHide .showHideArea .date strong,
.blocStyle1 .showHide .showHideArea .date strong {
  font-weight: normal;
}
.site-content .showHide .showHideArea .date + .limitDate,
.blocStyle1 .showHide .showHideArea .date + .limitDate {
  margin-top: 0;
  border-top: 0;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe {
  background: #f3f3f3;
  position: relative;
  white-space: normal;
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  padding: 7px 15px 7px 0;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover,
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus {
  background: #00727e;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover .title,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover .title,
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus .title,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus .title {
  color: #fff;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe .title,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe .title {
  margin: auto;
  color: #00727e;
  font-size: 2.2223em;
  padding: 0 45px 0 55px;
  position: relative;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe .title:before,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe .title:before {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce2-2.png") no-repeat 0 0;
  width: 51px;
  height: 21px;
  position: absolute;
  top: 5px;
  right: inherit;
  bottom: inherit;
  left: 0;
  z-index: 1;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe h3.title,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe h3.title {
  color: #000;
  padding: 0;
  margin: 0 30px 0 10px;
  font-size: 2em;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe h3.title:before,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe h3.title:before {
  width: 0;
  height: 0;
  background: none;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe p.title,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe p.title {
  color: #000;
  padding: 0 10px;
  margin: 0;
  font-size: 1.4445em;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe p.title:before,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe p.title:before {
  width: 0;
  height: 0;
  background: none;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe p.title + .img,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe p.title + .img {
  top: 10px;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe .img,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe .img {
  position: absolute;
  top: 14px;
  right: 5px;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe .img img,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe .img img {
  padding-left: 13px;
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 13px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/more2.png") no-repeat 0 0;
  vertical-align: top;
}
.site-content .showHide .showHideArea .wrapShowHideTitle .showHideMe.open .img img,
.blocStyle1 .showHide .showHideArea .wrapShowHideTitle .showHideMe.open .img img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/less2.png") no-repeat 0 0;
}
.site-content .showHide .showHideArea .showHideContent,
.blocStyle1 .showHide .showHideArea .showHideContent {
  margin-top: 3px;
  padding: 20px 10px 0 10px;
  border: 1px solid #E7E7E7;
}
.site-content .showHide .showHideArea .showHideContent:after,
.blocStyle1 .showHide .showHideArea .showHideContent:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .showHide .showHideArea .showHideContent:focus,
.blocStyle1 .showHide .showHideArea .showHideContent:focus {
  outline: 1px dotted #00727e;
}
.site-content .showHide .showHideArea .showHideContent p.figure,
.blocStyle1 .showHide .showHideArea .showHideContent p.figure,
.site-content .showHide .showHideArea .showHideContent .csc-textpic-imagewrap,
.blocStyle1 .showHide .showHideArea .showHideContent .csc-textpic-imagewrap {
  max-width: 100%;
}
.site-content .showHide .showHideArea .showHideContent img,
.blocStyle1 .showHide .showHideArea .showHideContent img {
  max-width: 100%;
  height: auto;
}
.site-content .showHideMarches .showHideContent p {
  font-size: 1em;
}
.site-content .showHideMarches .downloadFiles {
  margin: auto;
}
.site-content .showHideMarches .downloadFiles .item {
  float: left;
  margin: 0 20px 30px 0;
  width: 150px;
}
.site-content .showHideMarches .downloadFiles .title {
  color: #000;
  border: none;
  font-size: 1.5em;
}
.site-content .showHideMarches .downloadFiles .linkButton a {
  font-size: 1em;
}
.site-content .liste-ouvrante,
.blocStyle1 .liste-ouvrante {
  margin: 25px 0 35px 0;
  padding: 0 0 0 20px;
}
.site-content .liste-ouvrante .showHideOpening:before,
.blocStyle1 .liste-ouvrante .showHideOpening:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea {
  padding: 5px 0;
  border: none;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe {
  background: none;
  padding: 0;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe:hover,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe:hover,
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe:focus,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe:focus {
  background: none;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe:hover .title,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe:hover .title,
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe:focus .title,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe:focus .title {
  color: #000;
  text-decoration: underline;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe:before,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe:before {
  background: none;
  height: 0;
  width: 0;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe .title,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe .title {
  font-size: 1.1112em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  padding: 0;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe .title:before,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe .title:before {
  background: none;
  left: -20px;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideMe .img,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideMe .img {
  right: inherit;
  left: -15px;
  top: 2px;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideContent,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideContent {
  padding: 5px;
}
.site-content .liste-ouvrante .showHideOpening .showHideArea .showHideContent li:before,
.blocStyle1 .liste-ouvrante .showHideOpening .showHideArea .showHideContent li:before {
  content: "\e00f";
  top: 0;
  left: -14px;
  font-size: 15px;
}
.site-content .questions .showHide .showHideArea .wrapShowHideTitle .showHideMe .title {
  font-size: 20px;
  font-size: 2rem;
  border: none;
  color: #00727e;
}
.site-content .questions .showHide .showHideArea .wrapShowHideTitle .showHideMe:hover .title,
.site-content .questions .showHide .showHideArea .wrapShowHideTitle .showHideMe:focus .title {
  color: #fff;
}
.site-content .questions .showHide .showHideArea .wrapShowHideTitle .showHideMe h3.title {
  text-transform: uppercase;
  color: #000;
}
.site-content .contentCols {
  margin: 25px -2% 35px -2%;
  font-size: 0;
}
.site-content .contentCols .col {
  display: inline-block;
  vertical-align: top;
  margin: 0 2%;
  font-size: 13px;
  font-size: 1rem;
  width: 100%;
}
.site-content .contentCols.col2 .col {
  width: 46%;
}
.site-content .contentCols.col3 .col {
  width: 29%;
}
.site-content .contentCols.col4 .col {
  width: 21%;
}
.site-content .contentCols .firstCol {
  padding: 0;
}
.site-content .contentCols .firstCol .wrapper {
  padding-left: 0;
}
.site-content .contentCols .lastItem {
  margin-right: 0;
}
.site-content .contentCols .csc-textpic-imagewrap p.csc-textpic-image {
  display: block;
  max-width: 100% !important;
}
.largePage .site-content .blocTypeTab .tablist li .titreTab {
  max-width: 290px;
}
.largePage .site-content .blocTypeTab.onglet1 .tablist li .titreTab,
.ie9 .largePage .site-content .blocTypeTab.onglet1 .tablist li {
  max-width: 860px;
}
.ie8 .largePage .site-content .blocTypeTab.onglet1 .tablist li,
.ie8 .largePage .site-content .blocTypeTab.onglet1 .tablist li .titreTab {
  width: 860px;
  max-width: inherit;
}
.ie8 .largePage .site-content .blocTypeTab.onglet1 .tablist li .titreTab a {
  width: 820px;
  max-width: inherit;
}
.largePage .site-content .blocTypeTab.onglet2 .tablist li .titreTab,
.ie9 .largePage .site-content .blocTypeTab.onglet2 .tablist li {
  max-width: 420px;
}
.ie8 .largePage .site-content .blocTypeTab.onglet2 .tablist li,
.ie8 .largePage .site-content .blocTypeTab.onglet2 .tablist li .titreTab {
  width: 418px;
  max-width: inherit;
}
.ie8 .largePage .site-content .blocTypeTab.onglet2 .tablist li .titreTab a {
  width: 378px;
  max-width: inherit;
}
.largePage .site-content .blocTypeTab.onglet3 .tablist li .titreTab,
.ie9 .largePage .site-content .blocTypeTab.onglet3 .tablist li {
  max-width: 280px;
}
.ie8 .largePage .site-content .blocTypeTab.onglet3 .tablist li,
.ie8 .largePage .site-content .blocTypeTab.onglet3 .tablist li .titreTab {
  width: 277px;
  max-width: inherit;
}
.ie8 .largePage .site-content .blocTypeTab.onglet3 .tablist li .titreTab a {
  width: 237px;
  max-width: inherit;
}
.largePage .site-content .blocTypeTab.onglet4 .tablist li .titreTab,
.ie9 .largePage .site-content .blocTypeTab.onglet4 .tablist li {
  max-width: 215px;
}
.ie8 .largePage .site-content .blocTypeTab.onglet4 .tablist li,
.ie8 .largePage .site-content .blocTypeTab.onglet4 .tablist li .titreTab {
  width: 211px;
  max-width: inherit;
}
.ie8 .largePage .site-content .blocTypeTab.onglet4 .tablist li .titreTab a {
  width: 171px;
  max-width: inherit;
}
.largePage .site-content .blocTypeTab.onglet5 .tablist li .titreTab,
.ie9 .largePage .site-content .blocTypeTab.onglet5 .tablist li {
  max-width: 170px;
}
.ie8 .largePage .site-content .blocTypeTab.onglet5 .tablist li,
.ie8 .largePage .site-content .blocTypeTab.onglet5 .tablist li .titreTab {
  width: 165px;
  max-width: inherit;
}
.ie8 .largePage .site-content .blocTypeTab.onglet5 .tablist li .titreTab a {
  width: 135px;
  max-width: inherit;
}
.site-content .blocTypeTab.onglet1 .tablist li .titreTab,
.ie9 .site-content .blocTypeTab.onglet1 .tablist li {
  max-width: 530px;
}
.ie8 .site-content .blocTypeTab.onglet1 .tablist li,
.ie8 .site-content .blocTypeTab.onglet1 .tablist li .titreTab {
  width: 529px;
  max-width: inherit;
}
.ie8 .site-content .blocTypeTab.onglet1 .tablist li .titreTab a {
  width: 489px;
  max-width: inherit;
}
.site-content .blocTypeTab.onglet2 .tablist li .titreTab,
.ie9 .site-content .blocTypeTab.onglet2 .tablist li {
  max-width: 260px;
}
.ie8 .site-content .blocTypeTab.onglet2 .tablist li,
.ie8 .site-content .blocTypeTab.onglet2 .tablist li .titreTab {
  width: 258px;
  max-width: inherit;
}
.ie8 .site-content .blocTypeTab.onglet2 .tablist li .titreTab a {
  width: 218px;
  max-width: inherit;
}
.site-content .blocTypeTab.onglet3 .tablist li .titreTab,
.ie9 .site-content .blocTypeTab.onglet3 .tablist li {
  max-width: 180px;
}
.ie8 .site-content .blocTypeTab.onglet3 .tablist li,
.ie8 .site-content .blocTypeTab.onglet3 .tablist li .titreTab {
  width: 178px;
  max-width: inherit;
}
.ie8 .site-content .blocTypeTab.onglet3 .tablist li .titreTab a {
  width: 138px;
  max-width: inherit;
}
.site-content .blocTypeTab.onglet4 .tablist li .titreTab,
.ie9 .site-content .blocTypeTab.onglet4 .tablist li {
  max-width: 135px;
}
.ie8 .site-content .blocTypeTab.onglet4 .tablist li,
.ie8 .site-content .blocTypeTab.onglet4 .tablist li .titreTab {
  width: 133px;
  max-width: inherit;
}
.ie8 .site-content .blocTypeTab.onglet4 .tablist li .titreTab a {
  width: 93px;
  max-width: inherit;
}
.site-content .blocTypeTab.onglet5 .tablist li .titreTab,
.ie9 .site-content .blocTypeTab.onglet5 .tablist li {
  max-width: 108px;
}
.ie8 .site-content .blocTypeTab.onglet5 .tablist li,
.ie8 .site-content .blocTypeTab.onglet5 .tablist li .titreTab {
  width: 103px;
  max-width: inherit;
}
.ie8 .site-content .blocTypeTab.onglet5 .tablist li .titreTab a {
  width: 63px;
  max-width: inherit;
}
.ie8 .site-content .blocTypeTab .tablist li {
  display: block;
  float: left;
  margin-right: 1px;
}
.ie8 .site-content .blocTypeTab .tablist li .titreTab {
  display: inline-block;
  background: #e7e7e7;
  line-height: 1;
  min-height: 37px;
}
.ie8 .site-content .blocTypeTab .tablist li .titreTab a {
  display: inline-block;
  overflow: hidden;
  padding: 10px 0;
}
.site-content .blocTypeTab {
  margin: 25px 0 35px 0;
}
.site-content .blocTypeTab .tablist {
  padding: 0 15px;
  height: 37px;
  margin: 0;
  border-bottom: 4px solid #00727e;
}
.site-content .blocTypeTab .tablist li {
  display: inline-block;
}
.site-content .blocTypeTab .tablist li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .blocTypeTab .tablist li .titreTab {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  font-size: 1.231em;
  background: #e7e7e7;
  min-height: 37px;
  line-height: 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  margin: 0;
  position: relative;
}
.site-content .blocTypeTab .tablist li .titreTab:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .blocTypeTab .tablist li .titreTab:before {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/tab-l-h.png") no-repeat 0 0;
  width: 18px;
  height: 37px;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  z-index: 1;
}
.site-content .blocTypeTab .tablist li .titreTab:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/tab-r-h.png") no-repeat 0 0;
  width: 18px;
  height: 37px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: inherit;
  left: inherit;
  z-index: 1;
}
.site-content .blocTypeTab .tablist li .titreTab a {
  display: block;
  color: #000;
}
.site-content .blocTypeTab .tablist li .titreTab a strong {
  font-weight: 300;
}
.site-content .blocTypeTab .tablist li.active .titreTab {
  color: #fff;
  background-color: #00727e;
}
.site-content .blocTypeTab .tablist li.active .titreTab:before {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/tab-l.png');
}
.site-content .blocTypeTab .tablist li.active .titreTab:after {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/tab-r.png');
}
.site-content .blocTypeTab .tablist li.active .titreTab a {
  color: #fff;
}
.site-content .blocTypeTab .tab {
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 20px;
}
.site-content .blocTypeTab .tab > .wrap {
  overflow: inherit !important;
}
.site-content .blocTypeTab .tab > .wrap h2:before {
  left: -22px;
}
.site-content .blocTypeTab .tab p.figure,
.site-content .blocTypeTab .tab .csc-textpic-imagewrap {
  max-width: 100%;
}
.site-content .blocTypeTab .tab img {
  max-width: 100%;
  height: auto;
}
.ie8 .site-content .blocTypeTab .tablist li .titreTab:before,
.ie8 .site-content .blocTypeTab .tablist li .titreTab:after {
  width: 0;
  height: 0;
  background: none;
}
.infos1,
.site-content .infos1 {
  border-top: 1px dotted #9c9c9c;
  padding-top: 20px;
  margin-top: 20px;
}
.infos1:after,
.site-content .infos1:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.infos1 a,
.site-content .infos1 a {
  display: inline !important;
  /*&.tooltipAccess {
      z-index: inherit;
    }*/
}
.infos1 p,
.site-content .infos1 p {
  font-size: 1.4em;
}
.infos1 p:after,
.site-content .infos1 p:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.infos1 p strong,
.site-content .infos1 p strong {
  display: block;
  color: #00727e;
  font-size: 1.071428571428571em;
}
.infos1 p .wrap,
.site-content .infos1 p .wrap {
  display: block;
  width: auto !important;
  text-align: left;
  float: left !important;
  color: #6F6F6F;
}
.infos1 p.important,
.site-content .infos1 p.important {
  color: #c00;
  margin-bottom: 25px;
}
.infos1 p.important strong,
.site-content .infos1 p.important strong {
  color: #c00;
}
.infos1 p.important .wrap,
.site-content .infos1 p.important .wrap {
  color: #c00;
}
.infos1 .col1,
.site-content .infos1 .col1 {
  width: 48%;
  float: left;
}
.infos1 .col2,
.site-content .infos1 .col2 {
  width: 47%;
  float: right;
}
.infos1 .col2 strong,
.site-content .infos1 .col2 strong {
  display: inline;
}
.infos1 .col2 strong img,
.site-content .infos1 .col2 strong img {
  margin-right: 5px;
  vertical-align: middle;
}
.infos1 .col2 .wrap,
.site-content .infos1 .col2 .wrap {
  float: none !important;
  display: inline;
}
.site-content .modulo1List .item:nth-child(3n) {
  margin-right: 0;
}
.site-content .modulo1List .item.lastItem {
  margin-right: 0;
}
.site-content .modulo1List .item:nth-child(3n+1) {
  clear: left;
}
.site-content .modulo1List .item.firstItem {
  clear: left;
}
.largePage .site-content .modulo1List .item:nth-child(3n) {
  margin-right: 10px;
}
.largePage .site-content .modulo1List .item:nth-child(5n) {
  margin-right: 0;
}
.largePage .site-content .modulo1List .item:nth-child(3n+1) {
  clear: inherit;
}
.largePage .site-content .modulo1List .item:nth-child(5n+1) {
  clear: left;
}
.site-content .modulo2List .item:nth-child(3n) {
  margin-right: 20px;
}
.site-content .modulo2List .item.lastItem {
  margin-right: 0;
}
.site-content .modulo2List .item:nth-child(3n+1) {
  clear: left;
}
.site-content .modulo2List .item.firstItem {
  clear: left;
}
.largePage .site-content .modulo2List .item:nth-child(3n) {
  margin-right: 20px;
}
.largePage .site-content .modulo2List .item:nth-child(4n) {
  margin-right: 0;
}
.largePage .site-content .modulo2List .item:nth-child(3n+1) {
  clear: inherit;
}
.largePage .site-content .modulo2List .item:nth-child(4n+1) {
  clear: left;
}
.linkButton,
.site-content .linkButton,
#col1 .linkButton,
.home .linkButton {
  margin: 0;
  padding: 0;
  font-size: 1em;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #e7e7e7;
}
.linkButton > li,
.site-content .linkButton > li,
#col1 .linkButton > li,
.home .linkButton > li {
  border-top: 1px solid #e7e7e7;
  margin: 0;
  padding: 8px 0;
  overflow: visible;
}
.linkButton > li:before,
.site-content .linkButton > li:before,
#col1 .linkButton > li:before,
.home .linkButton > li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.linkButton > li button,
.site-content .linkButton > li button,
#col1 .linkButton > li button,
.home .linkButton > li button,
.linkButton > li > a,
.site-content .linkButton > li > a,
#col1 .linkButton > li > a,
.home .linkButton > li > a {
  display: block;
  color: #00727e;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.2em;
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
}
.linkButton > li button:hover,
.site-content .linkButton > li button:hover,
#col1 .linkButton > li button:hover,
.home .linkButton > li button:hover,
.linkButton > li > a:hover,
.site-content .linkButton > li > a:hover,
#col1 .linkButton > li > a:hover,
.home .linkButton > li > a:hover,
.linkButton > li button:focus,
.site-content .linkButton > li button:focus,
#col1 .linkButton > li button:focus,
.home .linkButton > li button:focus,
.linkButton > li > a:focus,
.site-content .linkButton > li > a:focus,
#col1 .linkButton > li > a:focus,
.home .linkButton > li > a:focus {
  text-decoration: underline;
}
.linkButton > li button .fileInfos,
.site-content .linkButton > li button .fileInfos,
#col1 .linkButton > li button .fileInfos,
.home .linkButton > li button .fileInfos,
.linkButton > li > a .fileInfos,
.site-content .linkButton > li > a .fileInfos,
#col1 .linkButton > li > a .fileInfos,
.home .linkButton > li > a .fileInfos {
  font-size: .8571em;
  /* 12px - 1.2/1.4 */
  font-weight: 300;
}
.linkButton > li button:before,
.site-content .linkButton > li button:before,
#col1 .linkButton > li button:before,
.home .linkButton > li button:before,
.linkButton > li > a:before,
.site-content .linkButton > li > a:before,
#col1 .linkButton > li > a:before,
.home .linkButton > li > a:before {
  float: left;
}
.linkButton .download a:before,
.site-content .linkButton .download a:before,
#col1 .linkButton .download a:before,
.home .linkButton .download a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e064';
  margin: 0 5px 0 0;
  font-size: 18px;
  color: #00AEBF;
  vertical-align: -4px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.linkButton .read a:before,
.site-content .linkButton .read a:before,
#col1 .linkButton .read a:before,
.home .linkButton .read a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e06e';
  margin: 0 5px 0 0;
  font-size: 18px;
  color: #00AEBF;
  vertical-align: -4px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.linkButton .learnMore a:before,
.site-content .linkButton .learnMore a:before,
#col1 .linkButton .learnMore a:before,
.home .linkButton .learnMore a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e009';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #00AEBF;
  vertical-align: -4px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.linkButton .locate a:before,
.site-content .linkButton .locate a:before,
#col1 .linkButton .locate a:before,
.home .linkButton .locate a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e053';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #00AEBF;
  vertical-align: -4px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.linkButton .postulate a:before,
.site-content .linkButton .postulate a:before,
#col1 .linkButton .postulate a:before,
.home .linkButton .postulate a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e068';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #00AEBF;
  vertical-align: -4px;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.linkButton .socialMedia .socialMediaMenuBtn img,
.site-content .linkButton .socialMedia .socialMediaMenuBtn img,
#col1 .linkButton .socialMedia .socialMediaMenuBtn img,
.home .linkButton .socialMedia .socialMediaMenuBtn img {
  vertical-align: middle;
  margin: 0;
}
.linkButton .socialMedia .socialMediaMenuBtn + ul,
.site-content .linkButton .socialMedia .socialMediaMenuBtn + ul,
#col1 .linkButton .socialMedia .socialMediaMenuBtn + ul,
.home .linkButton .socialMedia .socialMediaMenuBtn + ul {
  padding: 10px;
}
.linkButton .socialMedia .socialMediaMenuBtn + ul:before,
.site-content .linkButton .socialMedia .socialMediaMenuBtn + ul:before,
#col1 .linkButton .socialMedia .socialMediaMenuBtn + ul:before,
.home .linkButton .socialMedia .socialMediaMenuBtn + ul:before {
  right: inherit;
  left: 5px;
  border: 10px solid transparent;
  border-top: 0;
  border-bottom: 10px solid #e7e7e7;
  margin-left: 0;
}
.linkButton .socialMedia .socialMediaMenuBtn + ul li:before,
.site-content .linkButton .socialMedia .socialMediaMenuBtn + ul li:before,
#col1 .linkButton .socialMedia .socialMediaMenuBtn + ul li:before,
.home .linkButton .socialMedia .socialMediaMenuBtn + ul li:before {
  content: "";
}
.site-content .blocLatest .linkButton,
.site-content .listType3 .linkButton,
.site-content .single .linkButton {
  border: none;
}
.site-content .blocLatest .linkButton > li,
.site-content .listType3 .linkButton > li,
.site-content .single .linkButton > li {
  border: none;
  display: block;
  padding: 1px 0;
}
.site-content .blocLatest .linkButton > li > button,
.site-content .listType3 .linkButton > li > button,
.site-content .single .linkButton > li > button,
.site-content .blocLatest .linkButton > li > a,
.site-content .listType3 .linkButton > li > a,
.site-content .single .linkButton > li > a {
  display: inline-block;
  background: #00727e;
  font-size: 1.5em;
  line-height: 1.1em;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 10px;
  text-shadow: 1px 1px #000000;
  border-radius: 0;
}
.site-content .blocLatest .linkButton > li > button:hover,
.site-content .listType3 .linkButton > li > button:hover,
.site-content .single .linkButton > li > button:hover,
.site-content .blocLatest .linkButton > li > a:hover,
.site-content .listType3 .linkButton > li > a:hover,
.site-content .single .linkButton > li > a:hover,
.site-content .blocLatest .linkButton > li > button:focus,
.site-content .listType3 .linkButton > li > button:focus,
.site-content .single .linkButton > li > button:focus,
.site-content .blocLatest .linkButton > li > a:focus,
.site-content .listType3 .linkButton > li > a:focus,
.site-content .single .linkButton > li > a:focus {
  text-decoration: none;
  background: #00444b;
}
.site-content .blocLatest .linkButton > li > button:before,
.site-content .listType3 .linkButton > li > button:before,
.site-content .single .linkButton > li > button:before,
.site-content .blocLatest .linkButton > li > a:before,
.site-content .listType3 .linkButton > li > a:before,
.site-content .single .linkButton > li > a:before {
  text-shadow: none;
  color: #fff;
}
.site-content .blocLatest .linkButton > li > button .external:after,
.site-content .listType3 .linkButton > li > button .external:after,
.site-content .single .linkButton > li > button .external:after,
.site-content .blocLatest .linkButton > li > a .external:after,
.site-content .listType3 .linkButton > li > a .external:after,
.site-content .single .linkButton > li > a .external:after {
  color: #dbdbdb;
  text-shadow: none;
}
.site-content .listType3 .linkButton li a {
  font-size: 1.2em;
  display: block;
  max-width: 160px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.site-content .blocLatest .title button,
.site-content .blocLatest .title a {
  color: #000;
}
.site-content .blocLatest .title button:hover,
.site-content .blocLatest .title a:hover,
.site-content .blocLatest .title button:focus,
.site-content .blocLatest .title a:focus {
  color: #00727e;
}
/*
* Single view
*/
.site-content .single h1 {
  margin: 0;
}
.site-content .single .category {
  background: none;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #6a6a6a;
  padding: 0;
  margin-bottom: 8px;
}
.site-content .single .date {
  margin-bottom: 15px;
}
.site-content .single .infos1 {
  border: none;
  margin: 0;
  padding: 0;
}
.site-content .single .infos2 {
  background: #e7e7e7;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1em;
}
.site-content .single .infos2 li {
  padding: 0;
  border-bottom: 2px solid #fff;
}
.site-content .single .infos2 li:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .single .infos2 li p {
  padding: 0 10px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
}
.site-content .single .infos2 li .info {
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
.site-content .single .infos2 li .info strong {
  font-weight: bold;
}
.site-content .single .infos2 li .date strong {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
}
.site-content .single .infos2 li .link {
  padding: 0;
}
.site-content .single .infos2 li .link a {
  background: #00727e;
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 1.0769em;
  text-transform: uppercase;
  text-shadow: 1px 1px #000000;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.site-content .single .infos2 li .link a:before {
  vertical-align: -2px !important;
}
.site-content .single .infos2 li .link a:hover,
.site-content .single .infos2 li .link a:focus {
  background: #00444b;
}
.site-content .single .infos2 .add .link a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e05c';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content .single .infos2 .locate .link a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e053';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content .single .infos2 .subscribe .link a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e073';
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  display: inline;
  line-height: 1;
  text-transform: inherit;
}
.site-content .single .teaser {
  margin: 0 0 10px 0;
}
/*
* Blocs
*/
.site-content .blocLatest,
.site-content .blocFocus {
  margin: 0 0 20px 0;
}
.site-content .blocLatest .title,
.site-content .blocFocus .title {
  margin: 0 0 8px;
  font-weight: bold;
  font-size: 2em;
  border: none;
}
.site-content .blocLatest img,
.site-content .blocFocus img {
  float: left;
  margin: 0 15px 20px 0;
  padding: 0;
}
.site-content .blocLatest .wrap,
.site-content .blocFocus .wrap {
  overflow: visible !important;
  margin-left: 210px;
}
.site-content .blocLatest .linkButton,
.site-content .blocFocus .linkButton {
  clear: inherit;
  border: none;
}
.site-content .blocLatest .linkButton > li,
.site-content .blocFocus .linkButton > li {
  border: none;
  display: block;
  padding: 0;
  margin-bottom: 1px;
}
.site-content .blocLatest .linkButton > li > a,
.site-content .blocFocus .linkButton > li > a,
.site-content .blocLatest .linkButton > li > button,
.site-content .blocFocus .linkButton > li > button {
  font-size: 1.4em;
  display: inline-block;
  padding: 7px 10px;
  background: #00727e;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
.site-content .blocLatest .linkButton > li > a:before,
.site-content .blocFocus .linkButton > li > a:before,
.site-content .blocLatest .linkButton > li > button:before,
.site-content .blocFocus .linkButton > li > button:before {
  color: #fff;
}
.site-content .blocLatest .linkButton > li > a .external:after,
.site-content .blocFocus .linkButton > li > a .external:after,
.site-content .blocLatest .linkButton > li > button .external:after,
.site-content .blocFocus .linkButton > li > button .external:after {
  color: #fff;
}
.site-content .blocLatest .linkButton > li > a:before,
.site-content .blocFocus .linkButton > li > a:before {
  margin: 0 10px 0 0;
}
.site-content .blocLatest .linkButton > li > button img,
.site-content .blocFocus .linkButton > li > button img {
  margin-right: 7px !important;
}
.site-content .blocLatest .linkButton > li.socialMedia .closeSocialMediaMenu,
.site-content .blocFocus .linkButton > li.socialMedia .closeSocialMediaMenu {
  padding: 0;
}
.site-content .blocFocus:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .blocLatest.blocPublications {
  margin-bottom: -20px;
}
/*
* SpecificBlocs
*/
.blocStyle1,
.site-content .blocStyle1 {
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* border: 1px solid #e7e7e7; */
  padding: 10px 20px 20px 20px;
  margin: 20px 0 25px 0;
  position: relative;
}
.blocStyle1 a,
.site-content .blocStyle1 a {
  text-decoration: underline;
}
.blocStyle1 a:hover,
.site-content .blocStyle1 a:hover,
.blocStyle1 a:focus,
.site-content .blocStyle1 a:focus {
  text-decoration: none;
}
.home .blocStyle1 {
  float: right;
  margin: 0 0 20px 0;
}
.home .blocStyle1 header {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
  margin-bottom: 20px;
  position: relative;
}
.home .blocStyle1 .title1 {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
  padding: 0 0 10px 10px;
  margin: 0 0 20px 0;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
  position: relative;
  display: inline-block;
  margin: 0 18px 0 0;
  background: none;
}
.home .blocStyle1 .title1:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 25px;
  color: #00AEBF;
  position: absolute;
  top: -5px;
  right: inherit;
  bottom: inherit;
  left: -0.81em;
  content: '\e008';
}
.home .blocStyle1 a {
  text-decoration: none;
}
.home .blocStyle1 a:hover span,
.home .blocStyle1 a:focus span {
  text-decoration: underline;
}
.home .blocStyle1 .title2 {
  border: none;
  font-size: 1.6em;
  margin-top: 0;
}
.home .squareBloc {
  font-size: 0;
  margin: 0 -10px;
}
.home .squareBloc .blocStyle1 {
  float: none;
  width: 300px;
  min-height: 310px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 20px 10px;
  font-size: 10px;
  font-size: 1rem;
  /*
  &.firstItem {
    clear: left;
  }
  &.lastItem {
    margin-right: 0;
  }
  */
}
.ie9 .home .squareBloc .blocStyle1 {
  height: 300px;
}
.ie8 .home .squareBloc .blocStyle1 {
  min-height: 270px;
}
#col2 .blocStyle1 {
  display: none;
  padding: 0;
  border: 0;
}
#col2 .blocStyle1.adBloc {
  margin-top: 50px;
  height: 300px;
}
#col1 .blocStyle1:nth-of-type(1) {
  margin-top: 0;
}
#col1 .blocStyle1 .title1 {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
  padding: 0 0 10px 10px;
  margin: 0 0 20px 0;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
  position: relative;
}
#col1 .blocStyle1 .title1:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 25px;
  color: #00AEBF;
  position: absolute;
  top: -5px;
  right: inherit;
  bottom: inherit;
  left: -0.81em;
  content: '\e008';
}
#col1 .blocStyle1 .title1:before {
  background: none;
}
#col1 .blocStyle1 p {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3em;
  margin: 5px 0 10px 0;
}
#col1 .blocStyle1 p.date {
  font-style: italic;
  color: #000;
}
#col1 .blocStyle1 .title {
  margin-top: 0;
}
#col1 .blocStyle1 .title2 {
  border: none;
  font-size: 1.6em;
  margin-bottom: 6px;
}
.site-content .blocStyle1 {
  background: #f8f8f8;
  margin: 20px 0 15px 0;
  padding: 8px 20px 20px 20px;
}
.site-content .blocStyle1 .title {
  margin-top: 0;
  color: #000;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.site-content .blocStyle1 .title1 {
  position: relative;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 43px;
  margin-bottom: 15px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.site-content .blocStyle1 .title1:before {
  content: "";
  width: 51px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce2-2.png") no-repeat 0 0;
}
.site-content .blocStyle1 .title2 {
  border: none;
  font-size: 1.6em;
  margin-bottom: 6px;
}
.site-content .blocStyle1 p {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3em;
}
.site-content .blocStyle1 p.date {
  font-style: italic;
}
.site-content .blocStyle1 .wrapper {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot1.png") 0 0 repeat-x;
  padding: 15px 0 0 0;
}
.site-content .blocStyle1 .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.contact .title1:before,
.site-content .contact .title1:before {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce-contact.png") no-repeat 0 0;
}
.contact strong,
.site-content .contact strong {
  display: block;
}
.contact .important,
.site-content .contact .important {
  color: #ca0000;
  padding: 5px 0 15px 0;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
}
.contact > .listItems > .item:nth-child(2n),
.site-content .contact > .listItems > .item:nth-child(2n) {
  margin-right: 0;
}
.contact > .listItems > .item:nth-child(2n+1),
.site-content .contact > .listItems > .item:nth-child(2n+1),
.contact > .listItems > .item.firstItem,
.site-content .contact > .listItems > .item.firstItem {
  clear: left;
}
.contact > .listItems > .item.lastItem,
.site-content .contact > .listItems > .item.lastItem {
  margin-right: 0;
}
.contact > .listItems > .item.firstItem,
.site-content .contact > .listItems > .item.firstItem {
  clear: left;
}
.contact > .listItems > .item,
.site-content .contact > .listItems > .item {
  float: left;
  width: 48%;
  margin: 0 4% 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contact > .listItems > .item .title,
.site-content .contact > .listItems > .item .title {
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1.4em;
}
.contact > .listItems > .item:only-child,
.site-content .contact > .listItems > .item:only-child {
  float: none;
  margin-right: 0;
  width: 100%;
}
.contact > .listItems > .item:only-child .contactLink .item,
.site-content .contact > .listItems > .item:only-child .contactLink .item {
  display: inline-block;
  margin-right: 15px;
  max-width: 150px;
}
.contact > .listItems > .item:nth-last-of-type(-n+2),
.site-content .contact > .listItems > .item:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.contact .contactLink,
.site-content .contact .contactLink {
  font-size: 1.3em;
  padding-left: 0;
}
.contact .contactLink a,
.site-content .contact .contactLink a {
  text-decoration: none;
}
.contact .contactLink a:hover,
.site-content .contact .contactLink a:hover,
.contact .contactLink a:focus,
.site-content .contact .contactLink a:focus {
  text-decoration: underline;
}
.contact .contactLink .item,
.site-content .contact .contactLink .item {
  margin: 5px 0;
  vertical-align: top;
  color: #00727e;
}
.contact .contactLink .item img,
.site-content .contact .contactLink .item img {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 18px !important;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 17px;
}
.contact .contactLink .item a,
.site-content .contact .contactLink .item a {
  display: inline-block;
}
.contact .contactLink .item.locate img,
.site-content .contact .contactLink .item.locate img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/contact-localisation.png") no-repeat 0 0;
}
.contact .contactLink .item.phone img,
.site-content .contact .contactLink .item.phone img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/contact-tel.png") no-repeat 0 0;
}
.contact .contactLink .item.fax img,
.site-content .contact .contactLink .item.fax img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/contact-fax.png") no-repeat 0 0;
}
.contact .contactLink .item.email img,
.site-content .contact .contactLink .item.email img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/contact-courriel.png") no-repeat 0 0;
}
.contact .contactLink .item.web img,
.site-content .contact .contactLink .item.web img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/contact-web.png") no-repeat 0 0;
}
.contact .contactLink .item.plus img,
.site-content .contact .contactLink .item.plus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/contact-plus.png") no-repeat 0 0;
}
.contact .contactLink .tooltip,
.site-content .contact .contactLink .tooltip {
  top: -30px;
  right: inherit;
  left: 0;
}
.contact .contactLink .tooltip:before,
.site-content .contact .contactLink .tooltip:before {
  right: inherit;
  left: 5px;
  top: 24px;
  border-bottom: inherit;
  border-top: 6px solid #343434;
}
#col1 .contact p,
.site-content .contact p {
  font-size: 1.4em;
}
#col1 .contact .listItems > .item:last-child,
.site-content .contact .listItems > .item:last-child {
  margin-bottom: 0;
}
#col1 .contact .listItems > .item {
  width: 100%;
  float: none;
  margin-bottom: 40px;
}
#col1 .contact .listItems > .item:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#col1 .contact .listItems > .item .contactLink .item {
  margin-right: 0;
  display: block;
  /*width: 150px;*/
}
#col1 .contact .listItems > .item .contactLink .item:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
#col1 .contact .listItems > .item .tooltip {
  top: -30px;
  right: 0;
  left: inherit;
}
#col1 .contact .listItems > .item .tooltip:before {
  right: 5px;
  left: inherit;
  top: 24px;
}
.site-content .pointDeVue .wrapper:after,
#col1 .pointDeVue .wrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .pointDeVue .wrapBlockquote:before,
#col1 .pointDeVue .wrapBlockquote:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .pointDeVue .wrapBlockquote blockquote,
#col1 .pointDeVue .wrapBlockquote blockquote {
  padding: 0;
  display: inline-block;
}
.site-content .pointDeVue .wrapBlockquote blockquote:before,
#col1 .pointDeVue .wrapBlockquote blockquote:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .pointDeVue .wrapBlockquote blockquote:before,
#col1 .pointDeVue .wrapBlockquote blockquote:before,
.site-content .pointDeVue .wrapBlockquote blockquote:after,
#col1 .pointDeVue .wrapBlockquote blockquote:after {
  font-family: "Arial", "Helvetica", sans-serif;
  content: '"';
  font-size: 15px;
  color: #6a6a6a;
  padding: 0;
  display: inline;
}
.site-content .pointDeVue .wrapBlockquote blockquote p,
#col1 .pointDeVue .wrapBlockquote blockquote p {
  font-size: 1.8em;
  font-style: italic;
  text-indent: 7px;
  display: inline;
}
.site-content .pointDeVue .col1,
.site-content .pointDeVue .col2 {
  display: table-cell;
  vertical-align: top;
}
.site-content .pointDeVue .col1 {
  padding-right: 20px;
}
.site-content .pointDeVue .col2 {
  width: 50%;
}
.site-content .pointDeVue .title1 {
  position: relative;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 43px;
  margin-bottom: 15px;
}
.site-content .pointDeVue .title1:before {
  content: "";
  width: 51px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce-point-vue.png") no-repeat 0 0;
}
#col1 .pointDeVue blockquote {
  margin-bottom: 20px;
}
.site-content .lireAussi .title1 {
  position: relative;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 43px;
  margin-bottom: 15px;
}
.site-content .lireAussi .title1:before {
  content: "";
  width: 51px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/puce-lire-aussi.png") no-repeat 0 0;
}
.site-content .lireAussi .title2 {
  color: #000;
}
.site-content .lireAussi .title2:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .lireAussi .title2:hover,
.site-content .lireAussi .title2:focus {
  color: #000;
}
.site-content .lireAussi a:hover,
.site-content .lireAussi a:focus {
  color: #000;
}
#col1 .lireAussi .title2:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.trombi img {
  float: left;
  margin: 0 20px 20px 0;
}
.trombi .title2 {
  font-size: 1.2em;
  border: none;
  margin-bottom: 5px;
}
.site-content .trombi .title2,
#col1 .trombi .title2 {
  font-size: 1.2em;
  border: none;
  margin-bottom: 5px;
}
.site-content .blocStyle1 .trombi p,
#col1 .blocStyle1 .trombi p {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2em;
}
.miscLink {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 0;
}
.miscLink .item {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
}
.site-content .miscLink {
  font-size: 1.3em;
}
.site-content .miscLink .item,
#col1 .miscLink .item {
  position: relative;
  padding: 4px 0 4px 18px;
}
.site-content .miscLink .item:before,
#col1 .miscLink .item:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00727e;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}
.site-content .miscLink a,
#col1 .miscLink a {
  text-decoration: none;
}
.site-content .miscLink a:hover,
#col1 .miscLink a:hover,
.site-content .miscLink a:focus,
#col1 .miscLink a:focus {
  text-decoration: underline;
}
.site-content .miscLink a:hover .fileInfos span,
#col1 .miscLink a:hover .fileInfos span,
.site-content .miscLink a:focus .fileInfos span,
#col1 .miscLink a:focus .fileInfos span {
  text-decoration: underline;
}
.site-content .miscLink a .fileInfos,
#col1 .miscLink a .fileInfos {
  font-weight: 300;
}
.site-content .miscLink a .fileInfos span,
#col1 .miscLink a .fileInfos span {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/file-info-download.png") no-repeat 3px 4px;
  padding-left: 15px;
}
#col1 .miscLink {
  margin: 0;
  padding: 0;
}
.site-content .allerPlusLoin .miscLink,
#col1 .allerPlusLoin .miscLink {
  margin: 0;
  padding: 0;
}
.site-content .allerPlusLoin .title1:before {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce-aller-plus-loin.png');
}
.blocStyle1 .contentTwoCol .wrapperImg,
.site-content .blocStyle1 .contentTwoCol .wrapperImg,
.home .blocStyle1 .contentTwoCol .wrapperImg {
  float: left;
  width: 50%;
  margin: 0 20px 10px 0;
}
.blocStyle1 .contentTwoCol .wrapperImg img,
.site-content .blocStyle1 .contentTwoCol .wrapperImg img,
.home .blocStyle1 .contentTwoCol .wrapperImg img {
  height: auto;
  max-width: 100%;
}
.blocStyle1 .contentTwoCol .title2,
.site-content .blocStyle1 .contentTwoCol .title2,
.home .blocStyle1 .contentTwoCol .title2 {
  margin: 0 0 10px 0;
}
.blocStyle1 .contentTwoCol .title2 a,
.site-content .blocStyle1 .contentTwoCol .title2 a,
.home .blocStyle1 .contentTwoCol .title2 a {
  text-decoration: none;
}
.blocStyle1 .contentTwoCol .title2 a:hover,
.site-content .blocStyle1 .contentTwoCol .title2 a:hover,
.home .blocStyle1 .contentTwoCol .title2 a:hover,
.blocStyle1 .contentTwoCol .title2 a:focus,
.site-content .blocStyle1 .contentTwoCol .title2 a:focus,
.home .blocStyle1 .contentTwoCol .title2 a:focus {
  color: #000;
  text-decoration: underline;
}
.blocStyle1 .contentTwoCol > .item,
.site-content .blocStyle1 .contentTwoCol > .item,
.home .blocStyle1 .contentTwoCol > .item {
  margin-bottom: 30px;
}
.blocStyle1 .contentTwoCol > .item:last-child,
.site-content .blocStyle1 .contentTwoCol > .item:last-child,
.home .blocStyle1 .contentTwoCol > .item:last-child {
  margin-bottom: 0;
}
.blocStyle1 .contentTwoCol > .item a,
.site-content .blocStyle1 .contentTwoCol > .item a,
.home .blocStyle1 .contentTwoCol > .item a {
  text-decoration: none;
  display: block;
}
.blocStyle1 .contentTwoCol > .item a:hover,
.site-content .blocStyle1 .contentTwoCol > .item a:hover,
.home .blocStyle1 .contentTwoCol > .item a:hover,
.blocStyle1 .contentTwoCol > .item a:focus,
.site-content .blocStyle1 .contentTwoCol > .item a:focus,
.home .blocStyle1 .contentTwoCol > .item a:focus {
  text-decoration: underline;
}
#col1 .blocStyle1 .contentTwoCol .wrapperImg {
  float: none;
  width: 100%;
  margin-right: 0;
}
.site-content .video .linkView a:before,
#col1 .video .linkView a:before {
  color: #dd6300;
}
.site-content .video .title2,
#col1 .video .title2 {
  color: #000;
}
.site-content .video .title2:before,
#col1 .video .title2:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .video .title2:hover,
#col1 .video .title2:hover,
.site-content .video .title2:focus,
#col1 .video .title2:focus {
  color: #000;
}
.site-content .video a:hover,
#col1 .video a:hover,
.site-content .video a:focus,
#col1 .video a:focus {
  color: #000;
}
.site-content .video .title1:before {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/bg/puce-video.png);
}
.site-content .video .title2 {
  color: #000;
}
.site-content .video .title2:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.site-content .video .title2:hover,
.site-content .video .title2:focus {
  color: #000;
}
.site-content .video a:hover,
.site-content .video a:focus {
  color: #000;
}
.site-content .enImages .title1:before {
  background-image: url(/typo3conf/ext/stratis_website/Resources/Public/Images/bg/puce-2-3.png);
}
.site-content .enImages .wrapper {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") 0 0 repeat-x;
}
.site-content .enImages .title2,
#col1 .enImages .title2 {
  color: #fff;
}
.site-content .enImages .title2:before,
#col1 .enImages .title2:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
#col1 .video .title1:before,
#col1 .enImages .title1:before {
  color: #DD6402;
}
.home .video,
.site-content .enImages,
.enImages {
  background: #343434;
  color: #fff;
  width: 300px;
  float: right;
  margin-top: 0;
}
.home .video a,
.site-content .enImages a,
.enImages a {
  color: #fff;
}
.home .video a:hover,
.site-content .enImages a:hover,
.enImages a:hover,
.home .video a:focus,
.site-content .enImages a:focus,
.enImages a:focus {
  text-decoration: underline;
}
.home .video .title1,
.site-content .enImages .title1,
.enImages .title1 {
  color: #fff;
}
.home .video .title1:before,
.site-content .enImages .title1:before,
.enImages .title1:before {
  color: #dd6300;
}
.home .video .linkView a,
.site-content .enImages .linkView a,
.enImages .linkView a {
  color: #fff;
}
.home .video .linkView a:before,
.site-content .enImages .linkView a:before,
.enImages .linkView a:before {
  color: #dd6300;
}
.home .video .wrapperImg,
.site-content .enImages .wrapperImg,
.enImages .wrapperImg {
  margin-bottom: 15px;
}
.home .video .title2,
.site-content .enImages .title2,
.enImages .title2 {
  margin-bottom: 0;
  color: #fff;
}
.site-content .enImages,
.enImages {
  float: none;
  width: inherit;
  margin: inherit;
}
.home .video {
  min-height: 320px;
}
.home .video .title2:before {
  content: "";
  display: none;
}
.home .video .wrapperImg img {
  max-width: 100%;
  height: auto;
}
.home .enImages {
  background: #fff;
  color: #000;
}
.home .enImages .title1 {
  color: #000;
}
.home .enImages .linkView a {
  color: #000;
}
.home .agenda {
  width: 620px;
  min-height: 360px;
  float: left;
}
.home .agenda .title1:before {
  color: #b2d235;
}
.home .agenda .rss a:before,
.home .agenda .linkView a:before {
  color: #b2d235;
}
.home .agenda .carouselAgendaWrapper {
  padding: 0 50px;
  position: relative;
  margin: -20px 0 -15px 0;
}
.home .agenda .carouselAgendaWrapper .pager {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.home .agenda .carouselAgendaWrapper .pager li {
  position: absolute;
  top: 100px;
}
.home .agenda .carouselAgendaWrapper .pager li:before {
  background: none;
  font-family: inherit;
  content: "";
}
.home .agenda .carouselAgendaWrapper .pager li.prev {
  left: 0;
}
.home .agenda .carouselAgendaWrapper .pager li.prev button:hover img,
.home .agenda .carouselAgendaWrapper .pager li.prev button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/carousel-agenda-prev-h.png") no-repeat 0 0;
}
.home .agenda .carouselAgendaWrapper .pager li.next {
  right: 0;
}
.home .agenda .carouselAgendaWrapper .pager li.next button:hover img,
.home .agenda .carouselAgendaWrapper .pager li.next button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/carousel-agenda-next-h.png") no-repeat 0 0;
}
.home .agenda .carouselAgendaWrapper .pager li button {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 27px;
  height: 54px;
}
.home .agenda .carouselAgendaWrapper .pager li button:hover img,
.home .agenda .carouselAgendaWrapper .pager li button:focus img {
  padding-left: 27px;
}
.home .agenda .carouselAgenda {
  position: relative;
  padding-bottom: 20px;
}
.home .agenda .carouselAgenda .item {
  width: 136px;
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  margin: 0 11px;
}
.home .agenda .carouselAgenda .item a {
  display: block;
  color: #000;
}
.home .agenda .carouselAgenda .item a:hover,
.home .agenda .carouselAgenda .item a:focus {
  text-decoration: underline;
}
.home .agenda .carouselAgenda .item img {
  max-width: 136px;
  height: auto;
  border: 1px solid #f0f0f0;
  margin-bottom: 15px;
}
.home .agenda .carouselAgenda .item .subTitle {
  background: none;
  color: #6a6a6a;
  display: table-cell;
  height: 3em;
  vertical-align: bottom;
}
.home .agenda .carouselAgenda .item .subTitle.empty {
  display: table-cell;
  height: 3em;
  vertical-align: bottom;
}
.home .agenda .carouselAgenda .item .date {
  font-size: 1.4em;
  text-transform: uppercase;
  color: #000;
  font-style: normal;
  margin-bottom: 8px;
}
.home .agenda .carouselAgenda .item .date time {
  display: block;
}
.home .agenda .carouselAgenda .item .date .bold {
  font-weight: bold;
}
.home .agenda .carouselAgenda .item .title {
  font-size: 1.4em;
  border: none;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin: 0;
  padding: 0;
}
.site-content .actualite,
#col1 .actualite,
.home .actualite {
  background: #e7e7e7;
  border-color: #e7e7e7;
}
.site-content .actualite:after,
#col1 .actualite:after,
.home .actualite:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .actualite .title1:before,
#col1 .actualite .title1:before,
.home .actualite .title1:before {
  color: #b2d235;
}
.site-content .actualite .wrapperImg,
#col1 .actualite .wrapperImg,
.home .actualite .wrapperImg {
  border: 1px solid #f0f0f0;
  position: relative;
  margin-bottom: 10px;
}
.site-content .actualite .wrapperImg img,
#col1 .actualite .wrapperImg img,
.home .actualite .wrapperImg img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0 !important;
}
.site-content .actualite .wrapperImg .subTitle,
#col1 .actualite .wrapperImg .subTitle,
.home .actualite .wrapperImg .subTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  background: #b2d235;
  color: #000;
}
.site-content .actualite .listItems > .item:nth-child(2n),
#col1 .actualite .listItems > .item:nth-child(2n),
.home .actualite .listItems > .item:nth-child(2n) {
  margin-right: 0;
}
.site-content .actualite .listItems > .item:nth-child(2n+1),
#col1 .actualite .listItems > .item:nth-child(2n+1),
.home .actualite .listItems > .item:nth-child(2n+1),
.site-content .actualite .listItems > .item.firstItem,
#col1 .actualite .listItems > .item.firstItem,
.home .actualite .listItems > .item.firstItem {
  clear: left;
}
.site-content .actualite .listItems > .item.lastItem,
#col1 .actualite .listItems > .item.lastItem,
.home .actualite .listItems > .item.lastItem {
  margin-right: 0;
}
.site-content .actualite .listItems > .item.firstItem,
#col1 .actualite .listItems > .item.firstItem,
.home .actualite .listItems > .item.firstItem {
  clear: left;
}
.site-content .actualite .item,
#col1 .actualite .item,
.home .actualite .item {
  float: left;
  width: 48%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 4% 30px 0;
}
.site-content .actualite .item a,
#col1 .actualite .item a,
.home .actualite .item a {
  color: #000;
  text-decoration: none;
}
.site-content .actualite .item a:hover,
#col1 .actualite .item a:hover,
.home .actualite .item a:hover,
.site-content .actualite .item a:focus,
#col1 .actualite .item a:focus,
.home .actualite .item a:focus {
  color: #000;
  text-decoration: underline;
}
.site-content .actualite .title,
#col1 .actualite .title,
.home .actualite .title {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6em;
  color: #000;
  border: none;
  margin: 12px 0 0 0;
}
.site-content .actualite .rss a:before,
#col1 .actualite .rss a:before,
.home .actualite .rss a:before,
.site-content .actualite .linkView a:before,
#col1 .actualite .linkView a:before,
.home .actualite .linkView a:before {
  color: #b2d235;
}
.site-content .actualite .title1:before {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/bg/puce2-4.png');
}
.site-content .actualite .item:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
#col1 .actualite .item {
  width: 100%;
}
#col1 .actualite .item:last-child {
  margin-bottom: 0;
}
.home .actualite {
  width: 620px;
  min-height: 680px;
  background: #ffffff;
  float: left;
}
.home .actualite .item:nth-child(5),
.home .actualite .item:nth-child(6) {
  display: none;
}
.home .actualite .title {
  min-height: 50px;
}
.home .horiW .accesSecurise {
  width: 300px;
  float: right;
  min-height: 320px;
}
.home .horiW.squareBloc .accesSecurise {
  float: left;
}
.accesSecurise,
.site-content .accesSecurise {
  background: #00727e url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/moncg06bloc.png") no-repeat 100% 50%;
  color: #fff;
}
.accesSecurise .title1,
.site-content .accesSecurise .title1 {
  color: #fff;
}
.accesSecurise a,
.site-content .accesSecurise a {
  color: #fff;
}
.accesSecurise a:hover,
.site-content .accesSecurise a:hover,
.accesSecurise a:focus,
.site-content .accesSecurise a:focus {
  text-decoration: underline;
}
.accesSecurise p,
.site-content .accesSecurise p {
  font-size: 1.3em;
  margin-bottom: 10px;
}
.accesSecurise p a,
.site-content .accesSecurise p a {
  text-decoration: underline !important;
}
.accesSecurise p a:hover,
.site-content .accesSecurise p a:hover,
.accesSecurise p a:focus,
.site-content .accesSecurise p a:focus {
  text-decoration: none !important;
}
.accesSecurise .wrapField,
.site-content .accesSecurise .wrapField {
  display: table;
  width: 100%;
  margin-bottom: 4px;
}
.accesSecurise label,
.site-content .accesSecurise label {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.accesSecurise input,
.site-content .accesSecurise input {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.accesSecurise .validation,
.site-content .accesSecurise .validation {
  background: url("../Images/bg/dot3.png") repeat-x 0 0;
  margin: 10px 0 0 0;
  padding: 12px 0 0 0;
  position: relative;
}
.accesSecurise .validation:before,
.site-content .accesSecurise .validation:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e01b';
}
.accesSecurise .validation button,
.site-content .accesSecurise .validation button {
  font-weight: 300;
  text-transform: none;
  font-size: 2.4em;
  color: #fff;
  text-decoration: none;
  margin-bottom: 10px;
}
.accesSecurise .validation button:hover,
.site-content .accesSecurise .validation button:hover,
.accesSecurise .validation button:focus,
.site-content .accesSecurise .validation button:focus {
  text-decoration: underline;
}
.home .blocStyle1.accesSecurise header {
  background: url("../Images/bg/dot3.png") repeat-x 0 100%;
  margin-bottom: 10px;
}
.home .blocStyle1.accesSecurise .title1:before {
  background: none;
}
.site-content .accesSecurise .title1 {
  position: relative;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 43px;
  margin-bottom: 15px;
}
.site-content .accesSecurise .title1:before {
  content: "";
  width: 51px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce-acces-secu.png") no-repeat 0 0;
}
.site-content .accesSecurise .wrapper {
  background: url("../Images/bg/dot3.png") repeat-x 0 0;
}
.site-content .accesSecurise .title1,
.accesSecurise .title1 {
  position: relative;
  text-transform: uppercase;
  font-size: 1.8em;
  padding-left: 43px;
  margin-bottom: 15px;
  background: url("../Images/bg/dot3.png") repeat-x 0 100%;
}
.site-content .accesSecurise .title1:before,
.accesSecurise .title1:before {
  content: "";
  width: 51px;
  height: 21px;
  position: absolute;
  top: 2px;
  left: -20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce-acces-secu.png") no-repeat 0 0;
}
.site-content .accesSecurise .listInfos1,
.accesSecurise .listInfos1 {
  padding-top: 10px;
  background: url("../Images/bg/dot3.png") repeat-x 0 0;
}
.site-content .accesSecurise .listInfos1 .item:before,
.accesSecurise .listInfos1 .item:before {
  color: #fff;
}
.site-content .accesSecurise .listInfos1 .item button,
.accesSecurise .listInfos1 .item button,
.site-content .accesSecurise .listInfos1 .item a,
.accesSecurise .listInfos1 .item a {
  color: #fff;
  text-transform: none;
  font-weight: 300;
  text-decoration: underline;
}
.site-content .accesSecurise .listInfos1 .item button:hover,
.accesSecurise .listInfos1 .item button:hover,
.site-content .accesSecurise .listInfos1 .item a:hover,
.accesSecurise .listInfos1 .item a:hover,
.site-content .accesSecurise .listInfos1 .item button:focus,
.accesSecurise .listInfos1 .item button:focus,
.site-content .accesSecurise .listInfos1 .item a:focus,
.accesSecurise .listInfos1 .item a:focus {
  color: #fff;
  text-transform: none;
  text-decoration: none;
}
.kiosque .wrapper {
  margin-bottom: 20px;
}
.kiosque .wrapper > .item {
  margin-bottom: 20px;
}
.kiosque .wrapper > .item:last-child {
  margin-bottom: 0;
}
.kiosque .img {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
}
.kiosque .img img {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) #000;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) #000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.kiosque .linkView a:before {
  color: #dd6402;
}
.site-content .kiosque .title,
#col1 .kiosque .title,
.home .kiosque .title {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  border: 0;
  padding: 0;
  margin: 0 0 18px 0;
  font-size: 1.5em;
}
.site-content .kiosque .title1:before {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/bg/puce-2-3.png');
}
#col1 .kiosque .wrapper > .item,
.home .kiosque .wrapper > .item {
  margin-bottom: 40px;
  overflow: hidden;
}
#col1 .kiosque .title1:before,
.home .kiosque .title1:before {
  color: #dd6402;
}
.home .kiosque .carouselKiosqueWrapper {
  position: relative;
  padding: 0 28px;
}
.home .kiosque .carouselKiosqueWrapper .linkButton {
  text-align: left;
  white-space: normal;
}
.home .kiosque .wrapper {
  text-align: center;
  margin-bottom: 0;
}
.home .kiosque .wrapper .item {
  margin-bottom: 0;
  width: 204px;
  vertical-align: middle;
}
.home .kiosque .wrapper .img {
  float: none;
  display: block;
  margin: 0 0 10px;
}
.home .kiosque .wrapper .img a {
  display: block;
  margin: 0 auto;
}
.home .kiosque .wrapper .title {
  white-space: normal;
  margin-bottom: 10px;
}
.home .kiosque .pagerKiosque {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
.home .kiosque .pagerKiosque li {
  position: absolute;
  top: 50px;
}
.home .kiosque .pagerKiosque li:before {
  content: '';
  background: none;
  padding: 0;
}
.home .kiosque .pagerKiosque li.prev {
  left: 0;
}
.home .kiosque .pagerKiosque li.next {
  right: 0;
}
.site-content .situerCarte p,
.situerCarte p {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.4em;
  margin: 0 0 15px 0;
}
.home .blocStyle1.accesRapides,
.home .blocStyle1.cgProcheDeVous {
  width: 300px;
}
.home .blocStyle1.accesRapides .listItems,
.home .blocStyle1.cgProcheDeVous .listItems {
  margin: 20px 0 15px 0;
  padding: 0;
}
.home .blocStyle1.accesRapides .listItems .item:before,
.home .blocStyle1.cgProcheDeVous .listItems .item:before,
.home .blocStyle1.accesRapides .listItems .item:after,
.home .blocStyle1.cgProcheDeVous .listItems .item:after {
  color: inherit;
  content: "";
  position: inherit;
  left: inherit;
  right: inherit;
  top: inherit;
  bottom: inherit;
}
.home .blocStyle1.accesRapides .listItems .item,
.home .blocStyle1.cgProcheDeVous .listItems .item {
  background-repeat: no-repeat;
  background-position: 0 8px;
  padding-left: 25px;
  border-top: 1px solid #f0f0f0;
}
.home .blocStyle1.accesRapides .listItems .item:first-child,
.home .blocStyle1.cgProcheDeVous .listItems .item:first-child {
  border-top: none;
}
.home .blocStyle1.accesRapides .listItems .item a,
.home .blocStyle1.cgProcheDeVous .listItems .item a {
  position: relative;
  display: block;
  padding: 6px 0;
  color: #00727e;
  font-size: 1.2307em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.home .blocStyle1.accesRapides .listItems .item a:before,
.home .blocStyle1.cgProcheDeVous .listItems .item a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #6a6a6a;
  position: absolute;
  top: 6px;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e00f';
}
.home .blocStyle1.accesRapides .listItems .item a:hover span,
.home .blocStyle1.cgProcheDeVous .listItems .item a:hover span,
.home .blocStyle1.accesRapides .listItems .item a:focus span,
.home .blocStyle1.cgProcheDeVous .listItems .item a:focus span {
  text-decoration: underline;
}
.home .blocStyle1.accesRapides {
  min-height: 340px;
}
.home .blocStyle1.accesRapides .accesRapidesMobile {
  display: none;
}
.home .blocStyle1.cgProcheDeVous .wrapper .wrap {
  margin-top: -15px !important;
  margin-bottom: 10px;
}
.home .blocStyle1.cgProcheDeVous .wrapper .wrap img {
  margin-bottom: 8px;
}
.home .blocStyle1.cgProcheDeVous .wrapper .wrap .text1 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6em;
  color: #6a6a6a;
  line-height: 1;
}
.home .blocStyle1.cgProcheDeVous .wrapper .listItems {
  margin-top: 0;
  margin-bottom: 0;
}
.monCG06Bloc {
  background: #00727e url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/moncg06bloc.png") no-repeat 100% 50%;
}
.monCG06Bloc .title1 {
  color: #fff;
}
.monCG06Bloc .wrapper {
  margin: 20px 0;
}
.monCG06Bloc .text1,
.monCG06Bloc .text2 {
  font-size: 1.6em;
  color: #fff;
  margin: 10px 0 15px 0;
}
.monCG06Bloc .text1 img,
.monCG06Bloc .text2 img {
  vertical-align: -8%;
}
.monCG06Bloc .text1 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 35px !important;
}
.monCG06Bloc .text2 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 35px;
}
.monCG06Bloc .customizeNavigation {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot4.png") repeat-x 0 0;
  padding-top: 20px;
  line-height: 1;
}
.monCG06Bloc .customizeNavigation a {
  font-size: 2.4em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  display: block;
  padding-right: 40px;
  position: relative;
}
.monCG06Bloc .customizeNavigation a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 34px;
  color: #fff;
  position: absolute;
  top: 20%;
  right: 0;
  bottom: inherit;
  left: inherit;
  content: '\e01b';
}
.monCG06Bloc a {
  color: #fff;
}
.monCG06Bloc a:hover,
.monCG06Bloc a:focus {
  text-decoration: underline;
}
.home .monCG06Bloc {
  min-height: 360px;
  width: 300px;
  float: right;
}
.home .monCG06Bloc > header {
  background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot4.png');
}
.home .enImages .title1:before {
  color: #dd6300;
}
.home .enImages .rss a:before,
.home .enImages .linkView a:before {
  color: #dd6300;
}
.home .enImages .carouselEnImages:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.home .enImages .carouselEnImages .title {
  display: block;
  font-size: 1.4em;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  width: 108px;
  height: 82px;
  margin: 0;
  padding: 10px;
  line-height: 1.2;
  background: #000;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  z-index: 2;
}
.home .enImages .carouselEnImages .item {
  width: 128px;
  float: left;
  margin: 0 1px 1px 0;
}
.home .enImages .carouselEnImages img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.home .enImages .carouselEnImages a {
  position: relative;
  display: block;
  width: 128px;
  height: 102px;
}
.home .enImages .carouselEnImages a:hover .title,
.home .enImages .carouselEnImages a:focus .title {
  opacity: 1;
}
.ie78 .home .enImages .carouselEnImages .title {
  visibility: hidden;
}
.ie78 .home .enImages .carouselEnImages a:hover .title,
.ie78 .home .enImages .carouselEnImages a:focus .title {
  visibility: visible;
}
.home .squareBloc .reseauxSociaux .section,
.home .reseauxSociaux .section {
  max-height: 220px;
  overflow: hidden;
}
.home .squareBloc .reseauxSociaux header,
.home .reseauxSociaux header {
  margin-bottom: 15px;
}
.home .squareBloc .reseauxSociaux iframe,
.home .reseauxSociaux iframe {
  clear: both;
}
.home .squareBloc .reseauxSociaux img,
.home .reseauxSociaux img {
  float: left;
  margin: 12px;
}
.home .squareBloc .reseauxSociaux .iframeFacebook,
.home .reseauxSociaux .iframeFacebook {
  display: table;
  width: calc(100% - 12px);
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  padding: 2px 5px;
  margin-bottom: 5px;
}
.home .squareBloc .reseauxSociaux .iframeFacebook .linkFaceBook,
.home .reseauxSociaux .iframeFacebook .linkFaceBook {
  color: #292f33;
  font-size: 1.4em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
.home .squareBloc .reseauxSociaux .iframeFacebook .facebook,
.home .reseauxSociaux .iframeFacebook .facebook {
  border: none;
  overflow: hidden;
  height: 114px;
  width: 100%;
  margin-top: -10px !important;
}
.home .squareBloc .reseauxSociaux .iframeFacebook .facebookAdvanced,
.home .reseauxSociaux .iframeFacebook .facebookAdvanced {
  display: table-cell;
  margin-top: 10px;
  vertical-align: middle;
  text-align: right;
  padding-top: 3px;
}
.home .squareBloc .reseauxSociaux .iframeFacebook .facebookAdvanced .facebook,
.home .reseauxSociaux .iframeFacebook .facebookAdvanced .facebook {
  height: 20px;
  width: 65px;
  margin: 0 !important;
}
.home .squareBloc .reseauxSociaux .twitter,
.home .reseauxSociaux .twitter {
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  padding: 7px 5px;
  overflow: hidden;
  width: calc(100% - 12px);
  height: 85px;
}
.home .squareBloc .reseauxSociaux .twitter .title,
.home .reseauxSociaux .twitter .title,
.home .squareBloc .reseauxSociaux .twitter .subtitle,
.home .reseauxSociaux .twitter .subtitle {
  display: block;
  font-size: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
}
.home .squareBloc .reseauxSociaux .twitter .title,
.home .reseauxSociaux .twitter .title {
  color: #000;
  font-weight: bold;
}
.home .squareBloc .reseauxSociaux .twitter .subtitle,
.home .reseauxSociaux .twitter .subtitle {
  color: #666;
}
.home .squareBloc .reseauxSociaux .twitterAdvanced,
.home .reseauxSociaux .twitterAdvanced {
  height: inherit;
  border: none;
  padding: 0;
  width: 100%;
}
.home .cartographie {
  background: #fff url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/cartographie-bloc.png") no-repeat 100% 100%;
}
.home .cartographie .wrapper > img {
  border: 1px solid #f0f0f0;
  margin-bottom: 20px;
}
.home .cartographie .select select,
.home .cartographie .select span.selectElement {
  width: 210px;
}
.home .cartographie button {
  background: #6a6a6a;
  border: none;
  padding: 0;
  margin: 0;
  width: 36px;
  height: 35px;
}
.home .cartographie button:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.home .cartographie button img {
  width: 36px;
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: none !important;
}
.home .cartographie button:hover,
.home .cartographie button:focus {
  padding: 0;
  margin: 0;
  border: none;
  color: #fff !important;
  border-radius: 0;
}
.home .cartographie button:hover:before,
.home .cartographie button:focus:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.home .cartographie button:hover img,
.home .cartographie button:focus img {
  padding-left: 36px;
}
.home .cartographie button:hover,
.home .cartographie button:focus {
  background: #00727e;
}
.home .cartographie button:hover img,
.home .cartographie button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/squarre-btn-h.png") no-repeat 0 0;
}
.home .mesDemarches .select select,
.home .mesDemarches .select span.selectElement {
  width: 210px;
}
.home .mesDemarches .text1 {
  color: #6a6a6a;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6em;
  margin-bottom: 15px;
}
.home .mesDemarches button {
  background: #6a6a6a;
  border: none;
  padding: 0;
  margin: 0;
  width: 36px;
  height: 35px;
}
.home .mesDemarches button:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.home .mesDemarches button img {
  width: 36px;
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: none !important;
}
.home .mesDemarches button:hover,
.home .mesDemarches button:focus {
  padding: 0;
  margin: 0;
  border: none;
  color: #fff !important;
  border-radius: 0;
}
.home .mesDemarches button:hover:before,
.home .mesDemarches button:focus:before {
  font-family: none;
  content: none;
  margin: auto;
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  font-size: inherit;
  color: inherit;
}
.home .mesDemarches button:hover img,
.home .mesDemarches button:focus img {
  padding-left: 36px;
}
.home .mesDemarches button:hover,
.home .mesDemarches button:focus {
  background: #00727e;
}
.home .mesDemarches button:hover img,
.home .mesDemarches button:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/squarre-btn-h.png") no-repeat 0 0;
}
.home .mesDemarches form {
  margin-bottom: 10px;
  display: block;
}
.home .mesDemarches form label img {
  margin-right: 5px;
  vertical-align: middle;
}
.home .mesDemarches form:last-child {
  margin-bottom: 0;
}
/*
* linkView
*/
.home .linkViewWrap {
  background: none;
  display: inline-block;
}
.linkViewWrap {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 0;
  clear: both;
  padding: 4px 0 0 0;
}
.rss,
.linkView {
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3em;
  text-transform: uppercase;
  display: inline-block;
}
.rss a,
.linkView a {
  color: #000;
  display: block;
}
#col1 .rss,
#col1 .linkView,
.site-content .rss,
.site-content .linkView {
  margin: 0;
}
#col1 .rss a,
#col1 .linkView a,
.site-content .rss a,
.site-content .linkView a {
  text-decoration: none;
}
#col1 .rss a:hover span,
#col1 .linkView a:hover span,
.site-content .rss a:hover span,
.site-content .linkView a:hover span,
#col1 .rss a:focus span,
#col1 .linkView a:focus span,
.site-content .rss a:focus span,
.site-content .linkView a:focus span {
  text-decoration: underline;
}
#col1 .rss + .linkView,
#content .rss + .linkView {
  margin-left: 10px;
}
.rss {
  z-index: 2;
}
.rss a {
  position: relative;
  padding-left: 16px;
}
.rss a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 11px;
  color: #00727e;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e02c';
}
.linkView {
  z-index: 1;
}
.linkView a {
  position: relative;
  padding-left: 20px;
}
.linkView a:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 22px;
  color: #00727e;
  position: absolute;
  top: -5px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}
.home .linkViewWrap .linkView {
  display: inline-block;
}
.tx-jkpoll-pi1 .resultats img {
  width: 100%;
}
.hidden1 .blocStyle1 {
  background: url(/typo3conf/ext/stratis_feedit/Ressources/Images/bg-item-hide.png) 0 0 repeat;
}
.hidden1 {
  background: url(../Images/feedit/bg-item-hide.png) 0 0 repeat;
}
body.album main .wrapper940 header {
  width: 400px;
}
body.album main .noResult {
  font-size: 1.3em;
  width: 880px;
  margin: 25px auto;
  background: #ffffff;
  padding: 30px;
  border: 1px solid #F8F8F8;
}
body.album main h1 {
  padding-top: 10px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2em;
  color: #0091a1;
}
body.album .catmenu {
  width: 500px;
  margin: -55px 0 auto 0 !important;
  padding-left: 430px;
}
body.album .catmenu fieldset {
  margin-bottom: auto;
}
body.album .catmenu .fieldset {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 15px;
}
body.album .catmenu legend {
  margin-bottom: 0;
}
body.album .catmenu legend span {
  background: none;
}
body.album .catmenu .fieldset {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
body.album .catmenu .validate {
  margin-bottom: 0;
}
body.album .catmenu label {
  white-space: nowrap;
  color: #343434;
}
body.album .catmenu .select span.selectElement {
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
  box-shadow: inset 0 0 1px 1px #fff;
}
body.albumSingle main .wrapper940 header {
  float: left;
  width: 70%;
}
body.albumSingle main .wrapper940 header h1 {
  padding-top: 0;
  margin-bottom: 40px;
}
body.albumSingle main .linkViewWrap {
  width: 28%;
  float: right;
  clear: none;
  text-align: right;
  background: none;
  padding-top: 40px;
}
body.albumSingle main .linkViewWrap .linkView {
  font-size: 1.4em;
}
body.albumSingle main .linkViewWrap .linkView a {
  text-decoration: none;
}
body.albumSingle main .linkViewWrap .linkView a:before {
  top: -4px;
}
body.albumSingle main .linkViewWrap .linkView a:hover,
body.albumSingle main .linkViewWrap .linkView a:focus {
  text-decoration: underline;
}
body.albumSingle .albumFullWidth {
  clear: both;
  background: #343434;
  padding: 40px 0;
  margin-bottom: 40px;
}
body.albumSingle .albumDetailWrapper {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (max-width: 960px) {
  body.albumSingle .albumDetailWrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
body.albumSingle .albumDetailWrapper:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#container .og-grid {
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
#container .og-grid li {
  display: inline-block;
  margin: 20px 10px 0 10px;
  vertical-align: top;
  width: 215px;
  height: 350px;
}
#container .og-grid li:first-child {
  margin-top: 20px;
}
#container .og-grid li > button,
#container .og-grid li > button img {
  border: none;
  display: block;
  position: relative;
}
#container .og-grid li > button {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: 215px;
  height: 350px;
  display: block;
  vertical-align: top;
  white-space: normal;
  text-decoration: none;
}
#container .og-grid li > button:hover img,
#container .og-grid li > button:focus img {
  border: 10px solid #00AEBF;
  width: calc(215px - 20px);
  height: calc(215px - 20px);
}
#container .og-grid li > button:hover .title,
#container .og-grid li > button:focus .title {
  text-decoration: underline;
  color: #00727e;
}
#container .og-grid li > button .wrap {
  display: block;
  min-height: 350px;
  vertical-align: top;
}
#container .og-grid li > button img {
  width: 215px;
  margin-bottom: 20px;
}
#container .og-grid li > button .title {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1.2;
  text-align: left;
}
#container .og-grid li.og-expanded > button:after {
  bottom: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #343434;
  border-width: 15px;
  left: 20px;
  margin: -20px 0 0 -15px;
}
.og-expander {
  position: absolute;
  background: #343434;
  top: auto;
  left: 0;
  width: 100%;
  margin-top: 20px;
  text-align: left;
  height: 0;
  overflow: hidden;
}
.og-expander-inner {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  padding: 30px 0;
  max-width: 940px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .og-expander-inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.og-close {
  position: relative;
  position: absolute;
  text-align: left;
  padding-left: 20px;
  top: 10px;
  right: 0;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.4em;
  text-decoration: none;
  width: auto;
}
.og-close:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e005';
}
.og-close:hover,
.og-close:focus {
  font-size: 1.4em;
  color: #fff;
  font-weight: 300;
  padding-left: 20px;
  text-decoration: none;
}
.og-close:hover:before,
.og-close:focus:before {
  content: "\e005";
  font-family: Icons;
  font-size: 16px;
  color: #00AEBF;
  left: 0;
  top: 2px;
}
.og-close:hover span,
.og-close:focus span {
  text-decoration: underline;
}
.og-fullimg,
.og-details {
  width: 49%;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.og-fullimg {
  text-align: center;
}
.og-fullimg a {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
}
.og-fullimg a:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/galerie-full-screen.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: inherit;
  right: 4px;
  bottom: 5px;
  left: inherit;
  z-index: 1;
}
.og-fullimg a .infosImg {
  padding: 10px 40px 10px;
}
.og-fullimg .infosImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  text-align: right;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.og-fullimg .infosImg .legendGallery {
  font-weight: bold;
}
.og-fullimg img,
.og-fullimg iframe {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  border: none;
}
.og-fullimg img {
  height: auto;
}
.og-fullimg-transition {
  text-align: inherit;
  overflow: visible;
}
.og-fullimg-transition a {
  z-index: 999999 !important;
}
.og-fullimg-transition img,
.og-fullimg-transition iframe {
  display: inherit;
  max-height: inherit;
}
.og-fullimg-transition .ls-webkit-hack {
  display: none;
}
.og-fullimg-transition .ls-minimal,
.og-fullimg-transition .ls-thumbnail {
  padding: 0;
  background: none;
}
.og-fullimg-transition .ls-minimal a:after,
.og-fullimg-transition .ls-thumbnail a:after {
  display: none;
  background: none;
  content: none;
}
.og-fullimg-transition .ls-minimal {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.og-fullimg-transition .ls-minimal .ls-nav-prev,
.og-fullimg-transition .ls-minimal .ls-nav-next {
  bottom: 4%;
}
.og-fullimg-transition .ls-minimal .ls-nav-prev {
  left: -30px;
}
.og-fullimg-transition .ls-minimal .ls-nav-next {
  right: -30px;
}
.og-fullimg-transition .ls-minimal .ls-below-thumbnails {
  height: 0;
  margin: 0;
}
.og-fullimg-transition .ls-inner,
.og-fullimg-transition .ls-layer {
  height: 345px !important;
}
.og-fullimg-transition .ls-active a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}
.og-fullimg-transition .ls-active a:after {
  content: none;
}
.og-fullimg-transition .ls-active .infosImg {
  display: block !important;
  z-index: 999999 !important;
  height: 50px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 100% !important;
  font-size: 1.2em !important;
  overflow: hidden;
  top: calc(100% - 50px) !important;
  padding: 10px 10px 10px 30px !important;
  position: relative;
}
.og-fullimg-transition .ls-active .infosImg:after {
  content: '';
  background: transparent url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/galerie-full-screen.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: 5px;
  left: 4px;
  z-index: 1;
}
.og-details {
  float: right;
}
.og-details .subTitle {
  background: #000;
  padding: 4px 8px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.4em;
  color: #fff;
  margin-right: 90px;
  margin-bottom: 10px;
}
.og-details .title {
  padding: 0;
  margin-bottom: 8px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.2em;
  color: #fff;
}
.og-details .date {
  padding: 0;
  margin-bottom: 8px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-style: italic;
  font-size: 1.3em;
  color: #b3b3b3;
}
.og-details .description {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3em;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
}
.og-details .viewGallery,
.og-details .viewFullScreen,
.og-details .viewWebTv {
  margin-bottom: 8px;
}
.og-details .viewGallery a,
.og-details .viewFullScreen a,
.og-details .viewWebTv a {
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.3em;
  text-decoration: none;
  padding-left: 25px;
}
.og-details .viewGallery a:hover,
.og-details .viewFullScreen a:hover,
.og-details .viewWebTv a:hover,
.og-details .viewGallery a:focus,
.og-details .viewFullScreen a:focus,
.og-details .viewWebTv a:focus {
  color: #00AEBF;
}
.og-details .viewGallery a:focus,
.og-details .viewFullScreen a:focus,
.og-details .viewWebTv a:focus {
  text-decoration: underline;
}
.og-details .viewGallery {
  position: relative;
}
.og-details .viewGallery:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: -2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e010';
}
.og-details .viewFullScreen {
  position: relative;
}
.og-details .viewFullScreen:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: -2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00f';
}
.og-details .viewWebTv {
  position: relative;
}
.og-details .viewWebTv:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #00AEBF;
  position: absolute;
  top: -2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e00e';
}
.og-details .facebook {
  margin-bottom: 8px;
}
.og-details .twitter {
  margin-bottom: 8px;
  white-space: nowrap;
  font: 11px/18px 'Helvetica Neue', Arial, sans-serif;
}
.og-details .twitter a.tweet {
  overflow: hidden;
  text-decoration: none;
  color: #333333;
  height: 20px;
}
.og-details .twitter a.tweet .message {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3px 0 19px;
  background-color: #EEEEEE;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DEDEDE));
  background-image: linear-gradient(#FFFFFF, #DEDEDE);
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  color: #333333;
  cursor: pointer;
  font-weight: bold;
  height: 18px;
  max-width: 98%;
  overflow: hidden;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.og-details .twitter a.tweet .message:before {
  content: "";
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/twitter-sprite.png") no-repeat scroll 0 0 transparent;
  height: 13px;
  left: 2px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.og-details .twitter a.tweet .count {
  display: inline-block;
  vertical-align: top;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  min-height: 18px;
  min-width: 15px;
  position: relative;
  margin: 0 0 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 18px;
  max-width: 100%;
  padding: 0 3px;
  color: #333333;
  text-align: center;
  white-space: nowrap;
}
.og-loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
          box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-animation: loader 0.5s infinite ease-in-out both;
  animation: loader 0.5s infinite ease-in-out both;
}
@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
            box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
            box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}
@keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
            box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
  }
  66% {
    background: #ccc;
    -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
            box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
  }
}
@media screen and (max-width: 830px) {
  .og-expander h3 {
    font-size: 32px;
  }
  .og-expander p {
    font-size: 13px;
  }
  .og-expander a {
    font-size: 12px;
  }
}
@media screen and (max-width: 650px) {
  .og-details {
    float: none;
    width: 100%;
  }
}
body.albumSingle .albumDetailWrapper {
  margin-bottom: 40px;
}
body.albumSingle .og-details .description {
  margin-bottom: 20px;
}
body.albumSingle .og-details .viewGallery,
body.albumSingle .og-details .viewFullScreen,
body.albumSingle .og-details .viewWebTv {
  font-size: 1em;
}
body.albumSingle .albumDetailThumbs ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
body.albumSingle .albumDetailThumbs ul li {
  display: inline-block;
  margin: 10px;
}
.site-content .jobList .subTitle {
  background: black;
  color: white;
}
.jobSingle .headerWrapper {
  overflow: hidden;
}
.jobSingle .headerWrapper .imgWrapper {
  float: left;
  width: 260px;
  margin-right: 20px;
}
.jobSingle .headerWrapper .imgWrapper img {
  width: 100%;
  height: auto;
}
.jobSingle .headerWrapper .textWrapper {
  overflow: hidden;
}
.jobSingle .likeButton:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  content: '\e018';
}
#myPersonalization hr {
  margin: 20px 0;
}
.myProfileWrap label {
  display: inline-block;
  vertical-align: -16%;
}
.myProfileWrap .select {
  width: 530px;
  display: inline-block;
}
.myProfileWrap .select select,
.myProfileWrap .select span.selectElement {
  width: 100% !important;
}
.site-content .myInterestWrap fieldset {
  margin: 0;
}
.site-content .myInterestWrap .wrapField {
  width: 154px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 15px 10px;
}
.site-content .avatarSelectionWrap fieldset {
  margin: 0;
}
.site-content .avatarSelectionWrap .wrapField {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
.site-content .avatarSelectionWrap .wrapField label {
  display: block;
  margin: 0;
  padding: 0;
}
.site-content .avatarSelectionWrap .wrapField label:before {
  display: none;
}
.site-content .avatarSelectionWrap .wrapField label:after {
  border-radius: 10px;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 39px;
  bottom: -22px;
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
  box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
}
.site-content .avatarSelectionWrap .wrapField label img {
  background: #F7F7F7;
}
.site-content .avatarSelectionWrap .wrapField input[type="radio"] {
  position: absolute;
  left: 40px;
  bottom: -18px;
}
.site-content .avatarSelectionWrap .wrapField input[type="radio"]:checked + label:after {
  font-family: icons;
  content: "\e06c";
  font-size: 10px;
  color: #00AEBF;
  text-align: center;
  line-height: 18px;
}
.ie78 .site-content .avatarSelectionWrap .wrapField label:after {
  display: none;
}
.ie78 .site-content .avatarSelectionWrap .wrapField input[type="radio"]:checked + label:after {
  display: none;
}
.site-content .headerSelectionWrap fieldset {
  margin: 0;
}
.site-content .headerSelectionWrap .wrapField {
  float: left;
  clear: inherit;
  width: 415px;
}
.site-content .headerSelectionWrap .wrapField label {
  padding: 0;
}
.site-content .headerSelectionWrap .wrapField label:before {
  top: 0px;
}
.site-content .headerSelectionWrap .wrapField label img {
  display: block;
  margin-bottom: 4px;
}
.site-content .headerSelectionWrap .wrapField label span {
  display: block;
  margin-bottom: 10px;
  padding-left: 25px;
}
.site-content .headerSelectionWrap .bandeau1 {
  margin-right: 15px;
}
.site-content #quickAccess .field {
  margin-bottom: 10px;
}
.site-content #myFavorits .field {
  padding: 10px 0;
}
.site-content .myNewsBlocs,
.site-content .myfavorites {
  clear: both;
  margin-bottom: 30px;
}
.site-content .myNewsBlocs:after,
.site-content .myfavorites:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.site-content .myNewsBlocs .title,
.site-content .myfavorites .title {
  margin-left: auto;
  margin-bottom: 5px;
  color: #00727e;
}
.site-content .myNewsBlocs .description,
.site-content .myfavorites .description {
  margin-bottom: 25px;
}
.site-content .myNewsBlocs .dynamicBlock,
.site-content .myfavorites .dynamicBlock {
  width: 124px;
  height: 168px;
  display: inline-block;
  display: block;
  float: left;
  vertical-align: top;
  overflow: hidden;
  margin: 0 4px 8px 4px;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1,
.site-content .myfavorites .dynamicBlock .bloc1 {
  border: 1px solid #ececec;
  padding: 10px;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .title2,
.site-content .myfavorites .dynamicBlock .bloc1 .title2 {
  text-transform: uppercase;
  font-size: 1.3em;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #000;
  line-height: 1;
  margin: 0;
  min-height: 35px;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .title2:before,
.site-content .myfavorites .dynamicBlock .bloc1 .title2:before {
  font-size: 12px;
  left: -10px;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb {
  width: calc(98%);
  height: 80px;
  border: 1px solid #ececec;
  background: #f9f9f9;
  position: relative;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .switch,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .switch {
  display: none;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .up,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up,
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .down,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down {
  position: absolute;
  top: 24px;
  width: 29px;
  height: 30px;
  overflow: hidden;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .up img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up img,
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .down img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down img {
  width: 29px;
  height: 30px;
  max-width: inherit;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .up:hover img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up:hover img,
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .down:hover img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down:hover img,
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .up:focus img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up:focus img,
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .down:focus img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down:focus img {
  padding-left: 29px;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .down,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down {
  right: 0;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .down img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/customize-right-h.png") no-repeat 0 0;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .up,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up {
  left: 0;
}
.site-content .myNewsBlocs .dynamicBlock .bloc1 .thumb .up img,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/customize-left-h.png") no-repeat 0 0;
}
.site-content .myNewsBlocs .dynamicBlock .bloc2 .switch,
.site-content .myfavorites .dynamicBlock .bloc2 .switch {
  background: #f8f8f8;
  width: 100%;
  display: block;
  text-align: center;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 6px 0;
}
.site-content .myNewsBlocs .dynamicBlock .bloc2 .switch > span,
.site-content .myfavorites .dynamicBlock .bloc2 .switch > span {
  position: relative;
  padding-left: 20px;
  display: inline-block;
}
.site-content .myNewsBlocs .dynamicBlock .bloc2 .switch > span:before,
.site-content .myfavorites .dynamicBlock .bloc2 .switch > span:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #dadada;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e017';
}
.site-content .myNewsBlocs .dynamicBlock .bloc2 .switch:hover > span > span,
.site-content .myfavorites .dynamicBlock .bloc2 .switch:hover > span > span,
.site-content .myNewsBlocs .dynamicBlock .bloc2 .switch:focus > span > span,
.site-content .myfavorites .dynamicBlock .bloc2 .switch:focus > span > span {
  text-decoration: underline;
}
.site-content .myNewsBlocs .dynamicBlock .bloc2 .switch.add,
.site-content .myfavorites .dynamicBlock .bloc2 .switch.add {
  display: none;
}
.site-content .myfavorites .dynamicBlock .bloc1 {
  border: 1px solid #e7e7e7;
  background: #e7e7e7;
}
.site-content .myfavorites .dynamicBlock .bloc1 .title2:before {
  color: #6a6a6a;
}
.site-content .myfavorites .dynamicBlock .bloc1 .thumb {
  background: #e1e1e1;
  border: 1px solid #e1e1e1;
}
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .up,
.site-content .myfavorites .dynamicBlock .bloc1 .thumb .down {
  display: none;
}
.site-content .myfavorites .dynamicBlock .bloc1 .switch.add {
  display: block;
  overflow: hidden;
  width: 29px;
  height: 29px;
}
.site-content .myfavorites .dynamicBlock .bloc1 .switch.add img {
  width: 29px;
  height: 29px;
}
.site-content .myfavorites .dynamicBlock .bloc1 .switch.add:hover img,
.site-content .myfavorites .dynamicBlock .bloc1 .switch.add:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/customize-plus-h.png") no-repeat 0 0;
  padding-left: 29px;
}
.site-content .myfavorites .dynamicBlock .bloc2 .switch {
  display: none;
}
.site-content .myfavorites .dynamicBlock .bloc2 .switch.add {
  display: block;
}
.site-content .myfavorites .dynamicBlock .bloc2 .switch.add > span:before {
  font-family: Icons;
  content: "\e000";
  font-size: 12px;
  top: 1px;
}
.site-content .myfavorites #blocksHidden .dynamicBlock .bloc1 .thumb {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 108px;
}
.site-content .myfavorites #blocksHidden .dynamicBlock .bloc1 .thumb .switch {
  display: inline;
}
/* Favoris */
#myFavorits #myFavs:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#myFavorits #myFavs .favs {
  padding: 20px 0;
  border-bottom: 1px solid #d7d7d7;
}
#myFavorits #myFavs .favs:after {
  clear: both;
  display: block;
  content: "\e06c";
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
#myFavorits #myFavs .favs .item {
  float: right;
  width: 520px;
}
#myFavorits #myFavs .favs .item img {
  float: left;
  margin-right: 20px;
  width: 140px;
  height: auto;
}
#myFavorits #myFavs .favs .item .title {
  border: none;
  font-size: 2em;
  margin-bottom: 0;
  padding: 0;
}
#myFavorits #myFavs .favs .item .url {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.2em;
  color: #777777;
}
#myFavorits #myFavs .favs .controls {
  float: left;
  width: 30px;
}
#myFavorits #myFavs .favs .controls .up,
#myFavorits #myFavs .favs .controls .down,
#myFavorits #myFavs .favs .controls .remove {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
#myFavorits #myFavs .favs .controls .up:hover img,
#myFavorits #myFavs .favs .controls .down:hover img,
#myFavorits #myFavs .favs .controls .remove:hover img,
#myFavorits #myFavs .favs .controls .up:focus img,
#myFavorits #myFavs .favs .controls .down:focus img,
#myFavorits #myFavs .favs .controls .remove:focus img {
  width: 30px;
  height: 30px;
  padding-left: 30px;
}
#myFavorits #myFavs .favs .controls .up {
  margin-bottom: 1px;
}
#myFavorits #myFavs .favs .controls .up:hover img,
#myFavorits #myFavs .favs .controls .up:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/favoris-up-h.png") no-repeat 0 0;
}
#myFavorits #myFavs .favs .controls .down {
  margin-bottom: 30px;
}
#myFavorits #myFavs .favs .controls .down:hover img,
#myFavorits #myFavs .favs .controls .down:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/favoris-down-h.png") no-repeat 0 0;
}
#myFavorits #myFavs .favs .controls .remove:hover img,
#myFavorits #myFavs .favs .controls .remove:focus img {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/favoris-remove-h.png") no-repeat 0 0;
}
.site-content .updateProfil {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #00727e;
  width: 100%;
  padding: 5px;
  z-index: 1;
}
.site-content .updateProfil p {
  text-align: center;
  margin-bottom: auto;
}
.site-content .updateProfil a {
  color: #fff;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.153846153846154em;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  padding-left: 20px;
}
.site-content .updateProfil a:before {
  font-family: specificIcons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: '\e004';
}
.site-content .updateProfil a:hover span,
.site-content .updateProfil a:focus span {
  text-decoration: underline;
}

.recherche__criteres fieldset div {
  margin-bottom: 0;
}
.recherche__criteres .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.recherche__criteres .row .col-md-9,
.recherche__criteres .row .col-md-3, 
.recherche__criteres .row .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
}
.recherche__criteres .row .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
}
.recherche__criteres .row .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}
.recherche__criteres .row .tx-indexedsearch-search-submit {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 0;
}
.recherche__criteres__form .tx-indexedsearch-form,
.recherche__criteres__form .tx-indexedsearch-search-select-section {
  margin-top: 15px;
}

.recherche__criteres .recherche__plus-moins {
  margin-top: 20px;
}
.recherche__criteres .recherche__plus-moins a {
  text-decoration: none;
}
.recherche__criteres .recherche__plus-moins .recherche__plus-moins__icone {
  font-size: 18px;
  border: 1px solid #00AEBF;
  color: #00AEBF;
  height: 13px;
  width: 13px;
  display: inline-block;
  text-align: center;
  line-height: .6;
  margin-right: 2px;
  font-weight: 400;
}
.recherche__criteres .recherche__plus-moins .recherche__plus-moins__texte {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  padding-bottom: 0px;
}
.tx-indexedsearch-info-noresult {
  text-align: center;
  font-size: 14px;
  color: #6F6F6F;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/picto-noresults.png") no-repeat;
  background-size: 40px;
  padding-top: 50px;
  background-position-x: center;
  margin-top: 20px;
}
.tx-indexedsearch-res.type5001 {
  display: none;
}
.tx-indexedsearch-browsebox p {
  margin-top: 25px;
  color: #6F6F6F;
}
.tx-indexedsearch-browsebox strong {
  font-weight: 300;
}
.tx-indexedsearch-info {
  font-style: italic;
  color: #6F6F6F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
}
.tx-indexedsearch-info .recherche__pertinence {
  margin: 0 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  border: 1px solid #00727e;
  height: 13px;
  margin-top: -1px;
  background-color: #f3f3f3;
}
.tx-indexedsearch-info .recherche__pertinence .recherche__pertinence__barre {
  display: inline-block;
  background-color: #00727e;
}
.tx-indexedsearch-info .tx-indexedsearch-text-item-mtime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tx-indexedsearch-res {
  border-bottom: 1px solid #e7e7e7;
  padding: 35px 0 20px;
}
.recherche__resulats .tx-indexedsearch-res h2 {
  margin: 5px 0 7px;
}
.recherche__resulats .tx-indexedsearch-res h2::before {
  content: none;
}
.recherche__resulats .tx-indexedsearch-res .tx-indexedsearch-description {
  font-size: 13px;
}
.recherche__resulats .tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup {
  font-weight: 300;
  -webkit-text-decoration: underline dotted black;
          text-decoration: underline dotted black;
  font-style: italic;
}
ul.tx-indexedsearch-browsebox {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 35px;
  counter-reset: pagination;
}
ul.tx-indexedsearch-browsebox li {
  margin: 0 1px;
}
ul.tx-indexedsearch-browsebox li::before {
  content: none;
}
ul.tx-indexedsearch-browsebox li:nth-child(n+2) {
  counter-increment: pagination;
}
ul.tx-indexedsearch-browsebox li:first-child,
ul.tx-indexedsearch-browsebox li:nth-last-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
ul.tx-indexedsearch-browsebox li:nth-last-child(1) {
  text-align: right;
}
ul.tx-indexedsearch-browsebox li:first-child.tx-indexedsearch-browselist-currentPage {
  text-align: right;
  counter-increment: pagination;
}
ul.tx-indexedsearch-browsebox li:nth-child(n+2) a,
ul.tx-indexedsearch-browsebox li:first-child.tx-indexedsearch-browselist-currentPage a,
ul.tx-indexedsearch-browsebox li:nth-last-child(1).tx-indexedsearch-browselist-currentPage a {
  font-size: 0;
  min-width: 10px;
  height: 14px;
  display: inline-block;
}
ul.tx-indexedsearch-browsebox li:nth-child(n+2) a::before,
ul.tx-indexedsearch-browsebox li:first-child.tx-indexedsearch-browselist-currentPage a::before,
ul.tx-indexedsearch-browsebox li:nth-last-child(1).tx-indexedsearch-browselist-currentPage a::before {
  content: counter(pagination);
  display: block;
  text-align: center;
}
ul.tx-indexedsearch-browsebox li:nth-last-child(1) a {
  font-size: 11px;
}
ul.tx-indexedsearch-browsebox li:nth-last-child(1) a::before {
  content: none;
}
ul.tx-indexedsearch-browsebox li:nth-last-child(1).tx-indexedsearch-browselist-currentPage {
  text-align: left;
}
ul.tx-indexedsearch-browsebox li a {
  background-color: #00727e;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  padding: 3px 5px;
  font-size: 11px;
}
ul.tx-indexedsearch-browsebox li a::before {
  font-size: 11px;
}

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
  background-color: #e7e7e7;
  color: #000;
}

/* **** EVOL 02/2021 : SOLR **** */

.tx_solr .recherche__criteres fieldset {
  margin: 0;
}
.tx_solr .result-found {
  margin: 20px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
  color: #888888;
  font-size: 14px;
}
.tx_solr .result-found .number,
.tx_solr .result-found .keywords {
  font-weight: 400;
}
.tx_solr .result-found .keywords {
  color: #00aebf;
}
.tx_solr .facet-option-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 35px 0 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tx_solr .facet-option-list .facet-option {
  margin-right: 30px;
  margin-bottom: 10px;
}
.tx_solr .facet-option-list .facet-option .facet {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}
.tx_solr .facet-option-list .facet-option.facet-chosen a,
.tx_solr .facet-option-list .facet-option.facets-remove-all a {
  padding-left: 20px;
  position: relative;
}
.tx_solr .facet-option-list .facet-option.facet-chosen a:before,
.tx_solr .facet-option-list .facet-option.facets-remove-all a:before {
  content: '';
  position: absolute;
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/customize-plus-h.png");
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  left: 5px;
  top: 6px;
}
.tx_solr .facet-option-list .facet-option .facet .facet-result-count {
  border-bottom: 1px solid;
  color: #00aebf;
}
.site-content .tx_solr ul {
  padding-left: 0;
}
@media (max-width: 960px) {
  .site-content .tx_solr ul {
    margin-left: 0;
    margin-right: 0;
  }
}
.site-content .tx_solr ul li.results-entry {
  margin-bottom: 20px;
}
.site-content .tx_solr ul li:before {
  content: none;
}
.tx_solr .relevance {
  margin: 0;
  height: 3px;
  background-color: #c3c3c3;
}
.tx_solr .relevance .relevance__bar{
  display: block;
  height: 3px;
  background-color: #00aebf;
}
.tx_solr .result__link__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 500px) {
  .tx_solr .result__link__element {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
  }
}
.tx_solr .result__link__element .result__thumbnail {
  width: 285px;
  max-width: 100%;
  min-width: 150px;
  position: relative;
  padding-right: 25px;
}
@media (min-width: 500px) AND (max-width: 960px) {
  .tx_solr .result__link__element .result__thumbnail {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
  }
}
@media (min-width: 961px) {
  .tx_solr .result__link__element .result__thumbnail {
    min-width: 285px;
  }
}
.tx_solr .result__link__element .result__thumbnail .result__type {
  position: absolute;
  top: 0;
  background-color: #fff;
  padding: 7px 12px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  margin: 0;
}
.tx_solr .result__teaser .teaser__date {
  font-size: 16px;
  font-weight: 400;
  color: #00aebf;
  margin-top: 20px;
  margin-left: 0;
}
.tx_solr .result__teaser .result__teaser__title .titre_mis_en_avant {
  color: #000;
  font-weight: 900;
  margin: 15px 0 0 0;
}
.tx_solr .result__teaser .result__teaser__title .titre_mis_en_avant:before {
  content: none;
}
.tx_solr .result__teaser .result__teaser__title .titre_mis_en_avant .fichier {
  font-size: 16px;
  font-weight: 400;
}
.tx_solr .result__teaser .teaser__category {
  font-size: 11px;
  margin-top: 3px;
}
.tx_solr .result__teaser .teaser__category .teaser__category__title {
  font-weight: 400;
}
.tx_solr .result__teaser .teaser__category .teaser__category__label {
  color: #848383;
  text-transform: uppercase;
  padding-right: 8px;
}
.tx_solr .result__teaser .result-content {
  margin: 10px 0 25px;
}
.tx_solr .result__teaser .results-highlight {
  color: #00aebf;
  font-weight: bold;
}
.tx_solr .result__teaser .result__link {
  color: #000;
  font-style: italic;
  text-decoration: none;
  border-bottom: 1px solid;
  display: inline-block;
  margin-left: 13px;
  position: relative;
}
.tx_solr .result__teaser .result__link--download {
  margin-left: 50px;
}
.largePage .tx_solr .result__teaser .result__link,
.largePage .tx_solr .result__teaser .result__link--download {
  margin-right: 70px;
  margin-left: 13px;
  margin-bottom: 5px;
}
.tx_solr .result__teaser .result__link:before {
  content: '';
  position: absolute;
  background-image: url("/typo3conf/ext/stratis_website/Resources/Public/Images/pictos/profils-btn.png");
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  left: -13px;
  top: 4px;
  -webkit-transition: left .25s;
  transition: left .25s;
}
.tx_solr .result__teaser .result__link:hover:before,
.tx_solr .result__teaser .result__link:focus:before {
  left: -9px;
}
@media (max-width: 960px) {
  .tx_solr .result__teaser p {
    margin-left: 0;
    margin-right: 0;
  }
  .tx_solr .result__thumbnail img {
    margin-bottom: 0 !important;
  }
}
.tx_solr #solr-pagination {
  display: none;
}
.tx_solr #next_page {
  margin: auto;
  margin-top: 50px;
  margin-bottom: 20px;
  display: block;
}
.tx_solr #next_page:before {
  content: none;
}

/* **** FIN EVOL 02/2021 : SOLR **** */

/* **** EVOL OPTOUT **** */

.atinternet {
  border-top: 1px solid #e7e7e7;
    padding: 10px 0;
    margin: 20px 0;
}
.atinternet .inactive {
  display: none;
}
#tarteaucitronDisclaimerAlert {
  line-height: 1.6em!important;
}

/* **** FIN EVOL OPTOUT **** */

/* **** EVOL 06/2021 : Tableaux guide/hors guide randoxygène **** */
.tableau-guide span {
  display: block;
}

/* ticket #45914 */
.content .tableau-rando-guide p,
.site-content .tableau-rando-guide p,
.content .tableau-rando-hors-guide p,
.site-content .tableau-rando-hors-guide p {
  text-align: center;
}
.content .tableau-rando-guide p.strong,
.site-content .tableau-rando-guide p.strong,
.content .tableau-rando-hors-guide p.strong,
.site-content .tableau-rando-hors-guide p.strong {
  font-weight: 300;
}
.site-content .tableau-rando-guide thead th:nth-child(1) {
  width: 16%;
}
.site-content .tableau-rando-guide thead th:nth-child(3) {
  width: 22%;
}
.site-content .tableau-rando-guide th,
.site-content .tableau-rando-guide td,
.site-content .tableau-rando-hors-guide th,
.site-content .tableau-rando-hors-guide td  {
  padding: 2px 0px;
  vertical-align: middle;
}
.content .tableau-rando-guide p,
.site-content .tableau-rando-guide p,
.content .tableau-rando-hors-guide p,
.site-content .tableau-rando-hors-guide p {
  margin: 5px 0;
}

/* **** FIN EVOL 06/2021 : Tableaux guide/hors guide randoxygène **** */

@media only screen and (max-width: 960px) {
  .site-content .tx_solr,
  .recherche__resulats,
  .tx-indexedsearch-searchbox,
  .tx-indexedsearch-browsebox {
    padding: 0 15px;
  }
  .recherche__resulats .tx-indexedsearch-res .tx-indexedsearch-description,
  .site-content .tx-indexedsearch-browsebox p,
  .site-content ul.tx-indexedsearch-browsebox {
    margin-right: 0;
    margin-left: 0
  }
  .tx-indexedsearch-smallform {
    margin-top: 11px;
  }
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-form,
  .preHeader .search-box #rechercheIndexee form .tx-indexedsearch-smallform .tx-indexedsearch-form {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .recherche__criteres .row .col-md-9,
  .recherche__criteres .row .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .recherche__criteres .row .tx-indexedsearch-search-submit {
    margin-top: 15px;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap p {
  font-size: 1.3em;
}
.fancybox-wrap a:focus {
  outline: 1px dotted #fff;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
  color: #000;
}
.fancybox-galerie.fancybox-wrap {
  background: #000;
}
.fancybox-wrap.fancybox-popin-cg {
  background: #343434;
}
.fancybox-skin {
  position: relative;
  text-shadow: none;
  background: #fff;
  z-index: 9000;
}
.fancybox-galerie .fancybox-skin {
  background: #000;
}
.fancybox-popin-cg .fancybox-skin {
  background: #343434;
}
.fancybox-opened {
  z-index: 10011;
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-outer span {
  display: inline-block;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  margin: 0;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/loading_bg.png") no-repeat 0 0;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  bottom: -15px;
  right: 15px;
  padding-right: 15px;
  color: #fff;
  cursor: pointer;
  z-index: 8060;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/fermer.png") no-repeat 100% 50%;
}
.fancybox-close i {
  font-style: normal;
}
.fancybox-close img {
  display: none;
}
.fancybox-close:hover,
.fancybox-close:focus {
  text-decoration: underline;
}
.fancybox-popin-cg .fancybox-close {
  top: 25px;
  right: 20px;
  bottom: inherit;
  text-transform: uppercase;
  background: none;
  padding-left: 20px;
  font-family: RobotoC, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4em;
}
.fancybox-popin-cg .fancybox-close:before {
  font-family: Icons;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
  font-size: 14px;
  font-weight: 300;
  color: #00727e;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "\e002";
}
.fancybox-popin-cg .popinWebTV .fancybox-close:before {
  color: #dd6300;
}
.fancybox-nav {
  position: absolute;
  bottom: -35px;
  width: 40%;
  height: 20px;
  cursor: pointer;
  text-decoration: none;
  z-index: 8070;
  color: #fff;
  font-size: 1.3em;
}
.fancybox-nav img {
  display: none;
}
.fancybox-prev {
  left: 10%;
  text-align: right;
}
.fancybox-prev span {
  padding: 0 10px 0 20px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/precedent.png") no-repeat 0 50%;
}
.fancybox-next {
  right: 10%;
  text-align: left;
}
.fancybox-next span {
  padding: 0 20px 0 10px;
  background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/suivant.png") no-repeat 100% 50%;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: hidden;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 10010;
  background: url('/typo3conf/ext/stratis_website/Resources/Public/Images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px 15px 15px;
}
.fancybox-title .captionFancybox {
  padding-right: 100px;
}
.fancybox-galerie .fancybox-title .numberOfFancybox {
  padding: 0 0 15px 0;
}
.fancybox-galerie .fancybox-title .captionFancybox {
  border-top: 1px solid #353535;
  padding-top: 15px;
  padding-right: 0;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
  background: transparent;
  width: 100%;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  left: -15px;
  margin-bottom: -55px;
  z-index: 8050;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  padding: 2px 0;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
}
.fancybox-title-outside-wrap {
  position: relative;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 960px) {
  .fancybox-wrap {
    background: transparent;
  }
  .fancybox-galerie {
    padding: 0;
  }
  .fancybox-opened .fancybox-title {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fancybox-close {
    right: 0;
    bottom: -35px;
    padding: 0;
    background: none;
  }
  .fancybox-close span {
    display: none;
  }
  .fancybox-close img {
    display: block;
  }
  .fancybox-nav {
    bottom: 50%;
    width: 35px;
    height: 35px;
    display: block;
  }
  .fancybox-nav span {
    display: none;
  }
  .fancybox-nav img {
    display: block;
  }
  .fancybox-prev {
    left: 0;
  }
  .fancybox-next {
    right: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .hidden1024 {
    display: none !important;
  }
}
@media only screen and (max-width: 960px) {
  .showInMobile {
    display: inherit;
  }
  .hideInMobile {
    display: none;
  }
  /*
  *   LAYOUT
  */
  #header {
    width: 100%;
    padding: 0;
    min-height: 196px;
    margin: 0;
  }
  #containerSite {
    margin-top: 0;
  }
  #container {
    position: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #content,
  #contentHome {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .largePage #content {
    width: 100%;
  }
  body.noColumnLeft #content {
    width: 100%;
    float: none;
  }
  .site-content .contentWrapper {
    padding: 22px 0px;
    border: none;
  }
  #col1 {
    float: none;
    width: 100% !important;
    margin-top: 10px;
  }
  #col2 {
    position: inherit;
    left: inherit;
    top: inherit;
    width: 100%;
  }
  #topOfContent {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
  }
  .equalcol {
    display: none;
  }
  #footer {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
  }
  #c167,
  #c166 {
    float: none !important;
  }
  /*
  * HEADER
  */
  .preHeader {
    background: #343434;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
  }
  .preHeader.jumpMenuOpen {
    position: relative;
  }
  .preHeader.jumpMenuOpen + #header {
    margin-top: auto;
  }
  .preHeader .wrapper {
    width: 100%;
    padding: 0 0 0 43px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .preHeader .monCG06 {
    border-right: 1px solid #464646;
  }
  .preHeader .monCG06 a {
    padding: 0;
  }
  .preHeader .monCG06 a:before {
    background: none;
    width: 0;
    height: 0;
    content: "";
  }
  .preHeader .monCG06 a span {
    display: none;
  }
  .preHeader .monCG06 a img {
    display: inherit;
    padding-left: 43px;
    display: inline-block;
    overflow: hidden;
    width: 43px;
    height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/moncg06-m.png") no-repeat 0 0;
  }
  .preHeader .wrapper2 {
    float: left;
    min-height: 45px;
  }
  .preHeader .socialMedia .langMenuBtn,
  .preHeader .socialMedia .socialMediaMenuBtn {
    border-right: 1px solid #464646;
    padding: 0;
    margin: 0;
  }
  .preHeader .socialMedia .langMenuBtn:before,
  .preHeader .socialMedia .socialMediaMenuBtn:before {
    background: none;
    width: 0;
    height: 0;
    content: "";
  }
  .preHeader .socialMedia .langMenuBtn span,
  .preHeader .socialMedia .socialMediaMenuBtn span {
    display: none;
  }
  .preHeader .socialMedia .langMenuBtn span + img,
  .preHeader .socialMedia .socialMediaMenuBtn span + img {
    display: inherit;
  }
  .preHeader .socialMedia .langMenuBtn img:last-child,
  .preHeader .socialMedia .socialMediaMenuBtn img:last-child {
    display: inherit;
    padding-left: 43px;
    display: inline-block;
    overflow: hidden;
    width: 43px;
    height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/social-medias-m.png") no-repeat 0 0;
  }
  .preHeader .socialMedia .langMenuBtn {
    background: none;
  }
  .preHeader .socialMedia.affiche .wrapper {
    top: 45px;
  }
  .preHeader .allWebSite {
    border-right: 1px solid #464646;
    min-width: inherit;
  }
  .preHeader .allWebSite .allWebSiteBtn {
    padding: 0;
  }
  .preHeader .allWebSite .allWebSiteBtn:before,
  .preHeader .allWebSite .allWebSiteBtn:after {
    background: none;
    width: 0;
    height: 0;
    content: "";
  }
  .preHeader .allWebSite .allWebSiteBtn span {
    display: none;
  }
  .preHeader .allWebSite .allWebSiteBtn span + img {
    display: inherit;
  }
  .preHeader .search-box,
  .preHeader .tx-mnogosearch-pi1 {
    background: none;
    width: auto;
    min-height: inherit;
    padding-left: 0;
    border-right: 1px solid #464646;
  }
  .preHeader .search-box #rechercheIndexee form,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee form {
    padding: 0;
    background: none;
  }
  .preHeader .search-box #rechercheIndexee #searchform .openCloseSearch img,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee #searchform .openCloseSearch img {
    width: 43px;
    height: 45px;
    padding-left: 43px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/btn-search-m.png") no-repeat 0 0;
  }
  .preHeader .search-box #rechercheIndexee #searchform.affiche .wrapperSearch,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee #searchform.affiche .wrapperSearch {
    top: 45px;
  }
  .preHeader .search-box #rechercheIndexee #searchform.affiche .openCloseSearch img,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee #searchform.affiche .openCloseSearch img {
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/btn-search-m-h.png") no-repeat 0 0;
  }
  .preHeader .search-box #rechercheIndexee .wrapperSearch,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .wrapperSearch {
    background: #00727e;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -9999px;
    left: 0;
    z-index: 9999;
    height: auto;
    width: 320px;
  }
  .preHeader .search-box #rechercheIndexee .wrapperSearch:after,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .wrapperSearch:after {
    clear: both;
    display: block;
    content: "\e06c";
    overflow: hidden;
    visibility: hidden;
    height: 0;
  }
  .preHeader .search-box #rechercheIndexee .searchLabel,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .searchLabel {
    display: inline-block;
  }
  .preHeader .search-box #rechercheIndexee label,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee label {
    font-size: 1.3em;
    display: inline;
  }
  .preHeader .search-box #rechercheIndexee .searchInput,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .searchInput {
    display: inline-block;
    width: auto;
  }
  .preHeader .search-box #rechercheIndexee input,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee input {
    width: 174px;
    border-bottom: 3px solid #00a0b1;
  }
  .preHeader .search-box #rechercheIndexee .openCloseSearch,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .openCloseSearch {
    display: block;
    padding: 0;
    overflow: hidden;
    width: 43px;
    height: 45px;
  }
  .preHeader .search-box #rechercheIndexee .openCloseSearch:hover img,
  .preHeader .search-box #rechercheIndexee .openCloseSearch:focus img,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .openCloseSearch:hover img,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .openCloseSearch:focus img {
    width: 43px;
    height: 45px;
    padding-left: 43px;
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/btn-search-m-h.png") no-repeat 0 0;
  }
  .preHeader .search-box #rechercheIndexee .openCloseSearch:before,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .openCloseSearch:before {
    background: none;
    width: 0;
    height: 0;
    content: "";
  }
  .preHeader .search-box #rechercheIndexee .searchBtn,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .searchBtn {
    display: inline-block;
  }
  .preHeader .search-box #rechercheIndexee .btnSearch:hover img,
  .preHeader .search-box #rechercheIndexee .btnSearch:focus img,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .btnSearch:hover img,
  .preHeader .tx-mnogosearch-pi1 #rechercheIndexee .btnSearch:focus img {
    padding-left: 0;
  }
  .multiSite #header .logoShrink,
  .multiSite #header #logo,
  .multiSite #header .logo1260 {
    display: none;
  }
  .multiSite #header .logoMobile,
  .multiSite #header .logoCG06 {
    display: block;
  }
  .multiSite #header .logoCG06 {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #header {
    margin-top: 45px;
    min-height: 110px;
    background-size: 200% 100%;
  }
  #header #logo {
    margin-top: 0;
    margin-left: 10px;
  }
  #header #logo img {
    height: 110px;
  }
  #header > .wrapper {
    width: 100%;
    padding: 0;
    position: relative;
  }
  #header > .wrapper:after {
    clear: both;
    display: block;
    content: "\e06c";
    overflow: hidden;
    visibility: hidden;
    height: 0;
  }
  #header .profils {
    width: 13em;
    margin-top: 0;
    position: static;
  }
  #header .profils .profilsBtnWrapper {
    width: 13em;
    height: 110px;
  }
  #header .profils .profilsBtnWrapper .wrap {
    height: 110px;
  }
  #header .profils .profilsBtnWrapper.senior .wrap,
  #header .profils .profilsBtnWrapper.activite .wrap,
  #header .profils .profilsBtnWrapper.visite .wrap,
  #header .profils .profilsBtnWrapper.jeune .wrap,
  #header .profils .profilsBtnWrapper.famille .wrap,
  #header .profils .profilsBtnWrapper.handicap .wrap,
  #header .profils .profilsBtnWrapper.modeProfil .wrap {
    background: none;
  }
  #header .profils .profilsBtnWrapper.senior .vousEtes,
  #header .profils .profilsBtnWrapper.activite .vousEtes,
  #header .profils .profilsBtnWrapper.visite .vousEtes,
  #header .profils .profilsBtnWrapper.jeune .vousEtes,
  #header .profils .profilsBtnWrapper.famille .vousEtes,
  #header .profils .profilsBtnWrapper.handicap .vousEtes,
  #header .profils .profilsBtnWrapper.modeProfil .vousEtes {
    display: none;
  }
  #header .profils .profilsBtnWrapper.senior .profil,
  #header .profils .profilsBtnWrapper.activite .profil,
  #header .profils .profilsBtnWrapper.visite .profil,
  #header .profils .profilsBtnWrapper.jeune .profil,
  #header .profils .profilsBtnWrapper.famille .profil,
  #header .profils .profilsBtnWrapper.handicap .profil,
  #header .profils .profilsBtnWrapper.modeProfil .profil {
    left: 0;
    right: inherit;
    top: 0;
    font-size: 1.4em;
    min-width: 0;
    width: 100%;
  }
  #header .profils .profilsBtnWrapper.senior .profil img,
  #header .profils .profilsBtnWrapper.activite .profil img,
  #header .profils .profilsBtnWrapper.visite .profil img,
  #header .profils .profilsBtnWrapper.jeune .profil img,
  #header .profils .profilsBtnWrapper.famille .profil img,
  #header .profils .profilsBtnWrapper.handicap .profil img,
  #header .profils .profilsBtnWrapper.modeProfil .profil img {
    display: none;
  }
  #header .profils .profilsBtnWrapper.senior .profil span,
  #header .profils .profilsBtnWrapper.activite .profil span,
  #header .profils .profilsBtnWrapper.visite .profil span,
  #header .profils .profilsBtnWrapper.jeune .profil span,
  #header .profils .profilsBtnWrapper.famille .profil span,
  #header .profils .profilsBtnWrapper.handicap .profil span,
  #header .profils .profilsBtnWrapper.modeProfil .profil span {
    height: 110px;
  }
  #header .profils .profilsBtnWrapper.avatarAdded .profilsBtn {
    width: 6em;
  }
  #header .profils .profilsBtnWrapper .wrapper2 {
    background-position: 7em 50%;
    background-size: 24px 47px;
  }
  #header .profils .profilsBtnWrapper .vousEtes {
    font-size: 1.5em;
    top: 38px;
    left: 0;
  }
  #header .profils .profilsBtnWrapper .vousEtes span {
    font-size: 1.4667em;
  }
  #header .profils .profilsBtnWrapper .avatar {
    display: none;
  }
  #header .profils .profilsBtnWrapper .profilsBtn {
    width: 13em;
    height: 90px;
  }
  #header .profils .profilsBtnWrapper .profilsBtn img {
    width: 17px;
    height: 12px;
    top: 31px;
    right: 1.5em;
  }
  #header .profils .profilsBtnWrapper .profilsBtn:hover img,
  #header .profils .profilsBtnWrapper .profilsBtn:focus img {
    width: 17px;
    height: 12px;
    padding-left: 17px;
    background-size: 17px 12px;
  }
  #header .profils .profilsBtnWrapper .profilsBtn.open:hover img,
  #header .profils .profilsBtnWrapper .profilsBtn.open:focus img {
    background-size: 17px 12px;
    width: 17px;
    height: 12px;
    padding-left: 17px;
  }
  #header .profils .wrapper {
    border-top: none;
    padding: 0;
    width: 100%;
  }
  #header .profils.affiche .wrapper {
    top: 110px;
    z-index: 101;
  }
  #header .profils .listProfils {
    display: block;
    vertical-align: inherit;
    width: 100%;
    padding: 0;
  }
  #header .profils .listProfils .item {
    background-size: 53px 40px;
    background-position: 10px 0;
    float: none;
    height: inherit;
    min-height: 40px;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header .profils .listProfils .item a {
    height: 40px;
    text-align: left;
    padding-left: 70px;
    width: 100%;
    display: block;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header .profils .listProfils .item a span {
    display: block;
  }
  #header .profils .listProfils .item a br {
    display: none;
  }
  #header .profils .listProfils .item:last-child a {
    padding-left: 70px;
  }
  #header .profils .monCG06Link {
    display: block;
    background-image: url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-menu-moncg-bg.png'), url('/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/profil-moncg06-m-arrow.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 0 -29px, 100% 0;
    background-color: #00727e;
    width: 100%;
    min-height: 85px;
  }
  #header .profils .monCG06Link a {
    padding: 20px 0 0 112px;
    min-height: 85px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mainHeader.shrink {
    display: none;
  }
  /*
  *   MENU
  */
  #menuLang {
    position: static;
    bottom: inherit;
    left: inherit;
    display: inline-block;
  }
  #menuLang li a {
    padding: 16px 10px;
  }
  #jumpMenu {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
  }
  #jumpMenu .wrapper {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #jumpMenu #jumpMenuLabel {
    display: block;
    font-weight: bold;
  }
  #jumpMenu ul {
    display: block;
    border-top: 1px solid #00a0b1;
  }
  #jumpMenu ul li {
    display: block;
    border-bottom: 1px solid #00a0b1;
    float: none;
    padding: 5px 0;
  }
  .jsJumpMenu {
    height: 0;
    padding: 0 !important;
  }
  .jsJumpMenu.close {
    padding: 0;
  }
  .jsJumpMenu.open {
    padding: 10px !important;
  }
  #navigation {
    display: none;
  }
  #secondaryMenu .responsiveMenu {
    display: block;
  }
  #secondaryMenu .titleMenu,
  #secondaryMenu .subLevel {
    display: none;
  }
  #secondaryMenu > .listItems .item1 {
    min-height: inherit;
  }
  .breadcrumb {
    float: none;
    width: 100%;
    display: none;
  }
  #bottomMenu {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .site-content p.stats {
    padding: 15px 10px;
  }
  .site-content #planDuSite {
    padding: 15px 10px;
  }
  .site-content ul.pagebrowser {
    position: relative;
    padding: 10px 10px 0 10px;
  }
  .site-content ul.pagebrowser li:not(.prev):not(.next) {
    padding-top: 30px;
  }
  .site-content ul.pagebrowser li.prev,
  .site-content ul.pagebrowser li.next {
    position: absolute;
    top: 10px;
  }
  .site-content ul.pagebrowser li.prev {
    left: 10px;
  }
  .site-content ul.pagebrowser li.next {
    right: 10px;
  }
  .site-content ul.pagebrowser2 .backLink:before {
    top: 15px;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage {
    padding: 0 10px;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item {
    clear: both;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item .linkTitle .title {
    margin: 0 0 15px 0;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item .linkTitle .title span {
    display: block;
    height: inherit;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item:after {
    clear: both;
    display: block;
    content: "\e06c";
    overflow: hidden;
    visibility: hidden;
    height: 0;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item img {
    margin: 0 0 20px 0;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item ul {
    border-top: 1px solid #e7e7e7;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item li {
    padding: 8px 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .site-content .wrapAdvancedSummary .advancedSummaryPage .item li a {
    display: block;
  }
  .largePage .site-content .wrapAdvancedSummary .advancedSummaryPage .item {
    width: 100%;
  }
  .menuAccueilProfil {
    margin: -19px 0 30px;
    padding: 50px 0 30px;
  }
  .menuAccueilProfil nav {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .menuAccueilProfil .itemMenu {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
  }
  /*
  *   MAIN CONTENT
  */
  .site-content h1,
  .site-content h2,
  .site-content h3,
  .site-content h4,
  .site-content h5,
  .site-content h6,
  .site-content .listType1 .title {
    margin-left: 10px;
    margin-right: 10px;
  }
  .site-content h1 {
    font-size: 2.4em;
  }
  .site-content h2 {
    margin-left: 24px;
    font-size: 1.8em;
  }
  .site-content h2:before {
    top: 0;
  }
  .site-content h3 {
    font-size: 1.6em;
  }
  .site-content h4 {
    font-size: 1.4em;
  }
  .site-content h5 {
    font-size: 1.4em;
  }
  .site-content h6 {
    font-size: 1.3em;
  }
  .title2,
  .site-content .title2 {
    margin-left: 24px;
  }
  .site-content p {
    margin: 5px 10px 10px 10px;
  }
  .site-content table p,
  .site-content table p.encadre {
    font-size: 1em;
    color: #000;
  }
  .site-content table p.chapeau {
    font-size: 1.153846153846154em;
  }
  .site-content table p.encadre {
    font-size: 1.076923076923077em;
  }
  .site-content table h1 {
    font-size: 1.846153846153846em;
  }
  .site-content table h2 {
    font-size: 1.384615384615385em;
  }
  .site-content table h3 {
    font-size: 1.230769230769231em;
  }
  .site-content table h4 {
    font-size: 1.076923076923077em;
  }
  .site-content table h5 {
    font-size: 1.07692308em;
  }
  .site-content table h6 {
    font-size: 1em;
  }
  .site-content ul,
  .blocStyle1 ul {
    margin-left: 10px;
    margin-right: 10px;
  }
  .site-content ol,
  .blocStyle1 ol {
    margin-left: 10px;
    margin-right: 10px;
  }
  .site-content ul h1,
  .blocStyle1 ul h1,
  .site-content ol h1,
  .blocStyle1 ol h1 {
    font-size: 1.846153846153846em;
  }
  .site-content ul h2,
  .blocStyle1 ul h2,
  .site-content ol h2,
  .blocStyle1 ol h2 {
    font-size: 1.384615384615385em;
  }
  .site-content ul h3,
  .blocStyle1 ul h3,
  .site-content ol h3,
  .blocStyle1 ol h3 {
    font-size: 1.230769230769231em;
  }
  .site-content ul h4,
  .blocStyle1 ul h4,
  .site-content ol h4,
  .blocStyle1 ol h4 {
    font-size: 1.076923076923077em;
  }
  .site-content ul h5,
  .blocStyle1 ul h5,
  .site-content ol h5,
  .blocStyle1 ol h5 {
    font-size: 1.076923076923077em;
  }
  .site-content ul h6,
  .blocStyle1 ul h6,
  .site-content ol h6,
  .blocStyle1 ol h6 {
    font-size: 1em;
  }
  .site-content .wrapBlockquote:before,
  .blocStyle1 .wrapBlockquote:before {
    font-size: 22px;
  }
  .site-content .wrapBlockquote blockquote,
  .blocStyle1 .wrapBlockquote blockquote {
    padding: 10px 40px 0 40px;
    text-align: center;
  }
  .site-content .wrapBlockquote blockquote:before,
  .blocStyle1 .wrapBlockquote blockquote:before {
    font-size: 22px;
    top: inherit;
    bottom: 0;
  }
  .site-content .wrapBlockquote blockquote p,
  .blocStyle1 .wrapBlockquote blockquote p {
    font-size: 2em;
  }
  .site-content .date {
    margin: 0 10px 8px 10px;
  }
  .site-content .teaser {
    margin: 0 10px 10px 10px;
  }
  .subTitle,
  .category {
    margin: 0 10px;
  }
  .site-content .wrapBlockquote {
    margin: 5px 10px 10px;
  }
  .blocService {
    display: none;
  }
  .site-content .slideContainer {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: rgba(254, 254, 254, 0.8) url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/slide-container1.png") no-repeat 50% 50%;
  }
  .site-content .listItems p {
    margin: 5px 0 10px;
  }
  .site-content .listItems > .item {
    padding: 25px 10px;
  }
  .site-content .listItems .title {
    margin: 0 0 5px 0;
  }
  .site-content .listType1 .category {
    margin: 0 0 5px 0;
  }
  .site-content .listType1 img {
    margin: 0 10px 0 0;
    width: 100px;
    height: auto;
  }
  .site-content .newsList .item .category,
  .site-content .newsList .item .date {
    display: none;
  }
  .site-content .agendaList .item > a {
    display: block;
    width: 100px;
    float: left;
    margin-right: 15px;
  }
  .site-content .agendaList .dateBox {
    float: none;
    width: auto;
    padding-right: 15px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .site-content .agendaList .dateBox .category {
    margin: 0;
  }
  .site-content .agendaList img {
    width: 100px;
  }
  .site-content .agendaList .wrap {
    margin: 0;
  }
  .largePage .site-content .agendaList .wrap {
    margin: 0;
  }
  .largePage .site-content .agendaList .dateBoxWithImage {
    min-height: inherit;
  }
  .largePage .site-content .listType2 .item,
  .site-content .listType2 .item {
    margin: 0 10px 30px 10px;
    padding: 0;
    width: 45%;
  }
  .largePage .site-content .listType2 img,
  .site-content .listType2 img {
    width: 140px;
  }
  .largePage .site-content .listType2 button img,
  .site-content .listType2 button img {
    width: auto;
    display: inline;
    margin: 0 !important;
  }
  .site-content .liste-ouvrante {
    margin: 25px 10px 35px 10px;
  }
  .site-content .liste-ouvrante .showHide {
    padding: 0;
  }
  .site-content .blocTypeTab {
    margin: 25px 10px 35px 10px;
  }
  .site-content .blocTypeTab .tab h2 {
    margin-left: 0;
  }
  .site-content .publicationsList {
    margin-bottom: 60px;
  }
  .site-content .publicationsList .listItems .item {
    margin: 0 10px 50px !important;
    width: calc(100% - 20px);
    float: none;
  }
  .site-content .publicationsList .listItems .item .img {
    display: block;
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .site-content .publicationsList .listItems .item .img img {
    margin-bottom: 10px !important;
    width: auto;
  }
  .site-content .publicationsList .listItems .item .titleWrap .wrap {
    height: auto;
    display: block;
    vertical-align: inherit;
  }
  .site-content .publicationsList .listItems .item .linkButton li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .site-content .publicationsList .linkViewWrap {
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x scroll 0 0;
    padding: 10px 0;
    margin-left: 10px;
    margin-right: 10px;
  }
  .site-content .listType3 .item {
    padding: 25px 10px;
  }
  .site-content .listType3 .item .wrapper {
    float: none;
    margin: 0;
  }
  .site-content .listType3 .item .wrapper img {
    margin: 0 20px 4px 0;
    float: left;
  }
  .site-content .listType3 .item .wrap {
    width: 100%;
    float: none;
  }
  .site-content .listType3 .item .linkButton {
    width: auto;
    clear: inherit;
    float: left;
  }
  .site-content .listType3 .item .linkButton:after {
    clear: both;
    display: block;
    content: "\e06c";
    overflow: hidden;
    visibility: hidden;
    height: 0;
  }
  .site-content .listType3 img {
    margin: 0 10px 0 0;
    width: 100px;
    height: auto;
  }
  .site-content .listType3.single .item {
    padding: 10px 0;
  }
  .largePage .site-content .listType3 .item .wrap {
    width: 100%;
  }
  .site-content .directoryList .listItems .item .title {
    padding-left: 20px;
  }
  .site-content .directoryList .listItems .item .title:before {
    left: -12px;
  }
  .site-content .directoryList .listItems .item .wrap {
    overflow: visible !important;
  }
  .site-content .downloadList {
    float: none;
    width: calc(100% - 20px);
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .site-content .shareThis,
  .shareThis {
    clear: both;
    margin: 0;
  }
  .site-content .shareThis li a,
  .shareThis li a {
    display: inline-block !important;
  }
  .site-content .shareThis li img,
  .shareThis li img {
    width: auto;
    margin: 0 !important;
  }
  .site-content .shareThis li.pdf,
  .shareThis li.pdf,
  .site-content .shareThis li.tipafriend,
  .shareThis li.tipafriend {
    display: none;
  }
  .site-content .showHide {
    padding: 0 10px;
  }
  .site-content .showHide .category {
    margin: auto;
  }
  .site-content .showHideMarches .downloadFiles {
    margin: auto;
  }
  .site-content .showHideMarches .downloadFiles .item {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
  }
  .infos1,
  .site-content .infos1 {
    margin-bottom: 20px;
  }
  .infos1 .col1,
  .site-content .infos1 .col1 {
    width: 100%;
    float: none;
  }
  .infos1 .col2,
  .site-content .infos1 .col2 {
    width: 100%;
    float: none;
  }
  .infos1 .col2 strong img,
  .site-content .infos1 .col2 strong img {
    width: auto;
    display: inline;
  }
  .site-content .modulo1List .item:nth-child(3n) {
    margin-right: inherit;
  }
  .site-content .modulo1List .item.lastItem {
    margin-right: inherit;
  }
  .site-content .modulo1List .item:nth-child(3n+1) {
    clear: inherit;
  }
  .site-content .modulo1List .item.firstItem {
    clear: left !important;
  }
  .largePage .site-content .modulo1List .item:nth-child(3n) {
    margin-right: inherit;
  }
  .largePage .site-content .modulo1List .item.lastItem {
    margin-right: inherit;
  }
  .largePage .site-content .modulo1List .item:nth-child(5n) {
    margin-right: inherit;
  }
  .largePage .site-content .modulo1List .item:nth-child(3n+1) {
    clear: inherit;
  }
  .largePage .site-content .modulo1List .item.firstItem {
    clear: left !important;
  }
  .largePage .site-content .modulo1List .item:nth-child(5n+1) {
    clear: inherit;
  }
  .site-content .modulo2List .item:nth-child(3n) {
    margin-right: 0;
  }
  .site-content .modulo2List .item.lastItem {
    margin-right: 0;
  }
  .site-content .modulo2List .item:nth-child(3n+1) {
    clear: inherit;
  }
  .site-content .modulo2List .item.firstItem {
    clear: inherit;
  }
  .largePage .site-content .modulo2List .item:nth-child(3n) {
    margin-right: 0;
  }
  .largePage .site-content .modulo2List .item:nth-child(4n) {
    margin-right: 0;
  }
  .largePage .site-content .modulo2List .item:nth-child(3n+1) {
    clear: inherit;
  }
  .largePage .site-content .modulo2List .item:nth-child(4n+1) {
    clear: inherit;
  }
  .site-content .blocLatest .linkButton li a,
  .site-content .listType3 .linkButton li a,
  .site-content .single .linkButton li a {
    display: block;
  }
  .site-content .blocLatest img {
    width: 100px;
  }
  .site-content .blocLatest button img {
    width: auto;
    margin: 0 !important;
  }
  .site-content .publicationsFocusSingle .blocPublications img {
    margin: 0 15px 20px 10px;
  }
  .site-content .publicationsFocusSingle .blocPublications .wrap {
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .linkView {
    margin: 0 20px;
  }
  .linkView + .rss {
    margin-left: 20px;
  }
  .site-content img {
    max-width: 100%;
    height: auto !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px !important;
  }
  .site-content .imgWrap img {
    display: inline;
  }
  .site-content .legende,
  .site-content .copyright {
    margin: 0 10px;
  }
  .site-content .csc-textpic-imagewrap {
    margin-bottom: 15px !important;
  }
  .csc-textpic-imagewrap,
  .csc-textpic-imagerow {
    width: auto !important;
  }
  .csc-textpic-imagewrap .figure {
    width: auto !important;
    text-align: center;
  }
  .csc-textpic-imagewrap .figure img {
    display: inline !important;
  }
  .csc-textpic .csc-textpic-imagewrap p.csc-textpic-image {
    float: none;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    float: none;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin: 0 !important;
  }
  .csc-textpic-imagewrap + div {
    margin: 0 0 5px 0 !important;
  }
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: block;
  }
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
    float: none;
  }
  .tx-rgmediaimages-pi1 .rgmediaimagesMedia {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
  }
  /*
  * Blocs
  */
  .site-content .blocPublications {
    margin-bottom: 60px;
  }
  .site-content .blocPublications .listItems {
    margin: 0 10px;
  }
  .site-content .blocPublications .listItems .publicationsFocus .wrap {
    margin-left: 0;
    overflow: inherit !important;
  }
  .site-content .blocPublications .listItems .publicationsFocus .wrap .linkButton {
    clear: both;
  }
  .site-content .blocPublications .listItems .publicationsFocus .wrap .linkButton a {
    display: block;
  }
  .site-content .blocPublications .listItems .publicationsFocus .wrap .linkButton button {
    display: block;
    width: 100%;
    text-align: left;
  }
  .site-content .blocPublications .listItems .publicationsFocus .wrap .linkButton button img {
    margin-bottom: 0 !important;
  }
  /*
  * SpecificBlocs
  */
  .home .squareBloc {
    margin-right: 0;
    margin-left: 0;
  }
  .home .squareBloc .blocStyle1 {
    display: block;
    vertical-align: inherit;
    width: 100%;
    min-height: inherit;
    padding: 20px 10px;
    border-bottom: 1px solid #e7e7e7;
    margin-right: 0;
    margin-left: 0;
  }
  .blocStyle1,
  .site-content .blocStyle1 {
    border: none;
    margin: 20px 12px 25px 12px;
    padding: 8px 10px 20px 10px;
  }
  .blocStyle1 .title1,
  .site-content .blocStyle1 .title1 {
    margin-left: 10px;
  }
  .blocStyle1 .wrapper p,
  .site-content .blocStyle1 .wrapper p,
  .blocStyle1 .wrap p,
  .site-content .blocStyle1 .wrap p,
  .blocStyle1 .wrapper ul,
  .site-content .blocStyle1 .wrapper ul,
  .blocStyle1 .wrap ul,
  .site-content .blocStyle1 .wrap ul,
  .blocStyle1 .wrapper ol,
  .site-content .blocStyle1 .wrapper ol,
  .blocStyle1 .wrap ol,
  .site-content .blocStyle1 .wrap ol,
  .blocStyle1 .wrapper h1,
  .site-content .blocStyle1 .wrapper h1,
  .blocStyle1 .wrap h1,
  .site-content .blocStyle1 .wrap h1,
  .blocStyle1 .wrapper h2,
  .site-content .blocStyle1 .wrapper h2,
  .blocStyle1 .wrap h2,
  .site-content .blocStyle1 .wrap h2,
  .blocStyle1 .wrapper h3,
  .site-content .blocStyle1 .wrapper h3,
  .blocStyle1 .wrap h3,
  .site-content .blocStyle1 .wrap h3,
  .blocStyle1 .wrapper h4,
  .site-content .blocStyle1 .wrapper h4,
  .blocStyle1 .wrap h4,
  .site-content .blocStyle1 .wrap h4,
  .blocStyle1 .wrapper h5,
  .site-content .blocStyle1 .wrapper h5,
  .blocStyle1 .wrap h5,
  .site-content .blocStyle1 .wrap h5,
  .blocStyle1 .wrapper h6,
  .site-content .blocStyle1 .wrapper h6,
  .blocStyle1 .wrap h6,
  .site-content .blocStyle1 .wrap h6 {
    margin-right: 0;
    margin-left: 0;
  }
  .blocStyle1 .wrapper ul ul,
  .site-content .blocStyle1 .wrapper ul ul,
  .blocStyle1 .wrap ul ul,
  .site-content .blocStyle1 .wrap ul ul,
  .blocStyle1 .wrapper ul ol,
  .site-content .blocStyle1 .wrapper ul ol,
  .blocStyle1 .wrap ul ol,
  .site-content .blocStyle1 .wrap ul ol {
    margin-left: 15px;
  }
  .blocStyle1 .wrapper ol ul,
  .site-content .blocStyle1 .wrapper ol ul,
  .blocStyle1 .wrap ol ul,
  .site-content .blocStyle1 .wrap ol ul,
  .blocStyle1 .wrapper ol ol,
  .site-content .blocStyle1 .wrapper ol ol,
  .blocStyle1 .wrap ol ol,
  .site-content .blocStyle1 .wrap ol ol {
    margin-left: 10px;
  }
  #col1 .blocStyle1 .title1 {
    margin-left: 10px;
  }
  .home .blocStyle1 {
    margin-bottom: auto;
    width: 100%;
  }
  .home .blocStyle1 .title1 {
    padding-left: 30px;
  }
  .home .blocStyle1 .title1:before {
    left: 0;
  }
  .contact > .listItems > .item,
  .site-content .contact > .listItems > .item {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .blocStyle1 .contentTwoCol .wrapperImg,
  .site-content .blocStyle1 .contentTwoCol .wrapperImg,
  .home .blocStyle1 .contentTwoCol .wrapperImg {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .site-content .actualite .item,
  #col1 .actualite .item,
  .home .actualite .item {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .home .actualite {
    min-height: inherit;
    width: 100%;
  }
  .home .actualite .item {
    clear: both;
    position: relative;
  }
  .home .actualite .wrapperImg {
    float: left;
    width: 104px;
    overflow: hidden;
    margin-right: 10px;
  }
  .home .actualite .wrapperImg .subTitle {
    display: none;
  }
  .home .actualite .title {
    overflow: hidden;
  }
  .home .reseauxSociaux {
    display: none;
  }
  .home .enImages {
    background: #343434;
  }
  .home .enImages .title1 {
    color: #fff;
  }
  .home .enImages .linkView a {
    color: #fff;
  }
  .home .enImages .carouselEnImages .item {
    display: none;
    width: 100%;
    float: none;
  }
  .home .enImages .carouselEnImages .item:first-child {
    display: block;
  }
  .home .enImages .carouselEnImages .item a {
    width: 100%;
    height: auto;
  }
  .home .enImages .carouselEnImages .item .title {
    opacity: 1;
    height: auto;
    left: inherit;
    top: inherit;
    width: 100%;
    position: static;
    background: none;
    border: none;
    padding: 0;
  }
  .home .enImages .carouselEnImages .item img {
    position: static;
    left: inherit;
    top: inherit;
  }
  .home .agenda {
    min-height: inherit;
    padding: 20px 10px;
    width: 100%;
  }
  .home .agenda .customizeLink {
    display: none;
  }
  .home .agenda .carouselAgenda .item {
    width: 100%;
    margin: 0;
    display: block;
    clear: both;
    margin-bottom: 20px;
  }
  .home .agenda .carouselAgenda .item .wrapperImg {
    float: left;
    margin-right: 10px;
  }
  .home .agenda .carouselAgenda .item .wrapperImg .subTitle {
    display: none;
  }
  .home .agenda .carouselAgenda .item .wrapperTitle {
    overflow: hidden;
  }
  .home .agenda .carouselAgenda .item .date {
    margin-bottom: 4px;
  }
  .monCG06Bloc {
    min-height: inherit;
    width: 100%;
  }
  .home .video {
    min-height: inherit;
    width: 100%;
  }
  .site-content .pointDeVue .col1,
  .site-content .pointDeVue .col2 {
    display: block;
    vertical-align: inherit;
  }
  .site-content .pointDeVue .col1 {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .site-content .pointDeVue .col2 {
    width: 100%;
  }
  .home .cartographie .wrapper > img {
    display: none;
  }
  .home .cartographie .wrapper .vab {
    padding-left: 10px;
  }
  .home .cartographie .select select,
  .home .cartographie .select span.selectElement {
    width: 100% !important;
  }
  .home .mesDemarches .wrapper .vab {
    padding-left: 10px;
  }
  .home .mesDemarches .select select,
  .home .mesDemarches .select span.selectElement {
    width: 100% !important;
  }
  .rss {
    display: none;
  }
  .linkView {
    margin: auto;
  }
  /*
  *   GALERIFFIC
  */
  .galleriffic,
  .contentGallery,
  .contentGallery .caption-container,
  .galleriffic div.content,
  .galleriffic div.slideshow a.advance-link,
  .galleriffic div.loader,
  .galerie {
    width: auto !important;
    height: auto;
    max-width: 100%;
  }
  .galleriffic div.slideshow-container,
  .galleriffic div.loader,
  .galleriffic div.slideshow a.advance-link {
    height: auto;
  }
  .galleriffic div.slideshow img {
    max-width: 100%;
    height: auto;
  }
  .galleriffic,
  .largePage .contentGallery,
  .largePage .contentGallery .caption-container,
  .largePage .galleriffic div.content,
  .largePage .galleriffic div.slideshow a.advance-link,
  .largePage .galleriffic div.loader,
  .largePage .galerie {
    width: 320px;
  }
  .largePage .contentGallery,
  .largePage .contentGallery .caption-container {
    width: 320px;
    margin-left: 0;
  }
  .largePage .galleriffic div.slideshow-container,
  .largePage .galleriffic div.loader,
  .largePage .galleriffic div.slideshow a.advance-link {
    height: 213px;
  }
  .largePage .galleriffic div.slideshow img {
    max-width: 320px;
    max-height: 213px;
    width: auto;
    height: auto;
  }
  /*
  *   FORM
  */
  legend {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  legend span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .site-content .select select,
  .site-content .select span.selectElement {
    max-width: 100%;
    width: 100% !important;
  }
  .site-content form p {
    margin-right: auto;
    margin-left: auto;
  }
  .site-content form legend span,
  .site-content form .legend span {
    padding-right: 10px;
  }
  .site-content form .tx_powermail_pi1_fieldwrap_html {
    padding: 0 10px;
  }
  .site-content form div.fieldsetGauche,
  .site-content form fieldset.fieldsetGauche,
  .site-content form div.fieldsetDroite,
  .site-content form fieldset.fieldsetDroite {
    width: 100%;
    float: none;
  }
  .site-content form button {
    width: 100%;
  }
  .radio div,
  .checkbox div {
    margin-bottom: 10px;
  }
  .site-content .horizontal .radio,
  .site-content .horizontal2 .radio,
  .site-content .horizontal3 .radio,
  .site-content .horizontal4 .radio,
  .site-content .horizontal .checkbox,
  .site-content .horizontal2 .checkbox,
  .site-content .horizontal3 .checkbox,
  .site-content .horizontal4 .checkbox {
    overflow: hidden;
  }
  .site-content .horizontal div,
  .site-content .horizontal2 div,
  .site-content .horizontal3 div,
  .site-content .horizontal4 div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .site-content .horizontal div,
  .site-content .horizontal3 div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .site-content .horizontal4 div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .site-content .catmenu fieldset,
  .site-content .catmenu .table > div:last-child {
    padding: 0;
  }
  .site-content .catmenu .table {
    display: block;
  }
  .site-content .catmenu .cell {
    display: block;
  }
  .site-content .catmenu .fw50 {
    width: 100%;
  }
  .site-content .catmenu .wrapField {
    padding: 0 15px;
  }
  .site-content .catmenu .validate {
    margin: 0;
    padding: 0 15px;
  }
  .site-content .catmenu .showHideCatmenu {
    padding: 0;
  }
  .site-content .catmenu.catmenuShowHide .showHide .showHideArea .wrapShowHideTitle .showHideMe .img img {
    display: inline-block !important;
    margin-bottom: auto !important;
  }
  .site-content .publicationsCatmenu legend {
    display: inline;
    padding: 0 10px;
    color: #6F6F6F;
    text-align: left;
    font-style: italic;
    font-family: RobotoC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.2em;
    white-space: normal;
    width: 100%;
    margin-bottom: 10px;
  }
  .site-content .publicationsCatmenu legend:before {
    content: "";
  }
  .site-content .publicationsCatmenu legend span {
    width: 100%;
    padding: 0 2px 5px 0;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    background: url("/typo3conf/ext/stratis_website/Resources/Public/Images/bg/dot2.png") repeat-x 0 100%;
  }
  .site-content .publicationsCatmenu .table .field {
    display: block;
    width: 100%;
  }
  .annuaireCatmenu {
    float: none;
    width: 100%;
  }
  #newsletter form > fieldset {
    padding: 15px;
    margin-top: 0 !important;
  }
  #newsletter .liens {
    padding: 0 15px;
  }
  #newsletter .liens li {
    float: left;
  }
  /*
  *   ELEMENTS
  */
  .popinWebTV .tablist {
    display: table;
    padding-top: 30px;
  }
  .popinWebTV .tablist > li > a img {
    float: none;
    margin: 0 0 20px;
  }
  .logo2 {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .logo3 {
    display: none;
  }
  .iLike {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #banner {
    display: none;
  }
  #tools {
    display: none;
  }
  #bottomInfos {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .site-content .topContentWrapper {
    margin-top: 0;
    overflow: hidden;
  }
  #commentairesList .title .date {
    margin: 0;
    font-size: .8125em;
  }
  #footer .wrapper {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  #footer .wrapper2 {
    float: none;
    width: 100%;
  }
  #footer .bottomInfos {
    margin: 15px 0 25px 0;
    font-size: 1.3em;
  }
  #footer .bottomInfos img {
    width: 140px;
    height: auto;
    margin-bottom: 40px;
  }
  #footer .bottomInfos .itemIcon {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 0 50%;
  }
  #footer .bottomInfos .itemIcon p {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding-left: 55px;
  }
  #footer .bottomMenu {
    margin: inherit;
    clear: left;
    width: 100%;
  }
  #footer .bottomMenu a {
    padding: 10px;
    width: 160px;
  }
  #footer #newsletter {
    margin: 0;
    padding: 45px 0 25px;
  }
  #footer .socialMedia {
    position: absolute;
    top: 0;
    right: 4px;
  }
  #footer .socialMedia li {
    width: 5.2em;
    background-size: 5em auto !important;
  }
  #footer .socialMedia a {
    width: 22px;
    height: 22px;
    margin-left: 14px;
  }
  #footer .socialMedia img {
    width: 22px;
    height: auto;
  }
  .site-content .classicalGallery,
  .classicalGallery {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 25px;
  }
  .site-content .classicalGallery .carouselGalerieWrap,
  .classicalGallery .carouselGalerieWrap {
    display: none;
  }
  .site-content .classicalGallery .infosAlbum,
  .classicalGallery .infosAlbum {
    width: 100%;
  }
  .site-content .classicalGallery .infosAlbum .linkAlbum li,
  .classicalGallery .infosAlbum .linkAlbum li {
    display: block;
    margin: 8px 0;
  }
  .site-content .classicalGallery .sliderGalerie .cycle-slide,
  .classicalGallery .sliderGalerie .cycle-slide {
    position: static !important;
    display: none !important;
  }
  .site-content .classicalGallery .sliderGalerie .cycle-slide-active,
  .classicalGallery .sliderGalerie .cycle-slide-active {
    display: block !important;
  }
  .site-content .classicalGallery .sliderGalerie a,
  .classicalGallery .sliderGalerie a,
  .site-content .classicalGallery .sliderGalerie .item,
  .classicalGallery .sliderGalerie .item {
    height: auto;
    width: auto;
  }
  .site-content .classicalGallery .sliderGalerie .ls-active .infosImg,
  .classicalGallery .sliderGalerie .ls-active .infosImg {
    height: 40px !important;
    font-size: 1.05em !important;
    padding: 5px !important;
    top: calc(100% - 40px) !important;
  }
  .site-content .classicalGallery .sliderGalerie .ls-lt-container,
  .classicalGallery .sliderGalerie .ls-lt-container {
    display: none !important;
  }
  .site-content .classicalGallery .sliderGalerie .ls-bg,
  .classicalGallery .sliderGalerie .ls-bg {
    width: 100% !important;
    margin: 0 !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    top: 0 !important;
  }
  .site-content .classicalGallery img,
  .classicalGallery img {
    max-width: 100%;
    height: auto;
  }
  .site-content .simpleGallery,
  .simpleGallery {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 25px 0;
    padding: 10px;
  }
  .site-content .simpleGallery .sliderGalerie,
  .simpleGallery .sliderGalerie {
    width: 100%;
  }
  .site-content .simpleGallery .sliderGalerie a,
  .simpleGallery .sliderGalerie a {
    height: auto;
    width: 100%;
  }
  .site-content .classicalGallery.singleGallery .sliderGalerie,
  .classicalGallery.singleGallery .sliderGalerie {
    width: auto;
  }
  .carouselBigWrapper {
    margin: auto;
    padding-bottom: 20px;
  }
  .carouselBigWrapper .buttonArret {
    top: 213px;
    right: 5px;
    z-index: 100;
  }
  .carouselBigWrapper .cyclePrevNext {
    height: 210px;
  }
  .carouselBigWrapper .cyclePrevNext #cycle-prev,
  .carouselBigWrapper .cyclePrevNext #cycle-next {
    height: 55px;
    width: 30px;
    top: 150px;
    z-index: 100;
  }
  .carouselBigWrapper .cyclePrevNext #cycle-prev button img,
  .carouselBigWrapper .cyclePrevNext #cycle-next button img {
    width: 30px;
    height: 55px;
  }
  .carouselBigWrapper .cyclePrevNext #cycle-prev button:hover img,
  .carouselBigWrapper .cyclePrevNext #cycle-next button:hover img,
  .carouselBigWrapper .cyclePrevNext #cycle-prev button:focus img,
  .carouselBigWrapper .cyclePrevNext #cycle-next button:focus img {
    width: 30px;
    height: 55px;
    background-size: 30px 55px;
  }
  .carouselBigWrapper .cyclePrevNext #cycle-prev {
    left: 10px;
  }
  .carouselBigWrapper .cyclePrevNext #cycle-next {
    right: 10px;
  }
  .carouselBig {
    min-height: inherit;
  }
  .carouselBig > .item {
    height: 210px;
    background-size: auto 352px;
    background-position: 50% 50%;
  }
  .carouselBig > .item > .wrapper {
    width: 100%;
    height: 210px;
    padding: 0;
  }
  .carouselBig > .item > .wrapper.right .link .subTitle {
    text-align: left;
  }
  .carouselBig > .item > .wrapper.right .link .wrapper2 {
    text-align: left;
  }
  .carouselBig > .item > .wrapper .link {
    height: 210px;
    display: block;
    position: relative;
  }
  .carouselBig > .item > .wrapper .wrapper2 {
    display: block;
    width: 100%;
    background: rgba(52, 52, 52, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .carouselBig > .item > .wrapper .subTitle {
    font-size: 1.5em;
    background: none;
    margin: auto;
    padding: 0;
  }
  .carouselBig > .item > .wrapper .subTitle span {
    background: none;
    padding: 0;
  }
  .carouselBig > .item > .wrapper .title {
    background: none;
    font-size: 2.2em;
    width: auto;
    margin: auto;
    padding: 0;
  }
  .carouselBig > .item > .wrapper .moreInfos {
    display: none;
  }
  .quickLinksMobile {
    display: block;
    text-align: center;
    padding: 20px 10px;
  }
  .accesRapides {
    display: none;
  }
  .accesRapidesMobile {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  .accesRapidesMobile .accesRapidesBtn {
    width: 91px;
    height: 91px;
    padding: 10px 20px;
    display: inline-block;
    white-space: normal;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    font-family: RobotoC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    background: #00727e url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce2-0.png") no-repeat 0 16px;
  }
  .accesRapidesMobile .accesRapidesBtn span {
    margin-bottom: 8px;
    display: block;
  }
  .accesRapidesMobile .accesRapidesBtn:hover span,
  .accesRapidesMobile .accesRapidesBtn:focus span {
    text-decoration: underline;
  }
  .accesRapidesMobile .wrapper {
    display: none;
  }
  .accesRapidesMobile.affiche .wrapper {
    display: block;
    position: absolute;
    top: 90px;
    left: 0;
    width: 276px;
    z-index: 100;
    background: #00727e;
    padding: 10px 10px 0;
  }
  .accesRapidesMobile.affiche .closeAccesRapidesMenu {
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .accesRapidesMobile.affiche .listItems {
    margin: 0;
  }
  .accesRapidesMobile.affiche .listItems .item {
    background-repeat: no-repeat;
    background-position: 0 8px;
    padding-left: 25px;
    border-top: 1px solid #008998;
  }
  .accesRapidesMobile.affiche .listItems .item:first-child {
    border-top: none;
  }
  .accesRapidesMobile.affiche .listItems .item a {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #fff;
    text-align: left;
    font-size: 1.6em;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .accesRapidesMobile.affiche .listItems .item a:before {
    font-family: Icons;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    speak: none;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 6px;
    right: 0;
    bottom: inherit;
    left: inherit;
    content: '\e00f';
  }
  .accesRapidesMobile.affiche .listItems .item a:hover span,
  .accesRapidesMobile.affiche .listItems .item a:focus span {
    text-decoration: underline;
  }
  .favoritesMonCG06 {
    display: inline-block;
  }
  .favoritesMonCG06 li {
    display: inline-block;
  }
  .favoritesMonCG06 li a {
    width: 91px;
    height: 91px;
    padding: 10px 20px;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    font-family: RobotoC, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    background: #00727e url("/typo3conf/ext/stratis_website/Resources/Public/Images/usine/cg06/puce2-0.png") no-repeat 0 16px;
  }
  .favoritesMonCG06 li a span {
    margin-bottom: 8px;
    display: block;
  }
  .favoritesMonCG06 li a:hover span,
  .favoritesMonCG06 li a:focus span {
    text-decoration: underline;
  }
  .horiW {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .home .adBloc {
    text-align: center;
  }
  /*
  *   ext_stratis_openlayers
  */
  /*
  *   moncg06
  */
  .myProfileWrap {
    padding: 0 10px;
  }
  .myProfileWrap .select {
    width: 100%;
  }
  .site-content .avatarSelectionWrap .avatarSelection .wrapField {
    padding: 0 10px;
  }
  .site-content .avatarSelectionWrap .avatarSelection .wrapField input[type="radio"] {
    bottom: -10px;
    left: 53px;
  }
  .site-content .headerSelectionWrap .wrapField {
    width: 100%;
    padding: 0 10px;
  }
  .site-content .headerSelectionWrap .wrapField label img {
    width: 100%;
  }
  .site-content #quickAccess .field {
    padding: 10px;
    margin: 0;
  }
  /* Favoris */
  #myFavorits #myFavs .favs {
    padding: 0 10px;
  }
  #myFavorits #myFavs .favs .item {
    width: calc(100% - 40px);
  }
  #myFavorits #myFavs .favs .item img {
    width: 60px;
  }
  #myFavorits #myFavs .favs .controls {
    margin-right: 10px;
  }
  /*
  *   ALBUMS
  */
  body.album main .wrapper940 header {
    width: 100%;
  }
  body.album .catmenu {
    margin: auto !important;
    padding-left: 0;
    width: 100%;
  }
  body.album .catmenu label {
    display: block;
  }
  body.album .catmenu .cell {
    display: block;
  }
  .og-fullimg,
  .og-details {
    width: 100%;
    float: none;
  }
  .og-fullimg-transition {
    margin-left: 2%;
    width: 96% !important;
  }
  .og-fullimg-transition .ls-minimal {
    width: 100% !important;
  }
  .og-fullimg-transition .ls-minimal .ls-nav-prev,
  .og-fullimg-transition .ls-minimal .ls-nav-next {
    bottom: 0;
  }
  .og-fullimg-transition .ls-minimal .ls-nav-prev {
    left: -20%;
  }
  .og-fullimg-transition .ls-minimal .ls-nav-next {
    right: -15%;
  }
  .og-fullimg-transition .ls-layer,
  .og-fullimg-transition .ls-inner {
    width: 100% !important;
    height: 100% !important;
  }
  .og-fullimg-transition .ls-layer img,
  .og-fullimg-transition .ls-inner img {
    width: 100% !important;
    height: 100% !important;
  }
  .og-details {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cookiesTopBlock {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9995;
    padding: 5px;
  }
  #cookiesTopBlock .table {
    display: block;
  }
  #cookiesTopBlock .description {
    display: block;
    padding-bottom: 10px;
  }
  #cookiesTopBlock .description p {
    font-size: 1.2em;
  }
  #cookiesTopBlock .validate {
    text-align: center;
  }
  #cookieManager {
    padding: 10px;
  }
  #cookieManager header {
    padding: 0 0 0 25px;
  }
  #cookieManager header:before {
    font-size: 20px;
    top: 0;
  }
  #cookieManager header h2 {
    font-size: 1.6em;
    padding: 2px 0 10px;
  }
  #cookieManager header p {
    font-size: 1.4em;
  }
  #cookieManager header .wrapper {
    padding-bottom: 20px;
  }
  #cookieManager form {
    padding: 20px 0 0;
  }
  #cookieManager form label {
    font-size: 1.5em;
  }
  #cookieManager form label .description {
    font-size: 0.86666em;
  }
  .wrapperEvents {
    background-size: 280% auto;
  }
  .wrapperEvents .eventContent a .wrapper {
    height: auto;
    display: block;
  }
  .tx-powermail .fileSizeFloat {
    left: inherit !important;
    right: 0;
    border-left-color: #e7e7e7;
  }
}
@media only screen and (max-width: 480px) {
  .carouselBig > .item {
    background-size: cover;
  }
}
@media only screen and (min-width: 1280px) {
  /*
  *   LAYOUT
  */
  #container {
    width: 1260px;
  }
  .home #container {
    width: 100%;
  }
  #topOfContent {
    width: 1260px;
    padding: 0;
  }
  #topOfContent .wrapper {
    padding-left: 0;
    width: 940px;
  }
  #content {
    float: left;
    margin-left: 320px;
    position: relative;
    width: 620px;
  }
  body.album #content {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  body.noColumnLeft #content {
    width: 940px;
  }
  #col2 {
    top: 0;
  }
  #col1 {
    margin-top: -68px;
  }
  #col1.shrink {
    margin-top: 0;
  }
  .largePage #col1 {
    top: 0;
    right: 10px;
    width: 300px;
  }
  .largePage #content {
    width: 940px;
  }
  /*
  *   HEADER
  */
  .preHeader .wrapper {
    width: 1261px;
    padding: 0;
  }
  .multiSite .mainHeader.shrink #header .logo1260 {
    display: none;
  }
  .multiSite .mainHeader.shrink #header .logoShrink {
    display: block;
    margin: auto;
  }
  .multiSite #header .logoShrink,
  .multiSite #header #logo,
  .multiSite #header .logoMobile,
  .multiSite #header .logoCG06 {
    display: none;
  }
  .multiSite #header .logo1260 {
    display: block;
    margin-top: -56px;
    float: left;
  }
  #header > .wrapper {
    width: 1260px;
    padding: 0;
  }
  /*
  *   MENUS
  */
  #mainMenu {
    width: 1260px;
  }
  #mainMenu > li > .subLevel > .wrapper {
    width: 1260px;
  }
  #mainMenu > li > .subLevel > .wrapper .lvl2 > li > .enAction {
    width: 315px;
  }
  #mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 {
    width: 600px;
  }
  #mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul {
    width: 870px;
  }
  #mainMenu > li > .subLevel > .wrapper .lvl2 > li > .subLevel2 > ul > li {
    width: 540px;
  }
  #secondaryMenu.shrink {
    position: relative;
    top: inherit;
    left: 0;
    margin-left: auto;
    z-index: 1;
  }
  #secondaryMenu > .listItems:after {
    clear: both;
    display: block;
    content: "\e06c";
    overflow: hidden;
    visibility: hidden;
    height: 0;
  }
  #secondaryMenu > .listItems > .item1 > button {
    cursor: default;
  }
  #secondaryMenu > .listItems > .item1 .subLevel {
    position: inherit;
    top: inherit;
    left: inherit;
  }
  .breadcrumb {
    width: 940px;
    padding: 0;
  }
  .breadcrumb.shrink {
    width: 920px;
    margin-left: -630px;
  }
  .breadcrumb ol .lvlHide {
    display: inline !important;
  }
  body.album .breadcrumb,
  body.carto .breadcrumb {
    width: 950px;
  }
  body.album .breadcrumb.shrink,
  body.carto .breadcrumb.shrink {
    width: 920px;
    margin-left: -630px;
  }
  body.noColumnLeft .breadcrumb.shrink {
    margin-left: -630px;
  }
  .largePage .breadcrumb {
    padding: 0;
  }
  .largePage .breadcrumb.shrink {
    padding: 15px 0 0 0;
  }
  .largePage .breadcrumb #breadcrumbLabel {
    left: inherit !important;
    position: static !important;
    top: inherit !important;
    overflow: inherit !important;
    width: 1.3em !important;
  }
  .menuAccueilProfil nav {
    width: 1260px;
  }
  /*
  *   MAIN CONTENT
  */
  #col1 .blocStyle1:nth-of-type(1) {
    margin-top: 20px;
  }
  /*
  * Specific blocs
  */
  #col2 .blocStyle1 {
    display: block;
  }
  .home .agenda {
    width: 940px;
  }
  .home .actualite {
    width: 940px;
  }
  .home .actualite .listItems > .item:nth-child(2n) {
    margin-right: 4%;
  }
  .home .actualite .listItems > .item:nth-child(2n+1) {
    clear: inherit;
  }
  .home .actualite .listItems > .item.firstItem {
    clear: inherit;
  }
  .home .actualite .listItems > .item:nth-child(3n) {
    margin-right: 0;
  }
  .home .actualite .listItems > .item:nth-child(3n+1) {
    clear: left;
  }
  .home .actualite .item {
    width: 30.6%;
  }
  .home .actualite .item:nth-child(5),
  .home .actualite .item:nth-child(6) {
    display: block;
  }
  /*
  *   ELEMENTS
  */
  #tools {
    width: 300px;
    margin-bottom: 28px;
  }
  #tools.shrink {
    margin-left: 430px;
  }
  #tools .monCG06 {
    width: 120px;
  }
  #tools .monCG06 a span {
    margin-top: 10px;
  }
  #tools .monCG06 + #options {
    margin-left: 0;
  }
  .largePage #tools {
    width: 300px;
  }
  .largePage #tools .monCG06 {
    width: 120px;
  }
  #options {
    margin-left: 120px;
  }
  #options li {
    margin: 0 4px;
  }
  .largePage #options li {
    margin: 0 4px;
  }
  #footer .wrapper {
    width: 1260px;
    background-position: 75% 0;
  }
  .horiW {
    width: 1260px;
  }
  /*
  *   ALBUM
  */
  body.album .wrapper940 {
    width: 1260px;
  }
  body.album .catmenu {
    width: 820px;
  }
  #container .og-grid li {
    width: 246px;
    height: 350px;
  }
  #container .og-grid li > button {
    width: 246px;
    height: 350px;
  }
  #container .og-grid li > button:hover img,
  #container .og-grid li > button:focus img {
    width: calc(246px - 20px);
    height: calc(246px - 20px);
  }
  #container .og-grid li > button .wrap {
    min-height: 350px;
  }
  #container .og-grid li > button img {
    width: 246px;
  }
  body.albumSingle main .albumDetailWrapper {
    width: 1260px;
    padding: 0;
  }
  .og-expander-inner {
    max-width: inherit;
    width: 1260px;
  }
  .og-fullimg {
    width: 580px;
  }
  .og-details {
    width: 660px;
  }
  /*
  *   MONCG06.fr
  */
  .site-content .myInterestWrap .wrapField {
    width: 188px;
  }
  .site-content #blocksOrdering:after {
    clear: both;
    display: block;
    content: "\e06c";
    overflow: hidden;
    visibility: hidden;
    height: 0;
  }
  .site-content .myNewsBlocs,
  .site-content .myfavorites {
    float: left;
    width: 65%;
    clear: none;
    padding-right: 15px;
  }
  .site-content .myfavorites {
    width: calc(33% - 15px);
    padding-left: 15px;
    padding-right: 0;
    border-left: 1px solid #d7d7d7;
  }
  /* Favoris */
  #myFavorits #myFavs .favs .item {
    width: 840px;
  }
  /*
  *   Openlayers
  */
  body.largePage .site-content .simpleMap #stratis_openlayers_map_widget.open,
  body.largePage .site-content .simpleMap #stratis_openlayers_map.open {
    width: 518px !important;
  }
}