@charset "UTF-8";
/* Largeur de la page */
/* Padding de la page */
/* Positionnement de menu : 0 ou 1 */
/**
 * Opacité
 * ********* */
/**
 * Background avec des fake images
 * ********* */
/**
 * Sitemap
 * ********* */
/*
 * Placeholder pour le form de contact
 */
/**
 * A utiliser    
 */
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,700|Roboto+Condensed:400,700|Roboto:400,700&display=swap");
/* Global
 * ******************************************************************
*/
/* line 27, ../common.scss */
#site {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

/* line 36, ../common.scss */
#page {
  overflow: hidden;
}

/* Pour l'effet disappear à la suppression */
/* line 41, ../common.scss */
.ui-effects-wrapper {
  display: inline-block;
}

/* line 45, ../common.scss */
h1, h2, h3 {
  margin-left: 0;
}

/* Common
 * ****************************************************************** 
*/
/* line 53, ../common.scss */
body.mceContentBody td,
body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana;
  font-size: 13px;
}

/* line 60, ../common.scss */
ul,
li {
  margin: 0 0 0 20px;
  padding: 0;
}

/* line 65, ../common.scss */
ul.menu,
ul.menu li,
ul.menu ul,
div.product div.description p,
div.element div.description p,
body.mceContentBody p,
form fieldset,
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/* line 76, ../common.scss */
#sitemap ul {
  padding-left: 20px;
}

/* line 79, ../common.scss */
a {
  text-decoration: none;
}

/* line 82, ../common.scss */
a:link, a:visited {
  text-decoration: none;
  color: #000000;
}

/* line 87, ../common.scss */
#error {
  background: #fee;
  padding: 10px;
  border-bottom: 1px solid #fdd;
  border-right: 1px solid #fdd;
}

/* line 94, ../common.scss */
span.deleted,
span.sent {
  color: #9bbe3d;
  font-weight: bold;
  padding-left: 25px;
  line-height: 20px;
  background-image: url(data/image/icon/accept.png);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
}

/* line 107, ../common.scss */
div.aclrcontrol table thead th {
  text-align: center;
}
/* line 110, ../common.scss */
div.aclrcontrol table th {
  width: 200px;
  text-align: left;
}
/* line 114, ../common.scss */
div.aclrcontrol table td {
  width: 200px;
  text-align: center;
}
/* line 118, ../common.scss */
div.aclrcontrol div.module {
  margin-bottom: 20px;
  background: url(data/image/icon/transparent.png) scroll repeat top left #AAAAFF;
}
/* line 122, ../common.scss */
div.aclrcontrol div.action {
  margin-left: 30px;
  margin-bottom: 20px;
  background: url(data/image/icon/transparent.png) scroll repeat top left #8888FF;
}
/* line 127, ../common.scss */
div.aclrcontrol div.type {
  margin-left: 30px;
  margin-bottom: 20px;
  background: url(data/image/icon/transparent.png) scroll repeat top left #5555FF;
}
/* line 133, ../common.scss */
div.aclrcontrol table.content {
  border-collapse: collapse;
}
/* line 136, ../common.scss */
div.aclrcontrol table.content tbody tr {
  background: #DDDDDD;
}
/* line 139, ../common.scss */
div.aclrcontrol table.content tbody tr.even {
  background: lightgray;
}
/* line 142, ../common.scss */
div.aclrcontrol table.content tbody tr:hover {
  background: lightgoldenrodyellow;
}

/* Form
 * ****************************************************************** 
*/
/* line 150, ../common.scss */
form {
  position: relative;
}
/* line 153, ../common.scss */
form div.list > div,
form fieldset > div {
  margin-bottom: 10px;
}
/* line 157, ../common.scss */
form fieldset {
  padding-top: 5px;
  width: 100%;
  border: 0px;
}
/* line 162, ../common.scss */
form input,
form textarea,
form select {
  width: 100%;
  box-sizing: border-box;
}
/* line 168, ../common.scss */
form legend {
  padding-left: 5px;
  padding-right: 5px;
}
/* line 172, ../common.scss */
form label {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 177, ../common.scss */
form textarea {
  height: 200px;
}
/* line 181, ../common.scss */
form div.submit,
form div.button {
  display: inline-block;
  margin-right: 10px;
}
/* line 186, ../common.scss */
form div.buttons {
  text-align: center;
}
/* line 189, ../common.scss */
form div.submit input,
form div.button input {
  width: auto;
  padding: 4px 10px;
  border: none;
  cursor: pointer;
  margin: 10px;
  border: 1px solid transparent;
  box-shadow: 0 0 6px #515151;
  transition: 200ms;
}
/* line 199, ../common.scss */
form div.submit input:hover,
form div.button input:hover {
  box-shadow: none;
  border: 1px solid #515151;
}
/* line 204, ../common.scss */
form div.hidden,
form div.token {
  display: none;
}
/* line 209, ../common.scss */
form span.error {
  display: block;
  margin-bottom: 5px;
  clear: left;
  color: #CC0000;
}
/* line 216, ../common.scss */
form div.file {
  display: block;
}
/* line 218, ../common.scss */
form div.file iframe {
  display: none;
}
/* line 221, ../common.scss */
form div.file div.fileResult {
  background-color: #fff;
  padding: 0px;
  margin: 5px;
  display: inline-block;
  border: 1px dashed #aaa;
  text-align: center;
  clear: none;
  overflow: hidden;
  position: relative;
}
/* line 231, ../common.scss */
form div.file div.fileResult img {
  width: auto;
  height: auto;
  max-width: 100px;
}
/* line 237, ../common.scss */
form div.file div.rotation {
  text-align: center;
}
/* line 239, ../common.scss */
form div.file div.rotation span {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  padding: 5px;
  font-size: 0;
  cursor: pointer;
  margin: 10px;
  background: url(data/image/icon/rotate.png) center center no-repeat #00806e;
}
/* line 249, ../common.scss */
form div.file div.rotation span:hover {
  background-color: #00A08A;
}
/* line 252, ../common.scss */
form div.file div.rotation span.rotateInverse {
  background-image: url(data/image/icon/rotate-inverse.png);
}
/* line 257, ../common.scss */
form div.file span.inputFile {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 7px;
  background: lightgrey;
  border-radius: 5px;
  border: 1px solid grey;
  color: black;
}
/* line 269, ../common.scss */
form div.file span.inputFile input {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 200px;
  margin: 0;
  padding: 0;
  display: block;
  direction: ltr;
  cursor: pointer;
}
/* line 282, ../common.scss */
form div.file a.removeFile {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url(data/image/icon/icons.png) 3px -97px no-repeat #00A08A;
}
/* line 294, ../common.scss */
form form {
  padding: 0px;
}
/* line 297, ../common.scss */
form form div {
  margin: 0px;
}
/* line 300, ../common.scss */
form div.element.list.saveList {
  border: 1px solid #AAAAAA;
  overflow: hidden;
  padding: 5px;
}
/* line 306, ../common.scss */
form div.checkbox span,
form div.radio span {
  display: inline-block;
}
/* line 311, ../common.scss */
form div.date input {
  width: 150px;
  padding-right: 25px;
  background: url(data/image/icon/calendar_edit.png) no-repeat center right;
  cursor: pointer;
}
/* line 318, ../common.scss */
form div.action {
  margin-bottom: 0;
}
/* line 322, ../common.scss */
form div.help {
  height: 16px;
  width: 16px;
  position: absolute;
  background: url(data/image/icon/help.png) no-repeat;
  margin-left: 300px;
  cursor: pointer;
}
/* line 330, ../common.scss */
form div.help div.help-content {
  display: none;
  width: 300px;
  right: 18px;
  position: absolute;
  padding: 10px;
  font-style: italic;
  background: lightsteelblue;
  border-radius: 15px;
}
/* line 340, ../common.scss */
form div.help:hover div.help-content {
  display: block;
}
/* line 344, ../common.scss */
form div.saveList {
  border: 1px solid;
  padding: 5px;
  overflow: hidden;
}
/* line 349, ../common.scss */
form div.saveList form {
  float: left;
  clear: none;
  margin: 0 10px 10px 0;
}
/* line 354, ../common.scss */
form div.saveList form div.buttons,
form div.saveList form a.removeFile {
  display: none;
}
/* line 358, ../common.scss */
form div.saveList div.actions {
  position: absolute;
}
/* line 361, ../common.scss */
form div.saveList div.actions div.save {
  display: none;
}
/* line 364, ../common.scss */
form div.saveList div.editview {
  margin: 5px;
}
/* line 367, ../common.scss */
form div.saveList div.alt {
  display: none;
}
/* line 370, ../common.scss */
form div.saveList div.editview {
  float: left;
  margin: 5px;
  clear: none;
}
/* line 376, ../common.scss */
form.editProductCustom label {
  width: auto;
}
/* line 379, ../common.scss */
form.editProductCustom div.option {
  height: 32px;
  overflow: hidden;
}
/* line 383, ../common.scss */
form.editProductCustom div.option > * {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  margin: 0 4px;
}
/* line 389, ../common.scss */
form.editProductCustom div.option > label {
  width: 80px;
}
/* line 392, ../common.scss */
form.editProductCustom div.options span {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(data/image/icon/delete.png);
}
/* line 399, ../common.scss */
form.editProductCustom div.options span.add {
  background: url(data/image/icon/create.png);
}
/* line 402, ../common.scss */
form.editProductCustom div.options span.sort {
  cursor: move;
  background: url(data/image/icon/move.png);
}
/* line 407, ../common.scss */
form div.cropper {
  clear: both;
  overflow: hidden;
}
/* line 411, ../common.scss */
form div.cropper div.img-container {
  max-width: 350px;
  float: left;
  margin-right: 20px;
  vertical-align: top;
}
/* line 417, ../common.scss */
form div.cropper div.img-preview {
  width: 150px;
  height: 150px;
  overflow: hidden;
}
/* line 422, ../common.scss */
form div.cropper-modal {
  margin-bottom: 0;
}

/*#menu {
    @if $menuHorizontal == 0 { float: left; width: $menuWidth; }
    z-index: 10;
    ul {
        padding:0; margin:0; list-style:none; text-align:center;
        li {
            @if $menuHorizontal == 1 {display: inline-block; vertical-align: top; width: 100% / $menuItemNumber; box-sizing: border-box;}
            position: relative; padding:0; margin:0;
            a {
                display : block; transition: 200ms;
                @if $menuHorizontal == 1 {text-align: center;}
                height: $menuItemHeight; line-height: $menuItemHeight;
                span {line-height: $menuItemHeight / 2; display: inline-block; vertical-align: middle;}
            }
            ul {
                width: 100%; box-sizing: border-box; max-height: 0; transition: 800ms;
                position: absolute; z-index: 10; overflow: hidden;
                @if $menuHorizontal == 0 {margin-left: $menuWidth; margin-top: -$menuItemHeight;}
                li { 
                    @if $menuHorizontal == 1 {width: auto; display: list-item; text-align: center;}
                }        
            }
            &:hover > ul {max-height: 24em;}
        }
    }
}*/
/* line 456, ../common.scss */
#footer ul {
  list-style: none;
  line-height: 24px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

/* line 463, ../common.scss */
#footer ul li {
  display: inline-block;
  margin: 0;
  padding: 0 30px;
}

/* Responsive
 * ****************************************************************** 
*/
@media only screen and (max-width: 1000px) {
  /* line 474, ../common.scss */
  body, #page, #site {
    width: auto;
  }
}
/* Common
 * ****************************************************************** 
*/
/* line 485, ../common.scss */
body.mceContentBody {
  background: url("data/image/icon/transparent.png") repeat scroll left top transparent;
}

/* line 488, ../common.scss */
div.containerSeparator {
  overflow: hidden;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
  float: none;
}

/* line 498, ../common.scss */
.waitingWrap {
  background: url(data/image/icon/modulebox-overlay-verydark.png) scroll repeat top left transparent !important;
}

/* line 501, ../common.scss */
.waitingWrapWrap {
  background: url(data/image/icon/modulebox-loader.svg) scroll no-repeat center center transparent !important;
}

/* line 505, ../common.scss */
ul.pagination li {
  list-style: none;
  display: inline;
}

/* line 509, ../common.scss */
ul.pagination li.current a {
  font-weight: bold;
}

/* line 513, ../common.scss */
#page {
  min-height: 350px;
}

/* line 517, ../common.scss */
#banner div.headlines {
  display: none;
}

/* line 521, ../common.scss */
form.edit div.date input {
  cursor: pointer;
}

/* line 525, ../common.scss */
.clickable {
  width: auto;
  cursor: pointer;
}

/* line 530, ../common.scss */
div.product div.actions div.action,
div.element div.actions div.action {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 532, ../common.scss */
div.product div.actions div.action:hover,
div.element div.actions div.action:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}

/* line 539, ../common.scss */
div.product.editWeightList,
div.element.editWeightList {
  overflow: hidden;
}
/* line 542, ../common.scss */
div.product.editWeight,
div.element.editWeight {
  border: 2px dashed gray;
  cursor: move;
  padding: 5px;
  margin: 5px;
}
/* line 547, ../common.scss */
div.product.editWeight div.actions,
div.element.editWeight div.actions {
  display: none;
}
/* line 551, ../common.scss */
div.product.list div.content,
div.element.list div.content {
  clear: both;
  overflow: hidden;
}
/* line 555, ../common.scss */
div.product div.description,
div.element div.description {
  overflow: hidden;
}
/* line 558, ../common.scss */
div.product div.actions,
div.element div.actions {
  position: absolute;
  float: left;
  text-align: center;
  z-index: 10;
}
/* line 563, ../common.scss */
div.product div.actions div.action,
div.element div.actions div.action {
  margin-bottom: 5px;
  display: block;
  position: relative;
}
/* line 568, ../common.scss */
div.product div.actions div.action a,
div.element div.actions div.action a {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
}
/* line 574, ../common.scss */
div.product div.actions div.action a:hover,
div.element div.actions div.action a:hover {
  text-shadow: 1px 1px 1px #FFFFFF;
}
/* line 577, ../common.scss */
div.product div.actions div.action a:visited,
div.element div.actions div.action a:visited {
  color: #FFFFFF;
}
/* line 580, ../common.scss */
div.product div.actions div.action > a,
div.element div.actions div.action > a {
  display: block;
  font-size: 0;
  width: 36px;
  height: 36px;
  background: url(data/image/icon/icons.png) #00A08A 6px 6px no-repeat;
  box-shadow: 3px 3px 6px -2px #000;
}
/* line 588, ../common.scss */
div.product div.actions div.action > a img,
div.element div.actions div.action > a img {
  display: none;
}
/* line 591, ../common.scss */
div.product div.actions div.action span.actionDetails,
div.element div.actions div.action span.actionDetails {
  display: none;
  position: absolute;
  z-index: 14;
  top: 0;
  white-space: nowrap;
  padding: 0 5px;
  font-weight: normal;
  left: 36px;
  line-height: 36px;
  height: 36px;
  background: #00A08A;
  box-shadow: 3px 3px 6px -2px #000;
}
/* line 605, ../common.scss */
div.product div.actions div.action:hover span.actionDetails,
div.element div.actions div.action:hover span.actionDetails {
  display: inline;
}
/* line 608, ../common.scss */
div.product div.actions div.action.save > a,
div.element div.actions div.action.save > a {
  background-position: 6px -44px;
}
/* line 611, ../common.scss */
div.product div.actions div.action.delete > a,
div.element div.actions div.action.delete > a {
  background-position: 6px -94px;
}
/* line 614, ../common.scss */
div.product div.actions div.action.editWeight > a,
div.element div.actions div.action.editWeight > a {
  background-position: 6px -144px;
}
/* line 617, ../common.scss */
div.product div.actions div.action.stopEditWeight > a,
div.element div.actions div.action.stopEditWeight > a {
  background-position: 6px -194px;
}
/* line 620, ../common.scss */
div.product div.actions div.action.publish > a,
div.element div.actions div.action.publish > a {
  background-position: 6px -294px;
}
/* line 623, ../common.scss */
div.product div.actions div.action.unpublish > a,
div.element div.actions div.action.unpublish > a {
  background-position: 6px -244px;
}
/* line 626, ../common.scss */
div.product div.actions div.action.shareLinks > a,
div.element div.actions div.action.shareLinks > a {
  background-position: 6px -344px;
}
/* line 630, ../common.scss */
div.product div.actions div.action.shareLinks div.shareLinks,
div.element div.actions div.action.shareLinks div.shareLinks {
  display: none;
  min-width: 220px;
  position: absolute;
  z-index: 1;
  padding: 5px;
  color: #00A08A;
  background: #FFFFFF;
  border: 2px solid #00A08A;
}
/* line 640, ../common.scss */
div.product div.actions div.action.shareLinks:hover,
div.element div.actions div.action.shareLinks:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 643, ../common.scss */
div.product div.actions div.action.shareLinks.over,
div.element div.actions div.action.shareLinks.over {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 645, ../common.scss */
div.product div.actions div.action.shareLinks.over div.shareLinks,
div.element div.actions div.action.shareLinks.over div.shareLinks {
  display: block;
}
/* line 651, ../common.scss */
div.product div.actions.actionsList,
div.element div.actions.actionsList {
  position: static;
  margin-left: 0;
  text-align: center;
  float: none;
}
/* line 656, ../common.scss */
div.product div.actions.actionsList div.action,
div.element div.actions.actionsList div.action {
  display: inline-block;
}
/* line 661, ../common.scss */
div.product.unpublished,
div.element.unpublished {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
}
/* line 663, ../common.scss */
div.product.unpublished.edit,
div.element.unpublished.edit {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 665, ../common.scss */
div.product.unpublished.edit .preview,
div.element.unpublished.edit .preview {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 669, ../common.scss */
div.product.unpublished .actions,
div.element.unpublished .actions {
  z-index: 10;
}
/* line 673, ../common.scss */
div.product form.edit .unpublished,
div.element form.edit .unpublished {
  opacity: 1;
}
/* line 676, ../common.scss */
div.product.pictureLike.listview,
div.element.pictureLike.listview {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 5px 0;
}
/* line 680, ../common.scss */
div.product.pictureLike.listview div.actions,
div.element.pictureLike.listview div.actions {
  margin-left: 0;
}
/* line 684, ../common.scss */
div.product.meta,
div.element.meta {
  position: absolute;
  top: 0;
  min-width: 60px;
  min-height: 30px;
  padding-left: 10px;
  background: url(data/image/icon/bg_meta.png) scroll repeat left top transparent;
}

/* line 694, ../common.scss */
div.shareLinks {
  clear: both;
}
/* line 696, ../common.scss */
div.shareLinks div.shareLink {
  margin-left: 16px;
  position: relative;
  line-height: 32px;
}
/* line 700, ../common.scss */
div.shareLinks div.shareLink:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -16px;
  display: block;
  height: 16px;
  width: 16px;
  background: url(data/image/icon/sharelinks.png) scroll 0px 0px #00A08A;
}
/* line 710, ../common.scss */
div.shareLinks div.shareLink.facebook:before {
  background-position: 0 0;
}
/* line 713, ../common.scss */
div.shareLinks div.shareLink.twitter:before {
  background-position: 0 -16px;
}
/* line 716, ../common.scss */
div.shareLinks div.shareLink.googleplus:before {
  background-position: 0 -32px;
}
/* line 719, ../common.scss */
div.shareLinks div.shareLink.linkedin:before {
  background-position: 0 -48px;
}
/* line 722, ../common.scss */
div.shareLinks div.shareLink.viadeo:before {
  background-position: 0 -64px;
}
/* line 725, ../common.scss */
div.shareLinks div.shareLink span.notice {
  font-style: italic;
}
/* line 728, ../common.scss */
div.shareLinks div.shareLink input {
  width: 400px;
  margin: 5px;
}

/* line 740, ../common.scss */
div.cropperOverlay {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #2a3247;
  padding: 5%;
  z-index: 101;
  box-sizing: border-box;
}
/* line 750, ../common.scss */
div.cropperOverlay div.cropper input[type="button"], div.cropperOverlay input[type="submit"] {
  background: #0C1125;
  margin: 4px;
  margin-top: 8px;
  color: #fff;
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
  cursor: pointer;
  border: 0;
  outline: 0;
  text-align: center;
}
/* line 762, ../common.scss */
div.cropperOverlay div.cropper input[type="button"]:hover, div.cropperOverlay input[type="submit"]:hover {
  background: #283965;
  color: #DEDEDE;
}
/* line 768, ../common.scss */
div.cropperOverlay div.img-container {
  width: 65%;
  float: left;
  margin-right: 5%;
  max-height: 100%;
}
/* line 773, ../common.scss */
div.cropperOverlay div.img-container img {
  max-width: 100%;
  max-height: 700px;
}
/* line 778, ../common.scss */
div.cropperOverlay div.img-content {
  width: 29%;
  float: right;
  margin-right: 1%;
  background: #DEDEDE;
}
/* line 783, ../common.scss */
div.cropperOverlay div.img-content h1 {
  background: #DEDEDE;
}
/* line 787, ../common.scss */
div.cropperOverlay div.img-preview {
  max-width: 100%;
  width: 460px;
  height: 198px;
  overflow: hidden;
  margin: 0 auto 10px auto;
}
/* line 794, ../common.scss */
div.cropperOverlay div.cropperActions {
  text-align: center;
}
/* line 796, ../common.scss */
div.cropperOverlay div.cropperActions > span {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  padding: 5px;
  font-size: 0;
  cursor: pointer;
  margin: 10px;
  background: url(data/image/icon/rotate.png) center center no-repeat #cccccc;
}
/* line 806, ../common.scss */
div.cropperOverlay div.cropperActions > span:hover {
  background-color: white;
}
/* line 809, ../common.scss */
div.cropperOverlay div.cropperActions > span.cropperRotateInverse {
  background-image: url(data/image/icon/rotate-inverse.png);
}

/* line 816, ../common.scss */
#cboxTitle {
  text-align: justify !important;
  width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 24px !important;
  padding: 5px !important;
  background-color: #333 !important;
  opacity: 0.75 !important;
  filter: alpha(opacity=75) !important;
  color: #fff !important;
}

/* line 828, ../common.scss */
.alert-cookies {
  box-sizing: border-box;
  padding: 5px 10px;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 24%;
  color: #fff;
  font-size: 15px;
  background-color: #333;
  z-index: 999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 700px) {
  /* line 828, ../common.scss */
  .alert-cookies {
    display: block;
    max-width: 100%;
  }
}
/* line 846, ../common.scss */
.alert-cookies.hide {
  display: none;
}
/* line 849, ../common.scss */
.alert-cookies p {
  margin: 0;
  -ms-flex: 1;
      flex: 1;
}
/* line 853, ../common.scss */
.alert-cookies .bottom {
  margin-top: 5px;
  text-align: center;
  margin-bottom: 0;
}
/* line 857, ../common.scss */
.alert-cookies .bottom a {
  display: block;
  margin: 10px;
  padding: 5px;
  color: #fff;
  background-color: #06C4F4;
  transition: all 0.2s ease;
}
/* line 864, ../common.scss */
.alert-cookies .bottom a:hover {
  background-color: #059cc2;
}
/* line 869, ../common.scss */
.alert-cookies #accept-cookies {
  background-color: #999;
}
/* line 871, ../common.scss */
.alert-cookies #accept-cookies:hover {
  background-color: #5c5c5c;
}

/* line 877, ../common.scss */
div.grecaptcha-badge {
  z-index: -1 !important;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")";
  transition: 200ms;
}
/* line 881, ../common.scss */
div.grecaptcha-badge:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}

/* line 1, ../modulebox.scss */
#modulebox-overlay {
  background: url("data/image/icon/modulebox-overlay-verydark.png") top left repeat transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
}

/* line 3, ../modulebox.scss */
#modulebox-container {
  overflow: auto;
  background: #FFFFFF;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}

/* line 4, ../modulebox.scss */
#modulebox-loader {
  background: url(data/image/icon/modulebox-loader.png) scroll no-repeat center center transparent;
  background-size: 100%;
  position: fixed;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  left: 50%;
  top: 30%;
}

/* line 6, ../modulebox.scss */
#modulebox-overlay.verylight {
  background-image: url("data/image/icon/modulebox-overlay-verylight.png");
}

/* line 7, ../modulebox.scss */
#modulebox-overlay.light {
  background-image: url("data/image/icon/modulebox-overlay-light.png");
}

/* line 8, ../modulebox.scss */
#modulebox-overlay.neutral {
  background-image: url("data/image/icon/modulebox-overlay-neutral.png");
}

/* line 9, ../modulebox.scss */
#modulebox-overlay.dark {
  background-image: url("data/image/icon/modulebox-overlay-dark.png");
}

/* line 10, ../modulebox.scss */
#modulebox-overlay.verydark {
  background-image: url("data/image/icon/modulebox-overlay-verydark.png");
}

/* line 12, ../modulebox.scss */
#modulebox-overlay.verylight #modulebox-loader,
#modulebox-overlay.light #modulebox-loader,
#modulebox-overlay.neutral #modulebox-loader {
  background-image: url(data/image/icon/modulebox-loader-dark.gif);
}

/* line 16, ../modulebox.scss */
#modulebox-overlay.square #modulebox-top,
#modulebox-overlay.square #modulebox-top-right,
#modulebox-overlay.square #modulebox-top-center,
#modulebox-overlay.square #modulebox-middle,
#modulebox-overlay.square #modulebox-middle-right,
#modulebox-overlay.square #modulebox-bottom,
#modulebox-overlay.square #modulebox-bottom-right,
#modulebox-overlay.square #modulebox-bottom-center {
  background-image: url("data/image/icon/modulebox-square.png");
}

/* line 25, ../modulebox.scss */
#modulebox-overlay {
  text-align: center;
}

/* line 26, ../modulebox.scss */
#modulebox-box {
  display: inline-block;
  position: relative;
  overflow: auto;
  vertical-align: top;
  max-height: 90%;
  max-width: 90%;
  margin: 20px;
}

/* line 28, ../modulebox.scss */
#modulebox-close {
  position: absolute;
  height: 30px;
  width: 30px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background: url("data/image/icon/modulebox-close.png") center center no-repeat transparent;
}

/*
#modulebox-top { background: url("data/image/icon/modulebox-circle.png") 0 0 no-repeat; padding-left: 30px;}
#modulebox-top-right { background: url("data/image/icon/modulebox-circle.png") 100% -30px no-repeat; padding-right: 30px;}
#modulebox-top-center { background: url("data/image/icon/modulebox-circle.png") 0 -120px repeat-x; padding-bottom: 30px;}

#modulebox-middle { background: url("data/image/icon/modulebox-circle.png") 0 -3090px no-repeat; padding-left: 30px;}
#modulebox-middle-right { background: url("data/image/icon/modulebox-circle.png") 100% -180px no-repeat; padding-right: 30px;}
#modulebox-middle-center { background: #eeeeee; height: 100%; }

#modulebox-bottom { background: url("data/image/icon/modulebox-circle.png") 0 -60px no-repeat; padding-left: 30px; }
#modulebox-bottom-right { background: url("data/image/icon/modulebox-circle.png") 100% -90px no-repeat; padding-right: 30px; }
#modulebox-bottom-center { background: url("data/image/icon/modulebox-circle.png") 0 -150px repeat-x; padding-top: 30px; }


#modulebox-container { overflow: auto; background: #FFFFFF; padding: 20px; position: relative; }
#modulebox-loader { background: url(data/image/icon/modulebox-loader.gif) scroll no-repeat center center transparent; position: fixed; width: 100px; height: 100px; margin-left: -50px; left: 50%; top: 30%; }*/
/* line 46, ../modulebox.scss */
#modulebox-loader, div.waitingWrapWrap {
  background: none !important;
}
/* line 48, ../modulebox.scss */
#modulebox-loader:before, div.waitingWrapWrap:before {
  content: '';
  position: absolute;
  top: 44%;
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background: url(data/image/icon.png) scroll no-repeat center center transparent;
  background-size: 100%;
  animation-name: bounce;
  -ms-transform-origin: center center;
      transform-origin: center center;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
@keyframes bounce {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@charset "UTF-8";
/* Largeur de la page */
/* Padding de la page */
/* Positionnement de menu : 0 ou 1 */
/**
 * Opacité
 * ********* */
/**
 * Background avec des fake images
 * ********* */
/**
 * Sitemap
 * ********* */
/*
 * Placeholder pour le form de contact
 */
/**
 * A utiliser    
 */
/*div.actions{display: none;}*/
/*Marges*/
/* Breakpoints */
/*$green: #63A49F;*/
/*$hardGreen: #00A08A;*/
/*$blue: #26386B;*/
/*$red: #E94E18;*/
/*$red: #E3424A;*/
/* line 174, ../specific.scss */
div.element.view h1,
div.element.edit h1, div.divPage.divSalarie > div.element.title h1, div.divPage.divDirigeant > div.element.title h1, div.divPage.divRepresentant > div.element.title h1, div.divPage.divCmaic > div.element.title h1, div.divPage.divQui-sommes-nous > div.element.title h1, div.divPage.divSante > div.element.title h1, div.divPage.divReglementation > div.element.title h1, div.divPage.divSante-Travail > div.element.title h1, div.divPage.divSante-Enjeu > div.element.title h1, div.divPage.divCovid19 > div.element.title h1, div.divPage.divCovid19-permanence-CMAIC > div.element.title h1, div.divPage.divInformation-coronavirus > div.element.title h1, div.divPage.divEntreprise-coronavirus > div.element.title h1, div.divPage.divSalarie-coronavirus > div.element.title h1, div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1, div.divPage.divCoronavirus-recommandations > div.element.title h1, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1, div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1, div.divPage.divDossiers > div.element.title h1, div.divPage.divChiffre-cle > div.element.title h1, div.divRecrutement > div.element.title h1, div.divSimulation > div.element.title h1, div.divAdhesion > div.element.title h1, div.divAdherent > div.element.title h1, div.divAdherer > div.element.title h1, div.divInformation > div.element.title h1, div.divActualite > div.element.title h1, div.divDossiers > div.element.title h1, div.element.dossier.view > div.element.title h1, div.divEvenement > div.element.title h1, div.divPresse > div.element.title h1, div.divNotification > div.element.title h1, div.divQuestion > div.element.title h1, div.divDocumentation > div.element.title h1, div.divDocumentation div.topPage > div.element.title h1, div.divHistorique > div.element.title h1, div.divVideos > div.element.title h1, div.divWebinaire > div.element.title h1, div.divSitemap > div.element.title h1, div.divMentions > div.element.title h1, div.divDonnees-personnelles > div.element.title h1, .divPage.divTest > div.element.title h1, .page-newsletter h1, div#nwsl-groups h1, div.divPage.divVotre-offre-de-services > div.element.title h1, .element.offreCategory.view > div.element.title h1 {
  display: block;
  color: #707070;
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
}
/* line 181, ../specific.scss */
div.element.view h1:after,
div.element.edit h1:after, div.divPage.divSalarie > div.element.title h1:after, div.divPage.divDirigeant > div.element.title h1:after, div.divPage.divRepresentant > div.element.title h1:after, div.divPage.divCmaic > div.element.title h1:after, div.divPage.divQui-sommes-nous > div.element.title h1:after, div.divPage.divSante > div.element.title h1:after, div.divPage.divReglementation > div.element.title h1:after, div.divPage.divSante-Travail > div.element.title h1:after, div.divPage.divSante-Enjeu > div.element.title h1:after, div.divPage.divCovid19 > div.element.title h1:after, div.divPage.divCovid19-permanence-CMAIC > div.element.title h1:after, div.divPage.divInformation-coronavirus > div.element.title h1:after, div.divPage.divEntreprise-coronavirus > div.element.title h1:after, div.divPage.divSalarie-coronavirus > div.element.title h1:after, div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1:after, div.divPage.divCoronavirus-recommandations > div.element.title h1:after, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1:after, div.divPage.divCible > div.element.title h1:after, div.divPage.divNos-enjeux > div.element.title h1:after, div.divPage.divDossiers > div.element.title h1:after, div.divPage.divChiffre-cle > div.element.title h1:after, div.divRecrutement > div.element.title h1:after, div.divSimulation > div.element.title h1:after, div.divAdhesion > div.element.title h1:after, div.divAdherent > div.element.title h1:after, div.divAdherer > div.element.title h1:after, div.divInformation > div.element.title h1:after, div.divActualite > div.element.title h1:after, div.divDossiers > div.element.title h1:after, div.element.dossier.view > div.element.title h1:after, div.divEvenement > div.element.title h1:after, div.divPresse > div.element.title h1:after, div.divNotification > div.element.title h1:after, div.divQuestion > div.element.title h1:after, div.divDocumentation > div.element.title h1:after, div.divDocumentation div.topPage > div.element.title h1:after, div.divHistorique > div.element.title h1:after, div.divVideos > div.element.title h1:after, div.divWebinaire > div.element.title h1:after, div.divSitemap > div.element.title h1:after, div.divMentions > div.element.title h1:after, div.divDonnees-personnelles > div.element.title h1:after, .divPage.divTest > div.element.title h1:after, .page-newsletter h1:after, div#nwsl-groups h1:after, div.divPage.divVotre-offre-de-services > div.element.title h1:after, .element.offreCategory.view > div.element.title h1:after {
  content: '';
  width: 60%;
  height: 1px;
  background: #5E5E5E;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 192, ../specific.scss */
div.divInformation > h2, div.divActualite > h2, div.divDossiers > h2, div.element.dossier.view > h2, div.divEvenement > h2, div.divPresse > h2, div.divQuestion > h2, div.element.questionCategory.viewList > h2, div.divVideos > h2, div.divWebinaire > h2, div.divWebinaire > .container > h2 {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  max-width: 80%;
  /*    &:before{
          content: ''; width: 100%; height: 1px; background: $hardGrey;
          position: absolute; top: 24px; left: 0;
      }
      span{position: relative; z-index: 2; background: #FFF; padding-right: 6px;}*/
}

/* line 206, ../specific.scss */
div.element.view div.left div.description h3,
div.element.edit div.left div.description h3, div.divPage.divSalarie > div.element.description h3,
div.divPage.divSalarie > div.element.presentation h3, div.divPage.divSalarie div.bottomDescription div.element.description h3,
div.divPage.divSalarie div.bottomDescription div.element.presentation h3, div.divPage.divDirigeant > div.element.description h3,
div.divPage.divDirigeant > div.element.presentation h3, div.divPage.divDirigeant div.bottomDescription div.element.description h3,
div.divPage.divDirigeant div.bottomDescription div.element.presentation h3, div.divPage.divRepresentant > div.element.description h3,
div.divPage.divRepresentant > div.element.presentation h3, div.divPage.divRepresentant div.bottomDescription div.element.description h3,
div.divPage.divRepresentant div.bottomDescription div.element.presentation h3, div.divPage.divCmaic > div.element.description h3,
div.divPage.divCmaic > div.element.presentation h3, div.divPage.divCmaic div.bottomDescription div.element.description h3,
div.divPage.divCmaic div.bottomDescription div.element.presentation h3, div.divPage.divQui-sommes-nous > div.element.description h3,
div.divPage.divQui-sommes-nous > div.element.presentation h3, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description h3,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation h3, div.divPage.divSante > div.element.description h3,
div.divPage.divSante > div.element.presentation h3, div.divPage.divSante div.bottomDescription div.element.description h3,
div.divPage.divSante div.bottomDescription div.element.presentation h3, div.divPage.divReglementation > div.element.description h3,
div.divPage.divReglementation > div.element.presentation h3, div.divPage.divReglementation div.bottomDescription div.element.description h3,
div.divPage.divReglementation div.bottomDescription div.element.presentation h3, div.divPage.divSante-Travail > div.element.description h3,
div.divPage.divSante-Travail > div.element.presentation h3, div.divPage.divSante-Travail div.bottomDescription div.element.description h3,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation h3, div.divPage.divSante-Enjeu > div.element.description h3,
div.divPage.divSante-Enjeu > div.element.presentation h3, div.divPage.divSante-Enjeu div.bottomDescription div.element.description h3,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation h3, div.divPage.divCovid19 > div.element.description h3,
div.divPage.divCovid19 > div.element.presentation h3, div.divPage.divCovid19 div.bottomDescription div.element.description h3,
div.divPage.divCovid19 div.bottomDescription div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC > div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation h3, div.divPage.divInformation-coronavirus > div.element.description h3,
div.divPage.divInformation-coronavirus > div.element.presentation h3, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divEntreprise-coronavirus > div.element.description h3,
div.divPage.divEntreprise-coronavirus > div.element.presentation h3, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divSalarie-coronavirus > div.element.description h3,
div.divPage.divSalarie-coronavirus > div.element.presentation h3, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation > div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-recommandations > div.element.description h3,
div.divPage.divCoronavirus-recommandations > div.element.presentation h3, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation h3, div.divPage.divCible > div.element.description h3,
div.divPage.divCible > div.element.presentation h3, div.divPage.divNos-enjeux > div.element.description h3,
div.divPage.divNos-enjeux > div.element.presentation h3, div.divPage.divCible div.bottomDescription div.element.description h3,
div.divPage.divCible div.bottomDescription div.element.presentation h3, div.divPage.divNos-enjeux div.bottomDescription div.element.description h3,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation h3, div.divPage.divDossiers > div.element.description h3,
div.divPage.divDossiers > div.element.presentation h3, div.divPage.divDossiers div.bottomDescription div.element.description h3,
div.divPage.divDossiers div.bottomDescription div.element.presentation h3, div.divPage.divChiffre-cle > div.element.description h3,
div.divPage.divChiffre-cle > div.element.presentation h3, div.divPage.divChiffre-cle div.bottomDescription div.element.description h3,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation h3, div.divRecrutement > div.element.description h3,
div.divRecrutement > div.element.presentation h3, div.divRecrutement div.bottomDescription div.element.description h3,
div.divRecrutement div.bottomDescription div.element.presentation h3, div.divSimulation > div.element.description h3,
div.divSimulation > div.element.presentation h3, div.divSimulation div.bottomDescription div.element.description h3,
div.divSimulation div.bottomDescription div.element.presentation h3, div.divAdhesion > div.element.description h3,
div.divAdhesion > div.element.presentation h3, div.divAdhesion div.bottomDescription div.element.description h3,
div.divAdhesion div.bottomDescription div.element.presentation h3, div.divAdherent > div.element.description h3,
div.divAdherent > div.element.presentation h3, div.divAdherent div.bottomDescription div.element.description h3,
div.divAdherent div.bottomDescription div.element.presentation h3, div.divAdherer > div.element.description h3,
div.divAdherer > div.element.presentation h3, div.divAdherer div.bottomDescription div.element.description h3,
div.divAdherer div.bottomDescription div.element.presentation h3, div.divInformation > div.element.description h3,
div.divInformation > div.element.presentation h3, div.divInformation div.bottomDescription div.element.description h3,
div.divInformation div.bottomDescription div.element.presentation h3, div.divActualite > div.element.description h3,
div.divActualite > div.element.presentation h3, div.divActualite div.bottomDescription div.element.description h3,
div.divActualite div.bottomDescription div.element.presentation h3, div.divDossiers > div.element.description h3,
div.divDossiers > div.element.presentation h3, div.divDossiers div.bottomDescription div.element.description h3,
div.divDossiers div.bottomDescription div.element.presentation h3, div.element.dossier.view > div.element.description h3,
div.element.dossier.view > div.element.presentation h3, div.element.dossier.view div.bottomDescription div.element.description h3,
div.element.dossier.view div.bottomDescription div.element.presentation h3, div.divEvenement > div.element.description h3,
div.divEvenement > div.element.presentation h3, div.divEvenement div.bottomDescription div.element.description h3,
div.divEvenement div.bottomDescription div.element.presentation h3, div.divPresse > div.element.description h3,
div.divPresse > div.element.presentation h3, div.divPresse div.bottomDescription div.element.description h3,
div.divPresse div.bottomDescription div.element.presentation h3, div.divQuestion > div.element.description h3,
div.divQuestion > div.element.presentation h3, div.divQuestion div.bottomDescription div.element.description h3,
div.divQuestion div.bottomDescription div.element.presentation h3, div.divDocumentation > div.element.description h3,
div.divDocumentation > div.element.presentation h3, div.divDocumentation div.bottomDescription div.element.description h3,
div.divDocumentation div.bottomDescription div.element.presentation h3, div.divDocumentation div.topPage > div.element.description h3,
div.divDocumentation div.topPage > div.element.presentation h3, div.divHistorique > div.element.description h3,
div.divHistorique > div.element.presentation h3, div.divHistorique div.bottomDescription div.element.description h3,
div.divHistorique div.bottomDescription div.element.presentation h3, div.divVideos > div.element.description h3,
div.divVideos > div.element.presentation h3, div.divVideos div.bottomDescription div.element.description h3,
div.divVideos div.bottomDescription div.element.presentation h3, div.divWebinaire > div.element.description h3,
div.divWebinaire > div.element.presentation h3, div.divWebinaire div.bottomDescription div.element.description h3,
div.divWebinaire div.bottomDescription div.element.presentation h3, div.divSitemap > div.element.description h3,
div.divSitemap > div.element.presentation h3, div.divSitemap div.bottomDescription div.element.description h3,
div.divSitemap div.bottomDescription div.element.presentation h3, div.divMentions > div.element.description h3,
div.divMentions > div.element.presentation h3, div.divMentions div.bottomDescription div.element.description h3,
div.divMentions div.bottomDescription div.element.presentation h3, div.divDonnees-personnelles > div.element.description h3,
div.divDonnees-personnelles > div.element.presentation h3, div.divDonnees-personnelles div.bottomDescription div.element.description h3,
div.divDonnees-personnelles div.bottomDescription div.element.presentation h3, .divPage.divTest > div.element.description h3,
.divPage.divTest > div.element.presentation h3, .divPage.divTest div.bottomDescription div.element.description h3,
.divPage.divTest div.bottomDescription div.element.presentation h3, div.newsletter.edit > p h3, div.newsletters-groups div.sending h3, div.newsletters-groups div.groups form.editNewsletterGroup h3, div.divSent h3, div.divDelete h3, div.divPage.divVotre-offre-de-services > div.element.description h3,
div.divPage.divVotre-offre-de-services > div.element.presentation h3, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description h3,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation h3, .element.offreCategory.view > div.element.description h3,
.element.offreCategory.view > div.element.presentation h3, .element.offreCategory.view div.bottomDescription div.element.description h3,
.element.offreCategory.view div.bottomDescription div.element.presentation h3, body.mceContentBody h3 {
  color: #3E4982;
  text-transform: uppercase;
  font-size: 24px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}

/* line 212, ../specific.scss */
div.element.view div.left div.description h4,
div.element.edit div.left div.description h4, div.divPage.divSalarie > div.element.description h4,
div.divPage.divSalarie > div.element.presentation h4, div.divPage.divSalarie div.bottomDescription div.element.description h4,
div.divPage.divSalarie div.bottomDescription div.element.presentation h4, div.divPage.divDirigeant > div.element.description h4,
div.divPage.divDirigeant > div.element.presentation h4, div.divPage.divDirigeant div.bottomDescription div.element.description h4,
div.divPage.divDirigeant div.bottomDescription div.element.presentation h4, div.divPage.divRepresentant > div.element.description h4,
div.divPage.divRepresentant > div.element.presentation h4, div.divPage.divRepresentant div.bottomDescription div.element.description h4,
div.divPage.divRepresentant div.bottomDescription div.element.presentation h4, div.divPage.divCmaic > div.element.description h4,
div.divPage.divCmaic > div.element.presentation h4, div.divPage.divCmaic div.bottomDescription div.element.description h4,
div.divPage.divCmaic div.bottomDescription div.element.presentation h4, div.divPage.divQui-sommes-nous > div.element.description h4,
div.divPage.divQui-sommes-nous > div.element.presentation h4, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description h4,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation h4, div.divPage.divSante > div.element.description h4,
div.divPage.divSante > div.element.presentation h4, div.divPage.divSante div.bottomDescription div.element.description h4,
div.divPage.divSante div.bottomDescription div.element.presentation h4, div.divPage.divReglementation > div.element.description h4,
div.divPage.divReglementation > div.element.presentation h4, div.divPage.divReglementation div.bottomDescription div.element.description h4,
div.divPage.divReglementation div.bottomDescription div.element.presentation h4, div.divPage.divSante-Travail > div.element.description h4,
div.divPage.divSante-Travail > div.element.presentation h4, div.divPage.divSante-Travail div.bottomDescription div.element.description h4,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation h4, div.divPage.divSante-Enjeu > div.element.description h4,
div.divPage.divSante-Enjeu > div.element.presentation h4, div.divPage.divSante-Enjeu div.bottomDescription div.element.description h4,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation h4, div.divPage.divCovid19 > div.element.description h4,
div.divPage.divCovid19 > div.element.presentation h4, div.divPage.divCovid19 div.bottomDescription div.element.description h4,
div.divPage.divCovid19 div.bottomDescription div.element.presentation h4, div.divPage.divCovid19-permanence-CMAIC > div.element.description h4,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation h4, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description h4,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation h4, div.divPage.divInformation-coronavirus > div.element.description h4,
div.divPage.divInformation-coronavirus > div.element.presentation h4, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description h4,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation h4, div.divPage.divEntreprise-coronavirus > div.element.description h4,
div.divPage.divEntreprise-coronavirus > div.element.presentation h4, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description h4,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation h4, div.divPage.divSalarie-coronavirus > div.element.description h4,
div.divPage.divSalarie-coronavirus > div.element.presentation h4, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description h4,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation h4, div.divPage.divCoronavirus-en-normandie-situation > div.element.description h4,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation h4, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description h4,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation h4, div.divPage.divCoronavirus-recommandations > div.element.description h4,
div.divPage.divCoronavirus-recommandations > div.element.presentation h4, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description h4,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation h4, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description h4,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation h4, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description h4,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation h4, div.divPage.divCible > div.element.description h4,
div.divPage.divCible > div.element.presentation h4, div.divPage.divNos-enjeux > div.element.description h4,
div.divPage.divNos-enjeux > div.element.presentation h4, div.divPage.divCible div.bottomDescription div.element.description h4,
div.divPage.divCible div.bottomDescription div.element.presentation h4, div.divPage.divNos-enjeux div.bottomDescription div.element.description h4,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation h4, div.divPage.divDossiers > div.element.description h4,
div.divPage.divDossiers > div.element.presentation h4, div.divPage.divDossiers div.bottomDescription div.element.description h4,
div.divPage.divDossiers div.bottomDescription div.element.presentation h4, div.divPage.divChiffre-cle > div.element.description h4,
div.divPage.divChiffre-cle > div.element.presentation h4, div.divPage.divChiffre-cle div.bottomDescription div.element.description h4,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation h4, div.divRecrutement > div.element.description h4,
div.divRecrutement > div.element.presentation h4, div.divRecrutement div.bottomDescription div.element.description h4,
div.divRecrutement div.bottomDescription div.element.presentation h4, div.divSimulation > div.element.description h4,
div.divSimulation > div.element.presentation h4, div.divSimulation div.bottomDescription div.element.description h4,
div.divSimulation div.bottomDescription div.element.presentation h4, div.divAdhesion > div.element.description h4,
div.divAdhesion > div.element.presentation h4, div.divAdhesion div.bottomDescription div.element.description h4,
div.divAdhesion div.bottomDescription div.element.presentation h4, div.divAdherent > div.element.description h4,
div.divAdherent > div.element.presentation h4, div.divAdherent div.bottomDescription div.element.description h4,
div.divAdherent div.bottomDescription div.element.presentation h4, div.divAdherer > div.element.description h4,
div.divAdherer > div.element.presentation h4, div.divAdherer div.bottomDescription div.element.description h4,
div.divAdherer div.bottomDescription div.element.presentation h4, div.divInformation > div.element.description h4,
div.divInformation > div.element.presentation h4, div.divInformation div.bottomDescription div.element.description h4,
div.divInformation div.bottomDescription div.element.presentation h4, div.divActualite > div.element.description h4,
div.divActualite > div.element.presentation h4, div.divActualite div.bottomDescription div.element.description h4,
div.divActualite div.bottomDescription div.element.presentation h4, div.divDossiers > div.element.description h4,
div.divDossiers > div.element.presentation h4, div.divDossiers div.bottomDescription div.element.description h4,
div.divDossiers div.bottomDescription div.element.presentation h4, div.element.dossier.view > div.element.description h4,
div.element.dossier.view > div.element.presentation h4, div.element.dossier.view div.bottomDescription div.element.description h4,
div.element.dossier.view div.bottomDescription div.element.presentation h4, div.divEvenement > div.element.description h4,
div.divEvenement > div.element.presentation h4, div.divEvenement div.bottomDescription div.element.description h4,
div.divEvenement div.bottomDescription div.element.presentation h4, div.divPresse > div.element.description h4,
div.divPresse > div.element.presentation h4, div.divPresse div.bottomDescription div.element.description h4,
div.divPresse div.bottomDescription div.element.presentation h4, div.divQuestion > div.element.description h4,
div.divQuestion > div.element.presentation h4, div.divQuestion div.bottomDescription div.element.description h4,
div.divQuestion div.bottomDescription div.element.presentation h4, div.divDocumentation > div.element.description h4,
div.divDocumentation > div.element.presentation h4, div.divDocumentation div.bottomDescription div.element.description h4,
div.divDocumentation div.bottomDescription div.element.presentation h4, div.divDocumentation div.topPage > div.element.description h4,
div.divDocumentation div.topPage > div.element.presentation h4, div.divHistorique > div.element.description h4,
div.divHistorique > div.element.presentation h4, div.divHistorique div.bottomDescription div.element.description h4,
div.divHistorique div.bottomDescription div.element.presentation h4, div.divVideos > div.element.description h4,
div.divVideos > div.element.presentation h4, div.divVideos div.bottomDescription div.element.description h4,
div.divVideos div.bottomDescription div.element.presentation h4, div.divWebinaire > div.element.description h4,
div.divWebinaire > div.element.presentation h4, div.divWebinaire div.bottomDescription div.element.description h4,
div.divWebinaire div.bottomDescription div.element.presentation h4, div.divSitemap > div.element.description h4,
div.divSitemap > div.element.presentation h4, div.divSitemap div.bottomDescription div.element.description h4,
div.divSitemap div.bottomDescription div.element.presentation h4, div.divMentions > div.element.description h4,
div.divMentions > div.element.presentation h4, div.divMentions div.bottomDescription div.element.description h4,
div.divMentions div.bottomDescription div.element.presentation h4, div.divDonnees-personnelles > div.element.description h4,
div.divDonnees-personnelles > div.element.presentation h4, div.divDonnees-personnelles div.bottomDescription div.element.description h4,
div.divDonnees-personnelles div.bottomDescription div.element.presentation h4, .divPage.divTest > div.element.description h4,
.divPage.divTest > div.element.presentation h4, .divPage.divTest div.bottomDescription div.element.description h4,
.divPage.divTest div.bottomDescription div.element.presentation h4, div.newsletter.edit > p h4, div.newsletters-groups div.sending h4, div.newsletters-groups div.groups form.editNewsletterGroup h4, div.divSent h4, div.divDelete h4, div.divPage.divVotre-offre-de-services > div.element.description h4,
div.divPage.divVotre-offre-de-services > div.element.presentation h4, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description h4,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation h4, .element.offreCategory.view > div.element.description h4,
.element.offreCategory.view > div.element.presentation h4, .element.offreCategory.view div.bottomDescription div.element.description h4,
.element.offreCategory.view div.bottomDescription div.element.presentation h4, body.mceContentBody h4 {
  color: #5E5E5E;
}

/* line 216, ../specific.scss */
a.download, body.mceContentBody a.download {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 10px;
  padding-left: 70px;
  margin: 5px;
  background: #FFF;
  border-radius: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.59);
  font-size: 0.9em;
  color: #5E5E5E;
  font-style: italic;
  position: relative;
  transition: 200ms;
  line-height: 20px;
  padding-right: 15px;
  box-sizing: border-box;
}
/* line 233, ../specific.scss */
a.download:before, body.mceContentBody a.download:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 50px;
  transition: 200ms;
  background: url(data/image/picto-pdf.svg) 18px center no-repeat #E3424A;
  border-radius: 50px 0 0 50px;
}
/* line 245, ../specific.scss */
a.download:hover, body.mceContentBody a.download:hover {
  color: #FFF;
  background: #E3424A;
}

/* line 309, ../specific.scss */
div.element.view div.left div.description,
div.element.edit div.left div.description, div.divPage.divSalarie > div.element.description,
div.divPage.divSalarie > div.element.presentation, div.divPage.divSalarie div.bottomDescription div.element.description,
div.divPage.divSalarie div.bottomDescription div.element.presentation, div.divPage.divDirigeant > div.element.description,
div.divPage.divDirigeant > div.element.presentation, div.divPage.divDirigeant div.bottomDescription div.element.description,
div.divPage.divDirigeant div.bottomDescription div.element.presentation, div.divPage.divRepresentant > div.element.description,
div.divPage.divRepresentant > div.element.presentation, div.divPage.divRepresentant div.bottomDescription div.element.description,
div.divPage.divRepresentant div.bottomDescription div.element.presentation, div.divPage.divCmaic > div.element.description,
div.divPage.divCmaic > div.element.presentation, div.divPage.divCmaic div.bottomDescription div.element.description,
div.divPage.divCmaic div.bottomDescription div.element.presentation, div.divPage.divQui-sommes-nous > div.element.description,
div.divPage.divQui-sommes-nous > div.element.presentation, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation, div.divPage.divSante > div.element.description,
div.divPage.divSante > div.element.presentation, div.divPage.divSante div.bottomDescription div.element.description,
div.divPage.divSante div.bottomDescription div.element.presentation, div.divPage.divReglementation > div.element.description,
div.divPage.divReglementation > div.element.presentation, div.divPage.divReglementation div.bottomDescription div.element.description,
div.divPage.divReglementation div.bottomDescription div.element.presentation, div.divPage.divSante-Travail > div.element.description,
div.divPage.divSante-Travail > div.element.presentation, div.divPage.divSante-Travail div.bottomDescription div.element.description,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation, div.divPage.divSante-Enjeu > div.element.description,
div.divPage.divSante-Enjeu > div.element.presentation, div.divPage.divSante-Enjeu div.bottomDescription div.element.description,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation, div.divPage.divCovid19 > div.element.description,
div.divPage.divCovid19 > div.element.presentation, div.divPage.divCovid19 div.bottomDescription div.element.description,
div.divPage.divCovid19 div.bottomDescription div.element.presentation, div.divPage.divCovid19-permanence-CMAIC > div.element.description,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation, div.divPage.divInformation-coronavirus > div.element.description,
div.divPage.divInformation-coronavirus > div.element.presentation, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation, div.divPage.divEntreprise-coronavirus > div.element.description,
div.divPage.divEntreprise-coronavirus > div.element.presentation, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation, div.divPage.divSalarie-coronavirus > div.element.description,
div.divPage.divSalarie-coronavirus > div.element.presentation, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation, div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation, div.divPage.divCoronavirus-recommandations > div.element.description,
div.divPage.divCoronavirus-recommandations > div.element.presentation, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation, div.divPage.divCible > div.element.description,
div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
div.divPage.divNos-enjeux > div.element.presentation, div.divPage.divCible div.bottomDescription div.element.description,
div.divPage.divCible div.bottomDescription div.element.presentation, div.divPage.divNos-enjeux div.bottomDescription div.element.description,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation, div.divPage.divDossiers > div.element.description,
div.divPage.divDossiers > div.element.presentation, div.divPage.divDossiers div.bottomDescription div.element.description,
div.divPage.divDossiers div.bottomDescription div.element.presentation, div.divPage.divChiffre-cle > div.element.description,
div.divPage.divChiffre-cle > div.element.presentation, div.divPage.divChiffre-cle div.bottomDescription div.element.description,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation, div.divRecrutement > div.element.description,
div.divRecrutement > div.element.presentation, div.divRecrutement div.bottomDescription div.element.description,
div.divRecrutement div.bottomDescription div.element.presentation, div.divSimulation > div.element.description,
div.divSimulation > div.element.presentation, div.divSimulation div.bottomDescription div.element.description,
div.divSimulation div.bottomDescription div.element.presentation, div.divAdhesion > div.element.description,
div.divAdhesion > div.element.presentation, div.divAdhesion div.bottomDescription div.element.description,
div.divAdhesion div.bottomDescription div.element.presentation, div.divAdherent > div.element.description,
div.divAdherent > div.element.presentation, div.divAdherent div.bottomDescription div.element.description,
div.divAdherent div.bottomDescription div.element.presentation, div.divAdherer > div.element.description,
div.divAdherer > div.element.presentation, div.divAdherer div.bottomDescription div.element.description,
div.divAdherer div.bottomDescription div.element.presentation, div.divInformation > div.element.description,
div.divInformation > div.element.presentation, div.divInformation div.bottomDescription div.element.description,
div.divInformation div.bottomDescription div.element.presentation, div.divActualite > div.element.description,
div.divActualite > div.element.presentation, div.divActualite div.bottomDescription div.element.description,
div.divActualite div.bottomDescription div.element.presentation, div.divDossiers > div.element.description,
div.divDossiers > div.element.presentation, div.divDossiers div.bottomDescription div.element.description,
div.divDossiers div.bottomDescription div.element.presentation, div.element.dossier.view > div.element.description,
div.element.dossier.view > div.element.presentation, div.element.dossier.view div.bottomDescription div.element.description,
div.element.dossier.view div.bottomDescription div.element.presentation, div.divEvenement > div.element.description,
div.divEvenement > div.element.presentation, div.divEvenement div.bottomDescription div.element.description,
div.divEvenement div.bottomDescription div.element.presentation, div.divPresse > div.element.description,
div.divPresse > div.element.presentation, div.divPresse div.bottomDescription div.element.description,
div.divPresse div.bottomDescription div.element.presentation, div.divQuestion > div.element.description,
div.divQuestion > div.element.presentation, div.divQuestion div.bottomDescription div.element.description,
div.divQuestion div.bottomDescription div.element.presentation, div.divDocumentation > div.element.description,
div.divDocumentation > div.element.presentation, div.divDocumentation div.bottomDescription div.element.description,
div.divDocumentation div.bottomDescription div.element.presentation, div.divDocumentation div.topPage > div.element.description,
div.divDocumentation div.topPage > div.element.presentation, div.divHistorique > div.element.description,
div.divHistorique > div.element.presentation, div.divHistorique div.bottomDescription div.element.description,
div.divHistorique div.bottomDescription div.element.presentation, div.divVideos > div.element.description,
div.divVideos > div.element.presentation, div.divVideos div.bottomDescription div.element.description,
div.divVideos div.bottomDescription div.element.presentation, div.divWebinaire > div.element.description,
div.divWebinaire > div.element.presentation, div.divWebinaire div.bottomDescription div.element.description,
div.divWebinaire div.bottomDescription div.element.presentation, div.divSitemap > div.element.description,
div.divSitemap > div.element.presentation, div.divSitemap div.bottomDescription div.element.description,
div.divSitemap div.bottomDescription div.element.presentation, div.divMentions > div.element.description,
div.divMentions > div.element.presentation, div.divMentions div.bottomDescription div.element.description,
div.divMentions div.bottomDescription div.element.presentation, div.divDonnees-personnelles > div.element.description,
div.divDonnees-personnelles > div.element.presentation, div.divDonnees-personnelles div.bottomDescription div.element.description,
div.divDonnees-personnelles div.bottomDescription div.element.presentation, .divPage.divTest > div.element.description,
.divPage.divTest > div.element.presentation, .divPage.divTest div.bottomDescription div.element.description,
.divPage.divTest div.bottomDescription div.element.presentation, div.newsletter.edit > p, div.newsletters-groups div.sending, div.newsletters-groups div.groups form.editNewsletterGroup, div.divSent, div.divDelete, div.divPage.divVotre-offre-de-services > div.element.description,
div.divPage.divVotre-offre-de-services > div.element.presentation, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation, .element.offreCategory.view > div.element.description,
.element.offreCategory.view > div.element.presentation, .element.offreCategory.view div.bottomDescription div.element.description,
.element.offreCategory.view div.bottomDescription div.element.presentation {
  color: #646464;
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 314, ../specific.scss */
div.element.view div.left div.description h3,
div.element.edit div.left div.description h3, div.divPage.divSalarie > div.element.description h3,
div.divPage.divSalarie > div.element.presentation h3, div.divPage.divSalarie div.bottomDescription div.element.description h3,
div.divPage.divSalarie div.bottomDescription div.element.presentation h3, div.divPage.divDirigeant > div.element.description h3,
div.divPage.divDirigeant > div.element.presentation h3, div.divPage.divDirigeant div.bottomDescription div.element.description h3,
div.divPage.divDirigeant div.bottomDescription div.element.presentation h3, div.divPage.divRepresentant > div.element.description h3,
div.divPage.divRepresentant > div.element.presentation h3, div.divPage.divRepresentant div.bottomDescription div.element.description h3,
div.divPage.divRepresentant div.bottomDescription div.element.presentation h3, div.divPage.divCmaic > div.element.description h3,
div.divPage.divCmaic > div.element.presentation h3, div.divPage.divCmaic div.bottomDescription div.element.description h3,
div.divPage.divCmaic div.bottomDescription div.element.presentation h3, div.divPage.divQui-sommes-nous > div.element.description h3,
div.divPage.divQui-sommes-nous > div.element.presentation h3, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description h3,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation h3, div.divPage.divSante > div.element.description h3,
div.divPage.divSante > div.element.presentation h3, div.divPage.divSante div.bottomDescription div.element.description h3,
div.divPage.divSante div.bottomDescription div.element.presentation h3, div.divPage.divReglementation > div.element.description h3,
div.divPage.divReglementation > div.element.presentation h3, div.divPage.divReglementation div.bottomDescription div.element.description h3,
div.divPage.divReglementation div.bottomDescription div.element.presentation h3, div.divPage.divSante-Travail > div.element.description h3,
div.divPage.divSante-Travail > div.element.presentation h3, div.divPage.divSante-Travail div.bottomDescription div.element.description h3,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation h3, div.divPage.divSante-Enjeu > div.element.description h3,
div.divPage.divSante-Enjeu > div.element.presentation h3, div.divPage.divSante-Enjeu div.bottomDescription div.element.description h3,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation h3, div.divPage.divCovid19 > div.element.description h3,
div.divPage.divCovid19 > div.element.presentation h3, div.divPage.divCovid19 div.bottomDescription div.element.description h3,
div.divPage.divCovid19 div.bottomDescription div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC > div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation h3, div.divPage.divInformation-coronavirus > div.element.description h3,
div.divPage.divInformation-coronavirus > div.element.presentation h3, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divEntreprise-coronavirus > div.element.description h3,
div.divPage.divEntreprise-coronavirus > div.element.presentation h3, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divSalarie-coronavirus > div.element.description h3,
div.divPage.divSalarie-coronavirus > div.element.presentation h3, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation > div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-recommandations > div.element.description h3,
div.divPage.divCoronavirus-recommandations > div.element.presentation h3, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation h3, div.divPage.divCible > div.element.description h3,
div.divPage.divCible > div.element.presentation h3, div.divPage.divNos-enjeux > div.element.description h3,
div.divPage.divNos-enjeux > div.element.presentation h3, div.divPage.divCible div.bottomDescription div.element.description h3,
div.divPage.divCible div.bottomDescription div.element.presentation h3, div.divPage.divNos-enjeux div.bottomDescription div.element.description h3,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation h3, div.divPage.divDossiers > div.element.description h3,
div.divPage.divDossiers > div.element.presentation h3, div.divPage.divDossiers div.bottomDescription div.element.description h3,
div.divPage.divDossiers div.bottomDescription div.element.presentation h3, div.divPage.divChiffre-cle > div.element.description h3,
div.divPage.divChiffre-cle > div.element.presentation h3, div.divPage.divChiffre-cle div.bottomDescription div.element.description h3,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation h3, div.divRecrutement > div.element.description h3,
div.divRecrutement > div.element.presentation h3, div.divRecrutement div.bottomDescription div.element.description h3,
div.divRecrutement div.bottomDescription div.element.presentation h3, div.divSimulation > div.element.description h3,
div.divSimulation > div.element.presentation h3, div.divSimulation div.bottomDescription div.element.description h3,
div.divSimulation div.bottomDescription div.element.presentation h3, div.divAdhesion > div.element.description h3,
div.divAdhesion > div.element.presentation h3, div.divAdhesion div.bottomDescription div.element.description h3,
div.divAdhesion div.bottomDescription div.element.presentation h3, div.divAdherent > div.element.description h3,
div.divAdherent > div.element.presentation h3, div.divAdherent div.bottomDescription div.element.description h3,
div.divAdherent div.bottomDescription div.element.presentation h3, div.divAdherer > div.element.description h3,
div.divAdherer > div.element.presentation h3, div.divAdherer div.bottomDescription div.element.description h3,
div.divAdherer div.bottomDescription div.element.presentation h3, div.divInformation > div.element.description h3,
div.divInformation > div.element.presentation h3, div.divInformation div.bottomDescription div.element.description h3,
div.divInformation div.bottomDescription div.element.presentation h3, div.divActualite > div.element.description h3,
div.divActualite > div.element.presentation h3, div.divActualite div.bottomDescription div.element.description h3,
div.divActualite div.bottomDescription div.element.presentation h3, div.divDossiers > div.element.description h3,
div.divDossiers > div.element.presentation h3, div.divDossiers div.bottomDescription div.element.description h3,
div.divDossiers div.bottomDescription div.element.presentation h3, div.element.dossier.view > div.element.description h3,
div.element.dossier.view > div.element.presentation h3, div.element.dossier.view div.bottomDescription div.element.description h3,
div.element.dossier.view div.bottomDescription div.element.presentation h3, div.divEvenement > div.element.description h3,
div.divEvenement > div.element.presentation h3, div.divEvenement div.bottomDescription div.element.description h3,
div.divEvenement div.bottomDescription div.element.presentation h3, div.divPresse > div.element.description h3,
div.divPresse > div.element.presentation h3, div.divPresse div.bottomDescription div.element.description h3,
div.divPresse div.bottomDescription div.element.presentation h3, div.divQuestion > div.element.description h3,
div.divQuestion > div.element.presentation h3, div.divQuestion div.bottomDescription div.element.description h3,
div.divQuestion div.bottomDescription div.element.presentation h3, div.divDocumentation > div.element.description h3,
div.divDocumentation > div.element.presentation h3, div.divDocumentation div.bottomDescription div.element.description h3,
div.divDocumentation div.bottomDescription div.element.presentation h3, div.divDocumentation div.topPage > div.element.description h3,
div.divDocumentation div.topPage > div.element.presentation h3, div.divHistorique > div.element.description h3,
div.divHistorique > div.element.presentation h3, div.divHistorique div.bottomDescription div.element.description h3,
div.divHistorique div.bottomDescription div.element.presentation h3, div.divVideos > div.element.description h3,
div.divVideos > div.element.presentation h3, div.divVideos div.bottomDescription div.element.description h3,
div.divVideos div.bottomDescription div.element.presentation h3, div.divWebinaire > div.element.description h3,
div.divWebinaire > div.element.presentation h3, div.divWebinaire div.bottomDescription div.element.description h3,
div.divWebinaire div.bottomDescription div.element.presentation h3, div.divSitemap > div.element.description h3,
div.divSitemap > div.element.presentation h3, div.divSitemap div.bottomDescription div.element.description h3,
div.divSitemap div.bottomDescription div.element.presentation h3, div.divMentions > div.element.description h3,
div.divMentions > div.element.presentation h3, div.divMentions div.bottomDescription div.element.description h3,
div.divMentions div.bottomDescription div.element.presentation h3, div.divDonnees-personnelles > div.element.description h3,
div.divDonnees-personnelles > div.element.presentation h3, div.divDonnees-personnelles div.bottomDescription div.element.description h3,
div.divDonnees-personnelles div.bottomDescription div.element.presentation h3, .divPage.divTest > div.element.description h3,
.divPage.divTest > div.element.presentation h3, .divPage.divTest div.bottomDescription div.element.description h3,
.divPage.divTest div.bottomDescription div.element.presentation h3, div.newsletter.edit > p h3, div.newsletters-groups div.sending h3, div.newsletters-groups div.groups form.editNewsletterGroup h3, div.divSent h3, div.divDelete h3, div.divPage.divVotre-offre-de-services > div.element.description h3,
div.divPage.divVotre-offre-de-services > div.element.presentation h3, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description h3,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation h3, .element.offreCategory.view > div.element.description h3,
.element.offreCategory.view > div.element.presentation h3, .element.offreCategory.view div.bottomDescription div.element.description h3,
.element.offreCategory.view div.bottomDescription div.element.presentation h3 {
  margin-bottom: 16px;
}
/* line 323, ../specific.scss */
div.element.view div.left div.description p,
div.element.edit div.left div.description p, div.divPage.divSalarie > div.element.description p,
div.divPage.divSalarie > div.element.presentation p, div.divPage.divSalarie div.bottomDescription div.element.description p,
div.divPage.divSalarie div.bottomDescription div.element.presentation p, div.divPage.divDirigeant > div.element.description p,
div.divPage.divDirigeant > div.element.presentation p, div.divPage.divDirigeant div.bottomDescription div.element.description p,
div.divPage.divDirigeant div.bottomDescription div.element.presentation p, div.divPage.divRepresentant > div.element.description p,
div.divPage.divRepresentant > div.element.presentation p, div.divPage.divRepresentant div.bottomDescription div.element.description p,
div.divPage.divRepresentant div.bottomDescription div.element.presentation p, div.divPage.divCmaic > div.element.description p,
div.divPage.divCmaic > div.element.presentation p, div.divPage.divCmaic div.bottomDescription div.element.description p,
div.divPage.divCmaic div.bottomDescription div.element.presentation p, div.divPage.divQui-sommes-nous > div.element.description p,
div.divPage.divQui-sommes-nous > div.element.presentation p, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description p,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation p, div.divPage.divSante > div.element.description p,
div.divPage.divSante > div.element.presentation p, div.divPage.divSante div.bottomDescription div.element.description p,
div.divPage.divSante div.bottomDescription div.element.presentation p, div.divPage.divReglementation > div.element.description p,
div.divPage.divReglementation > div.element.presentation p, div.divPage.divReglementation div.bottomDescription div.element.description p,
div.divPage.divReglementation div.bottomDescription div.element.presentation p, div.divPage.divSante-Travail > div.element.description p,
div.divPage.divSante-Travail > div.element.presentation p, div.divPage.divSante-Travail div.bottomDescription div.element.description p,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation p, div.divPage.divSante-Enjeu > div.element.description p,
div.divPage.divSante-Enjeu > div.element.presentation p, div.divPage.divSante-Enjeu div.bottomDescription div.element.description p,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation p, div.divPage.divCovid19 > div.element.description p,
div.divPage.divCovid19 > div.element.presentation p, div.divPage.divCovid19 div.bottomDescription div.element.description p,
div.divPage.divCovid19 div.bottomDescription div.element.presentation p, div.divPage.divCovid19-permanence-CMAIC > div.element.description p,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation p, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description p,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation p, div.divPage.divInformation-coronavirus > div.element.description p,
div.divPage.divInformation-coronavirus > div.element.presentation p, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description p,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation p, div.divPage.divEntreprise-coronavirus > div.element.description p,
div.divPage.divEntreprise-coronavirus > div.element.presentation p, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description p,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation p, div.divPage.divSalarie-coronavirus > div.element.description p,
div.divPage.divSalarie-coronavirus > div.element.presentation p, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description p,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation p, div.divPage.divCoronavirus-en-normandie-situation > div.element.description p,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation p, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description p,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation p, div.divPage.divCoronavirus-recommandations > div.element.description p,
div.divPage.divCoronavirus-recommandations > div.element.presentation p, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description p,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation p, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description p,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation p, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description p,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation p, div.divPage.divCible > div.element.description p,
div.divPage.divCible > div.element.presentation p, div.divPage.divNos-enjeux > div.element.description p,
div.divPage.divNos-enjeux > div.element.presentation p, div.divPage.divCible div.bottomDescription div.element.description p,
div.divPage.divCible div.bottomDescription div.element.presentation p, div.divPage.divNos-enjeux div.bottomDescription div.element.description p,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation p, div.divPage.divDossiers > div.element.description p,
div.divPage.divDossiers > div.element.presentation p, div.divPage.divDossiers div.bottomDescription div.element.description p,
div.divPage.divDossiers div.bottomDescription div.element.presentation p, div.divPage.divChiffre-cle > div.element.description p,
div.divPage.divChiffre-cle > div.element.presentation p, div.divPage.divChiffre-cle div.bottomDescription div.element.description p,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation p, div.divRecrutement > div.element.description p,
div.divRecrutement > div.element.presentation p, div.divRecrutement div.bottomDescription div.element.description p,
div.divRecrutement div.bottomDescription div.element.presentation p, div.divSimulation > div.element.description p,
div.divSimulation > div.element.presentation p, div.divSimulation div.bottomDescription div.element.description p,
div.divSimulation div.bottomDescription div.element.presentation p, div.divAdhesion > div.element.description p,
div.divAdhesion > div.element.presentation p, div.divAdhesion div.bottomDescription div.element.description p,
div.divAdhesion div.bottomDescription div.element.presentation p, div.divAdherent > div.element.description p,
div.divAdherent > div.element.presentation p, div.divAdherent div.bottomDescription div.element.description p,
div.divAdherent div.bottomDescription div.element.presentation p, div.divAdherer > div.element.description p,
div.divAdherer > div.element.presentation p, div.divAdherer div.bottomDescription div.element.description p,
div.divAdherer div.bottomDescription div.element.presentation p, div.divInformation > div.element.description p,
div.divInformation > div.element.presentation p, div.divInformation div.bottomDescription div.element.description p,
div.divInformation div.bottomDescription div.element.presentation p, div.divActualite > div.element.description p,
div.divActualite > div.element.presentation p, div.divActualite div.bottomDescription div.element.description p,
div.divActualite div.bottomDescription div.element.presentation p, div.divDossiers > div.element.description p,
div.divDossiers > div.element.presentation p, div.divDossiers div.bottomDescription div.element.description p,
div.divDossiers div.bottomDescription div.element.presentation p, div.element.dossier.view > div.element.description p,
div.element.dossier.view > div.element.presentation p, div.element.dossier.view div.bottomDescription div.element.description p,
div.element.dossier.view div.bottomDescription div.element.presentation p, div.divEvenement > div.element.description p,
div.divEvenement > div.element.presentation p, div.divEvenement div.bottomDescription div.element.description p,
div.divEvenement div.bottomDescription div.element.presentation p, div.divPresse > div.element.description p,
div.divPresse > div.element.presentation p, div.divPresse div.bottomDescription div.element.description p,
div.divPresse div.bottomDescription div.element.presentation p, div.divQuestion > div.element.description p,
div.divQuestion > div.element.presentation p, div.divQuestion div.bottomDescription div.element.description p,
div.divQuestion div.bottomDescription div.element.presentation p, div.divDocumentation > div.element.description p,
div.divDocumentation > div.element.presentation p, div.divDocumentation div.bottomDescription div.element.description p,
div.divDocumentation div.bottomDescription div.element.presentation p, div.divDocumentation div.topPage > div.element.description p,
div.divDocumentation div.topPage > div.element.presentation p, div.divHistorique > div.element.description p,
div.divHistorique > div.element.presentation p, div.divHistorique div.bottomDescription div.element.description p,
div.divHistorique div.bottomDescription div.element.presentation p, div.divVideos > div.element.description p,
div.divVideos > div.element.presentation p, div.divVideos div.bottomDescription div.element.description p,
div.divVideos div.bottomDescription div.element.presentation p, div.divWebinaire > div.element.description p,
div.divWebinaire > div.element.presentation p, div.divWebinaire div.bottomDescription div.element.description p,
div.divWebinaire div.bottomDescription div.element.presentation p, div.divSitemap > div.element.description p,
div.divSitemap > div.element.presentation p, div.divSitemap div.bottomDescription div.element.description p,
div.divSitemap div.bottomDescription div.element.presentation p, div.divMentions > div.element.description p,
div.divMentions > div.element.presentation p, div.divMentions div.bottomDescription div.element.description p,
div.divMentions div.bottomDescription div.element.presentation p, div.divDonnees-personnelles > div.element.description p,
div.divDonnees-personnelles > div.element.presentation p, div.divDonnees-personnelles div.bottomDescription div.element.description p,
div.divDonnees-personnelles div.bottomDescription div.element.presentation p, .divPage.divTest > div.element.description p,
.divPage.divTest > div.element.presentation p, .divPage.divTest div.bottomDescription div.element.description p,
.divPage.divTest div.bottomDescription div.element.presentation p, div.newsletter.edit > p p, div.newsletters-groups div.sending p, div.newsletters-groups div.groups form.editNewsletterGroup p, div.divSent p, div.divDelete p, div.divPage.divVotre-offre-de-services > div.element.description p,
div.divPage.divVotre-offre-de-services > div.element.presentation p, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description p,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation p, .element.offreCategory.view > div.element.description p,
.element.offreCategory.view > div.element.presentation p, .element.offreCategory.view div.bottomDescription div.element.description p,
.element.offreCategory.view div.bottomDescription div.element.presentation p {
  margin: 0;
}
/* line 327, ../specific.scss */
div.element.view div.left div.description strong,
div.element.edit div.left div.description strong, div.divPage.divSalarie > div.element.description strong,
div.divPage.divSalarie > div.element.presentation strong, div.divPage.divSalarie div.bottomDescription div.element.description strong,
div.divPage.divSalarie div.bottomDescription div.element.presentation strong, div.divPage.divDirigeant > div.element.description strong,
div.divPage.divDirigeant > div.element.presentation strong, div.divPage.divDirigeant div.bottomDescription div.element.description strong,
div.divPage.divDirigeant div.bottomDescription div.element.presentation strong, div.divPage.divRepresentant > div.element.description strong,
div.divPage.divRepresentant > div.element.presentation strong, div.divPage.divRepresentant div.bottomDescription div.element.description strong,
div.divPage.divRepresentant div.bottomDescription div.element.presentation strong, div.divPage.divCmaic > div.element.description strong,
div.divPage.divCmaic > div.element.presentation strong, div.divPage.divCmaic div.bottomDescription div.element.description strong,
div.divPage.divCmaic div.bottomDescription div.element.presentation strong, div.divPage.divQui-sommes-nous > div.element.description strong,
div.divPage.divQui-sommes-nous > div.element.presentation strong, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description strong,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation strong, div.divPage.divSante > div.element.description strong,
div.divPage.divSante > div.element.presentation strong, div.divPage.divSante div.bottomDescription div.element.description strong,
div.divPage.divSante div.bottomDescription div.element.presentation strong, div.divPage.divReglementation > div.element.description strong,
div.divPage.divReglementation > div.element.presentation strong, div.divPage.divReglementation div.bottomDescription div.element.description strong,
div.divPage.divReglementation div.bottomDescription div.element.presentation strong, div.divPage.divSante-Travail > div.element.description strong,
div.divPage.divSante-Travail > div.element.presentation strong, div.divPage.divSante-Travail div.bottomDescription div.element.description strong,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation strong, div.divPage.divSante-Enjeu > div.element.description strong,
div.divPage.divSante-Enjeu > div.element.presentation strong, div.divPage.divSante-Enjeu div.bottomDescription div.element.description strong,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation strong, div.divPage.divCovid19 > div.element.description strong,
div.divPage.divCovid19 > div.element.presentation strong, div.divPage.divCovid19 div.bottomDescription div.element.description strong,
div.divPage.divCovid19 div.bottomDescription div.element.presentation strong, div.divPage.divCovid19-permanence-CMAIC > div.element.description strong,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation strong, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description strong,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation strong, div.divPage.divInformation-coronavirus > div.element.description strong,
div.divPage.divInformation-coronavirus > div.element.presentation strong, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description strong,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation strong, div.divPage.divEntreprise-coronavirus > div.element.description strong,
div.divPage.divEntreprise-coronavirus > div.element.presentation strong, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description strong,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation strong, div.divPage.divSalarie-coronavirus > div.element.description strong,
div.divPage.divSalarie-coronavirus > div.element.presentation strong, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description strong,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation strong, div.divPage.divCoronavirus-en-normandie-situation > div.element.description strong,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation strong, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description strong,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation strong, div.divPage.divCoronavirus-recommandations > div.element.description strong,
div.divPage.divCoronavirus-recommandations > div.element.presentation strong, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description strong,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation strong, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description strong,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation strong, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description strong,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation strong, div.divPage.divCible > div.element.description strong,
div.divPage.divCible > div.element.presentation strong, div.divPage.divNos-enjeux > div.element.description strong,
div.divPage.divNos-enjeux > div.element.presentation strong, div.divPage.divCible div.bottomDescription div.element.description strong,
div.divPage.divCible div.bottomDescription div.element.presentation strong, div.divPage.divNos-enjeux div.bottomDescription div.element.description strong,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation strong, div.divPage.divDossiers > div.element.description strong,
div.divPage.divDossiers > div.element.presentation strong, div.divPage.divDossiers div.bottomDescription div.element.description strong,
div.divPage.divDossiers div.bottomDescription div.element.presentation strong, div.divPage.divChiffre-cle > div.element.description strong,
div.divPage.divChiffre-cle > div.element.presentation strong, div.divPage.divChiffre-cle div.bottomDescription div.element.description strong,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation strong, div.divRecrutement > div.element.description strong,
div.divRecrutement > div.element.presentation strong, div.divRecrutement div.bottomDescription div.element.description strong,
div.divRecrutement div.bottomDescription div.element.presentation strong, div.divSimulation > div.element.description strong,
div.divSimulation > div.element.presentation strong, div.divSimulation div.bottomDescription div.element.description strong,
div.divSimulation div.bottomDescription div.element.presentation strong, div.divAdhesion > div.element.description strong,
div.divAdhesion > div.element.presentation strong, div.divAdhesion div.bottomDescription div.element.description strong,
div.divAdhesion div.bottomDescription div.element.presentation strong, div.divAdherent > div.element.description strong,
div.divAdherent > div.element.presentation strong, div.divAdherent div.bottomDescription div.element.description strong,
div.divAdherent div.bottomDescription div.element.presentation strong, div.divAdherer > div.element.description strong,
div.divAdherer > div.element.presentation strong, div.divAdherer div.bottomDescription div.element.description strong,
div.divAdherer div.bottomDescription div.element.presentation strong, div.divInformation > div.element.description strong,
div.divInformation > div.element.presentation strong, div.divInformation div.bottomDescription div.element.description strong,
div.divInformation div.bottomDescription div.element.presentation strong, div.divActualite > div.element.description strong,
div.divActualite > div.element.presentation strong, div.divActualite div.bottomDescription div.element.description strong,
div.divActualite div.bottomDescription div.element.presentation strong, div.divDossiers > div.element.description strong,
div.divDossiers > div.element.presentation strong, div.divDossiers div.bottomDescription div.element.description strong,
div.divDossiers div.bottomDescription div.element.presentation strong, div.element.dossier.view > div.element.description strong,
div.element.dossier.view > div.element.presentation strong, div.element.dossier.view div.bottomDescription div.element.description strong,
div.element.dossier.view div.bottomDescription div.element.presentation strong, div.divEvenement > div.element.description strong,
div.divEvenement > div.element.presentation strong, div.divEvenement div.bottomDescription div.element.description strong,
div.divEvenement div.bottomDescription div.element.presentation strong, div.divPresse > div.element.description strong,
div.divPresse > div.element.presentation strong, div.divPresse div.bottomDescription div.element.description strong,
div.divPresse div.bottomDescription div.element.presentation strong, div.divQuestion > div.element.description strong,
div.divQuestion > div.element.presentation strong, div.divQuestion div.bottomDescription div.element.description strong,
div.divQuestion div.bottomDescription div.element.presentation strong, div.divDocumentation > div.element.description strong,
div.divDocumentation > div.element.presentation strong, div.divDocumentation div.bottomDescription div.element.description strong,
div.divDocumentation div.bottomDescription div.element.presentation strong, div.divDocumentation div.topPage > div.element.description strong,
div.divDocumentation div.topPage > div.element.presentation strong, div.divHistorique > div.element.description strong,
div.divHistorique > div.element.presentation strong, div.divHistorique div.bottomDescription div.element.description strong,
div.divHistorique div.bottomDescription div.element.presentation strong, div.divVideos > div.element.description strong,
div.divVideos > div.element.presentation strong, div.divVideos div.bottomDescription div.element.description strong,
div.divVideos div.bottomDescription div.element.presentation strong, div.divWebinaire > div.element.description strong,
div.divWebinaire > div.element.presentation strong, div.divWebinaire div.bottomDescription div.element.description strong,
div.divWebinaire div.bottomDescription div.element.presentation strong, div.divSitemap > div.element.description strong,
div.divSitemap > div.element.presentation strong, div.divSitemap div.bottomDescription div.element.description strong,
div.divSitemap div.bottomDescription div.element.presentation strong, div.divMentions > div.element.description strong,
div.divMentions > div.element.presentation strong, div.divMentions div.bottomDescription div.element.description strong,
div.divMentions div.bottomDescription div.element.presentation strong, div.divDonnees-personnelles > div.element.description strong,
div.divDonnees-personnelles > div.element.presentation strong, div.divDonnees-personnelles div.bottomDescription div.element.description strong,
div.divDonnees-personnelles div.bottomDescription div.element.presentation strong, .divPage.divTest > div.element.description strong,
.divPage.divTest > div.element.presentation strong, .divPage.divTest div.bottomDescription div.element.description strong,
.divPage.divTest div.bottomDescription div.element.presentation strong, div.newsletter.edit > p strong, div.newsletters-groups div.sending strong, div.newsletters-groups div.groups form.editNewsletterGroup strong, div.divSent strong, div.divDelete strong, div.divPage.divVotre-offre-de-services > div.element.description strong,
div.divPage.divVotre-offre-de-services > div.element.presentation strong, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description strong,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation strong, .element.offreCategory.view > div.element.description strong,
.element.offreCategory.view > div.element.presentation strong, .element.offreCategory.view div.bottomDescription div.element.description strong,
.element.offreCategory.view div.bottomDescription div.element.presentation strong {
  color: #3E4982;
}
/* line 252, ../specific.scss */
div.element.view div.left div.description ul,
div.element.edit div.left div.description ul, div.divPage.divSalarie > div.element.description ul,
div.divPage.divSalarie > div.element.presentation ul, div.divPage.divSalarie div.bottomDescription div.element.description ul,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul, div.divPage.divDirigeant > div.element.description ul,
div.divPage.divDirigeant > div.element.presentation ul, div.divPage.divDirigeant div.bottomDescription div.element.description ul,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul, div.divPage.divRepresentant > div.element.description ul,
div.divPage.divRepresentant > div.element.presentation ul, div.divPage.divRepresentant div.bottomDescription div.element.description ul,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul, div.divPage.divCmaic > div.element.description ul,
div.divPage.divCmaic > div.element.presentation ul, div.divPage.divCmaic div.bottomDescription div.element.description ul,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul, div.divPage.divQui-sommes-nous > div.element.description ul,
div.divPage.divQui-sommes-nous > div.element.presentation ul, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul, div.divPage.divSante > div.element.description ul,
div.divPage.divSante > div.element.presentation ul, div.divPage.divSante div.bottomDescription div.element.description ul,
div.divPage.divSante div.bottomDescription div.element.presentation ul, div.divPage.divReglementation > div.element.description ul,
div.divPage.divReglementation > div.element.presentation ul, div.divPage.divReglementation div.bottomDescription div.element.description ul,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul, div.divPage.divSante-Travail > div.element.description ul,
div.divPage.divSante-Travail > div.element.presentation ul, div.divPage.divSante-Travail div.bottomDescription div.element.description ul,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul, div.divPage.divSante-Enjeu > div.element.description ul,
div.divPage.divSante-Enjeu > div.element.presentation ul, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul, div.divPage.divCovid19 > div.element.description ul,
div.divPage.divCovid19 > div.element.presentation ul, div.divPage.divCovid19 div.bottomDescription div.element.description ul,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul, div.divPage.divInformation-coronavirus > div.element.description ul,
div.divPage.divInformation-coronavirus > div.element.presentation ul, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul, div.divPage.divEntreprise-coronavirus > div.element.description ul,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul, div.divPage.divSalarie-coronavirus > div.element.description ul,
div.divPage.divSalarie-coronavirus > div.element.presentation ul, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul, div.divPage.divCoronavirus-recommandations > div.element.description ul,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul, div.divPage.divCible > div.element.description ul,
div.divPage.divCible > div.element.presentation ul, div.divPage.divNos-enjeux > div.element.description ul,
div.divPage.divNos-enjeux > div.element.presentation ul, div.divPage.divCible div.bottomDescription div.element.description ul,
div.divPage.divCible div.bottomDescription div.element.presentation ul, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul, div.divPage.divDossiers > div.element.description ul,
div.divPage.divDossiers > div.element.presentation ul, div.divPage.divDossiers div.bottomDescription div.element.description ul,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul, div.divPage.divChiffre-cle > div.element.description ul,
div.divPage.divChiffre-cle > div.element.presentation ul, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul, div.divRecrutement > div.element.description ul,
div.divRecrutement > div.element.presentation ul, div.divRecrutement div.bottomDescription div.element.description ul,
div.divRecrutement div.bottomDescription div.element.presentation ul, div.divSimulation > div.element.description ul,
div.divSimulation > div.element.presentation ul, div.divSimulation div.bottomDescription div.element.description ul,
div.divSimulation div.bottomDescription div.element.presentation ul, div.divAdhesion > div.element.description ul,
div.divAdhesion > div.element.presentation ul, div.divAdhesion div.bottomDescription div.element.description ul,
div.divAdhesion div.bottomDescription div.element.presentation ul, div.divAdherent > div.element.description ul,
div.divAdherent > div.element.presentation ul, div.divAdherent div.bottomDescription div.element.description ul,
div.divAdherent div.bottomDescription div.element.presentation ul, div.divAdherer > div.element.description ul,
div.divAdherer > div.element.presentation ul, div.divAdherer div.bottomDescription div.element.description ul,
div.divAdherer div.bottomDescription div.element.presentation ul, div.divInformation > div.element.description ul,
div.divInformation > div.element.presentation ul, div.divInformation div.bottomDescription div.element.description ul,
div.divInformation div.bottomDescription div.element.presentation ul, div.divActualite > div.element.description ul,
div.divActualite > div.element.presentation ul, div.divActualite div.bottomDescription div.element.description ul,
div.divActualite div.bottomDescription div.element.presentation ul, div.divDossiers > div.element.description ul,
div.divDossiers > div.element.presentation ul, div.divDossiers div.bottomDescription div.element.description ul,
div.divDossiers div.bottomDescription div.element.presentation ul, div.element.dossier.view > div.element.description ul,
div.element.dossier.view > div.element.presentation ul, div.element.dossier.view div.bottomDescription div.element.description ul,
div.element.dossier.view div.bottomDescription div.element.presentation ul, div.divEvenement > div.element.description ul,
div.divEvenement > div.element.presentation ul, div.divEvenement div.bottomDescription div.element.description ul,
div.divEvenement div.bottomDescription div.element.presentation ul, div.divPresse > div.element.description ul,
div.divPresse > div.element.presentation ul, div.divPresse div.bottomDescription div.element.description ul,
div.divPresse div.bottomDescription div.element.presentation ul, div.divQuestion > div.element.description ul,
div.divQuestion > div.element.presentation ul, div.divQuestion div.bottomDescription div.element.description ul,
div.divQuestion div.bottomDescription div.element.presentation ul, div.divDocumentation > div.element.description ul,
div.divDocumentation > div.element.presentation ul, div.divDocumentation div.bottomDescription div.element.description ul,
div.divDocumentation div.bottomDescription div.element.presentation ul, div.divDocumentation div.topPage > div.element.description ul,
div.divDocumentation div.topPage > div.element.presentation ul, div.divHistorique > div.element.description ul,
div.divHistorique > div.element.presentation ul, div.divHistorique div.bottomDescription div.element.description ul,
div.divHistorique div.bottomDescription div.element.presentation ul, div.divVideos > div.element.description ul,
div.divVideos > div.element.presentation ul, div.divVideos div.bottomDescription div.element.description ul,
div.divVideos div.bottomDescription div.element.presentation ul, div.divWebinaire > div.element.description ul,
div.divWebinaire > div.element.presentation ul, div.divWebinaire div.bottomDescription div.element.description ul,
div.divWebinaire div.bottomDescription div.element.presentation ul, div.divSitemap > div.element.description ul,
div.divSitemap > div.element.presentation ul, div.divSitemap div.bottomDescription div.element.description ul,
div.divSitemap div.bottomDescription div.element.presentation ul, div.divMentions > div.element.description ul,
div.divMentions > div.element.presentation ul, div.divMentions div.bottomDescription div.element.description ul,
div.divMentions div.bottomDescription div.element.presentation ul, div.divDonnees-personnelles > div.element.description ul,
div.divDonnees-personnelles > div.element.presentation ul, div.divDonnees-personnelles div.bottomDescription div.element.description ul,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul, .divPage.divTest > div.element.description ul,
.divPage.divTest > div.element.presentation ul, .divPage.divTest div.bottomDescription div.element.description ul,
.divPage.divTest div.bottomDescription div.element.presentation ul, div.newsletter.edit > p ul, div.newsletters-groups div.sending ul, div.newsletters-groups div.groups form.editNewsletterGroup ul, div.divSent ul, div.divDelete ul, div.divPage.divVotre-offre-de-services > div.element.description ul,
div.divPage.divVotre-offre-de-services > div.element.presentation ul, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul, .element.offreCategory.view > div.element.description ul,
.element.offreCategory.view > div.element.presentation ul, .element.offreCategory.view div.bottomDescription div.element.description ul,
.element.offreCategory.view div.bottomDescription div.element.presentation ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.element.view div.left div.description ul li,
div.element.edit div.left div.description ul li, div.divPage.divSalarie > div.element.description ul li,
div.divPage.divSalarie > div.element.presentation ul li, div.divPage.divSalarie div.bottomDescription div.element.description ul li,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li, div.divPage.divDirigeant > div.element.description ul li,
div.divPage.divDirigeant > div.element.presentation ul li, div.divPage.divDirigeant div.bottomDescription div.element.description ul li,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li, div.divPage.divRepresentant > div.element.description ul li,
div.divPage.divRepresentant > div.element.presentation ul li, div.divPage.divRepresentant div.bottomDescription div.element.description ul li,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li, div.divPage.divCmaic > div.element.description ul li,
div.divPage.divCmaic > div.element.presentation ul li, div.divPage.divCmaic div.bottomDescription div.element.description ul li,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li, div.divPage.divQui-sommes-nous > div.element.description ul li,
div.divPage.divQui-sommes-nous > div.element.presentation ul li, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li, div.divPage.divSante > div.element.description ul li,
div.divPage.divSante > div.element.presentation ul li, div.divPage.divSante div.bottomDescription div.element.description ul li,
div.divPage.divSante div.bottomDescription div.element.presentation ul li, div.divPage.divReglementation > div.element.description ul li,
div.divPage.divReglementation > div.element.presentation ul li, div.divPage.divReglementation div.bottomDescription div.element.description ul li,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li, div.divPage.divSante-Travail > div.element.description ul li,
div.divPage.divSante-Travail > div.element.presentation ul li, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li, div.divPage.divSante-Enjeu > div.element.description ul li,
div.divPage.divSante-Enjeu > div.element.presentation ul li, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li, div.divPage.divCovid19 > div.element.description ul li,
div.divPage.divCovid19 > div.element.presentation ul li, div.divPage.divCovid19 div.bottomDescription div.element.description ul li,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li, div.divPage.divInformation-coronavirus > div.element.description ul li,
div.divPage.divInformation-coronavirus > div.element.presentation ul li, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li, div.divPage.divEntreprise-coronavirus > div.element.description ul li,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li, div.divPage.divSalarie-coronavirus > div.element.description ul li,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li, div.divPage.divCoronavirus-recommandations > div.element.description ul li,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li, div.divPage.divCible > div.element.description ul li,
div.divPage.divCible > div.element.presentation ul li, div.divPage.divNos-enjeux > div.element.description ul li,
div.divPage.divNos-enjeux > div.element.presentation ul li, div.divPage.divCible div.bottomDescription div.element.description ul li,
div.divPage.divCible div.bottomDescription div.element.presentation ul li, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li, div.divPage.divDossiers > div.element.description ul li,
div.divPage.divDossiers > div.element.presentation ul li, div.divPage.divDossiers div.bottomDescription div.element.description ul li,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li, div.divPage.divChiffre-cle > div.element.description ul li,
div.divPage.divChiffre-cle > div.element.presentation ul li, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li, div.divRecrutement > div.element.description ul li,
div.divRecrutement > div.element.presentation ul li, div.divRecrutement div.bottomDescription div.element.description ul li,
div.divRecrutement div.bottomDescription div.element.presentation ul li, div.divSimulation > div.element.description ul li,
div.divSimulation > div.element.presentation ul li, div.divSimulation div.bottomDescription div.element.description ul li,
div.divSimulation div.bottomDescription div.element.presentation ul li, div.divAdhesion > div.element.description ul li,
div.divAdhesion > div.element.presentation ul li, div.divAdhesion div.bottomDescription div.element.description ul li,
div.divAdhesion div.bottomDescription div.element.presentation ul li, div.divAdherent > div.element.description ul li,
div.divAdherent > div.element.presentation ul li, div.divAdherent div.bottomDescription div.element.description ul li,
div.divAdherent div.bottomDescription div.element.presentation ul li, div.divAdherer > div.element.description ul li,
div.divAdherer > div.element.presentation ul li, div.divAdherer div.bottomDescription div.element.description ul li,
div.divAdherer div.bottomDescription div.element.presentation ul li, div.divInformation > div.element.description ul li,
div.divInformation > div.element.presentation ul li, div.divInformation div.bottomDescription div.element.description ul li,
div.divInformation div.bottomDescription div.element.presentation ul li, div.divActualite > div.element.description ul li,
div.divActualite > div.element.presentation ul li, div.divActualite div.bottomDescription div.element.description ul li,
div.divActualite div.bottomDescription div.element.presentation ul li, div.divDossiers > div.element.description ul li,
div.divDossiers > div.element.presentation ul li, div.divDossiers div.bottomDescription div.element.description ul li,
div.divDossiers div.bottomDescription div.element.presentation ul li, div.element.dossier.view > div.element.description ul li,
div.element.dossier.view > div.element.presentation ul li, div.element.dossier.view div.bottomDescription div.element.description ul li,
div.element.dossier.view div.bottomDescription div.element.presentation ul li, div.divEvenement > div.element.description ul li,
div.divEvenement > div.element.presentation ul li, div.divEvenement div.bottomDescription div.element.description ul li,
div.divEvenement div.bottomDescription div.element.presentation ul li, div.divPresse > div.element.description ul li,
div.divPresse > div.element.presentation ul li, div.divPresse div.bottomDescription div.element.description ul li,
div.divPresse div.bottomDescription div.element.presentation ul li, div.divQuestion > div.element.description ul li,
div.divQuestion > div.element.presentation ul li, div.divQuestion div.bottomDescription div.element.description ul li,
div.divQuestion div.bottomDescription div.element.presentation ul li, div.divDocumentation > div.element.description ul li,
div.divDocumentation > div.element.presentation ul li, div.divDocumentation div.bottomDescription div.element.description ul li,
div.divDocumentation div.bottomDescription div.element.presentation ul li, div.divDocumentation div.topPage > div.element.description ul li,
div.divDocumentation div.topPage > div.element.presentation ul li, div.divHistorique > div.element.description ul li,
div.divHistorique > div.element.presentation ul li, div.divHistorique div.bottomDescription div.element.description ul li,
div.divHistorique div.bottomDescription div.element.presentation ul li, div.divVideos > div.element.description ul li,
div.divVideos > div.element.presentation ul li, div.divVideos div.bottomDescription div.element.description ul li,
div.divVideos div.bottomDescription div.element.presentation ul li, div.divWebinaire > div.element.description ul li,
div.divWebinaire > div.element.presentation ul li, div.divWebinaire div.bottomDescription div.element.description ul li,
div.divWebinaire div.bottomDescription div.element.presentation ul li, div.divSitemap > div.element.description ul li,
div.divSitemap > div.element.presentation ul li, div.divSitemap div.bottomDescription div.element.description ul li,
div.divSitemap div.bottomDescription div.element.presentation ul li, div.divMentions > div.element.description ul li,
div.divMentions > div.element.presentation ul li, div.divMentions div.bottomDescription div.element.description ul li,
div.divMentions div.bottomDescription div.element.presentation ul li, div.divDonnees-personnelles > div.element.description ul li,
div.divDonnees-personnelles > div.element.presentation ul li, div.divDonnees-personnelles div.bottomDescription div.element.description ul li,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li, .divPage.divTest > div.element.description ul li,
.divPage.divTest > div.element.presentation ul li, .divPage.divTest div.bottomDescription div.element.description ul li,
.divPage.divTest div.bottomDescription div.element.presentation ul li, div.newsletter.edit > p ul li, div.newsletters-groups div.sending ul li, div.newsletters-groups div.groups form.editNewsletterGroup ul li, div.divSent ul li, div.divDelete ul li, div.divPage.divVotre-offre-de-services > div.element.description ul li,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li, .element.offreCategory.view > div.element.description ul li,
.element.offreCategory.view > div.element.presentation ul li, .element.offreCategory.view div.bottomDescription div.element.description ul li,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.element.view div.left div.description ul li a,
div.element.edit div.left div.description ul li a, div.divPage.divSalarie > div.element.description ul li a,
div.divPage.divSalarie > div.element.presentation ul li a, div.divPage.divSalarie div.bottomDescription div.element.description ul li a,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li a, div.divPage.divDirigeant > div.element.description ul li a,
div.divPage.divDirigeant > div.element.presentation ul li a, div.divPage.divDirigeant div.bottomDescription div.element.description ul li a,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li a, div.divPage.divRepresentant > div.element.description ul li a,
div.divPage.divRepresentant > div.element.presentation ul li a, div.divPage.divRepresentant div.bottomDescription div.element.description ul li a,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li a, div.divPage.divCmaic > div.element.description ul li a,
div.divPage.divCmaic > div.element.presentation ul li a, div.divPage.divCmaic div.bottomDescription div.element.description ul li a,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li a, div.divPage.divQui-sommes-nous > div.element.description ul li a,
div.divPage.divQui-sommes-nous > div.element.presentation ul li a, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li a,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li a, div.divPage.divSante > div.element.description ul li a,
div.divPage.divSante > div.element.presentation ul li a, div.divPage.divSante div.bottomDescription div.element.description ul li a,
div.divPage.divSante div.bottomDescription div.element.presentation ul li a, div.divPage.divReglementation > div.element.description ul li a,
div.divPage.divReglementation > div.element.presentation ul li a, div.divPage.divReglementation div.bottomDescription div.element.description ul li a,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li a, div.divPage.divSante-Travail > div.element.description ul li a,
div.divPage.divSante-Travail > div.element.presentation ul li a, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li a,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li a, div.divPage.divSante-Enjeu > div.element.description ul li a,
div.divPage.divSante-Enjeu > div.element.presentation ul li a, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li a,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li a, div.divPage.divCovid19 > div.element.description ul li a,
div.divPage.divCovid19 > div.element.presentation ul li a, div.divPage.divCovid19 div.bottomDescription div.element.description ul li a,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li a, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li a,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li a, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li a,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li a, div.divPage.divInformation-coronavirus > div.element.description ul li a,
div.divPage.divInformation-coronavirus > div.element.presentation ul li a, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li a,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li a, div.divPage.divEntreprise-coronavirus > div.element.description ul li a,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li a, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li a,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li a, div.divPage.divSalarie-coronavirus > div.element.description ul li a,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li a, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li a,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li a, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li a,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li a, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li a,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li a, div.divPage.divCoronavirus-recommandations > div.element.description ul li a,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li a, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li a,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li a, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li a,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li a, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li a,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li a, div.divPage.divCible > div.element.description ul li a,
div.divPage.divCible > div.element.presentation ul li a, div.divPage.divNos-enjeux > div.element.description ul li a,
div.divPage.divNos-enjeux > div.element.presentation ul li a, div.divPage.divCible div.bottomDescription div.element.description ul li a,
div.divPage.divCible div.bottomDescription div.element.presentation ul li a, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li a,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li a, div.divPage.divDossiers > div.element.description ul li a,
div.divPage.divDossiers > div.element.presentation ul li a, div.divPage.divDossiers div.bottomDescription div.element.description ul li a,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li a, div.divPage.divChiffre-cle > div.element.description ul li a,
div.divPage.divChiffre-cle > div.element.presentation ul li a, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li a,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li a, div.divRecrutement > div.element.description ul li a,
div.divRecrutement > div.element.presentation ul li a, div.divRecrutement div.bottomDescription div.element.description ul li a,
div.divRecrutement div.bottomDescription div.element.presentation ul li a, div.divSimulation > div.element.description ul li a,
div.divSimulation > div.element.presentation ul li a, div.divSimulation div.bottomDescription div.element.description ul li a,
div.divSimulation div.bottomDescription div.element.presentation ul li a, div.divAdhesion > div.element.description ul li a,
div.divAdhesion > div.element.presentation ul li a, div.divAdhesion div.bottomDescription div.element.description ul li a,
div.divAdhesion div.bottomDescription div.element.presentation ul li a, div.divAdherent > div.element.description ul li a,
div.divAdherent > div.element.presentation ul li a, div.divAdherent div.bottomDescription div.element.description ul li a,
div.divAdherent div.bottomDescription div.element.presentation ul li a, div.divAdherer > div.element.description ul li a,
div.divAdherer > div.element.presentation ul li a, div.divAdherer div.bottomDescription div.element.description ul li a,
div.divAdherer div.bottomDescription div.element.presentation ul li a, div.divInformation > div.element.description ul li a,
div.divInformation > div.element.presentation ul li a, div.divInformation div.bottomDescription div.element.description ul li a,
div.divInformation div.bottomDescription div.element.presentation ul li a, div.divActualite > div.element.description ul li a,
div.divActualite > div.element.presentation ul li a, div.divActualite div.bottomDescription div.element.description ul li a,
div.divActualite div.bottomDescription div.element.presentation ul li a, div.divDossiers > div.element.description ul li a,
div.divDossiers > div.element.presentation ul li a, div.divDossiers div.bottomDescription div.element.description ul li a,
div.divDossiers div.bottomDescription div.element.presentation ul li a, div.element.dossier.view > div.element.description ul li a,
div.element.dossier.view > div.element.presentation ul li a, div.element.dossier.view div.bottomDescription div.element.description ul li a,
div.element.dossier.view div.bottomDescription div.element.presentation ul li a, div.divEvenement > div.element.description ul li a,
div.divEvenement > div.element.presentation ul li a, div.divEvenement div.bottomDescription div.element.description ul li a,
div.divEvenement div.bottomDescription div.element.presentation ul li a, div.divPresse > div.element.description ul li a,
div.divPresse > div.element.presentation ul li a, div.divPresse div.bottomDescription div.element.description ul li a,
div.divPresse div.bottomDescription div.element.presentation ul li a, div.divQuestion > div.element.description ul li a,
div.divQuestion > div.element.presentation ul li a, div.divQuestion div.bottomDescription div.element.description ul li a,
div.divQuestion div.bottomDescription div.element.presentation ul li a, div.divDocumentation > div.element.description ul li a,
div.divDocumentation > div.element.presentation ul li a, div.divDocumentation div.bottomDescription div.element.description ul li a,
div.divDocumentation div.bottomDescription div.element.presentation ul li a, div.divDocumentation div.topPage > div.element.description ul li a,
div.divDocumentation div.topPage > div.element.presentation ul li a, div.divHistorique > div.element.description ul li a,
div.divHistorique > div.element.presentation ul li a, div.divHistorique div.bottomDescription div.element.description ul li a,
div.divHistorique div.bottomDescription div.element.presentation ul li a, div.divVideos > div.element.description ul li a,
div.divVideos > div.element.presentation ul li a, div.divVideos div.bottomDescription div.element.description ul li a,
div.divVideos div.bottomDescription div.element.presentation ul li a, div.divWebinaire > div.element.description ul li a,
div.divWebinaire > div.element.presentation ul li a, div.divWebinaire div.bottomDescription div.element.description ul li a,
div.divWebinaire div.bottomDescription div.element.presentation ul li a, div.divSitemap > div.element.description ul li a,
div.divSitemap > div.element.presentation ul li a, div.divSitemap div.bottomDescription div.element.description ul li a,
div.divSitemap div.bottomDescription div.element.presentation ul li a, div.divMentions > div.element.description ul li a,
div.divMentions > div.element.presentation ul li a, div.divMentions div.bottomDescription div.element.description ul li a,
div.divMentions div.bottomDescription div.element.presentation ul li a, div.divDonnees-personnelles > div.element.description ul li a,
div.divDonnees-personnelles > div.element.presentation ul li a, div.divDonnees-personnelles div.bottomDescription div.element.description ul li a,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li a, .divPage.divTest > div.element.description ul li a,
.divPage.divTest > div.element.presentation ul li a, .divPage.divTest div.bottomDescription div.element.description ul li a,
.divPage.divTest div.bottomDescription div.element.presentation ul li a, div.newsletter.edit > p ul li a, div.newsletters-groups div.sending ul li a, div.newsletters-groups div.groups form.editNewsletterGroup ul li a, div.divSent ul li a, div.divDelete ul li a, div.divPage.divVotre-offre-de-services > div.element.description ul li a,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li a, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li a,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li a, .element.offreCategory.view > div.element.description ul li a,
.element.offreCategory.view > div.element.presentation ul li a, .element.offreCategory.view div.bottomDescription div.element.description ul li a,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.element.view div.left div.description ul li a:hover,
div.element.edit div.left div.description ul li a:hover, div.divPage.divSalarie > div.element.description ul li a:hover,
div.divPage.divSalarie > div.element.presentation ul li a:hover, div.divPage.divSalarie div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divDirigeant > div.element.description ul li a:hover,
div.divPage.divDirigeant > div.element.presentation ul li a:hover, div.divPage.divDirigeant div.bottomDescription div.element.description ul li a:hover,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divRepresentant > div.element.description ul li a:hover,
div.divPage.divRepresentant > div.element.presentation ul li a:hover, div.divPage.divRepresentant div.bottomDescription div.element.description ul li a:hover,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCmaic > div.element.description ul li a:hover,
div.divPage.divCmaic > div.element.presentation ul li a:hover, div.divPage.divCmaic div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divQui-sommes-nous > div.element.description ul li a:hover,
div.divPage.divQui-sommes-nous > div.element.presentation ul li a:hover, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li a:hover,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSante > div.element.description ul li a:hover,
div.divPage.divSante > div.element.presentation ul li a:hover, div.divPage.divSante div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSante div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divReglementation > div.element.description ul li a:hover,
div.divPage.divReglementation > div.element.presentation ul li a:hover, div.divPage.divReglementation div.bottomDescription div.element.description ul li a:hover,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSante-Travail > div.element.description ul li a:hover,
div.divPage.divSante-Travail > div.element.presentation ul li a:hover, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSante-Enjeu > div.element.description ul li a:hover,
div.divPage.divSante-Enjeu > div.element.presentation ul li a:hover, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCovid19 > div.element.description ul li a:hover,
div.divPage.divCovid19 > div.element.presentation ul li a:hover, div.divPage.divCovid19 div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li a:hover,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li a:hover, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divInformation-coronavirus > div.element.description ul li a:hover,
div.divPage.divInformation-coronavirus > div.element.presentation ul li a:hover, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li a:hover,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divEntreprise-coronavirus > div.element.description ul li a:hover,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li a:hover, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li a:hover,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSalarie-coronavirus > div.element.description ul li a:hover,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li a:hover, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li a:hover,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li a:hover, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCoronavirus-recommandations > div.element.description ul li a:hover,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li a:hover, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li a:hover, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCible > div.element.description ul li a:hover,
div.divPage.divCible > div.element.presentation ul li a:hover, div.divPage.divNos-enjeux > div.element.description ul li a:hover,
div.divPage.divNos-enjeux > div.element.presentation ul li a:hover, div.divPage.divCible div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCible div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li a:hover,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divDossiers > div.element.description ul li a:hover,
div.divPage.divDossiers > div.element.presentation ul li a:hover, div.divPage.divDossiers div.bottomDescription div.element.description ul li a:hover,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divChiffre-cle > div.element.description ul li a:hover,
div.divPage.divChiffre-cle > div.element.presentation ul li a:hover, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li a:hover,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li a:hover, div.divRecrutement > div.element.description ul li a:hover,
div.divRecrutement > div.element.presentation ul li a:hover, div.divRecrutement div.bottomDescription div.element.description ul li a:hover,
div.divRecrutement div.bottomDescription div.element.presentation ul li a:hover, div.divSimulation > div.element.description ul li a:hover,
div.divSimulation > div.element.presentation ul li a:hover, div.divSimulation div.bottomDescription div.element.description ul li a:hover,
div.divSimulation div.bottomDescription div.element.presentation ul li a:hover, div.divAdhesion > div.element.description ul li a:hover,
div.divAdhesion > div.element.presentation ul li a:hover, div.divAdhesion div.bottomDescription div.element.description ul li a:hover,
div.divAdhesion div.bottomDescription div.element.presentation ul li a:hover, div.divAdherent > div.element.description ul li a:hover,
div.divAdherent > div.element.presentation ul li a:hover, div.divAdherent div.bottomDescription div.element.description ul li a:hover,
div.divAdherent div.bottomDescription div.element.presentation ul li a:hover, div.divAdherer > div.element.description ul li a:hover,
div.divAdherer > div.element.presentation ul li a:hover, div.divAdherer div.bottomDescription div.element.description ul li a:hover,
div.divAdherer div.bottomDescription div.element.presentation ul li a:hover, div.divInformation > div.element.description ul li a:hover,
div.divInformation > div.element.presentation ul li a:hover, div.divInformation div.bottomDescription div.element.description ul li a:hover,
div.divInformation div.bottomDescription div.element.presentation ul li a:hover, div.divActualite > div.element.description ul li a:hover,
div.divActualite > div.element.presentation ul li a:hover, div.divActualite div.bottomDescription div.element.description ul li a:hover,
div.divActualite div.bottomDescription div.element.presentation ul li a:hover, div.divDossiers > div.element.description ul li a:hover,
div.divDossiers > div.element.presentation ul li a:hover, div.divDossiers div.bottomDescription div.element.description ul li a:hover,
div.divDossiers div.bottomDescription div.element.presentation ul li a:hover, div.element.dossier.view > div.element.description ul li a:hover,
div.element.dossier.view > div.element.presentation ul li a:hover, div.element.dossier.view div.bottomDescription div.element.description ul li a:hover,
div.element.dossier.view div.bottomDescription div.element.presentation ul li a:hover, div.divEvenement > div.element.description ul li a:hover,
div.divEvenement > div.element.presentation ul li a:hover, div.divEvenement div.bottomDescription div.element.description ul li a:hover,
div.divEvenement div.bottomDescription div.element.presentation ul li a:hover, div.divPresse > div.element.description ul li a:hover,
div.divPresse > div.element.presentation ul li a:hover, div.divPresse div.bottomDescription div.element.description ul li a:hover,
div.divPresse div.bottomDescription div.element.presentation ul li a:hover, div.divQuestion > div.element.description ul li a:hover,
div.divQuestion > div.element.presentation ul li a:hover, div.divQuestion div.bottomDescription div.element.description ul li a:hover,
div.divQuestion div.bottomDescription div.element.presentation ul li a:hover, div.divDocumentation > div.element.description ul li a:hover,
div.divDocumentation > div.element.presentation ul li a:hover, div.divDocumentation div.bottomDescription div.element.description ul li a:hover,
div.divDocumentation div.bottomDescription div.element.presentation ul li a:hover, div.divDocumentation div.topPage > div.element.description ul li a:hover,
div.divDocumentation div.topPage > div.element.presentation ul li a:hover, div.divHistorique > div.element.description ul li a:hover,
div.divHistorique > div.element.presentation ul li a:hover, div.divHistorique div.bottomDescription div.element.description ul li a:hover,
div.divHistorique div.bottomDescription div.element.presentation ul li a:hover, div.divVideos > div.element.description ul li a:hover,
div.divVideos > div.element.presentation ul li a:hover, div.divVideos div.bottomDescription div.element.description ul li a:hover,
div.divVideos div.bottomDescription div.element.presentation ul li a:hover, div.divWebinaire > div.element.description ul li a:hover,
div.divWebinaire > div.element.presentation ul li a:hover, div.divWebinaire div.bottomDescription div.element.description ul li a:hover,
div.divWebinaire div.bottomDescription div.element.presentation ul li a:hover, div.divSitemap > div.element.description ul li a:hover,
div.divSitemap > div.element.presentation ul li a:hover, div.divSitemap div.bottomDescription div.element.description ul li a:hover,
div.divSitemap div.bottomDescription div.element.presentation ul li a:hover, div.divMentions > div.element.description ul li a:hover,
div.divMentions > div.element.presentation ul li a:hover, div.divMentions div.bottomDescription div.element.description ul li a:hover,
div.divMentions div.bottomDescription div.element.presentation ul li a:hover, div.divDonnees-personnelles > div.element.description ul li a:hover,
div.divDonnees-personnelles > div.element.presentation ul li a:hover, div.divDonnees-personnelles div.bottomDescription div.element.description ul li a:hover,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li a:hover, .divPage.divTest > div.element.description ul li a:hover,
.divPage.divTest > div.element.presentation ul li a:hover, .divPage.divTest div.bottomDescription div.element.description ul li a:hover,
.divPage.divTest div.bottomDescription div.element.presentation ul li a:hover, div.newsletter.edit > p ul li a:hover, div.newsletters-groups div.sending ul li a:hover, div.newsletters-groups div.groups form.editNewsletterGroup ul li a:hover, div.divSent ul li a:hover, div.divDelete ul li a:hover, div.divPage.divVotre-offre-de-services > div.element.description ul li a:hover,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li a:hover, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li a:hover,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li a:hover, .element.offreCategory.view > div.element.description ul li a:hover,
.element.offreCategory.view > div.element.presentation ul li a:hover, .element.offreCategory.view div.bottomDescription div.element.description ul li a:hover,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.element.view div.left div.description ul li:before,
div.element.edit div.left div.description ul li:before, div.divPage.divSalarie > div.element.description ul li:before,
div.divPage.divSalarie > div.element.presentation ul li:before, div.divPage.divSalarie div.bottomDescription div.element.description ul li:before,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li:before, div.divPage.divDirigeant > div.element.description ul li:before,
div.divPage.divDirigeant > div.element.presentation ul li:before, div.divPage.divDirigeant div.bottomDescription div.element.description ul li:before,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li:before, div.divPage.divRepresentant > div.element.description ul li:before,
div.divPage.divRepresentant > div.element.presentation ul li:before, div.divPage.divRepresentant div.bottomDescription div.element.description ul li:before,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li:before, div.divPage.divCmaic > div.element.description ul li:before,
div.divPage.divCmaic > div.element.presentation ul li:before, div.divPage.divCmaic div.bottomDescription div.element.description ul li:before,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li:before, div.divPage.divQui-sommes-nous > div.element.description ul li:before,
div.divPage.divQui-sommes-nous > div.element.presentation ul li:before, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li:before,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li:before, div.divPage.divSante > div.element.description ul li:before,
div.divPage.divSante > div.element.presentation ul li:before, div.divPage.divSante div.bottomDescription div.element.description ul li:before,
div.divPage.divSante div.bottomDescription div.element.presentation ul li:before, div.divPage.divReglementation > div.element.description ul li:before,
div.divPage.divReglementation > div.element.presentation ul li:before, div.divPage.divReglementation div.bottomDescription div.element.description ul li:before,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li:before, div.divPage.divSante-Travail > div.element.description ul li:before,
div.divPage.divSante-Travail > div.element.presentation ul li:before, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li:before,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li:before, div.divPage.divSante-Enjeu > div.element.description ul li:before,
div.divPage.divSante-Enjeu > div.element.presentation ul li:before, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li:before,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li:before, div.divPage.divCovid19 > div.element.description ul li:before,
div.divPage.divCovid19 > div.element.presentation ul li:before, div.divPage.divCovid19 div.bottomDescription div.element.description ul li:before,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li:before, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li:before,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li:before, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li:before, div.divPage.divInformation-coronavirus > div.element.description ul li:before,
div.divPage.divInformation-coronavirus > div.element.presentation ul li:before, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li:before,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li:before, div.divPage.divEntreprise-coronavirus > div.element.description ul li:before,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li:before, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li:before,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li:before, div.divPage.divSalarie-coronavirus > div.element.description ul li:before,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li:before, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li:before,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li:before, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li:before,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li:before, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li:before, div.divPage.divCoronavirus-recommandations > div.element.description ul li:before,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li:before, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li:before,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li:before, div.divPage.divCible > div.element.description ul li:before,
div.divPage.divCible > div.element.presentation ul li:before, div.divPage.divNos-enjeux > div.element.description ul li:before,
div.divPage.divNos-enjeux > div.element.presentation ul li:before, div.divPage.divCible div.bottomDescription div.element.description ul li:before,
div.divPage.divCible div.bottomDescription div.element.presentation ul li:before, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li:before,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li:before, div.divPage.divDossiers > div.element.description ul li:before,
div.divPage.divDossiers > div.element.presentation ul li:before, div.divPage.divDossiers div.bottomDescription div.element.description ul li:before,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li:before, div.divPage.divChiffre-cle > div.element.description ul li:before,
div.divPage.divChiffre-cle > div.element.presentation ul li:before, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li:before,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li:before, div.divRecrutement > div.element.description ul li:before,
div.divRecrutement > div.element.presentation ul li:before, div.divRecrutement div.bottomDescription div.element.description ul li:before,
div.divRecrutement div.bottomDescription div.element.presentation ul li:before, div.divSimulation > div.element.description ul li:before,
div.divSimulation > div.element.presentation ul li:before, div.divSimulation div.bottomDescription div.element.description ul li:before,
div.divSimulation div.bottomDescription div.element.presentation ul li:before, div.divAdhesion > div.element.description ul li:before,
div.divAdhesion > div.element.presentation ul li:before, div.divAdhesion div.bottomDescription div.element.description ul li:before,
div.divAdhesion div.bottomDescription div.element.presentation ul li:before, div.divAdherent > div.element.description ul li:before,
div.divAdherent > div.element.presentation ul li:before, div.divAdherent div.bottomDescription div.element.description ul li:before,
div.divAdherent div.bottomDescription div.element.presentation ul li:before, div.divAdherer > div.element.description ul li:before,
div.divAdherer > div.element.presentation ul li:before, div.divAdherer div.bottomDescription div.element.description ul li:before,
div.divAdherer div.bottomDescription div.element.presentation ul li:before, div.divInformation > div.element.description ul li:before,
div.divInformation > div.element.presentation ul li:before, div.divInformation div.bottomDescription div.element.description ul li:before,
div.divInformation div.bottomDescription div.element.presentation ul li:before, div.divActualite > div.element.description ul li:before,
div.divActualite > div.element.presentation ul li:before, div.divActualite div.bottomDescription div.element.description ul li:before,
div.divActualite div.bottomDescription div.element.presentation ul li:before, div.divDossiers > div.element.description ul li:before,
div.divDossiers > div.element.presentation ul li:before, div.divDossiers div.bottomDescription div.element.description ul li:before,
div.divDossiers div.bottomDescription div.element.presentation ul li:before, div.element.dossier.view > div.element.description ul li:before,
div.element.dossier.view > div.element.presentation ul li:before, div.element.dossier.view div.bottomDescription div.element.description ul li:before,
div.element.dossier.view div.bottomDescription div.element.presentation ul li:before, div.divEvenement > div.element.description ul li:before,
div.divEvenement > div.element.presentation ul li:before, div.divEvenement div.bottomDescription div.element.description ul li:before,
div.divEvenement div.bottomDescription div.element.presentation ul li:before, div.divPresse > div.element.description ul li:before,
div.divPresse > div.element.presentation ul li:before, div.divPresse div.bottomDescription div.element.description ul li:before,
div.divPresse div.bottomDescription div.element.presentation ul li:before, div.divQuestion > div.element.description ul li:before,
div.divQuestion > div.element.presentation ul li:before, div.divQuestion div.bottomDescription div.element.description ul li:before,
div.divQuestion div.bottomDescription div.element.presentation ul li:before, div.divDocumentation > div.element.description ul li:before,
div.divDocumentation > div.element.presentation ul li:before, div.divDocumentation div.bottomDescription div.element.description ul li:before,
div.divDocumentation div.bottomDescription div.element.presentation ul li:before, div.divDocumentation div.topPage > div.element.description ul li:before,
div.divDocumentation div.topPage > div.element.presentation ul li:before, div.divHistorique > div.element.description ul li:before,
div.divHistorique > div.element.presentation ul li:before, div.divHistorique div.bottomDescription div.element.description ul li:before,
div.divHistorique div.bottomDescription div.element.presentation ul li:before, div.divVideos > div.element.description ul li:before,
div.divVideos > div.element.presentation ul li:before, div.divVideos div.bottomDescription div.element.description ul li:before,
div.divVideos div.bottomDescription div.element.presentation ul li:before, div.divWebinaire > div.element.description ul li:before,
div.divWebinaire > div.element.presentation ul li:before, div.divWebinaire div.bottomDescription div.element.description ul li:before,
div.divWebinaire div.bottomDescription div.element.presentation ul li:before, div.divSitemap > div.element.description ul li:before,
div.divSitemap > div.element.presentation ul li:before, div.divSitemap div.bottomDescription div.element.description ul li:before,
div.divSitemap div.bottomDescription div.element.presentation ul li:before, div.divMentions > div.element.description ul li:before,
div.divMentions > div.element.presentation ul li:before, div.divMentions div.bottomDescription div.element.description ul li:before,
div.divMentions div.bottomDescription div.element.presentation ul li:before, div.divDonnees-personnelles > div.element.description ul li:before,
div.divDonnees-personnelles > div.element.presentation ul li:before, div.divDonnees-personnelles div.bottomDescription div.element.description ul li:before,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li:before, .divPage.divTest > div.element.description ul li:before,
.divPage.divTest > div.element.presentation ul li:before, .divPage.divTest div.bottomDescription div.element.description ul li:before,
.divPage.divTest div.bottomDescription div.element.presentation ul li:before, div.newsletter.edit > p ul li:before, div.newsletters-groups div.sending ul li:before, div.newsletters-groups div.groups form.editNewsletterGroup ul li:before, div.divSent ul li:before, div.divDelete ul li:before, div.divPage.divVotre-offre-de-services > div.element.description ul li:before,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li:before, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li:before,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li:before, .element.offreCategory.view > div.element.description ul li:before,
.element.offreCategory.view > div.element.presentation ul li:before, .element.offreCategory.view div.bottomDescription div.element.description ul li:before,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.element.view div.left div.description ul li ul li:before,
div.element.edit div.left div.description ul li ul li:before, div.divPage.divSalarie > div.element.description ul li ul li:before,
div.divPage.divSalarie > div.element.presentation ul li ul li:before, div.divPage.divSalarie div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divDirigeant > div.element.description ul li ul li:before,
div.divPage.divDirigeant > div.element.presentation ul li ul li:before, div.divPage.divDirigeant div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divRepresentant > div.element.description ul li ul li:before,
div.divPage.divRepresentant > div.element.presentation ul li ul li:before, div.divPage.divRepresentant div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCmaic > div.element.description ul li ul li:before,
div.divPage.divCmaic > div.element.presentation ul li ul li:before, div.divPage.divCmaic div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divQui-sommes-nous > div.element.description ul li ul li:before,
div.divPage.divQui-sommes-nous > div.element.presentation ul li ul li:before, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSante > div.element.description ul li ul li:before,
div.divPage.divSante > div.element.presentation ul li ul li:before, div.divPage.divSante div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSante div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divReglementation > div.element.description ul li ul li:before,
div.divPage.divReglementation > div.element.presentation ul li ul li:before, div.divPage.divReglementation div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSante-Travail > div.element.description ul li ul li:before,
div.divPage.divSante-Travail > div.element.presentation ul li ul li:before, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSante-Enjeu > div.element.description ul li ul li:before,
div.divPage.divSante-Enjeu > div.element.presentation ul li ul li:before, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCovid19 > div.element.description ul li ul li:before,
div.divPage.divCovid19 > div.element.presentation ul li ul li:before, div.divPage.divCovid19 div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divInformation-coronavirus > div.element.description ul li ul li:before,
div.divPage.divInformation-coronavirus > div.element.presentation ul li ul li:before, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divEntreprise-coronavirus > div.element.description ul li ul li:before,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li ul li:before, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSalarie-coronavirus > div.element.description ul li ul li:before,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li ul li:before, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-recommandations > div.element.description ul li ul li:before,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCible > div.element.description ul li ul li:before,
div.divPage.divCible > div.element.presentation ul li ul li:before, div.divPage.divNos-enjeux > div.element.description ul li ul li:before,
div.divPage.divNos-enjeux > div.element.presentation ul li ul li:before, div.divPage.divCible div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCible div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divDossiers > div.element.description ul li ul li:before,
div.divPage.divDossiers > div.element.presentation ul li ul li:before, div.divPage.divDossiers div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divChiffre-cle > div.element.description ul li ul li:before,
div.divPage.divChiffre-cle > div.element.presentation ul li ul li:before, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li ul li:before, div.divRecrutement > div.element.description ul li ul li:before,
div.divRecrutement > div.element.presentation ul li ul li:before, div.divRecrutement div.bottomDescription div.element.description ul li ul li:before,
div.divRecrutement div.bottomDescription div.element.presentation ul li ul li:before, div.divSimulation > div.element.description ul li ul li:before,
div.divSimulation > div.element.presentation ul li ul li:before, div.divSimulation div.bottomDescription div.element.description ul li ul li:before,
div.divSimulation div.bottomDescription div.element.presentation ul li ul li:before, div.divAdhesion > div.element.description ul li ul li:before,
div.divAdhesion > div.element.presentation ul li ul li:before, div.divAdhesion div.bottomDescription div.element.description ul li ul li:before,
div.divAdhesion div.bottomDescription div.element.presentation ul li ul li:before, div.divAdherent > div.element.description ul li ul li:before,
div.divAdherent > div.element.presentation ul li ul li:before, div.divAdherent div.bottomDescription div.element.description ul li ul li:before,
div.divAdherent div.bottomDescription div.element.presentation ul li ul li:before, div.divAdherer > div.element.description ul li ul li:before,
div.divAdherer > div.element.presentation ul li ul li:before, div.divAdherer div.bottomDescription div.element.description ul li ul li:before,
div.divAdherer div.bottomDescription div.element.presentation ul li ul li:before, div.divInformation > div.element.description ul li ul li:before,
div.divInformation > div.element.presentation ul li ul li:before, div.divInformation div.bottomDescription div.element.description ul li ul li:before,
div.divInformation div.bottomDescription div.element.presentation ul li ul li:before, div.divActualite > div.element.description ul li ul li:before,
div.divActualite > div.element.presentation ul li ul li:before, div.divActualite div.bottomDescription div.element.description ul li ul li:before,
div.divActualite div.bottomDescription div.element.presentation ul li ul li:before, div.divDossiers > div.element.description ul li ul li:before,
div.divDossiers > div.element.presentation ul li ul li:before, div.divDossiers div.bottomDescription div.element.description ul li ul li:before,
div.divDossiers div.bottomDescription div.element.presentation ul li ul li:before, div.element.dossier.view > div.element.description ul li ul li:before,
div.element.dossier.view > div.element.presentation ul li ul li:before, div.element.dossier.view div.bottomDescription div.element.description ul li ul li:before,
div.element.dossier.view div.bottomDescription div.element.presentation ul li ul li:before, div.divEvenement > div.element.description ul li ul li:before,
div.divEvenement > div.element.presentation ul li ul li:before, div.divEvenement div.bottomDescription div.element.description ul li ul li:before,
div.divEvenement div.bottomDescription div.element.presentation ul li ul li:before, div.divPresse > div.element.description ul li ul li:before,
div.divPresse > div.element.presentation ul li ul li:before, div.divPresse div.bottomDescription div.element.description ul li ul li:before,
div.divPresse div.bottomDescription div.element.presentation ul li ul li:before, div.divQuestion > div.element.description ul li ul li:before,
div.divQuestion > div.element.presentation ul li ul li:before, div.divQuestion div.bottomDescription div.element.description ul li ul li:before,
div.divQuestion div.bottomDescription div.element.presentation ul li ul li:before, div.divDocumentation > div.element.description ul li ul li:before,
div.divDocumentation > div.element.presentation ul li ul li:before, div.divDocumentation div.bottomDescription div.element.description ul li ul li:before,
div.divDocumentation div.bottomDescription div.element.presentation ul li ul li:before, div.divDocumentation div.topPage > div.element.description ul li ul li:before,
div.divDocumentation div.topPage > div.element.presentation ul li ul li:before, div.divHistorique > div.element.description ul li ul li:before,
div.divHistorique > div.element.presentation ul li ul li:before, div.divHistorique div.bottomDescription div.element.description ul li ul li:before,
div.divHistorique div.bottomDescription div.element.presentation ul li ul li:before, div.divVideos > div.element.description ul li ul li:before,
div.divVideos > div.element.presentation ul li ul li:before, div.divVideos div.bottomDescription div.element.description ul li ul li:before,
div.divVideos div.bottomDescription div.element.presentation ul li ul li:before, div.divWebinaire > div.element.description ul li ul li:before,
div.divWebinaire > div.element.presentation ul li ul li:before, div.divWebinaire div.bottomDescription div.element.description ul li ul li:before,
div.divWebinaire div.bottomDescription div.element.presentation ul li ul li:before, div.divSitemap > div.element.description ul li ul li:before,
div.divSitemap > div.element.presentation ul li ul li:before, div.divSitemap div.bottomDescription div.element.description ul li ul li:before,
div.divSitemap div.bottomDescription div.element.presentation ul li ul li:before, div.divMentions > div.element.description ul li ul li:before,
div.divMentions > div.element.presentation ul li ul li:before, div.divMentions div.bottomDescription div.element.description ul li ul li:before,
div.divMentions div.bottomDescription div.element.presentation ul li ul li:before, div.divDonnees-personnelles > div.element.description ul li ul li:before,
div.divDonnees-personnelles > div.element.presentation ul li ul li:before, div.divDonnees-personnelles div.bottomDescription div.element.description ul li ul li:before,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li ul li:before, .divPage.divTest > div.element.description ul li ul li:before,
.divPage.divTest > div.element.presentation ul li ul li:before, .divPage.divTest div.bottomDescription div.element.description ul li ul li:before,
.divPage.divTest div.bottomDescription div.element.presentation ul li ul li:before, div.newsletter.edit > p ul li ul li:before, div.newsletters-groups div.sending ul li ul li:before, div.newsletters-groups div.groups form.editNewsletterGroup ul li ul li:before, div.divSent ul li ul li:before, div.divDelete ul li ul li:before, div.divPage.divVotre-offre-de-services > div.element.description ul li ul li:before,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li ul li:before, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li ul li:before, .element.offreCategory.view > div.element.description ul li ul li:before,
.element.offreCategory.view > div.element.presentation ul li ul li:before, .element.offreCategory.view div.bottomDescription div.element.description ul li ul li:before,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.element.view div.left div.description ul li ul li ul li:before,
div.element.edit div.left div.description ul li ul li ul li:before, div.divPage.divSalarie > div.element.description ul li ul li ul li:before,
div.divPage.divSalarie > div.element.presentation ul li ul li ul li:before, div.divPage.divSalarie div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divDirigeant > div.element.description ul li ul li ul li:before,
div.divPage.divDirigeant > div.element.presentation ul li ul li ul li:before, div.divPage.divDirigeant div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divRepresentant > div.element.description ul li ul li ul li:before,
div.divPage.divRepresentant > div.element.presentation ul li ul li ul li:before, div.divPage.divRepresentant div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCmaic > div.element.description ul li ul li ul li:before,
div.divPage.divCmaic > div.element.presentation ul li ul li ul li:before, div.divPage.divCmaic div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divQui-sommes-nous > div.element.description ul li ul li ul li:before,
div.divPage.divQui-sommes-nous > div.element.presentation ul li ul li ul li:before, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSante > div.element.description ul li ul li ul li:before,
div.divPage.divSante > div.element.presentation ul li ul li ul li:before, div.divPage.divSante div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSante div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divReglementation > div.element.description ul li ul li ul li:before,
div.divPage.divReglementation > div.element.presentation ul li ul li ul li:before, div.divPage.divReglementation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Travail > div.element.description ul li ul li ul li:before,
div.divPage.divSante-Travail > div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Enjeu > div.element.description ul li ul li ul li:before,
div.divPage.divSante-Enjeu > div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19 > div.element.description ul li ul li ul li:before,
div.divPage.divCovid19 > div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19 div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divInformation-coronavirus > div.element.description ul li ul li ul li:before,
div.divPage.divInformation-coronavirus > div.element.presentation ul li ul li ul li:before, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divEntreprise-coronavirus > div.element.description ul li ul li ul li:before,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li ul li ul li:before, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSalarie-coronavirus > div.element.description ul li ul li ul li:before,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li ul li ul li:before, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-recommandations > div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCible > div.element.description ul li ul li ul li:before,
div.divPage.divCible > div.element.presentation ul li ul li ul li:before, div.divPage.divNos-enjeux > div.element.description ul li ul li ul li:before,
div.divPage.divNos-enjeux > div.element.presentation ul li ul li ul li:before, div.divPage.divCible div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCible div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divDossiers > div.element.description ul li ul li ul li:before,
div.divPage.divDossiers > div.element.presentation ul li ul li ul li:before, div.divPage.divDossiers div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divChiffre-cle > div.element.description ul li ul li ul li:before,
div.divPage.divChiffre-cle > div.element.presentation ul li ul li ul li:before, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divRecrutement > div.element.description ul li ul li ul li:before,
div.divRecrutement > div.element.presentation ul li ul li ul li:before, div.divRecrutement div.bottomDescription div.element.description ul li ul li ul li:before,
div.divRecrutement div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divSimulation > div.element.description ul li ul li ul li:before,
div.divSimulation > div.element.presentation ul li ul li ul li:before, div.divSimulation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divSimulation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divAdhesion > div.element.description ul li ul li ul li:before,
div.divAdhesion > div.element.presentation ul li ul li ul li:before, div.divAdhesion div.bottomDescription div.element.description ul li ul li ul li:before,
div.divAdhesion div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divAdherent > div.element.description ul li ul li ul li:before,
div.divAdherent > div.element.presentation ul li ul li ul li:before, div.divAdherent div.bottomDescription div.element.description ul li ul li ul li:before,
div.divAdherent div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divAdherer > div.element.description ul li ul li ul li:before,
div.divAdherer > div.element.presentation ul li ul li ul li:before, div.divAdherer div.bottomDescription div.element.description ul li ul li ul li:before,
div.divAdherer div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divInformation > div.element.description ul li ul li ul li:before,
div.divInformation > div.element.presentation ul li ul li ul li:before, div.divInformation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divInformation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divActualite > div.element.description ul li ul li ul li:before,
div.divActualite > div.element.presentation ul li ul li ul li:before, div.divActualite div.bottomDescription div.element.description ul li ul li ul li:before,
div.divActualite div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDossiers > div.element.description ul li ul li ul li:before,
div.divDossiers > div.element.presentation ul li ul li ul li:before, div.divDossiers div.bottomDescription div.element.description ul li ul li ul li:before,
div.divDossiers div.bottomDescription div.element.presentation ul li ul li ul li:before, div.element.dossier.view > div.element.description ul li ul li ul li:before,
div.element.dossier.view > div.element.presentation ul li ul li ul li:before, div.element.dossier.view div.bottomDescription div.element.description ul li ul li ul li:before,
div.element.dossier.view div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divEvenement > div.element.description ul li ul li ul li:before,
div.divEvenement > div.element.presentation ul li ul li ul li:before, div.divEvenement div.bottomDescription div.element.description ul li ul li ul li:before,
div.divEvenement div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPresse > div.element.description ul li ul li ul li:before,
div.divPresse > div.element.presentation ul li ul li ul li:before, div.divPresse div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPresse div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divQuestion > div.element.description ul li ul li ul li:before,
div.divQuestion > div.element.presentation ul li ul li ul li:before, div.divQuestion div.bottomDescription div.element.description ul li ul li ul li:before,
div.divQuestion div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDocumentation > div.element.description ul li ul li ul li:before,
div.divDocumentation > div.element.presentation ul li ul li ul li:before, div.divDocumentation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divDocumentation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDocumentation div.topPage > div.element.description ul li ul li ul li:before,
div.divDocumentation div.topPage > div.element.presentation ul li ul li ul li:before, div.divHistorique > div.element.description ul li ul li ul li:before,
div.divHistorique > div.element.presentation ul li ul li ul li:before, div.divHistorique div.bottomDescription div.element.description ul li ul li ul li:before,
div.divHistorique div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divVideos > div.element.description ul li ul li ul li:before,
div.divVideos > div.element.presentation ul li ul li ul li:before, div.divVideos div.bottomDescription div.element.description ul li ul li ul li:before,
div.divVideos div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divWebinaire > div.element.description ul li ul li ul li:before,
div.divWebinaire > div.element.presentation ul li ul li ul li:before, div.divWebinaire div.bottomDescription div.element.description ul li ul li ul li:before,
div.divWebinaire div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divSitemap > div.element.description ul li ul li ul li:before,
div.divSitemap > div.element.presentation ul li ul li ul li:before, div.divSitemap div.bottomDescription div.element.description ul li ul li ul li:before,
div.divSitemap div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divMentions > div.element.description ul li ul li ul li:before,
div.divMentions > div.element.presentation ul li ul li ul li:before, div.divMentions div.bottomDescription div.element.description ul li ul li ul li:before,
div.divMentions div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDonnees-personnelles > div.element.description ul li ul li ul li:before,
div.divDonnees-personnelles > div.element.presentation ul li ul li ul li:before, div.divDonnees-personnelles div.bottomDescription div.element.description ul li ul li ul li:before,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li ul li ul li:before, .divPage.divTest > div.element.description ul li ul li ul li:before,
.divPage.divTest > div.element.presentation ul li ul li ul li:before, .divPage.divTest div.bottomDescription div.element.description ul li ul li ul li:before,
.divPage.divTest div.bottomDescription div.element.presentation ul li ul li ul li:before, div.newsletter.edit > p ul li ul li ul li:before, div.newsletters-groups div.sending ul li ul li ul li:before, div.newsletters-groups div.groups form.editNewsletterGroup ul li ul li ul li:before, div.divSent ul li ul li ul li:before, div.divDelete ul li ul li ul li:before, div.divPage.divVotre-offre-de-services > div.element.description ul li ul li ul li:before,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li ul li ul li:before, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li ul li ul li:before, .element.offreCategory.view > div.element.description ul li ul li ul li:before,
.element.offreCategory.view > div.element.presentation ul li ul li ul li:before, .element.offreCategory.view div.bottomDescription div.element.description ul li ul li ul li:before,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}

/* line 335, ../specific.scss */
body.mceContentBody a.readmore, a.readmore, div.divPage.divSalarie div.accesTemplate a, div.divPage.divDirigeant div.accesTemplate a, div.divPage.divRepresentant div.accesTemplate a, div.divPage.divCmaic div.accesTemplate a, div.divPage.divQui-sommes-nous div.accesTemplate a, div.divPage.divSante div.accesTemplate a, div.divPage.divReglementation div.accesTemplate a, div.divPage.divSante-Travail div.accesTemplate a, div.divPage.divSante-Enjeu div.accesTemplate a, div.divPage.divCovid19 div.accesTemplate a, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a, div.divPage.divInformation-coronavirus div.accesTemplate a, div.divPage.divEntreprise-coronavirus div.accesTemplate a, div.divPage.divSalarie-coronavirus div.accesTemplate a, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a, div.divPage.divCoronavirus-recommandations div.accesTemplate a, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a, div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a, div.divPage.divDossiers div.accesTemplate a, div.divPage.divChiffre-cle div.accesTemplate a, div.divRecrutement div.accesTemplate a, div.divSimulation div.accesTemplate a, div.divAdhesion div.accesTemplate a, div.divAdherent div.accesTemplate a, div.divAdherer div.accesTemplate a, div.divInformation div.accesTemplate a, div.divActualite div.accesTemplate a, div.divDossiers div.accesTemplate a, div.element.dossier.view div.accesTemplate a, div.divEvenement div.accesTemplate a, div.divPresse div.accesTemplate a, div.divQuestion div.accesTemplate a, div.element.questionCategory.listview h2 a, div.divDocumentation div.accesTemplate a, div.divHistorique div.accesTemplate a, div.divVideos div.accesTemplate a, div.divWebinaire div.accesTemplate a, form.editContact input.send, div.divSitemap div.accesTemplate a, div.divMentions div.accesTemplate a, div.divDonnees-personnelles div.accesTemplate a, footer#footer div.rightFooter a.btnFooter, footer#footer div.bottomAccesNwsl a, div.divError a, .divPage.divTest div.accesTemplate a, div.use-tabs.newsletter div.bottom a.createNwsl, .element.account.edit form input.connection, div.divPage.divVotre-offre-de-services div.accesTemplate a, .element.offreCategory.view div.accesTemplate a, body.mceContentBody a.contact-us, a.contact-us, div.element.recrutement.edit div.buttons input.save, div.divPage.divCovid19 div.description .miseEnAvant,
div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant,
div.divPage.divInformation-coronavirus div.description .miseEnAvant,
div.divPage.divEntreprise-coronavirus div.description .miseEnAvant,
div.divPage.divSalarie-coronavirus div.description .miseEnAvant,
div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant,
div.divPage.divCoronavirus-recommandations div.description .miseEnAvant,
div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant {
  transition: 200ms;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box;
  padding: 16px 26px;
  font-weight: bold;
  color: #FFF;
  border-radius: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}

/* line 347, ../specific.scss */
body.mceContentBody a.readmore, a.readmore, div.divPage.divSalarie div.accesTemplate a, div.divPage.divDirigeant div.accesTemplate a, div.divPage.divRepresentant div.accesTemplate a, div.divPage.divCmaic div.accesTemplate a, div.divPage.divQui-sommes-nous div.accesTemplate a, div.divPage.divSante div.accesTemplate a, div.divPage.divReglementation div.accesTemplate a, div.divPage.divSante-Travail div.accesTemplate a, div.divPage.divSante-Enjeu div.accesTemplate a, div.divPage.divCovid19 div.accesTemplate a, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a, div.divPage.divInformation-coronavirus div.accesTemplate a, div.divPage.divEntreprise-coronavirus div.accesTemplate a, div.divPage.divSalarie-coronavirus div.accesTemplate a, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a, div.divPage.divCoronavirus-recommandations div.accesTemplate a, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a, div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a, div.divPage.divDossiers div.accesTemplate a, div.divPage.divChiffre-cle div.accesTemplate a, div.divRecrutement div.accesTemplate a, div.divSimulation div.accesTemplate a, div.divAdhesion div.accesTemplate a, div.divAdherent div.accesTemplate a, div.divAdherer div.accesTemplate a, div.divInformation div.accesTemplate a, div.divActualite div.accesTemplate a, div.divDossiers div.accesTemplate a, div.element.dossier.view div.accesTemplate a, div.divEvenement div.accesTemplate a, div.divPresse div.accesTemplate a, div.divQuestion div.accesTemplate a, div.element.questionCategory.listview h2 a, div.divDocumentation div.accesTemplate a, div.divHistorique div.accesTemplate a, div.divVideos div.accesTemplate a, div.divWebinaire div.accesTemplate a, form.editContact input.send, div.divSitemap div.accesTemplate a, div.divMentions div.accesTemplate a, div.divDonnees-personnelles div.accesTemplate a, footer#footer div.rightFooter a.btnFooter, footer#footer div.bottomAccesNwsl a, div.divError a, .divPage.divTest div.accesTemplate a, div.use-tabs.newsletter div.bottom a.createNwsl, .element.account.edit form input.connection, div.divPage.divVotre-offre-de-services div.accesTemplate a, .element.offreCategory.view div.accesTemplate a {
  background: #FF9827;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  body.mceContentBody a.readmore:hover, a.readmore:hover, div.divPage.divSalarie div.accesTemplate a:hover, div.divPage.divDirigeant div.accesTemplate a:hover, div.divPage.divRepresentant div.accesTemplate a:hover, div.divPage.divCmaic div.accesTemplate a:hover, div.divPage.divQui-sommes-nous div.accesTemplate a:hover, div.divPage.divSante div.accesTemplate a:hover, div.divPage.divReglementation div.accesTemplate a:hover, div.divPage.divSante-Travail div.accesTemplate a:hover, div.divPage.divSante-Enjeu div.accesTemplate a:hover, div.divPage.divCovid19 div.accesTemplate a:hover, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:hover, div.divPage.divInformation-coronavirus div.accesTemplate a:hover, div.divPage.divEntreprise-coronavirus div.accesTemplate a:hover, div.divPage.divSalarie-coronavirus div.accesTemplate a:hover, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:hover, div.divPage.divCoronavirus-recommandations div.accesTemplate a:hover, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:hover, div.divPage.divCible div.accesTemplate a:hover, div.divPage.divNos-enjeux div.accesTemplate a:hover, div.divPage.divChiffre-cle div.accesTemplate a:hover, div.divRecrutement div.accesTemplate a:hover, div.divSimulation div.accesTemplate a:hover, div.divAdhesion div.accesTemplate a:hover, div.divAdherent div.accesTemplate a:hover, div.divAdherer div.accesTemplate a:hover, div.divInformation div.accesTemplate a:hover, div.divActualite div.accesTemplate a:hover, div.divDossiers div.accesTemplate a:hover, div.element.dossier.view div.accesTemplate a:hover, div.divEvenement div.accesTemplate a:hover, div.divPresse div.accesTemplate a:hover, div.divQuestion div.accesTemplate a:hover, div.element.questionCategory.listview h2 a:hover, div.divDocumentation div.accesTemplate a:hover, div.divHistorique div.accesTemplate a:hover, div.divVideos div.accesTemplate a:hover, div.divWebinaire div.accesTemplate a:hover, form.editContact input.send:hover, div.divSitemap div.accesTemplate a:hover, div.divMentions div.accesTemplate a:hover, div.divDonnees-personnelles div.accesTemplate a:hover, footer#footer div.rightFooter a.btnFooter:hover, footer#footer div.bottomAccesNwsl a:hover, div.divError a:hover, .divPage.divTest div.accesTemplate a:hover, div.use-tabs.newsletter div.bottom a.createNwsl:hover, .element.account.edit form input.connection:hover, div.divPage.divVotre-offre-de-services div.accesTemplate a:hover, .element.offreCategory.view div.accesTemplate a:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 357, ../specific.scss */
body.mceContentBody a.contact-us, a.contact-us, div.element.recrutement.edit div.buttons input.save, div.divPage.divCovid19 div.description .miseEnAvant,
div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant,
div.divPage.divInformation-coronavirus div.description .miseEnAvant,
div.divPage.divEntreprise-coronavirus div.description .miseEnAvant,
div.divPage.divSalarie-coronavirus div.description .miseEnAvant,
div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant,
div.divPage.divCoronavirus-recommandations div.description .miseEnAvant,
div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant {
  background: #3E4982;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  body.mceContentBody a.contact-us:hover, a.contact-us:hover, div.element.recrutement.edit div.buttons input.save:hover, div.divPage.divCovid19 div.description .miseEnAvant:hover,
  div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant:hover,
  div.divPage.divInformation-coronavirus div.description .miseEnAvant:hover,
  div.divPage.divEntreprise-coronavirus div.description .miseEnAvant:hover,
  div.divPage.divSalarie-coronavirus div.description .miseEnAvant:hover,
  div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant:hover,
  div.divPage.divCoronavirus-recommandations div.description .miseEnAvant:hover,
  div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant:hover {
    background: #FFF;
    color: #3E4982;
  }
}

@keyframes templateBackground {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 74% 0;
  }
}
@keyframes accesTemplate {
  0% {
    right: -100%;
  }
  100% {
    right: 0%;
  }
}
/*Element*/
/* line 717, ../specific.scss */
div.element.viewList div.content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 800px) {
  /* line 717, ../specific.scss */
  div.element.viewList div.content {
    display: block;
  }
}

/* line 727, ../specific.scss */
div.element.preview, div.element.listview {
  width: calc(100% / 3 - 2%);
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 727, ../specific.scss */
  div.element.preview, div.element.listview {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 737, ../specific.scss */
div.element.preview h2 a, div.element.listview h2 a {
  padding: 20px 0;
}
/* line 743, ../specific.scss */
div.element.preview div.picture a, div.element.listview div.picture a {
  display: block;
}
/* line 746, ../specific.scss */
div.element.preview div.picture a img, div.element.listview div.picture a img {
  display: block;
  margin: auto;
  width: 100%;
}

/* line 764, ../specific.scss */
div.element.view div.left,
div.element.edit div.left {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  margin-right: 4%;
}
@media only screen and (max-width: 800px) {
  /* line 764, ../specific.scss */
  div.element.view div.left,
  div.element.edit div.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* line 779, ../specific.scss */
div.element.view div.left div.bottom,
div.element.edit div.left div.bottom {
  margin-top: 20px;
}
/* line 782, ../specific.scss */
div.element.view div.left div.bottom a,
div.element.edit div.left div.bottom a {
  margin-right: 20px;
}
/* line 788, ../specific.scss */
div.element.view div.right,
div.element.edit div.right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 36%;
}
/* line 793, ../specific.scss */
div.element.view div.right div.picture img,
div.element.edit div.right div.picture img {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 788, ../specific.scss */
  div.element.view div.right,
  div.element.edit div.right {
    width: 100%;
  }
}

/* line 804, ../specific.scss */
div.element.actualite.view div.bottomContainer a, div.element.presse.view div.bottomContainer a, div.element.evenement.view div.bottomContainer a, div.element.ged.listview a, .element.video.view.webinaire div.bottomContainer a, .element.offreDocument.listview.document-download a {
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 40px;
  position: relative;
  color: #5E5E5E;
  box-shadow: none;
  background: none;
  border-radius: 0;
  margin: 6px;
  margin-left: 0;
  font-style: normal;
}
/* line 816, ../specific.scss */
div.element.actualite.view div.bottomContainer a:before, div.element.presse.view div.bottomContainer a:before, div.element.evenement.view div.bottomContainer a:before, div.element.ged.listview a:before, .element.video.view.webinaire div.bottomContainer a:before, .element.offreDocument.listview.document-download a:before {
  content: '';
  background: url(data/image/Download.svg) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
}
/* line 826, ../specific.scss */
div.element.actualite.view div.bottomContainer a:hover, div.element.presse.view div.bottomContainer a:hover, div.element.evenement.view div.bottomContainer a:hover, div.element.ged.listview a:hover, .element.video.view.webinaire div.bottomContainer a:hover, .element.offreDocument.listview.document-download a:hover {
  color: #3E4982;
}

/* line 1355, ../specific.scss */
div.element.evenement.view h1, div.element.presse.view h1 {
  margin-bottom: 0;
}
/* line 1359, ../specific.scss */
div.element.evenement.view div.topAdmin, div.element.presse.view div.topAdmin {
  text-align: center;
  margin-bottom: 20px;
}
/* line 1363, ../specific.scss */
div.element.evenement.view div.topAdmin a, div.element.presse.view div.topAdmin a {
  margin: 10px;
}
/* line 1368, ../specific.scss */
div.element.evenement.view div.details, div.element.presse.view div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
}
/* line 1372, ../specific.scss */
div.element.evenement.view div.details div.contentToShare, div.element.presse.view div.details div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.view div.details div.contentToShare > div, div.element.presse.view div.details div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.view div.details div.contentToShare > div a, div.element.presse.view div.details div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.view div.details div.contentToShare.active > div, div.element.presse.view div.details div.contentToShare.active > div {
  display: block;
}
/* line 1376, ../specific.scss */
div.element.evenement.view div.details > div, div.element.presse.view div.details > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23%;
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
/* line 1384, ../specific.scss */
div.element.evenement.view div.details > div a, div.element.presse.view div.details > div a {
  color: #5E5E5E;
}
/* line 1389, ../specific.scss */
div.element.evenement.view div.details > div a.showShare img, div.element.presse.view div.details > div a.showShare img {
  max-height: 12px;
}
/* line 1394, ../specific.scss */
div.element.evenement.view div.details > div.date, div.element.presse.view div.details > div.date {
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1394, ../specific.scss */
  div.element.evenement.view div.details > div.date, div.element.presse.view div.details > div.date {
    background: none;
  }
}
/* line 1402, ../specific.scss */
div.element.evenement.view div.details > div.lieu, div.element.presse.view div.details > div.lieu {
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1402, ../specific.scss */
  div.element.evenement.view div.details > div.lieu, div.element.presse.view div.details > div.lieu {
    background: none;
  }
}
/* line 1410, ../specific.scss */
div.element.evenement.view div.details > div.document, div.element.presse.view div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1410, ../specific.scss */
  div.element.evenement.view div.details > div.document, div.element.presse.view div.details > div.document {
    padding-left: 20px;
  }
}
/* line 1422, ../specific.scss */
div.element.evenement.view div.description h3, div.element.presse.view div.description h3,
div.element.evenement.view div.description strong,
div.element.presse.view div.description strong {
  color: #3E4982;
}
/* line 252, ../specific.scss */
div.element.evenement.view div.description ul, div.element.presse.view div.description ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.element.evenement.view div.description ul li, div.element.presse.view div.description ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.element.evenement.view div.description ul li a, div.element.presse.view div.description ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.element.evenement.view div.description ul li a:hover, div.element.presse.view div.description ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.element.evenement.view div.description ul li:before, div.element.presse.view div.description ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.element.evenement.view div.description ul li ul li:before, div.element.presse.view div.description ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.element.evenement.view div.description ul li ul li ul li:before, div.element.presse.view div.description ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 1430, ../specific.scss */
div.element.evenement.view div.bottom, div.element.presse.view div.bottom {
  text-align: left;
}
/* line 1433, ../specific.scss */
div.element.evenement.view div.bottom a.contact-us, div.element.presse.view div.bottom a.contact-us {
  background: none;
  box-shadow: none;
  border: 1px solid #5E5E5E;
  color: #5E5E5E;
}
/* line 1439, ../specific.scss */
div.element.evenement.view div.bottom a.contact-us:hover, div.element.presse.view div.bottom a.contact-us:hover {
  background: #5E5E5E;
  color: #FFF;
}

/* line 1447, ../specific.scss */
div.divWelcome div.bottomContainer {
  margin-top: 600px;
  position: relative;
  padding-top: 100px;
}
@media only screen and (max-width: 800px) {
  /* line 1447, ../specific.scss */
  div.divWelcome div.bottomContainer {
    margin-top: 20px;
  }
}
/* line 1456, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 1463, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a {
  display: block;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: #5E5E5E;
  font-size: 24px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1473, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a span {
  position: relative;
  padding-left: 50px;
  font-family: "Raleway", sans-serif;
}
/* line 1478, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a span:before {
  content: '';
  background: url(data/image/welcome/scroll.png) center center no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transition: 200ms;
  background-size: 100%;
  animation-name: mouse;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@media only screen and (max-width: 800px) {
  /* line 1473, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a span {
    padding-left: 0;
  }
  /* line 1498, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a span:before {
    display: none;
  }
}
@media (hover: hover) {
  /* line 1506, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a:hover span:before {
    animation: none;
    top: 10px;
  }
}

/* line 1517, ../specific.scss */
div.element.actualite.viewList div.content, div.element.evenement.viewList div.content, div.element.presse.viewList div.content {
  overflow: visible;
}
/* line 1520, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent, div.element.evenement.viewList div.content div.resultContent, div.element.presse.viewList div.content div.resultContent {
  width: 100%;
  background: #F2F2F2;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  margin: 40px 0;
}
@media only screen and (max-width: 800px) {
  /* line 1520, ../specific.scss */
  div.element.actualite.viewList div.content div.resultContent, div.element.evenement.viewList div.content div.resultContent, div.element.presse.viewList div.content div.resultContent {
    padding: 20px 0;
  }
}
/* line 1532, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent:before, div.element.evenement.viewList div.content div.resultContent:before, div.element.presse.viewList div.content div.resultContent:before {
  content: '';
  background: #F2F2F2;
  position: absolute;
  right: 100%;
  left: -100%;
  top: 0;
  bottom: 0;
}
/* line 1542, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent:after, div.element.evenement.viewList div.content div.resultContent:after, div.element.presse.viewList div.content div.resultContent:after {
  content: '';
  background: #F2F2F2;
  position: absolute;
  left: 100%;
  right: -100%;
  top: 0;
  bottom: 0;
}
/* line 1552, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent div.element.view, div.element.evenement.viewList div.content div.resultContent div.element.view, div.element.presse.viewList div.content div.resultContent div.element.view {
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  /* line 1552, ../specific.scss */
  div.element.actualite.viewList div.content div.resultContent div.element.view, div.element.evenement.viewList div.content div.resultContent div.element.view, div.element.presse.viewList div.content div.resultContent div.element.view {
    padding: 0;
  }
}

/* line 1624, ../specific.scss */
div.element.customBloc.listview a, div.element.customSubBloc.listview a, div.element.customText.listview a, div.element.customEncart.listview a {
  text-decoration: none;
  transition: 200ms;
  /*    color: $orange; 
      &:hover{color: $red;}*/
}
/* line 1628, ../specific.scss */
div.element.customBloc.listview a.readmore, div.element.customSubBloc.listview a.readmore, div.element.customText.listview a.readmore, div.element.customEncart.listview a.readmore {
  margin-bottom: 5px;
}

/*Animations page d'accueil*/
@keyframes showAll {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
    visibility: hidden;
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
    visibility: visible;
  }
}
@keyframes welcomeAccesBeforeLeft {
  0% {
    background-position: -200%;
  }
  20% {
    background-position: -200%;
  }
  60% {
    background-position: -200%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes welcomeAccesH2Left {
  0% {
    left: 10px;
  }
  20% {
    left: 10px;
  }
  70% {
    left: 10px;
  }
  100% {
    left: -80%;
  }
}
@keyframes welcomeAccesBeforeRight {
  0% {
    background-position: 200%;
  }
  20% {
    background-position: 200%;
  }
  60% {
    background-position: 200%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes welcomeAccesH2Right {
  0% {
    right: 10px;
  }
  20% {
    right: 10px;
  }
  70% {
    right: 10px;
  }
  100% {
    right: -80%;
  }
}
@keyframes welcomeAccesBeforeBottom {
  0% {
    background-position: center 300%;
  }
  60% {
    background-position: center 300%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes welcomeAccesH2Bottom {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  70% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes welcomeLogo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes welcomeSearch {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  90% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes ramification {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  90% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes circle {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  90% {
    width: 0;
  }
  100% {
    width: 40%;
  }
}
@keyframes btnWelcomeMobile {
  0% {
    transform: rotateX(-100deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
  100% {
    transform: rotateX(0deg);
  }
}
@keyframes sonar-effect {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.6;
    box-shadow: 0 0 0 1px #3E4982, 0 0 2px 2px #3E4982, 0 0 0 2px #3E4982;
  }
  100% {
    box-shadow: 0 0 0 2px #3E4982, 0 0 4px 4px #3E4982, 0 0 0 4px #3E4982;
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes mouse {
  0% {
    top: 0;
  }
  100% {
    top: 10px;
  }
}
@keyframes mouse-light {
  0% {
    top: 0;
  }
  100% {
    top: 5px;
  }
}
@keyframes equipe-1 {
  0% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-2 {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-3 {
  0% {
    width: 0;
  }
  40% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-4 {
  0% {
    width: 0;
  }
  60% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-5 {
  0% {
    width: 0;
  }
  80% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-6 {
  0% {
    width: 0;
  }
  90% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-7 {
  0% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes search {
  0% {
    background: linear-gradient(to right, rgba(88, 151, 199, 0.1) 50%, rgba(88, 151, 199, 0.2) 50%);
    background-size: 0 0;
    background-position: left bottom;
  }
  100% {
    background: linear-gradient(to right, rgba(88, 151, 199, 0.1) 50%, rgba(88, 151, 199, 0.2) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
  }
}
/*
 * General
 * ************************************************************************* */
/* line 1985, ../specific.scss */
body {
  font-family: "Roboto", sans-serif;
  color: #646464;
  background: #FFFFFF;
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}

/* line 1992, ../specific.scss */
body.mceContentBody {
  font-size: 16px;
  color: #646464;
  line-height: 1.4em;
  /*@include customList();*/
}
/* line 1997, ../specific.scss */
body.mceContentBody h3 {
  margin-bottom: 16px;
}
/* line 2006, ../specific.scss */
body.mceContentBody strong {
  color: #3E4982;
}
/* line 2010, ../specific.scss */
body.mceContentBody a.download {
  font-size: 16px;
}
/* line 2015, ../specific.scss */
body.mceContentBody a.readmore {
  font-size: 16px;
}
/* line 2020, ../specific.scss */
body.mceContentBody a.contact-us {
  font-size: 16px;
}

/* line 2028, ../specific.scss */
div.container {
  max-width: 1366px;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1366px) {
  /* line 2028, ../specific.scss */
  div.container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 820px) {
  /* line 2028, ../specific.scss */
  div.container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 2055, ../specific.scss */
input[type="submit"] {
  -webkit-appearance: none;
}

/* line 2059, ../specific.scss */
div.policeSize {
  box-sizing: border-box;
  padding: 0 20px;
  text-align: right;
  background-color: #fff;
}
/* line 2066, ../specific.scss */
div.policeSize a {
  color: #3E4982;
  font-size: 16px;
}
@media only screen and (max-width: 800px) {
  /* line 2059, ../specific.scss */
  div.policeSize {
    display: none;
  }
}

/* line 2076, ../specific.scss */
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: none;
}

/* line 2082, ../specific.scss */
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
  color: #646464;
  padding: 6px;
}

/* line 2087, ../specific.scss */
div.element.editWeight {
  border: 1px solid #646464;
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 2093, ../specific.scss */
div.product div.actions,
div.element div.actions {
  min-height: 100px;
}

/* line 2098, ../specific.scss */
abbr[title],
acronym[title] {
  border-bottom: none;
  text-decoration: none;
  font-weight: bold;
}

/* line 2108, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.save {
  background: #3E4982;
  border: 1px solid #3E4982;
  color: #FFF;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
}
/* line 2117, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.save:hover {
  color: #3E4982;
  background: #FFF;
}
/* line 2123, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.cancel {
  background: #E3424A;
  border: 1px solid #E3424A;
  color: #FFF;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
}
/* line 2132, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.cancel:hover {
  color: #E3424A;
  background: #FFF;
}

/*a, a:link, a:visited{color: $hardGrey;}*/
/* line 2150, ../specific.scss */
.tagsinput {
  border-radius: 0;
  /* border: 1px solid $grey; */
  border-right: 0;
}

/* line 2156, ../specific.scss */
.tagsinput .tag {
  background: #3E4982;
  margin: 4px 2px 6px;
  padding: 4px 30px 5px 5px;
}

/* line 2162, ../specific.scss */
.tagsinput .tag .tag-remove:before,
.tagsinput .tag .tag-remove:after {
  background: #FFF;
}

/* line 2167, ../specific.scss */
div.bandeau-annonce {
  background: #3E4982;
  color: #FFF;
  padding: 10px;
}

/* line 2173, ../specific.scss */
header#banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #fff;
}
/* line 2181, ../specific.scss */
header#banner div.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 20px 245px 0;
}
/* line 2186, ../specific.scss */
header#banner div.top a.button-header {
  margin-left: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: rgba(255, 255, 255, 0.87);
  padding: 13px 0;
  width: 190px;
  text-align: center;
  font-weight: 700px;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}
/* line 2200, ../specific.scss */
header#banner div.top a.button-header.adherent {
  background-color: #E3424A;
}
/* line 2204, ../specific.scss */
header#banner div.top a.button-header.recrutement {
  background-color: #16A89F;
}
/* line 2208, ../specific.scss */
header#banner div.top a.button-header.contact {
  background-color: #FF9827;
}
@media only screen and (max-width: 1150px) {
  /* line 2181, ../specific.scss */
  header#banner div.top {
    padding: 20px 100px 0 245px;
  }
}
@media only screen and (max-width: 900px) {
  /* line 2181, ../specific.scss */
  header#banner div.top {
    padding: 20px 50px 0 245px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2181, ../specific.scss */
  header#banner div.top {
    display: none;
  }
}
/* line 2226, ../specific.scss */
header#banner div.bottom {
  background: #3E4982;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 245px;
}
/* line 2234, ../specific.scss */
header#banner div.bottom div.left,
header#banner div.bottom div.right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 2240, ../specific.scss */
header#banner div.bottom div.left {
  height: 100%;
}
/* line 2243, ../specific.scss */
header#banner div.bottom div.left a {
  background-color: #fff;
  margin-right: 40px;
  padding: 20px;
}
/* line 2249, ../specific.scss */
header#banner div.bottom div.left span.baseline {
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1230px) {
  /* line 2249, ../specific.scss */
  header#banner div.bottom div.left span.baseline {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2260, ../specific.scss */
  header#banner div.bottom div.left a {
    padding: 0 20px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 450px) {
  /* line 2268, ../specific.scss */
  header#banner div.bottom div.left img {
    width: 100px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2275, ../specific.scss */
  header#banner div.bottom div.right div.module-search {
    display: none;
  }
}
/* line 2281, ../specific.scss */
header#banner div.bottom div.right div.searchMobile {
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 2281, ../specific.scss */
  header#banner div.bottom div.right div.searchMobile {
    display: block;
    height: 23px;
  }
}
/* line 2290, ../specific.scss */
header#banner div.bottom div.right a.notifs {
  position: relative;
  padding-top: 5px;
  margin-left: 50px;
  margin-right: 20px;
}
/* line 2296, ../specific.scss */
header#banner div.bottom div.right a.notifs span {
  position: absolute;
  top: -6px;
  right: 0;
  background: #E3424A;
  text-align: center;
  font-size: 0.8em;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  color: #FFF;
  height: 22px;
  width: 22px;
  border-radius: 100%;
  line-height: 23px;
}
@media only screen and (max-width: 800px) {
  /* line 2290, ../specific.scss */
  header#banner div.bottom div.right a.notifs {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2316, ../specific.scss */
  header#banner div.bottom div.right a.linkedin {
    display: none;
  }
}
/* line 2322, ../specific.scss */
header#banner div.bottom div.right a.showMenu {
  border-radius: 0 0 0 100%;
  text-align: right;
  margin-left: 50px;
  display: -ms-flexbox;
  display: flex;
}
/* line 2328, ../specific.scss */
header#banner div.bottom div.right a.showMenu span,
header#banner div.bottom div.right a.showMenu img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 2333, ../specific.scss */
header#banner div.bottom div.right a.showMenu span {
  margin-right: 10px;
}
/* line 2337, ../specific.scss */
header#banner div.bottom div.right a.showMenu img {
  transition: 200ms;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  header#banner div.bottom div.right a.showMenu:hover {
    box-shadow: none;
  }
  /* line 2342, ../specific.scss */
  header#banner div.bottom div.right a.showMenu:hover img {
    background: #FFF;
    border-radius: 100%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2322, ../specific.scss */
  header#banner div.bottom div.right a.showMenu {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2274, ../specific.scss */
  header#banner div.bottom div.right {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
@media only screen and (max-width: 1630px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    padding: 0 130px;
  }
}
@media only screen and (max-width: 1400px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    height: 85px;
  }
}
@media only screen and (max-width: 450px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    padding: 0 25px;
  }
}
/* line 2377, ../specific.scss */
header#banner div.buttons-mobile {
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 2377, ../specific.scss */
  header#banner div.buttons-mobile {
    display: -ms-flexbox;
    display: flex;
  }
  /* line 2383, ../specific.scss */
  header#banner div.buttons-mobile a.button-header {
    padding: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: calc(100%/3);
  }
  /* line 2389, ../specific.scss */
  header#banner div.buttons-mobile a.button-header.adherent {
    background-color: #E3424A;
  }
  /* line 2393, ../specific.scss */
  header#banner div.buttons-mobile a.button-header.recrutement {
    background-color: #16A89F;
  }
  /* line 2397, ../specific.scss */
  header#banner div.buttons-mobile a.button-header.contact {
    background-color: #FF9827;
  }
}
@media only screen and (max-width: 450px) {
  /* line 2404, ../specific.scss */
  header#banner div.buttons-mobile img {
    width: 25px;
  }
}

/* line 2414, ../specific.scss */
.module-search .module {
  background-color: #fff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
}
/* line 2420, ../specific.scss */
.module-search input {
  border: 0;
}
/* line 2424, ../specific.scss */
.module-search input.search {
  width: auto;
  -ms-flex: 1;
      flex: 1;
  padding: 5px;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-style: italic;
  font-weight: 300;
  color: rgba(112, 112, 112, 0.91);
}
/* line 2436, ../specific.scss */
.module-search .tagsinput {
  -ms-flex: 1;
      flex: 1;
}
/* line 2440, ../specific.scss */
.module-search [type=submit] {
  padding: 10px 15px;
  width: 25px;
  text-indent: -9999px;
  background: url(data/image/header/loupe_mist.png) center center no-repeat #FFF;
  background-size: 50%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
/* line 2452, ../specific.scss */
.module-search.black-glass [type=submit] {
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  background-size: 50%;
}

/* line 2460, ../specific.scss */
div#site {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 2465, ../specific.scss */
div#site a.showMenu {
  color: #FFF;
  text-transform: uppercase;
  transition: 200ms;
}
@media only screen and (max-width: 1380px) {
  /* line 2471, ../specific.scss */
  div#site a.showMenu img {
    margin: 0;
    margin-left: 2%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2465, ../specific.scss */
  div#site a.showMenu {
    display: none;
  }
}
/* line 2482, ../specific.scss */
div#site nav#menu {
  position: fixed;
  left: 0;
  right: 0;
  top: -100%;
  padding: 50px 80px 30px;
  z-index: 250;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
  transition: 200ms;
  margin-top: 165px;
  overflow-y: scroll;
  max-height: 100%;
}
/* line 2496, ../specific.scss */
div#site nav#menu a.no-link {
  cursor: initial;
}
@media only screen and (max-width: 1750px) {
  /* line 2482, ../specific.scss */
  div#site nav#menu {
    padding: 50px 50px 30px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2482, ../specific.scss */
  div#site nav#menu {
    margin-top: 143px;
    padding: 20px;
  }
  /* line 2508, ../specific.scss */
  div#site nav#menu:after {
    content: '';
    position: absolute;
    bottom: 25%;
    right: 13%;
    background: url(data/image/MIST.png) center bottom/300px no-repeat;
    height: 100%;
    width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 2520, ../specific.scss */
  div#site nav#menu:after {
    display: none;
  }
}
/* line 2525, ../specific.scss */
div#site nav#menu.active {
  top: 0;
}
@media only screen and (max-width: 800px) {
  /* line 2529, ../specific.scss */
  div#site nav#menu div.menuContainer {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  /* line 2529, ../specific.scss */
  div#site nav#menu div.menuContainer {
    width: 100%;
  }
}
/* line 2538, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 2542, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li {
  list-style: none;
  margin: 7px 0;
  padding: 0 30px;
  border-left: 2px solid #E8E8E8;
  height: min-content;
}
/* line 2550, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li a span {
  font-weight: 700;
  color: #3E4982;
  font-size: 1rem;
}
/* line 2557, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li:first-of-type {
  border-left: 0;
}
/* line 2564, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li:first-of-type ul li:last-of-type a span {
  font-weight: 700;
  color: #E3424A;
}
@media only screen and (max-width: 1670px) {
  /* line 2574, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.liens-utiles {
    border-left: 0;
  }
}
@media only screen and (max-width: 1515px) {
  /* line 2574, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.liens-utiles {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 965px) {
  /* line 2574, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.liens-utiles {
    border-left: 0;
  }
}
@media only screen and (max-width: 1515px) {
  /* line 2588, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.question {
    border-left: 0;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 2588, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.question {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 2598, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.dirigeant-salarie {
    border-left: 0;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 2598, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.dirigeant-salarie {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 2608, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.information {
    border-left: 0;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 2608, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.information {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 2618, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.adherer {
    border-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2538, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  /* line 2628, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li {
    border-left: 0 !important;
  }
  /* line 2631, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li a {
    background: url(data/image/2022/arrow-dropdown.svg) right center no-repeat;
    padding-right: 30px;
  }
  /* line 2636, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li ul {
    visibility: hidden;
    max-height: 0;
    transition: 200ms ease-out;
  }
  /* line 2643, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li:hover ul {
    visibility: visible;
    max-height: 60em;
    transition: 200ms ease-out;
  }
  /* line 2651, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.question a {
    background: transparent;
  }
  /* line 2657, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li:hover ul {
    max-height: auto;
  }
}
/* line 2667, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-2 li,
div#site nav#menu div.menuContainer ul.element.dossier li {
  padding: 0;
  border-left: 0;
}
/* line 2672, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-2 li a span,
div#site nav#menu div.menuContainer ul.element.dossier li a span {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.9rem;
  transition: 200ms;
}
/* line 2680, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-2 li a:hover span,
div#site nav#menu div.menuContainer ul.element.dossier li a:hover span {
  color: #3E4982;
}
@media only screen and (max-width: 800px) {
  /* line 2689, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-2 li a,
  div#site nav#menu div.menuContainer ul.element.dossier li a {
    background: transparent;
    padding: 0;
  }
}
/* line 2700, ../specific.scss */
div#site.welcome footer#footer {
  margin-top: 0;
}
/* line 2707, ../specific.scss */
div#site:not(.welcome) a.showMenu img {
  transition: 200ms;
}
@media (hover: hover) {
  /* line 2712, ../specific.scss */
  div#site:not(.welcome) a.showMenu:hover img {
    background: #FFF;
    border-radius: 100%;
  }
}
/* line 2721, ../specific.scss */
div#site.dirigeant-salarie footer#footer {
  margin-top: 0;
}
/* line 2727, ../specific.scss */
div#site.contact footer#footer {
  margin-top: 0;
}

/* line 2734, ../specific.scss */
body.bandeau div.divWelcome {
  margin-top: 230px;
}
/* line 2738, ../specific.scss */
body.bandeau div#page:not(.welcome),
body.bandeau div#site nav#menu {
  margin-top: 210px;
}

@media only screen and (max-width: 800px) {
  /* line 2745, ../specific.scss */
  div.bandeau-annonce {
    display: none;
  }
}
/*Pour eviter le décallage avec le menu en fixed*/
@media only screen and (max-width: 800px) {
  /* line 2751, ../specific.scss */
  div#page {
    padding: 0;
  }
}
/* line 2756, ../specific.scss */
div#page:not(.welcome) {
  margin-top: 165px;
}
/* line 2760, ../specific.scss */
div#page a.bottomScroll {
  position: fixed;
  bottom: 10px;
  right: -100px;
  height: 50px;
  width: 50px;
  transition: 200ms;
  z-index: 100;
}
/* line 2769, ../specific.scss */
div#page a.bottomScroll.active {
  right: 10px;
}
/* line 2773, ../specific.scss */
div#page a.bottomScroll img {
  display: block;
  margin: auto;
  width: 100%;
  transition: 200ms;
}
@media (hover: hover) {
  /* line 2781, ../specific.scss */
  div#page a.bottomScroll:hover img {
    padding-top: 10%;
    width: 80%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2760, ../specific.scss */
  div#page a.bottomScroll {
    display: none;
  }
}

/*Header mobile*/
/* line 2794, ../specific.scss */
div.bannerMobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 2794, ../specific.scss */
  div.bannerMobile {
    display: none;
  }
}
/* line 2805, ../specific.scss */
div.bannerMobile:before {
  content: '';
  background: #FFF;
  height: 80px;
  width: 100%;
  box-shadow: 0 0 10px #5E5E5E;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* line 2817, ../specific.scss */
div.bannerMobile div.searchMobile {
  float: left;
  width: 40%;
  height: 80px;
  line-height: 90px;
  padding-left: 20px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  text-align: left;
  background: #FFF;
}
/* line 2830, ../specific.scss */
div.bannerMobile div.logo {
  display: block;
  position: relative;
  margin: auto;
  width: 150px;
  height: 150px;
  border-radius: 0 0 100% 100%;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px #5E5E5E;
}
/* line 2841, ../specific.scss */
div.bannerMobile div.logo a {
  padding: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 2850, ../specific.scss */
div.bannerMobile div.logo a img {
  max-width: 80%;
  max-height: 100%;
}
/* line 2857, ../specific.scss */
div.bannerMobile div.menuMobile {
  float: right;
  width: 40%;
  height: 80px;
  text-align: right;
  position: relative;
  z-index: 2;
  background: #FFF;
}
/* line 2866, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 40px;
  right: 20px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 12;
  cursor: pointer;
}
/* line 1573, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span,
div.bannerMobile div.menuMobile a.showMenuMobile span:before,
div.bannerMobile div.menuMobile a.showMenuMobile span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 100%;
  background: #5E5E5E;
  position: absolute;
  display: block;
  content: '';
  transition: all 500ms ease-in-out;
}
/* line 1587, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
/* line 1592, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span:before {
  top: -10px;
}
/* line 1596, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span:after {
  bottom: -10px;
}
/* line 1601, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span {
  background-color: transparent;
}
/* line 1604, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span:before, div.bannerMobile div.menuMobile a.showMenuMobile.active span:after {
  width: 100%;
  top: 0;
  background: #fff;
}
/* line 1611, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 1615, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span:after {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

/*Tous les templates fonctionnent pareil sauf la page d'accueil (dans les grandes lignes)*/
/* line 2873, ../specific.scss */
div.divPage {
  /*Covid 19*/
}
/* line 2874, ../specific.scss */
div.divPage:not(.divWelcome) {
  margin-top: 100px;
}
@media only screen and (max-width: 1380px) {
  /* line 2874, ../specific.scss */
  div.divPage:not(.divWelcome) {
    margin-top: 0;
  }
}
/* line 2882, ../specific.scss */
div.divPage.divSalarie {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2882, ../specific.scss */
  div.divPage.divSalarie {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSalarie:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-salarie.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSalarie > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSalarie > div.element.description,
div.divPage.divSalarie > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie > div.element.description,
  div.divPage.divSalarie > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie > div.element.description,
  div.divPage.divSalarie > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSalarie > div.element.description a:hover,
div.divPage.divSalarie > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSalarie div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSalarie div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSalarie div.bottomDescription div.element.description div.description,
div.divPage.divSalarie div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSalarie div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSalarie div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:hover, div.divPage.divSalarie div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSalarie div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2886, ../specific.scss */
div.divPage.divDirigeant {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2886, ../specific.scss */
  div.divPage.divDirigeant {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divDirigeant:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divDirigeant:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divDirigeant:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divDirigeant > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divDirigeant > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divDirigeant > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divDirigeant > div.element.description,
div.divPage.divDirigeant > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divDirigeant > div.element.description,
  div.divPage.divDirigeant > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divDirigeant > div.element.description,
  div.divPage.divDirigeant > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divDirigeant > div.element.description a:hover,
div.divPage.divDirigeant > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divDirigeant div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divDirigeant div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divDirigeant div.bottomDescription div.element.description div.description,
div.divPage.divDirigeant div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divDirigeant div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divDirigeant div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divDirigeant div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:hover, div.divPage.divDirigeant div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divDirigeant div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divDirigeant div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divDirigeant div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2890, ../specific.scss */
div.divPage.divRepresentant {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 34% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2890, ../specific.scss */
  div.divPage.divRepresentant {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divRepresentant:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-representant-du-personnel.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divRepresentant:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divRepresentant:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divRepresentant > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divRepresentant > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divRepresentant > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divRepresentant > div.element.description,
div.divPage.divRepresentant > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divRepresentant > div.element.description,
  div.divPage.divRepresentant > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divRepresentant > div.element.description,
  div.divPage.divRepresentant > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divRepresentant > div.element.description a:hover,
div.divPage.divRepresentant > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divRepresentant div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divRepresentant div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divRepresentant div.bottomDescription div.element.description div.description,
div.divPage.divRepresentant div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divRepresentant div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divRepresentant div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divRepresentant div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:hover, div.divPage.divRepresentant div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divRepresentant div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divRepresentant div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divRepresentant div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2895, ../specific.scss */
div.divPage.divCmaic {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2895, ../specific.scss */
  div.divPage.divCmaic {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCmaic:not(.notBackground) {
  background: url(data/image/backgroundPage/le-CMAIC.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCmaic:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCmaic:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCmaic > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCmaic > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCmaic > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCmaic > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCmaic > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCmaic > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCmaic > div.element.description,
div.divPage.divCmaic > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCmaic > div.element.description,
  div.divPage.divCmaic > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCmaic > div.element.description,
  div.divPage.divCmaic > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCmaic > div.element.description a:hover,
div.divPage.divCmaic > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCmaic div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCmaic div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCmaic div.bottomDescription div.element.description div.description,
div.divPage.divCmaic div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCmaic div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCmaic div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCmaic div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCmaic div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:hover, div.divPage.divCmaic div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCmaic div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCmaic div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCmaic div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2899, ../specific.scss */
div.divPage.divCmaic div.description {
  margin-bottom: 40px;
}
/* line 2904, ../specific.scss */
div.divPage.divQui-sommes-nous {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2904, ../specific.scss */
  div.divPage.divQui-sommes-nous {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divQui-sommes-nous:not(.notBackground) {
  background: url(data/image/backgroundPage/qui-sommes-nous.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divQui-sommes-nous:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divQui-sommes-nous:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.description,
div.divPage.divQui-sommes-nous > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.description,
  div.divPage.divQui-sommes-nous > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.description,
  div.divPage.divQui-sommes-nous > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.description a:hover,
div.divPage.divQui-sommes-nous > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divQui-sommes-nous div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomDescription div.element.description div.description,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divQui-sommes-nous div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divQui-sommes-nous div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:hover, div.divPage.divQui-sommes-nous div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divQui-sommes-nous div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divQui-sommes-nous div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divQui-sommes-nous div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2908, ../specific.scss */
div.divPage.divSante {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2908, ../specific.scss */
  div.divPage.divSante {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSante:not(.notBackground) {
  background: url(data/image/backgroundPage/la-sante-au-travail.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSante > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSante > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSante > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSante > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSante > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSante > div.element.description,
div.divPage.divSante > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante > div.element.description,
  div.divPage.divSante > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante > div.element.description,
  div.divPage.divSante > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSante > div.element.description a:hover,
div.divPage.divSante > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSante div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSante div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSante div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSante div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSante div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSante div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSante div.bottomDescription div.element.description div.description,
div.divPage.divSante div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSante div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSante div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSante div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSante div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSante div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSante div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSante div.accesTemplate a:hover, div.divPage.divSante div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSante div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSante div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSante div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
@media only screen and (max-width: 800px) {
  /* line 2908, ../specific.scss */
  div.divPage.divSante {
    padding-bottom: 50px;
  }
}
/* line 2917, ../specific.scss */
div.divPage.divReglementation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2917, ../specific.scss */
  div.divPage.divReglementation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divReglementation:not(.notBackground) {
  background: url(data/image/backgroundPage/que-dit-la-reglementation.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divReglementation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divReglementation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divReglementation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divReglementation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divReglementation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divReglementation > div.element.description,
div.divPage.divReglementation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divReglementation > div.element.description,
  div.divPage.divReglementation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divReglementation > div.element.description,
  div.divPage.divReglementation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divReglementation > div.element.description a:hover,
div.divPage.divReglementation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divReglementation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divReglementation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divReglementation div.bottomDescription div.element.description div.description,
div.divPage.divReglementation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divReglementation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divReglementation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divReglementation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divReglementation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:hover, div.divPage.divReglementation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divReglementation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divReglementation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divReglementation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2920, ../specific.scss */
div.divPage.divReglementation:not(.notBackground) {
  background-size: 40%;
}
/* line 2924, ../specific.scss */
div.divPage.divReglementation div.element.title {
  padding-top: 0 !important;
}
/* line 2928, ../specific.scss */
div.divPage.divReglementation > div.element.presentation {
  max-width: 45%;
}
/* line 2934, ../specific.scss */
div.divPage.divSante-Travail {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2934, ../specific.scss */
  div.divPage.divSante-Travail {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSante-Travail:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-approche-de-la-sante-au-travail.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Travail:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Travail:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSante-Travail > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(4) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(4) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(4):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSante-Travail > div.element.description,
div.divPage.divSante-Travail > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Travail > div.element.description,
  div.divPage.divSante-Travail > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Travail > div.element.description,
  div.divPage.divSante-Travail > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSante-Travail > div.element.description a:hover,
div.divPage.divSante-Travail > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSante-Travail div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSante-Travail div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSante-Travail div.bottomDescription div.element.description div.description,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSante-Travail div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Travail div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Travail div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:hover, div.divPage.divSante-Travail div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSante-Travail div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Travail div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Travail div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2938, ../specific.scss */
div.divPage.divSante-Enjeu {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2938, ../specific.scss */
  div.divPage.divSante-Enjeu {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSante-Enjeu:not(.notBackground) {
  background: url(data/image/backgroundPage/nos-enjeux-vos-metiers.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Enjeu:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Enjeu:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.description,
div.divPage.divSante-Enjeu > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.description,
  div.divPage.divSante-Enjeu > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.description,
  div.divPage.divSante-Enjeu > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.description a:hover,
div.divPage.divSante-Enjeu > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSante-Enjeu div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomDescription div.element.description div.description,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Enjeu div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Enjeu div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:hover, div.divPage.divSante-Enjeu div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSante-Enjeu div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Enjeu div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Enjeu div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2943, ../specific.scss */
div.divPage.divCovid19 {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2943, ../specific.scss */
  div.divPage.divCovid19 {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCovid19:not(.notBackground) {
  background: url(data/image/backgroundPage/) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCovid19 > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19 > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19 > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCovid19 > div.element.description,
div.divPage.divCovid19 > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19 > div.element.description,
  div.divPage.divCovid19 > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19 > div.element.description,
  div.divPage.divCovid19 > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCovid19 > div.element.description a:hover,
div.divPage.divCovid19 > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCovid19 div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCovid19 div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCovid19 div.bottomDescription div.element.description div.description,
div.divPage.divCovid19 div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCovid19 div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19 div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19 div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:hover, div.divPage.divCovid19 div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCovid19 div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19 div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19 div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2947, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2947, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC:not(.notBackground) {
  background: url(data/image/backgroundPage/continuite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.description,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.description,
  div.divPage.divCovid19-permanence-CMAIC > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.description,
  div.divPage.divCovid19-permanence-CMAIC > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.description a:hover,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description div.description,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:hover, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2952, ../specific.scss */
div.divPage.divInformation-coronavirus {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2952, ../specific.scss */
  div.divPage.divInformation-coronavirus {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divInformation-coronavirus:not(.notBackground) {
  background: url(data/image/backgroundPage/informations.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divInformation-coronavirus:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divInformation-coronavirus:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.description,
div.divPage.divInformation-coronavirus > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.description,
  div.divPage.divInformation-coronavirus > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.description,
  div.divPage.divInformation-coronavirus > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.description a:hover,
div.divPage.divInformation-coronavirus > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divInformation-coronavirus div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomDescription div.element.description div.description,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divInformation-coronavirus div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divInformation-coronavirus div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:hover, div.divPage.divInformation-coronavirus div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divInformation-coronavirus div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divInformation-coronavirus div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divInformation-coronavirus div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2957, ../specific.scss */
div.divPage.divEntreprise-coronavirus {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2957, ../specific.scss */
  div.divPage.divEntreprise-coronavirus {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divEntreprise-coronavirus:not(.notBackground) {
  background: url(data/image/backgroundPage/acc-dirigeants.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divEntreprise-coronavirus:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divEntreprise-coronavirus:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.description,
div.divPage.divEntreprise-coronavirus > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.description,
  div.divPage.divEntreprise-coronavirus > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.description,
  div.divPage.divEntreprise-coronavirus > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.description a:hover,
div.divPage.divEntreprise-coronavirus > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description div.description,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:hover, div.divPage.divEntreprise-coronavirus div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2962, ../specific.scss */
div.divPage.divSalarie-coronavirus {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2962, ../specific.scss */
  div.divPage.divSalarie-coronavirus {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSalarie-coronavirus:not(.notBackground) {
  background: url(data/image/backgroundPage/accomp-salarie.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie-coronavirus:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie-coronavirus:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.description,
div.divPage.divSalarie-coronavirus > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.description,
  div.divPage.divSalarie-coronavirus > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.description,
  div.divPage.divSalarie-coronavirus > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.description a:hover,
div.divPage.divSalarie-coronavirus > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description div.description,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:hover, div.divPage.divSalarie-coronavirus div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2967, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2967, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation:not(.notBackground) {
  background: url(data/image/backgroundPage/situation.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
  div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
  div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.description a:hover,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description div.description,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:hover, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2972, ../specific.scss */
div.divPage.divCoronavirus-recommandations {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2972, ../specific.scss */
  div.divPage.divCoronavirus-recommandations {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCoronavirus-recommandations:not(.notBackground) {
  background: url(data/image/backgroundPage/recommendation.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-recommandations:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-recommandations:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.description,
div.divPage.divCoronavirus-recommandations > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.description,
  div.divPage.divCoronavirus-recommandations > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.description,
  div.divPage.divCoronavirus-recommandations > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.description a:hover,
div.divPage.divCoronavirus-recommandations > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description div.description,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:hover, div.divPage.divCoronavirus-recommandations div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2977, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2977, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement:not(.notBackground) {
  background: url(data/image/backgroundPage/retour-travail.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description div.description,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:hover, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2982, ../specific.scss */
div.divPage.divCible, div.divPage.divNos-enjeux {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2982, ../specific.scss */
  div.divPage.divCible, div.divPage.divNos-enjeux {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCible:not(.notBackground), div.divPage.divNos-enjeux:not(.notBackground) {
  background: url(data/image/backgroundPage/enjeux-illustrations.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCible:not(.notBackground), div.divPage.divNos-enjeux:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCible:not(.notBackground), div.divPage.divNos-enjeux:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCible > div.element.title, div.divPage.divNos-enjeux > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCible > div.element.title, div.divPage.divNos-enjeux > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCible > div.element.title, div.divPage.divNos-enjeux > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCible > div.element.title h1 span, div.divPage.divNos-enjeux > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCible > div.element.title h1 span:nth-child(1), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCible > div.element.title h1 span:nth-child(1), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCible > div.element.title h1 span:nth-child(2), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCible > div.element.title h1 span:nth-child(2), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCible > div.element.title h1 span:nth-child(2):after, div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCible > div.element.description,
div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
div.divPage.divNos-enjeux > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCible > div.element.description,
  div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
  div.divPage.divNos-enjeux > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCible > div.element.description,
  div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
  div.divPage.divNos-enjeux > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCible > div.element.description a:hover,
div.divPage.divCible > div.element.presentation a:hover, div.divPage.divNos-enjeux > div.element.description a:hover,
div.divPage.divNos-enjeux > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCible div.bottomAcces.light, div.divPage.divNos-enjeux div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCible div.bottomAcces.light a, div.divPage.divNos-enjeux div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCible div.bottomAcces.light a span, div.divPage.divNos-enjeux div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCible div.bottomAcces.light a span:before, div.divPage.divNos-enjeux div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCible div.bottomDescription, div.divPage.divNos-enjeux div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCible div.bottomDescription, div.divPage.divNos-enjeux div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCible div.bottomDescription div.element.description div.description,
div.divPage.divCible div.bottomDescription div.element.presentation div.description, div.divPage.divNos-enjeux div.bottomDescription div.element.description div.description,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCible div.bottomDescription div.bottom, div.divPage.divNos-enjeux div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCible div.accesTemplate, div.divPage.divNos-enjeux div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCible div.accesTemplate, div.divPage.divNos-enjeux div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCible div.accesTemplate, div.divPage.divNos-enjeux div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCible div.accesTemplate a:before, div.divPage.divNos-enjeux div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCible div.accesTemplate a:first-child, div.divPage.divNos-enjeux div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCible div.accesTemplate a:first-child:before, div.divPage.divNos-enjeux div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCible div.accesTemplate a:hover, div.divPage.divCible div.accesTemplate a.active, div.divPage.divNos-enjeux div.accesTemplate a:hover, div.divPage.divNos-enjeux div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCible div.accesTemplate a.active, div.divPage.divNos-enjeux div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCible div.randomInTemplate, div.divPage.divNos-enjeux div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCible div.randomInTemplate, div.divPage.divNos-enjeux div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCible div.randomInTemplate, div.divPage.divNos-enjeux div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random, div.divPage.divNos-enjeux div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random h2, div.divPage.divNos-enjeux div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random h2 a, div.divPage.divNos-enjeux div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture a, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture a img, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture a:hover img, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random.actualite h2 a:hover, div.divPage.divNos-enjeux div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random.evenement h2 a:hover, div.divPage.divNos-enjeux div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random.presse h2 a:hover, div.divPage.divNos-enjeux div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2988, ../specific.scss */
div.divPage.divDossiers {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 24% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2988, ../specific.scss */
  div.divPage.divDossiers {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divDossiers:not(.notBackground) {
  background: url(data/image/backgroundPage/dossier-illustration.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divDossiers:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divDossiers:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divDossiers > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divDossiers > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divDossiers > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divDossiers > div.element.description,
div.divPage.divDossiers > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divDossiers > div.element.description,
  div.divPage.divDossiers > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divDossiers > div.element.description,
  div.divPage.divDossiers > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divDossiers > div.element.description a:hover,
div.divPage.divDossiers > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divDossiers div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divDossiers div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divDossiers div.bottomDescription div.element.description div.description,
div.divPage.divDossiers div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divDossiers div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divDossiers div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divDossiers div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divDossiers div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:hover, div.divPage.divDossiers div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divDossiers div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divDossiers div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divDossiers div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2993, ../specific.scss */
div.divPage.divChiffre-cle {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2993, ../specific.scss */
  div.divPage.divChiffre-cle {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divChiffre-cle:not(.notBackground) {
  background: url(data/image/backgroundPage/chiffres-cles-illustration.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divChiffre-cle:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divChiffre-cle:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divChiffre-cle > div.element.description,
div.divPage.divChiffre-cle > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.description,
  div.divPage.divChiffre-cle > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.description,
  div.divPage.divChiffre-cle > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divChiffre-cle > div.element.description a:hover,
div.divPage.divChiffre-cle > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divChiffre-cle div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divChiffre-cle div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divChiffre-cle div.bottomDescription div.element.description div.description,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divChiffre-cle div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divChiffre-cle div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divChiffre-cle div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:hover, div.divPage.divChiffre-cle div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divChiffre-cle div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divChiffre-cle div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divChiffre-cle div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2997, ../specific.scss */
div.divPage.divChiffre-cle div.presentation {
  min-height: 200px;
}

/* line 3003, ../specific.scss */
div.popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url('/data/css/sass/images/rgbapng/00000066-5.png?1759754585');
  background: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 1380px) {
  /* line 3003, ../specific.scss */
  div.popup {
    display: none !important;
  }
}
/* line 3020, ../specific.scss */
div.popup div.popupContent {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 3020, ../specific.scss */
  div.popup div.popupContent {
    bottom: auto;
    min-height: 630px;
  }
}
/* line 3033, ../specific.scss */
div.popup div.popupContent div.logo {
  width: 50%;
  margin: auto;
  margin-top: 0;
  margin-bottom: 160px;
}
/* line 3041, ../specific.scss */
div.popup div.popupContent div.logo img.cist, div.popup div.popupContent div.logo img.cmaic {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px;
  width: auto;
  max-width: 170px;
}
/* line 3049, ../specific.scss */
div.popup div.popupContent div.logo img.mist {
  display: block;
  margin: 10px auto;
  width: auto;
  max-width: 200px;
}
/* line 3057, ../specific.scss */
div.popup div.popupContent div.logo span.add {
  font-size: 2em;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 3063, ../specific.scss */
div.popup div.popupContent div.logo span:not(.add) {
  text-transform: uppercase;
  display: block;
  font-size: 2em;
}
/* line 3070, ../specific.scss */
div.popup div.popupContent div.innerContent {
  width: 100%;
  max-width: 818px;
  height: 100%;
  margin: auto;
  position: relative;
  background-image: url(data/image/background.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #FFF;
  border-radius: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 3087, ../specific.scss */
div.popup div.popupContent div.innerContent a.closePopup {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 3087, ../specific.scss */
  div.popup div.popupContent div.innerContent a.closePopup {
    top: 6px;
    right: 6px;
  }
}
/* line 3098, ../specific.scss */
div.popup div.popupContent div.innerContent a.portail {
  padding: 10px 40px !important;
  margin-top: 0 !important;
  font-size: 0.8em;
}
/* line 3104, ../specific.scss */
div.popup div.popupContent div.innerContent div.bottomContent {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}
/* line 3110, ../specific.scss */
div.popup div.popupContent div.innerContent div.bottomContent a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 20px 40px;
  background: #3E4982;
  color: #FFF;
  border: 1px solid #3E4982;
  text-transform: uppercase;
  transition: 200ms;
  margin-top: 10px;
}
/* line 3120, ../specific.scss */
div.popup div.popupContent div.innerContent div.bottomContent a:hover {
  color: #3E4982;
  background: none;
}
@media only screen and (max-width: 1380px) {
  /* line 3104, ../specific.scss */
  div.popup div.popupContent div.innerContent div.bottomContent {
    position: static;
    background: #FFF;
  }
}

/*Les comportements par défaut des éléments*/
/* line 3154, ../specific.scss */
div.element.view.title, div.element.view.description,
div.element.edit.title,
div.element.edit.description {
  max-width: 100%;
}
/* line 3161, ../specific.scss */
div.element.view.contact div.text label,
div.element.edit.contact div.text label {
  display: none;
}
/* line 3165, ../specific.scss */
div.element.view.contact div.text input,
div.element.edit.contact div.text input {
  padding: 16px;
}
/* line 3171, ../specific.scss */
div.element.view.contact div.textarea label,
div.element.edit.contact div.textarea label {
  display: none;
}
/* line 3175, ../specific.scss */
div.element.view.contact div.textarea textarea,
div.element.edit.contact div.textarea textarea {
  padding: 16px;
}

/*
 * Accueil
 * ************************************************************************* */
/* line 3186, ../specific.scss */
div.divWelcome {
  margin-top: 165px;
  /*&:not(.divWelcome){@include template();}*/
}
@media only screen and (max-width: 800px) {
  /* line 3186, ../specific.scss */
  div.divWelcome {
    margin-top: 143px;
  }
}
/* line 3194, ../specific.scss */
div.divWelcome div.bottomsWelcome {
  text-align: center;
}
/* line 3197, ../specific.scss */
div.divWelcome div.bottomsWelcome div.bottom {
  display: inline-block;
  margin: 10px;
}
/* line 3203, ../specific.scss */
div.divWelcome div.topTopContainer {
  height: auto !important;
  padding: 40px 0;
}
/* line 3207, ../specific.scss */
div.divWelcome div.topTopContainer .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 130px) 100px;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1400px) {
  /* line 3207, ../specific.scss */
  div.divWelcome div.topTopContainer .grid {
    grid-template-rows: repeat(4, 130px) 100px;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3207, ../specific.scss */
  div.divWelcome div.topTopContainer .grid {
    grid-template-rows: repeat(6, 130px) 100px 100px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3207, ../specific.scss */
  div.divWelcome div.topTopContainer .grid {
    grid-template-rows: repeat(14, 130px);
    grid-column-gap: 0;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3228, ../specific.scss */
  div.divWelcome div.topTopContainer .grid.no-offres {
    grid-template-rows: repeat(5, 130px);
    grid-column-gap: 0;
  }
}
/* line 3235, ../specific.scss */
div.divWelcome div.topTopContainer .grid div {
  position: relative;
}
/* line 3239, ../specific.scss */
div.divWelcome div.topTopContainer .grid h2 {
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.2rem;
}
/* line 3246, ../specific.scss */
div.divWelcome div.topTopContainer .grid p,
div.divWelcome div.topTopContainer .grid span {
  font-size: 0.8rem;
  font-family: "Raleway", sans-serif;
  color: #fff;
  margin: 5px 0;
}
/* line 3254, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 20px;
}
/* line 3260, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex div.text {
  padding: 0 20px;
}
/* line 3264, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) {
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.22);
}
/* line 3267, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) div.img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* line 3270, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) div.img picture {
  display: -ms-flexbox;
  display: flex;
}
/* line 3273, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) div.img picture img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* line 3280, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* line 3283, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small div.img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* line 3287, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.dirigeant, div.divWelcome div.topTopContainer .grid div.flex.small.salarie {
  padding: 0 30px;
}
/* line 3291, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.dirigeant span, div.divWelcome div.topTopContainer .grid div.flex.small.salarie span {
  font-size: 1rem;
}
/* line 3296, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.mist {
  padding: 0 7px;
}
/* line 3299, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.mist div.img {
  padding-bottom: 5px;
}
/* line 3304, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi {
  padding: 0 10px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
/* line 3308, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi div.img {
  -ms-flex-item-align: center;
      align-self: center;
}
/* line 3311, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi div.img img {
  width: 80px;
}
/* line 3316, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi h2,
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi p {
  color: #5B5B5B;
}
/* line 3321, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi div.text {
  padding: 0 10px;
}
/* line 3327, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.actualites) {
  transition: 150ms ease-out;
  border-radius: 10px;
}
/* line 3331, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.actualites) a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
/* line 3342, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.actualites):hover {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}
/* line 3349, ../specific.scss */
div.divWelcome div.topTopContainer .offres {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
  box-sizing: border-box;
  grid-area: 1 / 1 / 4 / 4;
}
@media only screen and (max-width: 1400px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    grid-area: 2 / 1 / 5 / 4;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    grid-area: 3 / 1 / 6 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    grid-area: 4 / 1 / 8 / 13;
  }
}
/* line 3368, ../specific.scss */
div.divWelcome div.topTopContainer .offres::-webkit-scrollbar {
  width: 6px;
  /* Largeur de la barre de défilement */
}
/* line 3373, ../specific.scss */
div.divWelcome div.topTopContainer .offres::-webkit-scrollbar-track {
  background-color: transparent;
  /* Couleur de fond de la piste de défilement */
}
/* line 3378, ../specific.scss */
div.divWelcome div.topTopContainer .offres::-webkit-scrollbar-thumb {
  background-color: #ccc;
  /* Couleur de la barre de défilement elle-même */
  border-radius: 3px;
  /* Coins arrondis de la barre de défilement */
}
@media only screen and (max-width: 1024px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 3390, ../specific.scss */
div.divWelcome div.topTopContainer .offres > h2 {
  color: #3E4982;
  font-weight: normal;
  font-size: 1.4rem;
  display: block;
  padding: 10px;
}
/* line 3397, ../specific.scss */
div.divWelcome div.topTopContainer .offres > h2 a {
  color: #3E4982;
}
/* line 3401, ../specific.scss */
div.divWelcome div.topTopContainer .offres > h2 strong {
  display: block;
  font-weight: bold;
}
/* line 3408, ../specific.scss */
div.divWelcome div.topTopContainer .actualites {
  grid-area: 1 / 4 / 4 / 10;
  width: 100%;
}
/* line 79, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider {
  position: relative;
  height: 100%;
}
/* line 83, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider div.slick-list,
div.divWelcome div.topTopContainer .actualites div.slick-slider div.slick-track,
div.divWelcome div.topTopContainer .actualites div.slick-slider div.element.actualite {
  height: 100%;
}
/* line 90, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 35px;
  display: block;
  z-index: 4;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  width: 12px;
  height: 21px;
}
/* line 106, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-prev {
  background: url(data/image/2022/fleche-carousel-gauche.svg) center/contain no-repeat;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  transition: 200ms;
  left: 50px;
}
/* line 112, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-prev:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 116, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-prev::before {
  display: none;
}
/* line 121, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-next {
  background: url(data/image/2022/fleche-carousel-droit.svg) center/contain no-repeat;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  transition: 200ms;
  left: 150px;
}
/* line 127, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-next:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 131, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-next::before {
  display: none;
}
/* line 139, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots {
  margin: 0;
  list-style: none;
  position: absolute;
  bottom: 40px;
  left: 70px;
  display: -ms-flexbox;
  display: flex;
}
/* line 147, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots li {
  margin-left: 5px;
}
/* line 150, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 50%;
  outline: 0;
  box-sizing: border-box;
  position: relative;
  padding: 0;
}
/* line 166, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots li.slick-active {
  background-color: #fff;
  border-radius: 50%;
}
/* line 3413, ../specific.scss */
div.divWelcome div.topTopContainer .actualites .slider {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
/* line 3419, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-list {
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  /* line 3408, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites {
    grid-area: 2 / 4 / 5 / 13;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3408, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites {
    grid-area: 6 / 1 / 9 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3408, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites {
    grid-area: 8 / 1 / 11 / 13;
  }
  /* line 3434, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites ul.slick-dots {
    bottom: auto;
    top: 10px;
    left: 10px;
  }
}
/* line 3441, ../specific.scss */
div.divWelcome div.topTopContainer .actualites.solo {
  grid-area: 1 / 1 / 4 / 10;
}
@media only screen and (max-width: 1400px) {
  /* line 3441, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo {
    grid-area: 2 / 1 / 5 / 13;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3441, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo {
    grid-area: 3 / 1 / 9 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3441, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo {
    grid-area: 4 / 1 / 11 / 13;
  }
  /* line 3455, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo .slick-arrow {
    display: none !important;
  }
}
/* line 3462, ../specific.scss */
div.divWelcome div.topTopContainer .espace-adherent {
  grid-area: 1 / 10 / 2 / 13;
  background-color: #E3424A;
}
@media only screen and (max-width: 1400px) {
  /* line 3462, ../specific.scss */
  div.divWelcome div.topTopContainer .espace-adherent {
    grid-area: 1 / 1 / 2 / 5;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3462, ../specific.scss */
  div.divWelcome div.topTopContainer .espace-adherent {
    grid-area: 1 / 1 / 2 / 7;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3462, ../specific.scss */
  div.divWelcome div.topTopContainer .espace-adherent {
    grid-area: 1 / 1 / 2 / 13;
  }
}
/* line 3479, ../specific.scss */
div.divWelcome div.topTopContainer .recrutement {
  grid-area: 2 / 10 / 3 / 13;
  background-color: #16A89F;
}
@media only screen and (max-width: 1400px) {
  /* line 3479, ../specific.scss */
  div.divWelcome div.topTopContainer .recrutement {
    grid-area: 1 / 5 / 2 / 9;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3479, ../specific.scss */
  div.divWelcome div.topTopContainer .recrutement {
    grid-area: 1 / 7 / 2 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3479, ../specific.scss */
  div.divWelcome div.topTopContainer .recrutement {
    grid-area: 2 / 1 / 3 / 13;
  }
}
/* line 3496, ../specific.scss */
div.divWelcome div.topTopContainer .contact {
  grid-area: 3 / 10 / 4 / 13;
  background-color: #FF9827;
}
@media only screen and (max-width: 1400px) {
  /* line 3496, ../specific.scss */
  div.divWelcome div.topTopContainer .contact {
    grid-area: 1 / 9 / 2 / 13;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3496, ../specific.scss */
  div.divWelcome div.topTopContainer .contact {
    grid-area: 2 / 4 / 3 / 10;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3496, ../specific.scss */
  div.divWelcome div.topTopContainer .contact {
    grid-area: 3 / 1 / 4 / 13;
  }
}
/* line 3513, ../specific.scss */
div.divWelcome div.topTopContainer .dirigeant {
  grid-area: 4 / 1 / 5 / 4;
  background-color: #26386B;
}
@media only screen and (max-width: 1400px) {
  /* line 3513, ../specific.scss */
  div.divWelcome div.topTopContainer .dirigeant {
    grid-area: 5 / 1 / 6 / 4;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3513, ../specific.scss */
  div.divWelcome div.topTopContainer .dirigeant {
    grid-area: 9 / 1 / 10 / 7;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3513, ../specific.scss */
  div.divWelcome div.topTopContainer .dirigeant {
    grid-area: 12 / 1 / 11 / 13;
  }
}
/* line 3530, ../specific.scss */
div.divWelcome div.topTopContainer .salarie {
  grid-area: 4 / 4 / 5 / 7;
  background-color: #26386B;
}
@media only screen and (max-width: 1400px) {
  /* line 3530, ../specific.scss */
  div.divWelcome div.topTopContainer .salarie {
    grid-area: 5 / 4 / 6 / 7;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3530, ../specific.scss */
  div.divWelcome div.topTopContainer .salarie {
    grid-area: 9 / 7 / 10 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3530, ../specific.scss */
  div.divWelcome div.topTopContainer .salarie {
    grid-area: 13 / 1 / 12 / 13;
  }
}
/* line 3547, ../specific.scss */
div.divWelcome div.topTopContainer .mist {
  grid-area: 4 / 7 / 5 / 10;
  background-color: #E3424A;
}
@media only screen and (max-width: 1400px) {
  /* line 3547, ../specific.scss */
  div.divWelcome div.topTopContainer .mist {
    grid-area: 5 / 7 / 6 / 10;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3547, ../specific.scss */
  div.divWelcome div.topTopContainer .mist {
    grid-area: 10 / 1 / 10 / 7;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3547, ../specific.scss */
  div.divWelcome div.topTopContainer .mist {
    grid-area: 13 / 1 / 13 / 13;
  }
}
/* line 3564, ../specific.scss */
div.divWelcome div.topTopContainer .disque-suivi {
  grid-area: 4 / 10 / 5 / 13;
  background-color: #E8E8E8;
}
@media only screen and (max-width: 1400px) {
  /* line 3564, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi {
    grid-area: 5 / 10 / 6 / 13;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 3573, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi div.left {
    display: none;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3564, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi {
    grid-area: 10 / 7 / 10 / 13;
  }
  /* line 3581, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi div.left {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3564, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi {
    grid-area: 14 / 1 / 14 / 13;
  }
}
@media only screen and (max-width: 800px) {
  /* line 3203, ../specific.scss */
  div.divWelcome div.topTopContainer {
    padding: 50px 0;
  }
}
/* line 3596, ../specific.scss */
div.divWelcome div.bottomContainer {
  margin-top: 0 !important;
}
/* line 3601, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a {
  color: #FFF;
  background: #3E4982;
}
@media only screen and (max-width: 580px) {
  /* line 3601, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a {
    overflow: hidden;
  }
  /* line 3608, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a span {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    line-height: 40px;
  }
}
/* line 3617, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer {
  background: #E8E8E8;
  z-index: 1;
  position: relative;
}
/* line 3622, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
  background: #FFF;
  max-width: 80%;
  margin: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  padding: 70px 170px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
/* line 3632, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FC7922;
  position: absolute;
  top: 65px;
  left: 100px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 3643, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:after {
  content: '';
  background-color: #FC7922;
  position: absolute;
  top: 120px;
  left: 118px;
  width: 3px;
  height: 740px;
}
@media only screen and (max-width: 1600px) {
  /* line 3622, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
    padding: 70px 90px;
  }
  /* line 3656, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:before {
    left: 25px;
  }
  /* line 3660, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:after {
    left: 43px;
  }
}
@media only screen and (max-width: 650px) {
  /* line 3622, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
    max-width: 100%;
    padding: 70px 80px;
  }
}
@media only screen and (max-width: 550px) {
  /* line 3622, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
    padding: 70px 30px;
  }
  /* line 3673, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:before, div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:after {
    display: none;
  }
}
/* line 3679, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
/* line 3686, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left {
  width: 25%;
}
/* line 3689, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left p {
  font-size: 1.1rem;
}
@media only screen and (max-width: 650px) {
  /* line 3686, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left {
    width: 50%;
  }
}
@media only screen and (max-width: 450px) {
  /* line 3686, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left {
    width: 100%;
  }
}
/* line 3703, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.right a {
  color: #FC7922;
  font-weight: 700;
  font-size: 1rem;
}
/* line 3711, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex-list-evenements {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 3717, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex-list-evenements div.element.evenement:nth-of-type(4) {
  break-before: always;
}
/* line 3723, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements {
  width: 65%;
  margin: 40px auto 0;
  position: relative;
  text-align: center;
}
/* line 3729, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements p {
  background-color: #fff;
  display: inline-block;
  padding: 0 20px;
}
/* line 3734, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements p:before {
  content: '';
  position: absolute;
  z-index: -2;
  top: 32px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #707070;
}
/* line 3747, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
/* line 3753, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 10px 30px;
}
/* line 3758, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
/* line 3766, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.left picture {
  display: -ms-flexbox;
  display: flex;
}
/* line 3769, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.left picture img {
  width: 20px;
}
/* line 3775, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.right {
  margin-left: 20px;
}
/* line 3778, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.right a {
  font-size: 1.1rem;
  font-weight: 700;
}
/* line 3785, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.actualites div.left {
  background: #06C4F4;
}
/* line 3790, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.actualites div.right a {
  color: #06C4F4;
}
/* line 3797, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.evenements div.left {
  background: #FC7922;
}
/* line 3802, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.evenements div.right a {
  color: #FC7922;
}
/* line 3809, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.presse div.left {
  background: #E3424A;
}
/* line 3814, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.presse div.right a {
  color: #E3424A;
}
/* line 3821, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.video div.left {
  background: #16A89F;
}
/* line 3826, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.video div.right a {
  color: #16A89F;
}
@media only screen and (max-width: 850px) {
  /* line 3747, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media only screen and (max-width: 1450px) {
  /* line 3723, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements {
    width: 100%;
  }
}

/*
 * Mise en avant page d'accueil
 * ************************************************************************* */
/* line 3851, ../specific.scss */
div.element.forward.preview {
  width: 100%;
  margin-bottom: 0;
}
/* line 3856, ../specific.scss */
div.element.forward.edit {
  padding: 20px;
  background: #FFF;
}

/*
 * Recherche
 * ************************************************************************* */
/* line 3866, ../specific.scss */
form.editSearch div.list {
  display: -ms-flexbox;
  display: flex;
}
/* line 3870, ../specific.scss */
form.editSearch div.fieldSearch {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 88%;
  margin-bottom: 0;
}
/* line 3875, ../specific.scss */
form.editSearch div.fieldSearch fieldset {
  padding-top: 0;
}
/* line 3878, ../specific.scss */
form.editSearch div.fieldSearch fieldset > div {
  margin-bottom: 0;
}
/* line 3882, ../specific.scss */
form.editSearch div.fieldSearch fieldset div.search {
  padding-top: 0;
}
/* line 3887, ../specific.scss */
form.editSearch div.fieldSearch fieldset div.text input {
  padding: 9px;
  border-radius: 10px 0 0 10px;
  /*                    animation-name: search;
                      animation-duration: 2s;
                      animation-delay: 8s;
                      animation-iteration-count: infinite;
                      animation-direction: alternate;*/
}
/* line 3898, ../specific.scss */
form.editSearch div.fieldSearch fieldset div.submit {
  height: 100%;
}
/* line 3904, ../specific.scss */
form.editSearch fieldset.buttons {
  height: 100%;
  width: 100%;
}
/* line 3909, ../specific.scss */
form.editSearch div.buttons {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 12%;
  margin-bottom: 0;
}
/* line 3914, ../specific.scss */
form.editSearch div.buttons div.submit {
  display: block;
  margin-bottom: 0;
  height: 100%;
  margin-right: 0;
}
/* line 3920, ../specific.scss */
form.editSearch div.buttons div.submit input {
  display: block;
  margin: 0;
  font-size: 0;
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  height: 100%;
  width: 100%;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow: none;
  background-size: 50%;
}

/* line 3938, ../specific.scss */
div.element.search.view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  padding: 80px 160px;
  background: url(data/image/welcome/background.png) center center #3E4982;
  z-index: 1000;
}
@media only screen and (max-width: 800px) {
  /* line 3938, ../specific.scss */
  div.element.search.view {
    padding: 80px 20px;
  }
}
/* line 3953, ../specific.scss */
div.element.search.view a.close {
  position: absolute;
  top: 0;
  right: 0;
  background: #E3424A;
  color: #FFF;
  transition: 200ms;
  z-index: 10;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  height: 100px;
  width: 140px;
  border-radius: 0 0 0 100%;
  padding: 20px;
  padding-right: 10px;
  line-height: 80px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  /* line 3953, ../specific.scss */
  div.element.search.view a.close {
    width: 80px;
    height: 70px;
    padding: 0;
    line-height: 70px;
  }
  /* line 3976, ../specific.scss */
  div.element.search.view a.close img {
    max-width: 80%;
  }
}
/* line 3982, ../specific.scss */
div.element.search.view form.editSearch {
  text-align: center;
  margin-bottom: 40px;
}
/* line 3986, ../specific.scss */
div.element.search.view form.editSearch div.buttons {
  width: auto;
}
/* line 3991, ../specific.scss */
div.element.search.view div.resultContainer {
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-width: 90%;
  margin: auto;
  padding: 20px;
}
/* line 3998, ../specific.scss */
div.element.search.view div.resultContainer div.searchEmpty {
  text-align: center;
}
/* line 4002, ../specific.scss */
div.element.search.view div.resultContainer div.element.search {
  width: 100%;
  padding-left: 50px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 40px;
}
/* line 4010, ../specific.scss */
div.element.search.view div.resultContainer div.element.search:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 4021, ../specific.scss */
div.element.search.view div.resultContainer div.element.search:after {
  content: '';
  background: #06C4F4;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 4031, ../specific.scss */
div.element.search.view div.resultContainer div.element.search div.contentDescription {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 78%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 4031, ../specific.scss */
  div.element.search.view div.resultContainer div.element.search div.contentDescription {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }
}
/* line 4044, ../specific.scss */
div.element.search.view div.resultContainer div.element.search div.bottom {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20%;
}
@media only screen and (max-width: 800px) {
  /* line 4044, ../specific.scss */
  div.element.search.view div.resultContainer div.element.search div.bottom {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}
/* line 4054, ../specific.scss */
div.element.search.view div.resultContainer div.element.search div.bottom a {
  display: block;
  text-align: center;
}
/* line 4065, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.customBloc:before, div.element.search.view div.resultContainer div.element.search.customSubBloc:before, div.element.search.view div.resultContainer div.element.search.customEncart:before, div.element.search.view div.resultContainer div.element.search.customInfo:before, div.element.search.view div.resultContainer div.element.search.customText:before {
  background: url(data/image/page.svg) center center no-repeat #3E4982;
  background-size: contain;
}
/* line 4070, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.customBloc:after, div.element.search.view div.resultContainer div.element.search.customSubBloc:after, div.element.search.view div.resultContainer div.element.search.customEncart:after, div.element.search.view div.resultContainer div.element.search.customInfo:after, div.element.search.view div.resultContainer div.element.search.customText:after {
  background: #3E4982;
}
/* line 4076, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.evenement:before {
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
}
/* line 4080, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.evenement:after {
  background: #FF9827;
}
/* line 4086, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.presse:before {
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
}
/* line 4090, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.presse:after {
  background: #E3424A;
}
/* line 4096, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.question:before {
  background: url(data/image/question.svg) center center no-repeat #3E4982;
  background-size: contain;
}
/* line 4101, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.question:after {
  background: #3E4982;
}
/* line 4107, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.ged:before {
  background: url(data/image/download.svg) center center no-repeat #3E4982;
  background-size: contain;
}
/* line 4112, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.ged:after {
  background: #3E4982;
}
/* line 4119, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offre:before, div.element.search.view div.resultContainer div.element.search.offreCategory:before {
  background: url(data/image/loupe.png) center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 4124, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offre:after, div.element.search.view div.resultContainer div.element.search.offreCategory:after {
  background: #3E4982;
}
/* line 4130, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offreDocument:before {
  background: url(data/image/download.svg) center center no-repeat #3E4982;
  background-size: contain;
  background-size: 60%;
}
/* line 4136, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offreDocument:after {
  background: #3E4982;
}

/*
 * Qui sommes nous
 * ************************************************************************* */
/* line 4150, ../specific.scss */
div.divQui-sommes-nous img.implantation {
  width: 100% !important;
  height: auto !important;
}
/* line 4155, ../specific.scss */
div.divQui-sommes-nous div.divPage.divChiffre-cle:not(.notBackground) {
  background: none;
  margin-left: 0;
}

/*
 * Qui sommes nous (chiffres clés)
 * ************************************************************************* */
/* line 4165, ../specific.scss */
div.divChiffre-cle div.chiffres {
  text-align: center;
}
/* line 4168, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18%;
  margin: 1%;
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 4168, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre {
    width: 48%;
  }
}
@media only screen and (max-width: 670px) {
  /* line 4168, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre {
    width: 98%;
  }
  /* line 4181, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre:after {
    display: none;
  }
}
/* line 4187, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre div.picture img {
  width: 100%;
  max-width: 160px;
}
/* line 4193, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span {
  display: block;
}
/* line 4196, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.chiffre {
  font-size: 2.4em;
}
@media only screen and (max-width: 1380px) {
  /* line 4196, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre span.chiffre {
    font-size: 1.8em;
  }
}
/* line 4203, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.chiffre span {
  display: inline;
}
/* line 4208, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.title {
  font-size: 1.2em;
}
/* line 4212, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.title-small {
  font-size: 0.8em;
}
/* line 4217, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 10%;
  bottom: 10%;
  right: 0;
  height: 60%;
  background: #5E5E5E;
}
/* line 4229, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre:last-child:after {
  display: none;
}

/*
 * Reglementation
 * ************************************************************************* */
/* line 4241, ../specific.scss */
div.divPage.divReglementation {
  background-size: 38%;
}
/* line 4244, ../specific.scss */
div.divPage.divReglementation > div.element.description,
div.divPage.divReglementation > div.element.presentation {
  max-width: 50%;
}
@media only screen and (max-width: 800px) {
  /* line 4244, ../specific.scss */
  div.divPage.divReglementation > div.element.description,
  div.divPage.divReglementation > div.element.presentation {
    max-width: 100%;
  }
}

/*
 * Partenaires
 * ************************************************************************* */
@media only screen and (max-width: 800px) {
  /* line 4258, ../specific.scss */
  div.element.partenaire.viewList {
    text-align: center;
  }
}
/* line 4263, ../specific.scss */
div.element.partenaire.viewList div.content {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 4269, ../specific.scss */
div.element.partenaire.listview {
  width: 14%;
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media only screen and (max-width: 800px) {
  /* line 4269, ../specific.scss */
  div.element.partenaire.listview {
    width: 23%;
  }
}
@media only screen and (max-width: 550px) {
  /* line 4269, ../specific.scss */
  div.element.partenaire.listview {
    width: 40%;
  }
}
@media only screen and (max-width: 350px) {
  /* line 4269, ../specific.scss */
  div.element.partenaire.listview {
    width: 98%;
    margin: 1%;
  }
}
/* line 4288, ../specific.scss */
div.element.partenaire.listview.alone {
  min-width: 300px;
}
/* line 4292, ../specific.scss */
div.element.partenaire.listview div.picture {
  position: relative;
  overflow: hidden;
}
/* line 4296, ../specific.scss */
div.element.partenaire.listview div.picture img {
  width: 100%;
  border-radius: 5px;
}
/* line 4301, ../specific.scss */
div.element.partenaire.listview div.picture a {
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #fff;
  border: 1px solid #fff;
}
/* line 4309, ../specific.scss */
div.element.partenaire.listview div.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('/data/css/sass/images/rgbapng/00000099-5.png?1759754585');
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  transition: all 0.2s ease;
}
/* line 4319, ../specific.scss */
div.element.partenaire.listview div.overlay .overlay-content {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
/* line 4331, ../specific.scss */
div.element.partenaire.listview h2 {
  margin-bottom: 15px;
  font-size: 1em;
}
/* line 4336, ../specific.scss */
div.element.partenaire.listview:hover div.overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4342, ../specific.scss */
div.element.partenaire.editWeightList .content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/*
 * Visuel equipe pluridisciplinaire
 * ************************************************************************* */
/* line 4352, ../specific.scss */
div.divPluridisciplinaire .rwd {
  display: none;
}
/* line 4356, ../specific.scss */
div.divPluridisciplinaire .bulle {
  margin: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 4361, ../specific.scss */
div.divPluridisciplinaire .bulle img {
  width: 250px;
}
/* line 4365, ../specific.scss */
div.divPluridisciplinaire .bulle .description {
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (max-width: 800px) {
  /* line 4356, ../specific.scss */
  div.divPluridisciplinaire .bulle {
    display: block;
  }
  /* line 4372, ../specific.scss */
  div.divPluridisciplinaire .bulle img {
    display: block;
    margin: auto;
  }
}
/* line 4379, ../specific.scss */
div.divPluridisciplinaire div.pluriFull {
  position: relative;
  width: 100%;
  max-width: 800px;
  padding: 100px;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
}
/* line 4388, ../specific.scss */
div.divPluridisciplinaire div.pluriFull img.full {
  width: 80%;
  max-width: 800px;
}
/* line 4393, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri {
  position: absolute;
  width: 190px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
}
/* line 4399, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri img {
  transition: 200ms;
  width: 190px !important;
  height: 190px !important;
}
@media only screen and (max-width: 800px) {
  /* line 4393, ../specific.scss */
  div.divPluridisciplinaire div.pluriFull a.pluri {
    width: 150px;
  }
}
/* line 4410, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri:hover img {
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
}
/* line 4416, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-1 {
  bottom: 14%;
  left: 4%;
}
/* line 4421, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-2 {
  bottom: 55%;
  left: 7%;
}
/* line 4426, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-3 {
  top: 0;
  left: 24%;
}
/* line 4431, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-4 {
  top: -30px;
  left: 38%;
}
/* line 4436, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-5 {
  top: 16%;
  right: 7%;
}
/* line 4441, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-6 {
  bottom: 17%;
  right: 5%;
}
/* line 4446, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-medecin {
  bottom: 30%;
  left: 37%;
}
/* line 4452, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-1 {
  animation: equipe-1 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4457, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-2 {
  animation: equipe-2 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4462, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-3 {
  animation: equipe-3 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4467, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-4 {
  animation: equipe-4 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4472, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-5 {
  animation: equipe-5 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4477, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-6 {
  animation: equipe-6 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4482, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-medecin {
  animation: equipe-7 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
@media only screen and (max-width: 1120px) {
  /* line 4490, ../specific.scss */
  div.divPluridisciplinaire div.pluriFull {
    display: none;
  }
  /* line 4494, ../specific.scss */
  div.divPluridisciplinaire .rwd {
    display: block;
  }
}

/* line 4502, ../specific.scss */
div.divPluridisciplinaire-info .element.description .description {
  box-sizing: border-box;
  padding: 20px;
  color: #fff;
}
/* line 4508, ../specific.scss */
div.divPluridisciplinaire-info.notAjax {
  width: 90%;
  margin: auto;
  color: #646464;
}
/* line 4513, ../specific.scss */
div.divPluridisciplinaire-info.notAjax .element.description .description {
  margin: 20px 0;
  color: #646464;
}

/*
 * Disque
 * ************************************************************************* */
/* line 4525, ../specific.scss */
div.divDisque div.left,
div.divDisque div.right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
}
@media only screen and (max-width: 800px) {
  /* line 4525, ../specific.scss */
  div.divDisque div.left,
  div.divDisque div.right {
    display: block;
    width: 100%;
    margin: 20px 0;
  }
}
/* line 4540, ../specific.scss */
div.divDisque div.left img {
  width: 100%;
  transition: 200ms;
}
/* line 4546, ../specific.scss */
div.divDisque div.left:hover img {
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
}
/* line 4552, ../specific.scss */
div.divDisque .legende {
  margin-top: 10px;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 4556, ../specific.scss */
div.divDisque .legende .line {
  box-sizing: border-box;
  transition: 200ms;
  cursor: pointer;
  margin: 10px 0;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 4567, ../specific.scss */
div.divDisque .legende .line.sis {
  background-color: #e09f35;
}
/* line 4570, ../specific.scss */
div.divDisque .legende .line.sis:hover {
  padding-left: 20px;
}
/* line 4575, ../specific.scss */
div.divDisque .legende .line.sia {
  background-color: #3E4982;
}
/* line 4578, ../specific.scss */
div.divDisque .legende .line.sia:hover {
  padding-left: 20px;
}
/* line 4583, ../specific.scss */
div.divDisque .legende .line.sir {
  background-color: #ca4f26;
}
/* line 4586, ../specific.scss */
div.divDisque .legende .line.sir:hover {
  padding-left: 20px;
}
/* line 4591, ../specific.scss */
div.divDisque .legende .line.ss {
  color: #333;
  background-color: #DDDCDE;
}
/* line 4595, ../specific.scss */
div.divDisque .legende .line.ss:hover {
  padding-left: 20px;
}

/* line 4604, ../specific.scss */
div.divDisque-cmaic {
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/data/css/sass/images/rgbapng/5e5e5ef2-5.png?1759754585');
  background: rgba(94, 94, 94, 0.95);
  z-index: 999;
}
/* line 4615, ../specific.scss */
div.divDisque-cmaic .wrap {
  width: 90%;
  height: 100%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 4624, ../specific.scss */
div.divDisque-cmaic .closeDisque {
  z-index: 5;
}
/* line 4628, ../specific.scss */
div.divDisque-cmaic .bandeau {
  padding: 20px;
  padding-left: 50%;
  color: #fff;
  background: #3E4982;
  border-top-right-radius: 10px;
}
/* line 4636, ../specific.scss */
div.divDisque-cmaic .right {
  margin-left: -30%;
}
/* line 4640, ../specific.scss */
div.divDisque-cmaic .contenu {
  padding: 20px;
  padding-left: 50%;
  color: #646464;
  background-color: #fff;
  border-bottom-right-radius: 10px;
}
/* line 4648, ../specific.scss */
div.divDisque-cmaic .descriptionSpec {
  padding: 10px;
  padding-top: 50px;
  min-height: 200px;
  background: url("data/image/picto-infos.svg") center top no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 4648, ../specific.scss */
  div.divDisque-cmaic .descriptionSpec {
    min-height: 0;
  }
}
/* line 4659, ../specific.scss */
div.divDisque-cmaic a.turnRight {
  display: block;
  width: 100px;
  height: 52px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  background: url("data/image/fleche-tournoyante.png") center center no-repeat;
  background-size: 40%;
  background-color: #666;
  border-radius: 34px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
}
/* line 4674, ../specific.scss */
div.divDisque-cmaic a.turnRight:hover {
  box-shadow: none;
}
/* line 4679, ../specific.scss */
div.divDisque-cmaic div.disqueContainer {
  position: relative;
  width: 50%;
}
/* line 4684, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  right: 0;
  bottom: 100px;
  transition: 200ms;
  /*transform-origin: 0 50%;*/
  max-width: 100%;
}
/* line 4698, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img.front {
  position: absolute;
}
/* line 4702, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img:nth-child(1) {
  z-index: 1;
}
/* line 4706, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img:nth-child(2) {
  z-index: 2;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
}
/* line 4712, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 16%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 52px);
}
/* line 4719, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a.turnLeft {
  left: 0;
}
/* line 4723, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a img {
  display: block;
  margin: 20px auto;
}
/* line 4728, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a:hover {
  background: #5897c7;
}
/* line 4733, ../specific.scss */
div.divDisque-cmaic div.disqueContainer div.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 4739, ../specific.scss */
div.divDisque-cmaic div.disqueContainer div.bottom div.descriptionBottom {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  color: #FFF;
}
/* line 4749, ../specific.scss */
div.divDisque-cmaic span {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  /*background: $blue;*/
  transition: 200ms;
  cursor: pointer;
  z-index: 2;
}
/* line 4760, ../specific.scss */
div.divDisque-cmaic span:before {
  position: absolute;
  top: 50%;
  content: '';
  background: #FFF;
  height: 4px;
  width: 100%;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 4770, ../specific.scss */
div.divDisque-cmaic span:after {
  position: absolute;
  top: 50%;
  content: '';
  background: #FFF;
  height: 4px;
  width: 100%;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
/* line 4780, ../specific.scss */
div.divDisque-cmaic span:hover {
  background: #323a68;
}
@media only screen and (max-width: 1200px) {
  /* line 4604, ../specific.scss */
  div.divDisque-cmaic {
    overflow-y: scroll;
  }
  /* line 4788, ../specific.scss */
  div.divDisque-cmaic .wrap {
    display: block;
    margin-top: 20px;
    height: auto;
  }
  /* line 4795, ../specific.scss */
  div.divDisque-cmaic div.disqueContainer {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  /* line 4803, ../specific.scss */
  div.divDisque-cmaic .right {
    margin-top: 20px;
    margin-left: 0;
  }
  /* line 4808, ../specific.scss */
  div.divDisque-cmaic .contenu,
  div.divDisque-cmaic .bandeau {
    padding: 20px;
  }
  /* line 4813, ../specific.scss */
  div.divDisque-cmaic .contenu {
    border-bottom-left-radius: 10px;
  }
  /* line 4817, ../specific.scss */
  div.divDisque-cmaic .bandeau {
    border-top-left-radius: 10px;
  }
}

/*
 * Carte des implantations
 * ************************************************************************* */
/* line 4828, ../specific.scss */
.element.etablissement.viewList .content {
  display: -ms-flexbox;
  display: flex;
}
/* line 4833, ../specific.scss */
.element.etablissement.listview {
  box-sizing: border-box;
  margin: 20px 0;
  padding: 20px;
  width: 33.33%;
}
/* line 4839, ../specific.scss */
.element.etablissement.listview h2 {
  margin-bottom: 10px;
  font-weight: normal;
}

/* line 4847, ../specific.scss */
div.divImplantation-cmaic div.mapContainer {
  position: relative;
  font-size: 20px;
}
/* line 4851, ../specific.scss */
div.divImplantation-cmaic div.mapContainer img {
  width: 100%;
}
/* line 4855, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo {
  position: absolute;
}
/* line 4858, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo h4 {
  font-size: 0.8em;
}
/* line 4862, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1250px) {
  /* line 4862, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer {
    display: block;
  }
}
/* line 4869, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription {
  margin: 6px;
  padding: 6px;
  box-sizing: border-box;
}
/* line 4874, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription.last {
  border-left: 2px solid #646464;
  margin-left: 0;
  padding-left: 8px;
}
@media only screen and (max-width: 1250px) {
  /* line 4874, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription.last {
    border: 0;
    margin-left: 6px;
    padding-left: 6px;
  }
}
/* line 4886, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription div.description {
  font-size: 60% !important;
  line-height: 1em;
}
@media only screen and (max-width: 1250px) {
  /* line 4886, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription div.description {
    font-size: 1em !important;
  }
}
/* line 4897, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.carpiquet {
  width: 27%;
  top: 6%;
  left: 8%;
  text-align: center;
}
/* line 4903, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.carpiquet h4 {
  color: #f8c434;
}
/* line 4908, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.nonant {
  width: 28%;
  top: 17%;
  left: 0;
  text-align: center;
}
/* line 4914, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.nonant h4 {
  color: #59c9dd;
}
/* line 4919, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.villers {
  width: 16%;
  top: 38%;
  left: 2%;
  text-align: right;
}
/* line 4925, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.villers h4 {
  color: #885fb5;
}
/* line 4930, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.herouville {
  /*width: 24%; top: 72%; left: 0; text-align: right;*/
  width: 24%;
  top: 65%;
  left: 7%;
  text-align: center;
}
/* line 4937, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.herouville h4 {
  color: #91d44d;
}
/* line 4942, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.colombelles {
  /*width: 26%; top: 77%; left: 52%; text-align: center;*/
  width: 27%;
  top: 73%;
  left: 50%;
  text-align: center;
}
/* line 4949, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.colombelles h4 {
  color: #f3574b;
}
/* line 4954, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.moult {
  width: 20%;
  top: 49%;
  right: 0;
  text-align: left;
}
/* line 4960, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.moult h4 {
  color: #f3574b;
}
/* line 4965, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.dives {
  width: 20%;
  top: 37%;
  right: 0;
  text-align: left;
}
/* line 4971, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.dives h4 {
  color: #f3574b;
}
/* line 4976, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.eveque {
  width: 24%;
  top: 20%;
  right: 0;
  text-align: center;
}
/* line 4982, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.eveque h4 {
  color: #dd4cab;
}
/* line 4987, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.douvres {
  width: 22%;
  top: 14%;
  left: 50%;
  text-align: center;
}
/* line 4993, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.douvres h4 {
  color: #91d44d;
}
@media only screen and (max-width: 1250px) {
  /* line 5000, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer p {
    text-align: left !important;
  }
  /* line 5004, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo {
    position: static;
    width: 100%;
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 20px;
    width: calc(50% - 40px) !important;
  }
  /* line 5013, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer h4 {
    text-align: left;
    font-size: 1em;
  }
  /* line 5018, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer img {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  /* line 5024, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo {
    width: calc(100% - 40px) !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 5030, ../specific.scss */
  div.divImplantation-cmaic div.etablissements {
    display: none;
  }
}
/* line 5035, ../specific.scss */
div.divImplantation-cmaic div.etablissements.connected {
  display: block;
}
/* line 5039, ../specific.scss */
div.divImplantation-cmaic div.etablissements div.element.etablissement {
  width: 100%;
}

/*
 * Dirigeant et salariés
 * ************************************************************************* */
@media only screen and (max-width: 800px) {
  /* line 5048, ../specific.scss */
  div.divDirigeant-Salarie {
    padding: 20px;
  }
}
/* line 5053, ../specific.scss */
div.divDirigeant-Salarie div.element.title.view {
  margin-top: 6%;
  margin-bottom: 2%;
}
/* line 5057, ../specific.scss */
div.divDirigeant-Salarie div.element.title.view h1 {
  text-align: center;
  font-size: 80px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 5061, ../specific.scss */
div.divDirigeant-Salarie div.element.title.view h1:after {
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 5057, ../specific.scss */
  div.divDirigeant-Salarie div.element.title.view h1 {
    font-size: 46px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 5071, ../specific.scss */
div.divDirigeant-Salarie div.btns {
  text-align: center;
  margin-bottom: 2%;
}
/* line 5075, ../specific.scss */
div.divDirigeant-Salarie div.btns a {
  text-transform: uppercase;
  margin: 20px;
  font-weight: normal;
}
/* line 5080, ../specific.scss */
div.divDirigeant-Salarie div.btns a span {
  font-weight: bold;
}
/* line 5084, ../specific.scss */
div.divDirigeant-Salarie div.btns a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media only screen and (max-width: 800px) {
  /* line 5084, ../specific.scss */
  div.divDirigeant-Salarie div.btns a:before {
    display: none;
  }
}
/* line 5097, ../specific.scss */
div.divDirigeant-Salarie div.btns a.dirigeant:before {
  left: 0;
  right: 50%;
  background: url(data/image/qui-suis-je-dirigeant.png) center left no-repeat;
  background-size: contain;
  transition: 200ms;
}
@media only screen and (max-width: 1380px) {
  /* line 5097, ../specific.scss */
  div.divDirigeant-Salarie div.btns a.dirigeant:before {
    background-size: 60%;
  }
}
/* line 5111, ../specific.scss */
div.divDirigeant-Salarie div.btns a.salarie:before {
  right: 0;
  left: 50%;
  background: url(data/image/qui-suis-je-salarie.png) center right no-repeat;
  background-size: contain;
  transition: 200ms;
}
@media only screen and (max-width: 1380px) {
  /* line 5111, ../specific.scss */
  div.divDirigeant-Salarie div.btns a.salarie:before {
    background-size: 60%;
  }
}
/* line 5125, ../specific.scss */
div.divDirigeant-Salarie div.btns a:hover:before {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
/* line 5132, ../specific.scss */
div.divDirigeant-Salarie div.element.view.description,
div.divDirigeant-Salarie div.element.view.presentation {
  max-width: 30%;
  margin: auto;
  margin-bottom: 14%;
}
/* line 5138, ../specific.scss */
div.divDirigeant-Salarie div.element.view.description strong,
div.divDirigeant-Salarie div.element.view.presentation strong {
  color: #3E4982;
}
@media only screen and (max-width: 800px) {
  /* line 5132, ../specific.scss */
  div.divDirigeant-Salarie div.element.view.description,
  div.divDirigeant-Salarie div.element.view.presentation {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

/*
 * Tarifs ( A FAIRE)
 * ************************************************************************* */
/* line 5153, ../specific.scss */
div.divTarif div.tarifContainer {
  text-align: center;
  margin-top: 40px;
}
/* line 5157, ../specific.scss */
div.divTarif div.tarifContainer img {
  display: block;
  max-width: 100%;
  margin: auto;
}
/* line 5164, ../specific.scss */
div.divTarif div.bottomContainer {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* line 5172, ../specific.scss */
div.element.tarifCategory.listview {
  width: 100%;
}

/* line 5178, ../specific.scss */
div.element.tarif.listview {
  width: 100%;
}

/*
 * Recrutement
 * ************************************************************************* */
/* line 5186, ../specific.scss */
div.divRecrutement {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background: none !important;
}
@media only screen and (max-width: 1380px) {
  /* line 5186, ../specific.scss */
  div.divRecrutement {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divRecrutement:not(.notBackground) {
  background: url(data/image/backgroundPage/nous-rejoindre.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divRecrutement:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divRecrutement:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divRecrutement > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divRecrutement > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divRecrutement > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divRecrutement > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divRecrutement > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divRecrutement > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divRecrutement > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divRecrutement > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divRecrutement > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divRecrutement > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divRecrutement > div.element.description,
div.divRecrutement > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divRecrutement > div.element.description,
  div.divRecrutement > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divRecrutement > div.element.description,
  div.divRecrutement > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divRecrutement > div.element.description a:hover,
div.divRecrutement > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divRecrutement div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divRecrutement div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divRecrutement div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divRecrutement div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divRecrutement div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divRecrutement div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divRecrutement div.bottomDescription div.element.description div.description,
div.divRecrutement div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divRecrutement div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divRecrutement div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divRecrutement div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divRecrutement div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divRecrutement div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divRecrutement div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divRecrutement div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divRecrutement div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divRecrutement div.accesTemplate a:hover, div.divRecrutement div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divRecrutement div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divRecrutement div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divRecrutement div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divRecrutement div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divRecrutement div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 5190, ../specific.scss */
div.divRecrutement div.element.description,
div.divRecrutement div.element.presentation {
  max-width: 86%;
}
/* line 5194, ../specific.scss */
div.divRecrutement div.element.description img,
div.divRecrutement div.element.presentation img {
  max-width: 100%;
  height: auto !important;
  border: 12px solid #FFF;
  margin-right: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1380px) {
  /* line 5190, ../specific.scss */
  div.divRecrutement div.element.description,
  div.divRecrutement div.element.presentation {
    max-width: 100%;
  }
  /* line 5206, ../specific.scss */
  div.divRecrutement div.element.description img,
  div.divRecrutement div.element.presentation img {
    display: block;
    float: none !important;
    margin: 10px auto !important;
  }
}
@media only screen and (max-width: 1380px) {
  /* line 5214, ../specific.scss */
  div.divRecrutement div.bottomDescription {
    margin-right: 0;
  }
}

/* line 5222, ../specific.scss */
div.element.recrutement.listview {
  width: 98%;
  margin-top: 40px;
  border-bottom: 1px solid #5E5E5E;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1380px) {
  /* line 5222, ../specific.scss */
  div.element.recrutement.listview {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* line 5234, ../specific.scss */
div.element.recrutement.listview > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box;
}
/* line 5238, ../specific.scss */
div.element.recrutement.listview > div.typeContract {
  width: 8%;
  text-align: center;
}
/* line 5242, ../specific.scss */
div.element.recrutement.listview > div.typeContract span {
  display: block;
  margin: auto;
  width: 80px;
  height: 80px;
  line-height: 80px;
  color: #FFF;
  background: #3E4982;
  padding: 6px;
  border-radius: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 5238, ../specific.scss */
  div.element.recrutement.listview > div.typeContract {
    width: 100%;
  }
  /* line 5257, ../specific.scss */
  div.element.recrutement.listview > div.typeContract span {
    width: 100%;
    height: auto;
    line-height: auto;
    border-radius: 0;
    margin-bottom: 10px;
  }
}
/* line 5267, ../specific.scss */
div.element.recrutement.listview > div.offreContainer {
  width: 46%;
  padding: 0 20px;
  border-right: 1px solid #5E5E5E;
}
@media only screen and (max-width: 1380px) {
  /* line 5267, ../specific.scss */
  div.element.recrutement.listview > div.offreContainer {
    width: 100%;
    padding: 10px 0;
    border-right: 0;
  }
}
/* line 5278, ../specific.scss */
div.element.recrutement.listview > div.offreContainer h2 {
  margin-bottom: 10px;
}
/* line 5282, ../specific.scss */
div.element.recrutement.listview > div.offreContainer div.description {
  font-style: italic;
  font-size: 0.88em;
  line-height: 1.5;
}
/* line 5289, ../specific.scss */
div.element.recrutement.listview > div.nbJob, div.element.recrutement.listview > div.dateContainer {
  width: 14%;
  padding: 0 20px;
  border-right: 1px solid #5E5E5E;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1380px) {
  /* line 5289, ../specific.scss */
  div.element.recrutement.listview > div.nbJob, div.element.recrutement.listview > div.dateContainer {
    width: 100%;
    padding: 10px 0;
    border-right: 0;
  }
}
/* line 5304, ../specific.scss */
div.element.recrutement.listview > div.nbJob span, div.element.recrutement.listview > div.dateContainer span {
  display: block;
  text-align: center;
}
/* line 5308, ../specific.scss */
div.element.recrutement.listview > div.nbJob span:last-child, div.element.recrutement.listview > div.dateContainer span:last-child {
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 5304, ../specific.scss */
  div.element.recrutement.listview > div.nbJob span, div.element.recrutement.listview > div.dateContainer span {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 50%;
  }
}
/* line 5320, ../specific.scss */
div.element.recrutement.listview > div.btns {
  width: 16%;
  padding-left: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 5320, ../specific.scss */
  div.element.recrutement.listview > div.btns {
    width: 100%;
    text-align: center;
  }
}
/* line 5329, ../specific.scss */
div.element.recrutement.listview > div.btns a {
  display: block;
  background: #FFF;
  color: #3E4982;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
/* line 5337, ../specific.scss */
div.element.recrutement.listview > div.btns a.formInPage {
  background: #3E4982;
  color: #FFF;
}
/* line 5343, ../specific.scss */
div.element.recrutement.listview > div.btns span {
  display: block;
  text-align: center;
}
/* line 5351, ../specific.scss */
div.element.recrutement.edit {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
}
/* line 5356, ../specific.scss */
div.element.recrutement.edit h3 {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
/* line 5362, ../specific.scss */
div.element.recrutement.edit div.text.title {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 78%;
  margin-right: 2%;
}
/* line 5368, ../specific.scss */
div.element.recrutement.edit div.file.document {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20%;
}
/* line 5373, ../specific.scss */
div.element.recrutement.edit div.select.typeContract,
div.element.recrutement.edit div.number.nbJob,
div.element.recrutement.edit div.date.dateEnd {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 5381, ../specific.scss */
div.element.recrutement.edit div.date.dateEnd {
  text-align: center;
}
/* line 5385, ../specific.scss */
div.element.recrutement.edit div.formLeft {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 70%;
}
@media only screen and (max-width: 800px) {
  /* line 5385, ../specific.scss */
  div.element.recrutement.edit div.formLeft {
    width: 100%;
  }
}
/* line 5393, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 2%;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 5393, ../specific.scss */
  div.element.recrutement.edit div.formLeft div.text {
    width: 100%;
    margin-right: 0;
  }
}
/* line 5407, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 50px;
  background: url(data/image/nom.png) center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 5418, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text label {
  display: none;
}
/* line 5422, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text input {
  padding: 16px;
  border: 1px solid #E8E8E8;
}
/* line 5427, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text.phone:before {
  background: url("data/image/tel.png") center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 5432, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text.mail:before {
  background: url("data/image/mail.png") center center no-repeat #3E4982;
  background-size: 40%;
}
@media only screen and (max-width: 800px) {
  /* line 5393, ../specific.scss */
  div.element.recrutement.edit div.formLeft div.text {
    padding-left: 0;
  }
  /* line 5440, ../specific.scss */
  div.element.recrutement.edit div.formLeft div.text.phone:before, div.element.recrutement.edit div.formLeft div.text.mail:before, div.element.recrutement.edit div.formLeft div.text:before {
    display: none;
  }
}
/* line 5449, ../specific.scss */
div.element.recrutement.edit div.formRight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 28%;
  margin-left: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 5449, ../specific.scss */
  div.element.recrutement.edit div.formRight {
    width: 100%;
    margin-left: 0;
  }
}
/* line 5459, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset {
  padding-top: 0;
}
/* line 5462, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset label {
  font-size: 0.6em;
}
/* line 5466, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset span.inputFile {
  display: block;
  text-align: center;
}
/* line 5470, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset span.inputFile span {
  font-size: 0.8em;
}
/* line 5475, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset div.fileResult {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 6px;
  border: none;
}
/* line 5482, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset div.fileResult a.filePreview {
  display: block;
  background: #3E4982;
  color: #FFF;
}
/* line 5488, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset div.fileResult a.removeFile {
  height: 100%;
  background: url(data/image/welcome/close.png) center center no-repeat;
  background-size: 50%;
}
/* line 5497, ../specific.scss */
div.element.recrutement.edit div.text.poste {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  margin-bottom: 2%;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
/* line 5505, ../specific.scss */
div.element.recrutement.edit div.text.poste:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 50px;
  background: url(data/image/nom.png) center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 5516, ../specific.scss */
div.element.recrutement.edit div.text.poste label {
  display: none;
}
/* line 5520, ../specific.scss */
div.element.recrutement.edit div.text.poste input {
  padding: 16px;
  border: 1px solid #E8E8E8;
}
@media only screen and (max-width: 800px) {
  /* line 5497, ../specific.scss */
  div.element.recrutement.edit div.text.poste {
    padding-left: 0;
  }
  /* line 5528, ../specific.scss */
  div.element.recrutement.edit div.text.poste:before {
    display: none;
  }
}
/* line 5534, ../specific.scss */
div.element.recrutement.edit div.message {
  padding-left: 50px;
  position: relative;
}
/* line 5538, ../specific.scss */
div.element.recrutement.edit div.message:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3px;
  width: 50px;
  background: url(data/image/pen.png) center center no-repeat #3E4982;
  background-size: 50%;
}
/* line 5549, ../specific.scss */
div.element.recrutement.edit div.message label {
  display: none;
}
/* line 5553, ../specific.scss */
div.element.recrutement.edit div.message textarea {
  padding: 16px;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
@media only screen and (max-width: 800px) {
  /* line 5534, ../specific.scss */
  div.element.recrutement.edit div.message {
    padding-left: 0;
  }
  /* line 5562, ../specific.scss */
  div.element.recrutement.edit div.message:before {
    display: none;
  }
}
/* line 5575, ../specific.scss */
div.element.recrutement.sent {
  padding: 40px;
  text-align: center;
  color: #3E4982;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 5582, ../specific.scss */
div.element.recrutement.view {
  max-width: 80%;
  margin: auto;
  margin-top: 150px;
}
/* line 5587, ../specific.scss */
div.element.recrutement.view h1 {
  margin-bottom: 10px;
}
/* line 5591, ../specific.scss */
div.element.recrutement.view .infos {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 5596, ../specific.scss */
div.element.recrutement.view .infos > * {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}
/* line 5602, ../specific.scss */
div.element.recrutement.view .description {
  margin: 20px 0;
}
/* line 5606, ../specific.scss */
div.element.recrutement.view .bottom {
  text-align: right;
}
/* line 5609, ../specific.scss */
div.element.recrutement.view .bottom a {
  margin-left: 5px;
}
/* line 5615, ../specific.scss */
div.element.recrutement.view .typeContract span {
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  background: #3E4982;
  padding: 6px;
  border-radius: 100%;
}
/* line 5629, ../specific.scss */
div.element.recrutement.editWeight {
  max-height: 200px;
  overflow: hidden;
}

/* line 5636, ../specific.scss */
div#page div.element.recrutement.edit {
  margin-top: 50px;
  padding: 20px;
}

/*
 * Simulations
 * ************************************************************************* */
/* line 5645, ../specific.scss */
div.divSimulation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 5645, ../specific.scss */
  div.divSimulation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divSimulation:not(.notBackground) {
  background: url(data/image/backgroundPage/comment-adherer.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divSimulation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divSimulation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divSimulation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divSimulation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divSimulation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divSimulation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divSimulation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divSimulation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divSimulation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divSimulation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divSimulation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divSimulation > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divSimulation > div.element.description,
div.divSimulation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divSimulation > div.element.description,
  div.divSimulation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divSimulation > div.element.description,
  div.divSimulation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divSimulation > div.element.description a:hover,
div.divSimulation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divSimulation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divSimulation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divSimulation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divSimulation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divSimulation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divSimulation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divSimulation div.bottomDescription div.element.description div.description,
div.divSimulation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divSimulation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divSimulation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divSimulation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divSimulation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divSimulation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divSimulation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divSimulation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divSimulation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divSimulation div.accesTemplate a:hover, div.divSimulation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divSimulation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divSimulation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divSimulation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divSimulation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divSimulation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 5648, ../specific.scss */
div.divSimulation:not(.notBackground) {
  background-position: 75% 0;
  background-size: 30%;
}
/* line 5653, ../specific.scss */
div.divSimulation div.element.customEncart.viewList .content > * {
  -ms-flex-preferred-size: calc(45% - 60px);
      flex-basis: calc(45% - 60px);
}
/* line 5658, ../specific.scss */
div.divSimulation div.legendFormSimulator p {
  font-size: 0.8em;
  font-style: italic;
  color: #646464;
}

/* line 5670, ../specific.scss */
div.element.simulation.edit div.isAdh p input {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 20px;
  width: 20%;
  box-sizing: border-box;
}
/* line 5677, ../specific.scss */
div.element.simulation.edit div.isAdh p label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 74%;
  box-sizing: border-box;
}
/* line 5685, ../specific.scss */
div.element.simulation.edit div.buttons {
  text-align: left;
}
/* line 5688, ../specific.scss */
div.element.simulation.edit div.buttons input.save {
  background: #FF9827;
  color: #FFF;
  border: 1px solid #FF9827;
  padding: 10px 40px;
}
/* line 5694, ../specific.scss */
div.element.simulation.edit div.buttons input.save:hover {
  background: #FFF;
  color: #FF9827;
}
/* line 5701, ../specific.scss */
div.element.simulation.edit form.editBtp {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  /*            div.nbSalarieBtp, div.nbSalarieBtp2 { 
                  @include inline-block(top); width: 48%; box-sizing: border-box;
                  @include breakPoint(1115) { width: 100%; margin: 10px 0; }
              }
              div.nbSalarieBtp2{
                  padding-right: 60px; background: url(data/image/euro.png) right center no-repeat; margin-left: 4%;
                  @include breakPoint(1115) { margin-left: 0; }
                  @include breakPoint($breakPointMenu) {padding-right: 0; background: none;}
              }*/
}
/* line 5705, ../specific.scss */
div.element.simulation.edit form.editBtp label {
  display: none;
}
/* line 5709, ../specific.scss */
div.element.simulation.edit form.editBtp input {
  padding: 16px;
}
/* line 5713, ../specific.scss */
div.element.simulation.edit form.editBtp div.nbSalarieBtp {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  box-sizing: border-box;
  padding-right: 60px;
  background: url(data/image/euro.png) right center no-repeat;
}
/* line 5732, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.btpView {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 2%;
  width: 38%;
}
/* line 5737, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.btpView div.leftResult {
  box-sizing: border-box;
  padding: 20px;
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  color: #FFF;
  background: #3E4982;
}
/* line 5744, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.btpView div.leftResult div {
  text-align: center;
}
/* line 5750, ../specific.scss */
div.element.simulation.edit form.editInterpro {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
}
@media only screen and (max-width: 1160px) {
  /* line 5750, ../specific.scss */
  div.element.simulation.edit form.editInterpro {
    width: 40%;
  }
}
@media only screen and (max-width: 890px) {
  /* line 5750, ../specific.scss */
  div.element.simulation.edit form.editInterpro {
    width: 100%;
  }
}
/* line 5762, ../specific.scss */
div.element.simulation.edit form.editInterpro label {
  display: none;
}
/* line 5766, ../specific.scss */
div.element.simulation.edit form.editInterpro input {
  padding: 16px;
}
/* line 5770, ../specific.scss */
div.element.simulation.edit form.editInterpro div.select {
  margin: 1%;
}
/* line 5773, ../specific.scss */
div.element.simulation.edit form.editInterpro div.select select {
  padding: 16px;
}
/* line 5778, ../specific.scss */
div.element.simulation.edit form.editInterpro div.text {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
}
@media only screen and (max-width: 1160px) {
  /* line 5778, ../specific.scss */
  div.element.simulation.edit form.editInterpro div.text {
    width: 98%;
  }
}
/* line 5789, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 2%;
  width: 38%;
  margin-top: 10px;
}
@media only screen and (max-width: 1160px) {
  /* line 5789, ../specific.scss */
  div.element.simulation.edit div.element.simulation.view.interproView {
    width: 58%;
  }
}
@media only screen and (max-width: 890px) {
  /* line 5789, ../specific.scss */
  div.element.simulation.edit div.element.simulation.view.interproView {
    width: 100%;
    margin: 0;
  }
}
/* line 5804, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult {
  background: #3E4982;
  color: #FFF;
  padding: 20px;
  box-sizing: border-box;
}
/* line 5810, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.left,
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.right {
  width: 100%;
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin-left: 0;
}
/* line 5816, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.left div,
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.right div {
  padding-top: 10px;
}
/* line 5821, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult span.result {
  display: block;
  text-align: right;
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: bold;
}

/* line 5832, ../specific.scss */
form.editSimulator {
  max-width: 80%;
  margin: auto;
  background: #FFF;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 5839, ../specific.scss */
form.editSimulator div.text {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 5845, ../specific.scss */
form.editSimulator fieldset.buttons {
  text-align: center;
}

/*
 * Adhesion (A FAIRE)
 * ************************************************************************* */
/* line 5853, ../specific.scss */
div.divAdhesion {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 5853, ../specific.scss */
  div.divAdhesion {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divAdhesion:not(.notBackground) {
  background: url(data/image/backgroundPage/comment-adherer.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divAdhesion:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divAdhesion:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divAdhesion > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divAdhesion > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divAdhesion > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divAdhesion > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divAdhesion > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divAdhesion > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divAdhesion > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divAdhesion > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdhesion > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divAdhesion > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divAdhesion > div.element.description,
div.divAdhesion > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divAdhesion > div.element.description,
  div.divAdhesion > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divAdhesion > div.element.description,
  div.divAdhesion > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divAdhesion > div.element.description a:hover,
div.divAdhesion > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divAdhesion div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divAdhesion div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divAdhesion div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divAdhesion div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divAdhesion div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divAdhesion div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divAdhesion div.bottomDescription div.element.description div.description,
div.divAdhesion div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divAdhesion div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divAdhesion div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divAdhesion div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divAdhesion div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divAdhesion div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divAdhesion div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divAdhesion div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divAdhesion div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divAdhesion div.accesTemplate a:hover, div.divAdhesion div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divAdhesion div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divAdhesion div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divAdhesion div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divAdhesion div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divAdhesion div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 5858, ../specific.scss */
div.divAdherent {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 5858, ../specific.scss */
  div.divAdherent {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divAdherent:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-adherent.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divAdherent:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divAdherent:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divAdherent > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divAdherent > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divAdherent > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divAdherent > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divAdherent > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divAdherent > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divAdherent > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divAdherent > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdherent > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divAdherent > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdherent > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divAdherent > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divAdherent > div.element.description,
div.divAdherent > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divAdherent > div.element.description,
  div.divAdherent > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divAdherent > div.element.description,
  div.divAdherent > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divAdherent > div.element.description a:hover,
div.divAdherent > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divAdherent div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divAdherent div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divAdherent div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divAdherent div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divAdherent div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divAdherent div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divAdherent div.bottomDescription div.element.description div.description,
div.divAdherent div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divAdherent div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divAdherent div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divAdherent div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divAdherent div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divAdherent div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divAdherent div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divAdherent div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divAdherent div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divAdherent div.accesTemplate a:hover, div.divAdherent div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divAdherent div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divAdherent div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divAdherent div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divAdherent div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divAdherent div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 5862, ../specific.scss */
div.divAdherer {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 5862, ../specific.scss */
  div.divAdherer {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divAdherer:not(.notBackground) {
  background: url(data/image/backgroundPage/puis-je-adherer.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divAdherer:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divAdherer:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divAdherer > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divAdherer > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divAdherer > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divAdherer > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divAdherer > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divAdherer > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divAdherer > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divAdherer > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdherer > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divAdherer > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divAdherer > div.element.description,
div.divAdherer > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divAdherer > div.element.description,
  div.divAdherer > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divAdherer > div.element.description,
  div.divAdherer > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divAdherer > div.element.description a:hover,
div.divAdherer > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divAdherer div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divAdherer div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divAdherer div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divAdherer div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divAdherer div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divAdherer div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divAdherer div.bottomDescription div.element.description div.description,
div.divAdherer div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divAdherer div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divAdherer div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divAdherer div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divAdherer div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divAdherer div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divAdherer div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divAdherer div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divAdherer div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divAdherer div.accesTemplate a:hover, div.divAdherer div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divAdherer div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divAdherer div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divAdherer div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divAdherer div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divAdherer div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 5866, ../specific.scss */
div.element.adhesion.edit {
  margin-top: 20px;
  background: url(data/image/MIST.png) 90% 10% no-repeat #F2F2F2;
  background-size: 20%;
  padding: 40px 0;
}
@media only screen and (max-width: 800px) {
  /* line 5866, ../specific.scss */
  div.element.adhesion.edit {
    background: #F2F2F2;
  }
}
/* line 5876, ../specific.scss */
div.element.adhesion.edit h2 {
  color: #5E5E5E;
  padding: 10px 0;
  padding-left: 73px;
  text-transform: uppercase;
  background: url("data/image/arrow-blue.png") left center no-repeat;
}
@media only screen and (max-width: 620px) {
  /* line 5876, ../specific.scss */
  div.element.adhesion.edit h2 {
    padding-left: 0;
    background: none;
  }
}
/* line 5889, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer {
  margin-left: 20px;
  padding-left: 50px;
  border-left: 3px solid #3E4982;
  max-width: 60%;
}
@media only screen and (max-width: 800px) {
  /* line 5889, ../specific.scss */
  div.element.adhesion.edit div.adhesionEligContainer {
    max-width: 100%;
  }
}
/* line 5899, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer form {
  max-width: 80%;
}
/* line 5902, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer form div.postalCode {
  margin-bottom: 0;
}
/* line 5907, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.list {
  position: relative;
}
/* line 5913, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.submit {
  position: absolute;
  right: 0;
  bottom: 0;
}
/* line 5919, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer select {
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
  border: 0;
}
/* line 5926, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.postalCode.error + div.submit {
  bottom: 30px;
}
/* line 5930, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer [type=submit] {
  display: block;
  margin: 0;
  font-size: 0;
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  padding: 20px 17px 17px 17px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow: none;
  background-size: 50%;
}
/* line 5942, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer fieldset.fieldsetName {
  position: relative;
}
/* line 5945, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer fieldset.fieldsetName div.submit {
  margin-right: 0;
  margin-bottom: 0;
}
/* line 5951, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer fieldset.fieldsetName div.postalCode input {
  border: 1px solid #FFF;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  height: 40px;
}
/* line 5960, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.buttons {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 8%;
  margin-bottom: 0;
  margin-top: 28px;
}
/* line 5966, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.buttons div.submit {
  display: block;
  margin-bottom: 6px;
}
/* line 5970, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.buttons div.submit input {
  display: block;
  margin: 0;
  font-size: 0;
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  padding: 16px 17px 17px 17px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow: none;
  background-size: 50%;
}
/* line 5985, ../specific.scss */
div.element.adhesion.edit div.element.mist.view {
  padding: 20px;
  background: #F2F2F2;
}
/* line 5990, ../specific.scss */
div.element.adhesion.edit div.element.mist.view div.bottom a {
  margin: 10px;
}

/* line 5998, ../specific.scss */
div.element.adhesion.edit {
  max-width: 100%;
  text-align: left;
}
/* line 6004, ../specific.scss */
div.element.adhesion.edit div.firstStep div.select span.error {
  display: block;
  text-align: center;
  padding: 6px;
  margin: 6px;
  background: #3E4982;
  color: #FFF;
}
/* line 6016, ../specific.scss */
div.element.adhesion.result {
  box-sizing: border-box;
  margin: 20px;
  padding: 10px;
  color: #fff;
  background-color: #3E4982;
}
/* line 6023, ../specific.scss */
div.element.adhesion.result div.element.mist.view {
  background-color: #3E4982;
  max-width: 100%;
  margin: 0;
}
/* line 6028, ../specific.scss */
div.element.adhesion.result div.element.mist.view h1 {
  margin-top: 10px;
  color: #fff;
}
/* line 6032, ../specific.scss */
div.element.adhesion.result div.element.mist.view h1:after {
  background: #fff;
}
/* line 6037, ../specific.scss */
div.element.adhesion.result div.element.mist.view div.description {
  color: #fff;
}
/* line 6041, ../specific.scss */
div.element.adhesion.result div.element.mist.view .right {
  margin-top: 20px;
  text-align: center;
}
/* line 6046, ../specific.scss */
div.element.adhesion.result div.element.mist.view .left,
div.element.adhesion.result div.element.mist.view .right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px;
  width: calc(50% - 20px);
}
/* line 6053, ../specific.scss */
div.element.adhesion.result div.element.mist.view div.bottom {
  margin-top: 10px;
}
@media only screen and (max-width: 680px) {
  /* line 6059, ../specific.scss */
  div.element.adhesion.result div.element.mist.view .left,
  div.element.adhesion.result div.element.mist.view .right {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}

/*
 * Simulation (A FAIRE)
 * ************************************************************************* */
/* line 6075, ../specific.scss */
div.divSimulation > div.element.description,
div.divSimulation > div.element.presentation {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  margin-right: 10%;
}
@media only screen and (max-width: 800px) {
  /* line 6075, ../specific.scss */
  div.divSimulation > div.element.description,
  div.divSimulation > div.element.presentation {
    width: 100%;
    margin-right: 0;
  }
}
/* line 6087, ../specific.scss */
div.divSimulation div.simContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 28%;
  margin-left: 2%;
  float: right;
}
/* line 6093, ../specific.scss */
div.divSimulation div.simContainer div.sim {
  margin-bottom: 20px;
}
/* line 6096, ../specific.scss */
div.divSimulation div.simContainer div.sim img {
  width: 70%;
  display: block;
  margin: auto;
}

/*
 * Informations et actualités
 * ************************************************************************* */
/* line 6108, ../specific.scss */
div.divInformation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6108, ../specific.scss */
  div.divInformation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divInformation:not(.notBackground) {
  background: url(data/image/backgroundPage/en-ce-moment-au-cmaic.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divInformation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divInformation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divInformation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divInformation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divInformation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divInformation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divInformation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divInformation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divInformation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divInformation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divInformation > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divInformation > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divInformation > div.element.description,
div.divInformation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divInformation > div.element.description,
  div.divInformation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divInformation > div.element.description,
  div.divInformation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divInformation > div.element.description a:hover,
div.divInformation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divInformation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divInformation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divInformation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divInformation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divInformation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divInformation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divInformation div.bottomDescription div.element.description div.description,
div.divInformation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divInformation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divInformation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divInformation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divInformation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divInformation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divInformation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divInformation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divInformation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divInformation div.accesTemplate a:hover, div.divInformation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divInformation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divInformation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divInformation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divInformation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divInformation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6111, ../specific.scss */
div.divInformation > div.element.description.view,
div.divInformation > div.element.presentation.view {
  margin-bottom: 80px;
}

/* line 6121, ../specific.scss */
div.divActualite {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6121, ../specific.scss */
  div.divActualite {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divActualite:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divActualite:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divActualite:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divActualite > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divActualite > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divActualite > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divActualite > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divActualite > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divActualite > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divActualite > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divActualite > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divActualite > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divActualite > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divActualite > div.element.description,
div.divActualite > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divActualite > div.element.description,
  div.divActualite > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divActualite > div.element.description,
  div.divActualite > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divActualite > div.element.description a:hover,
div.divActualite > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divActualite div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divActualite div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divActualite div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divActualite div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divActualite div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divActualite div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divActualite div.bottomDescription div.element.description div.description,
div.divActualite div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divActualite div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divActualite div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divActualite div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divActualite div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divActualite div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divActualite div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divActualite div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divActualite div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divActualite div.accesTemplate a:hover, div.divActualite div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divActualite div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divActualite div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divActualite div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divActualite div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divActualite div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6124, ../specific.scss */
div.divActualite > div.element.description.view,
div.divActualite > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6129, ../specific.scss */
div.divActualite > h2 {
  margin-bottom: 40px;
}

/* line 6135, ../specific.scss */
div.divDossiers {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6135, ../specific.scss */
  div.divDossiers {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divDossiers:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divDossiers:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divDossiers:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divDossiers > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divDossiers > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divDossiers > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divDossiers > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divDossiers > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divDossiers > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divDossiers > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divDossiers > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDossiers > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divDossiers > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDossiers > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divDossiers > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divDossiers > div.element.description,
div.divDossiers > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divDossiers > div.element.description,
  div.divDossiers > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divDossiers > div.element.description,
  div.divDossiers > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divDossiers > div.element.description a:hover,
div.divDossiers > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divDossiers div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divDossiers div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divDossiers div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divDossiers div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divDossiers div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divDossiers div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divDossiers div.bottomDescription div.element.description div.description,
div.divDossiers div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divDossiers div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divDossiers div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divDossiers div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divDossiers div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divDossiers div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divDossiers div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divDossiers div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divDossiers div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divDossiers div.accesTemplate a:hover, div.divDossiers div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divDossiers div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divDossiers div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divDossiers div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divDossiers div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divDossiers div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6138, ../specific.scss */
div.divDossiers > div.element.description.view,
div.divDossiers > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6143, ../specific.scss */
div.divDossiers > h2 {
  margin-bottom: 40px;
}
/* line 6148, ../specific.scss */
div.divDossiers > .container {
  width: 80%;
  margin-right: auto;
}

/* line 6154, ../specific.scss */
div.element.dossier.view {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  margin-top: 100px;
  margin-left: 0;
}
@media only screen and (max-width: 1380px) {
  /* line 6154, ../specific.scss */
  div.element.dossier.view {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.element.dossier.view:not(.notBackground) {
  background: url(data/image/backgroundPage/transparent) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.element.dossier.view:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.element.dossier.view:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.element.dossier.view > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.element.dossier.view > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.element.dossier.view > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.element.dossier.view > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.element.dossier.view > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.element.dossier.view > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.element.dossier.view > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.element.dossier.view > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.element.dossier.view > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.element.dossier.view > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.element.dossier.view > div.element.description,
div.element.dossier.view > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.element.dossier.view > div.element.description,
  div.element.dossier.view > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.element.dossier.view > div.element.description,
  div.element.dossier.view > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.element.dossier.view > div.element.description a:hover,
div.element.dossier.view > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.element.dossier.view div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.element.dossier.view div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.element.dossier.view div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.element.dossier.view div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.element.dossier.view div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.element.dossier.view div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.element.dossier.view div.bottomDescription div.element.description div.description,
div.element.dossier.view div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.element.dossier.view div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.element.dossier.view div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.element.dossier.view div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.element.dossier.view div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.element.dossier.view div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.element.dossier.view div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.element.dossier.view div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.element.dossier.view div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.element.dossier.view div.accesTemplate a:hover, div.element.dossier.view div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.element.dossier.view div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.element.dossier.view div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.element.dossier.view div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.element.dossier.view div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.element.dossier.view div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
@media only screen and (max-width: 1380px) {
  /* line 6154, ../specific.scss */
  div.element.dossier.view {
    margin-top: 0;
  }
}
/* line 6163, ../specific.scss */
div.element.dossier.view h1 {
  max-width: 100%;
  text-align: left;
  margin-bottom: 40px;
  padding: 20px 0;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 6174, ../specific.scss */
div.element.dossier.view div.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 6178, ../specific.scss */
div.element.dossier.view div.flex div.right-dossier {
  margin-left: 30px;
}
/* line 6183, ../specific.scss */
div.element.dossier.view > div.element.description.view,
div.element.dossier.view > div.element.presentation.view {
  margin-bottom: 80px;
}

/* line 6195, ../specific.scss */
div.element.dossierContent.viewList div.content {
  display: block;
}
/* line 6199, ../specific.scss */
div.element.dossierContent.viewList div.content .listview:nth-of-type(odd) div.picture {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
/* line 6207, ../specific.scss */
div.element.dossierContent.viewList div.content .listview:nth-of-type(even) div.picture {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
/* line 6216, ../specific.scss */
div.element.dossierContent.listview {
  width: 100%;
  margin: 50px 0;
  clear: both;
}
/* line 6221, ../specific.scss */
div.element.dossierContent.listview h3 {
  margin-bottom: 5px;
}
/* line 6225, ../specific.scss */
div.element.dossierContent.listview div.description {
  display: inline;
}

/* line 6231, ../specific.scss */
div.divEvenement {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6231, ../specific.scss */
  div.divEvenement {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divEvenement:not(.notBackground) {
  background: url(data/image/backgroundPage/nos-evenements.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divEvenement:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divEvenement:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divEvenement > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divEvenement > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divEvenement > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divEvenement > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divEvenement > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divEvenement > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divEvenement > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divEvenement > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divEvenement > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divEvenement > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divEvenement > div.element.description,
div.divEvenement > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divEvenement > div.element.description,
  div.divEvenement > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divEvenement > div.element.description,
  div.divEvenement > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divEvenement > div.element.description a:hover,
div.divEvenement > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divEvenement div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divEvenement div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divEvenement div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divEvenement div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divEvenement div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divEvenement div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divEvenement div.bottomDescription div.element.description div.description,
div.divEvenement div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divEvenement div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divEvenement div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divEvenement div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divEvenement div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divEvenement div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divEvenement div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divEvenement div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divEvenement div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divEvenement div.accesTemplate a:hover, div.divEvenement div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divEvenement div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divEvenement div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divEvenement div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divEvenement div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divEvenement div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6234, ../specific.scss */
div.divEvenement > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6238, ../specific.scss */
div.divEvenement > h2 {
  margin-bottom: 40px;
}

/* line 6244, ../specific.scss */
div.divPresse {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6244, ../specific.scss */
  div.divPresse {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPresse:not(.notBackground) {
  background: url(data/image/backgroundPage/la-presse.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPresse:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPresse:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPresse > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPresse > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPresse > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPresse > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPresse > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPresse > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPresse > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPresse > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPresse > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPresse > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPresse > div.element.description,
div.divPresse > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPresse > div.element.description,
  div.divPresse > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPresse > div.element.description,
  div.divPresse > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPresse > div.element.description a:hover,
div.divPresse > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPresse div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPresse div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPresse div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPresse div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPresse div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPresse div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPresse div.bottomDescription div.element.description div.description,
div.divPresse div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPresse div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPresse div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPresse div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPresse div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPresse div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPresse div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPresse div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPresse div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPresse div.accesTemplate a:hover, div.divPresse div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPresse div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPresse div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPresse div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPresse div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPresse div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6247, ../specific.scss */
div.divPresse > div.element.description.view,
div.divPresse > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6251, ../specific.scss */
div.divPresse > div.element.description.view a,
div.divPresse > div.element.presentation.view a {
  color: #5897c7;
  transition: all 0.2s ease;
}
/* line 2050, ../specific.scss */
div.divPresse > div.element.description.view a:hover,
div.divPresse > div.element.presentation.view a:hover {
  color: #3b7eb1;
}
/* line 6256, ../specific.scss */
div.divPresse > h2 {
  margin-bottom: 40px;
}

/* line 6262, ../specific.scss */
div.element.actualite.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.actualite.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6262, ../specific.scss */
  div.element.actualite.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6262, ../specific.scss */
  div.element.actualite.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.actualite.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.actualite.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.actualite.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.actualite.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.actualite.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.actualite.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.actualite.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #06C4F4;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.actualite.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.actualite.listview div.middle h3 a:focus, div.element.actualite.listview div.middle h3 a:hover {
  color: #06C4F4;
}
/* line 917, ../specific.scss */
div.element.actualite.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.actualite.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.actualite.listview div.picture a:focus img,
div.element.actualite.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.actualite.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.actualite.listview div.bottom a,
div.element.actualite.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.actualite.listview div.bottom a:focus, div.element.actualite.listview div.bottom a:hover,
div.element.actualite.listview div.bottom div.contentToShare:focus,
div.element.actualite.listview div.bottom div.contentToShare:hover {
  color: #06C4F4;
}
/* line 953, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.actualite.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}

/* line 6266, ../specific.scss */
div.element.presse.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.presse.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6266, ../specific.scss */
  div.element.presse.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6266, ../specific.scss */
  div.element.presse.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.presse.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.presse.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.presse.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.presse.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.presse.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.presse.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.presse.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #E3424A;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.presse.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.presse.listview div.middle h3 a:focus, div.element.presse.listview div.middle h3 a:hover {
  color: #E3424A;
}
/* line 917, ../specific.scss */
div.element.presse.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.presse.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.presse.listview div.picture a:focus img,
div.element.presse.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.presse.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.presse.listview div.bottom a,
div.element.presse.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.presse.listview div.bottom a:focus, div.element.presse.listview div.bottom a:hover,
div.element.presse.listview div.bottom div.contentToShare:focus,
div.element.presse.listview div.bottom div.contentToShare:hover {
  color: #E3424A;
}
/* line 953, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.presse.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}

/* line 6270, ../specific.scss */
div.element.evenement.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.evenement.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6270, ../specific.scss */
  div.element.evenement.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6270, ../specific.scss */
  div.element.evenement.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.evenement.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.evenement.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.evenement.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.evenement.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.evenement.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.evenement.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.evenement.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #FF9827;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.evenement.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.evenement.listview div.middle h3 a:focus, div.element.evenement.listview div.middle h3 a:hover {
  color: #FF9827;
}
/* line 917, ../specific.scss */
div.element.evenement.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.evenement.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.evenement.listview div.picture a:focus img,
div.element.evenement.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.evenement.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.evenement.listview div.bottom a,
div.element.evenement.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.evenement.listview div.bottom a:focus, div.element.evenement.listview div.bottom a:hover,
div.element.evenement.listview div.bottom div.contentToShare:focus,
div.element.evenement.listview div.bottom div.contentToShare:hover {
  color: #FF9827;
}
/* line 953, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.evenement.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}

/* line 6274, ../specific.scss */
div.element.dossier.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.dossier.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6274, ../specific.scss */
  div.element.dossier.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6274, ../specific.scss */
  div.element.dossier.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.dossier.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.dossier.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.dossier.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.dossier.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.dossier.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #16A89F;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.dossier.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.dossier.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #16A89F;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.dossier.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.dossier.listview div.middle h3 a:focus, div.element.dossier.listview div.middle h3 a:hover {
  color: #16A89F;
}
/* line 917, ../specific.scss */
div.element.dossier.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.dossier.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.dossier.listview div.picture a:focus img,
div.element.dossier.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.dossier.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.dossier.listview div.bottom a,
div.element.dossier.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.dossier.listview div.bottom a:focus, div.element.dossier.listview div.bottom a:hover,
div.element.dossier.listview div.bottom div.contentToShare:focus,
div.element.dossier.listview div.bottom div.contentToShare:hover {
  color: #16A89F;
}
/* line 953, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.dossier.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}
/* line 6277, ../specific.scss */
div.element.dossier.listview img {
  width: auto !important;
}

/* line 6282, ../specific.scss */
div.element.actualite.lightListview {
  position: relative;
  padding-left: 60px;
  margin-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  width: 80%;
  margin-right: 20%;
}
/* line 1102, ../specific.scss */
div.element.actualite.lightListview div.picture {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #FFF;
}
/* line 1108, ../specific.scss */
div.element.actualite.lightListview div.picture img {
  width: 100%;
}
/* line 1113, ../specific.scss */
div.element.actualite.lightListview > h3 {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1119, ../specific.scss */
div.element.actualite.lightListview > h3:hover {
  color: #3E4982;
}
/* line 1124, ../specific.scss */
div.element.actualite.lightListview:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1135, ../specific.scss */
div.element.actualite.lightListview:after {
  content: '';
  background: #06C4F4;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 1145, ../specific.scss */
div.element.actualite.lightListview div.bottom {
  clear: both;
}
/* line 1148, ../specific.scss */
div.element.actualite.lightListview div.bottom a.contact-us {
  background: #FF9827;
  margin-right: 20px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.actualite.lightListview div.bottom a.contact-us:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 6286, ../specific.scss */
div.element.presse.lightListview {
  position: relative;
  padding-left: 60px;
  margin-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  width: 80%;
  margin-right: 20%;
}
/* line 1102, ../specific.scss */
div.element.presse.lightListview div.picture {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #FFF;
}
/* line 1108, ../specific.scss */
div.element.presse.lightListview div.picture img {
  width: 100%;
}
/* line 1113, ../specific.scss */
div.element.presse.lightListview > h3 {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1119, ../specific.scss */
div.element.presse.lightListview > h3:hover {
  color: #3E4982;
}
/* line 1124, ../specific.scss */
div.element.presse.lightListview:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1135, ../specific.scss */
div.element.presse.lightListview:after {
  content: '';
  background: #E3424A;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 1145, ../specific.scss */
div.element.presse.lightListview div.bottom {
  clear: both;
}
/* line 1148, ../specific.scss */
div.element.presse.lightListview div.bottom a.contact-us {
  background: #FF9827;
  margin-right: 20px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.presse.lightListview div.bottom a.contact-us:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 6290, ../specific.scss */
div.element.evenement.lightListview {
  position: relative;
  padding-left: 60px;
  margin-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  width: 80%;
  margin-right: 20%;
}
/* line 1102, ../specific.scss */
div.element.evenement.lightListview div.picture {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #FFF;
}
/* line 1108, ../specific.scss */
div.element.evenement.lightListview div.picture img {
  width: 100%;
}
/* line 1113, ../specific.scss */
div.element.evenement.lightListview > h3 {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1119, ../specific.scss */
div.element.evenement.lightListview > h3:hover {
  color: #3E4982;
}
/* line 1124, ../specific.scss */
div.element.evenement.lightListview:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1135, ../specific.scss */
div.element.evenement.lightListview:after {
  content: '';
  background: #FF9827;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 1145, ../specific.scss */
div.element.evenement.lightListview div.bottom {
  clear: both;
}
/* line 1148, ../specific.scss */
div.element.evenement.lightListview div.bottom a.contact-us {
  background: #FF9827;
  margin-right: 20px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.evenement.lightListview div.bottom a.contact-us:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 6294, ../specific.scss */
div.element.actualite.preview {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* float: right; */
  text-align: left;
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  /* line 6294, ../specific.scss */
  div.element.actualite.preview {
    width: 48%;
    margin: 1%;
    float: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6294, ../specific.scss */
  div.element.actualite.preview {
    width: 98%;
  }
}
/* line 987, ../specific.scss */
div.element.actualite.preview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 992, ../specific.scss */
div.element.actualite.preview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 997, ../specific.scss */
div.element.actualite.preview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 1001, ../specific.scss */
div.element.actualite.preview div.top > div.left a {
  color: #5E5E5E;
}
/* line 1005, ../specific.scss */
div.element.actualite.preview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1017, ../specific.scss */
div.element.actualite.preview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 1024, ../specific.scss */
div.element.actualite.preview h3 {
  /*height: 60px;*/
  margin-bottom: 10px;
}
/* line 1028, ../specific.scss */
div.element.actualite.preview h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 1032, ../specific.scss */
div.element.actualite.preview h3 a:hover {
  color: #06C4F4;
}
/* line 1038, ../specific.scss */
div.element.actualite.preview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #06C4F4;
  /*@include inline-block(top); width: 38%; margin-right: 2%;*/
}
/* line 1044, ../specific.scss */
div.element.actualite.preview div.middle div.description {
  height: 44px;
}
@media only screen and (max-width: 800px) {
  /* line 1044, ../specific.scss */
  div.element.actualite.preview div.middle div.description {
    height: auto;
  }
}
/* line 1053, ../specific.scss */
div.element.actualite.preview div.picture {
  /*@include inline-block(top); width: 40%;*/
  margin-top: 20px;
}
/* line 1057, ../specific.scss */
div.element.actualite.preview div.picture img {
  width: 100%;
}
/* line 1062, ../specific.scss */
div.element.actualite.preview div.bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1068, ../specific.scss */
div.element.actualite.preview div.bottom a,
div.element.actualite.preview div.bottom div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #646464;
  transition: all 0.2s ease;
}
/* line 1074, ../specific.scss */
div.element.actualite.preview div.bottom a:hover,
div.element.actualite.preview div.bottom div.contentToShare:hover {
  color: #06C4F4;
}
/* line 1079, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare.active > div {
  display: block;
}
/* line 1082, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare > div {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}

/* line 6298, ../specific.scss */
div.element.actualite.preview {
  text-align: left;
}
/* line 6301, ../specific.scss */
div.element.actualite.preview div.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 6306, ../specific.scss */
div.element.actualite.preview div.left,
div.element.actualite.preview div.bottom {
  text-align: left;
}

/* line 6312, ../specific.scss */
div.element.actualite.light {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
@media only screen and (max-width: 600px) {
  /* line 6312, ../specific.scss */
  div.element.actualite.light {
    height: auto !important;
  }
}
/* line 6321, ../specific.scss */
div.element.actualite.light div.picture {
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  /* line 6321, ../specific.scss */
  div.element.actualite.light div.picture {
    height: auto;
    position: static;
  }
}
/* line 6330, ../specific.scss */
div.element.actualite.light div.picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  position: absolute;
}
@media only screen and (max-width: 600px) {
  /* line 6330, ../specific.scss */
  div.element.actualite.light div.picture img {
    object-fit: contain;
    position: static;
  }
}
@media only screen and (min-width: 600px) and (max-width: 10000px) {
  /* line 6342, ../specific.scss */
  div.element.actualite.light div.picture img.img-rwd {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  /* line 6348, ../specific.scss */
  div.element.actualite.light div.picture img:not(.img-rwd) {
    display: none;
  }
}
/* line 6355, ../specific.scss */
div.element.actualite.light div.picture div.gradiant {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  /* line 6355, ../specific.scss */
  div.element.actualite.light div.picture div.gradiant {
    display: none;
    /*background: rgba(0,0,0,0.3);*/
  }
}
/* line 6373, ../specific.scss */
div.element.actualite.light div.text {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 51%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 2;
}
/* line 6381, ../specific.scss */
div.element.actualite.light div.text:before {
  content: '';
  background: url(data/image/picto-actus.png) center center/20px no-repeat #06C4F4;
  position: absolute;
  top: -13px;
  left: -70px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
@media only screen and (max-width: 600px) {
  /* line 6381, ../specific.scss */
  div.element.actualite.light div.text:before {
    display: none;
  }
}
/* line 6396, ../specific.scss */
div.element.actualite.light div.text:after {
  content: '';
  background-color: #06C4F4;
  position: absolute;
  top: 55px;
  left: -47px;
  width: 3px;
  height: 150px;
}
@media only screen and (max-width: 600px) {
  /* line 6396, ../specific.scss */
  div.element.actualite.light div.text:after {
    display: none;
  }
}
/* line 6410, ../specific.scss */
div.element.actualite.light div.text span,
div.element.actualite.light div.text h2,
div.element.actualite.light div.text a {
  color: #fff;
  font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 600px) {
  /* line 6410, ../specific.scss */
  div.element.actualite.light div.text span,
  div.element.actualite.light div.text h2,
  div.element.actualite.light div.text a {
    color: #646464;
  }
}
/* line 6421, ../specific.scss */
div.element.actualite.light div.text span {
  font-size: 1.2rem;
  font-weight: 700;
}
/* line 6426, ../specific.scss */
div.element.actualite.light div.text h2 {
  font-size: 1.8rem;
  line-height: 30px;
  margin: 20px 0 10px;
}
/* line 6431, ../specific.scss */
div.element.actualite.light div.text h2 a {
  font-weight: 700;
  text-transform: initial;
}
/* line 6437, ../specific.scss */
div.element.actualite.light div.text div.description {
  color: #fff;
  font-size: 1.2rem;
  width: 80%;
}
@media only screen and (max-width: 600px) {
  /* line 6437, ../specific.scss */
  div.element.actualite.light div.text div.description {
    color: #646464;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6373, ../specific.scss */
  div.element.actualite.light div.text {
    left: 15%;
  }
  /* line 6450, ../specific.scss */
  div.element.actualite.light div.text h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 600px) {
  /* line 6373, ../specific.scss */
  div.element.actualite.light div.text {
    position: static;
    width: 100%;
    -ms-transform: none;
        transform: none;
  }
  /* line 6460, ../specific.scss */
  div.element.actualite.light div.text h2 {
    font-size: 1.7rem;
  }
}
/* line 6466, ../specific.scss */
div.element.actualite.light div.bottom {
  position: absolute;
  right: 50px;
  bottom: 35px;
  z-index: 10;
}
@media only screen and (max-width: 600px) {
  /* line 6466, ../specific.scss */
  div.element.actualite.light div.bottom {
    position: static;
    margin-top: 10px;
  }
}
/* line 6477, ../specific.scss */
div.element.actualite.light div.bottom a {
  font-weight: 700;
  background-color: #06C4F4;
  color: #fff;
  padding: 15px 25px;
  font-size: 1rem;
  border-radius: 10px;
  transition: all 200ms ease-out;
  display: inline-block;
}
/* line 6487, ../specific.scss */
div.element.actualite.light div.bottom a:hover {
  background-color: #3E4982;
}
@media only screen and (max-width: 420px) {
  /* line 6466, ../specific.scss */
  div.element.actualite.light div.bottom {
    right: unset;
    left: 50px;
    bottom: 100px;
  }
}

/* line 6500, ../specific.scss */
div.element.presse.light,
div.element.presse.preview {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* float: right; */
  text-align: left;
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  /* line 6500, ../specific.scss */
  div.element.presse.light,
  div.element.presse.preview {
    width: 48%;
    margin: 1%;
    float: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6500, ../specific.scss */
  div.element.presse.light,
  div.element.presse.preview {
    width: 98%;
  }
}
/* line 987, ../specific.scss */
div.element.presse.light div.top,
div.element.presse.preview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 992, ../specific.scss */
div.element.presse.light div.top > div,
div.element.presse.preview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 997, ../specific.scss */
div.element.presse.light div.top > div.left,
div.element.presse.preview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 1001, ../specific.scss */
div.element.presse.light div.top > div.left a,
div.element.presse.preview div.top > div.left a {
  color: #5E5E5E;
}
/* line 1005, ../specific.scss */
div.element.presse.light div.top > div.left:before,
div.element.presse.preview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1017, ../specific.scss */
div.element.presse.light div.top > div.right,
div.element.presse.preview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 1024, ../specific.scss */
div.element.presse.light h3,
div.element.presse.preview h3 {
  /*height: 60px;*/
  margin-bottom: 10px;
}
/* line 1028, ../specific.scss */
div.element.presse.light h3 a,
div.element.presse.preview h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 1032, ../specific.scss */
div.element.presse.light h3 a:hover,
div.element.presse.preview h3 a:hover {
  color: #E3424A;
}
/* line 1038, ../specific.scss */
div.element.presse.light div.middle,
div.element.presse.preview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #E3424A;
  /*@include inline-block(top); width: 38%; margin-right: 2%;*/
}
/* line 1044, ../specific.scss */
div.element.presse.light div.middle div.description,
div.element.presse.preview div.middle div.description {
  height: 44px;
}
@media only screen and (max-width: 800px) {
  /* line 1044, ../specific.scss */
  div.element.presse.light div.middle div.description,
  div.element.presse.preview div.middle div.description {
    height: auto;
  }
}
/* line 1053, ../specific.scss */
div.element.presse.light div.picture,
div.element.presse.preview div.picture {
  /*@include inline-block(top); width: 40%;*/
  margin-top: 20px;
}
/* line 1057, ../specific.scss */
div.element.presse.light div.picture img,
div.element.presse.preview div.picture img {
  width: 100%;
}
/* line 1062, ../specific.scss */
div.element.presse.light div.bottom,
div.element.presse.preview div.bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1068, ../specific.scss */
div.element.presse.light div.bottom a,
div.element.presse.light div.bottom div.contentToShare,
div.element.presse.preview div.bottom a,
div.element.presse.preview div.bottom div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #646464;
  transition: all 0.2s ease;
}
/* line 1074, ../specific.scss */
div.element.presse.light div.bottom a:hover,
div.element.presse.light div.bottom div.contentToShare:hover,
div.element.presse.preview div.bottom a:hover,
div.element.presse.preview div.bottom div.contentToShare:hover {
  color: #E3424A;
}
/* line 1079, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare,
div.element.presse.preview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare > div,
div.element.presse.preview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare > div a,
div.element.presse.preview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare.active > div,
div.element.presse.preview div.bottom div.contentToShare.active > div {
  display: block;
}
/* line 1082, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare > div,
div.element.presse.preview div.bottom div.contentToShare > div {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}

/* line 6505, ../specific.scss */
div.element.evenement.light {
  text-align: left;
  width: calc(33.33% - 40px);
  box-sizing: border-box;
  padding: 30px;
  margin: 10px 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
  position: relative;
}
/* line 6515, ../specific.scss */
div.element.evenement.light div.date {
  position: absolute;
  top: -30px;
  right: -20px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  font-weight: 700;
}
/* line 6524, ../specific.scss */
div.element.evenement.light div.date div.bg-orange {
  background-color: #FC7922;
  height: 20px;
  width: 100%;
}
/* line 6530, ../specific.scss */
div.element.evenement.light div.date div.date-content {
  padding: 5px 15px;
}
/* line 6533, ../specific.scss */
div.element.evenement.light div.date div.date-content div.day {
  font-size: 1.7rem;
  line-height: 25px;
}
/* line 6538, ../specific.scss */
div.element.evenement.light div.date div.date-content div.month {
  font-size: 1rem;
}
/* line 6545, ../specific.scss */
div.element.evenement.light div.top h3 {
  line-height: 20px;
  width: 95%;
}
/* line 6549, ../specific.scss */
div.element.evenement.light div.top h3 a {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3rem;
}
/* line 6555, ../specific.scss */
div.element.evenement.light div.top div.description {
  margin: 20px 0;
  font-size: 0.8rem;
  width: 98%;
}
/* line 6563, ../specific.scss */
div.element.evenement.light div.middle img {
  width: 100%;
}
/* line 6568, ../specific.scss */
div.element.evenement.light div.bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 15px;
}
/* line 6573, ../specific.scss */
div.element.evenement.light div.bottom a {
  color: #707070;
  font-size: 0.9rem;
  font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 1380px) {
  /* line 6505, ../specific.scss */
  div.element.evenement.light {
    width: calc(50% - 40px);
    margin: 10px 20px 50px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6505, ../specific.scss */
  div.element.evenement.light {
    width: 100%;
  }
}

/* line 6590, ../specific.scss */
div.element.evenement.lightSmall {
  width: calc(33.33% - 40px);
  margin: 30px 20px;
}
/* line 6594, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 6598, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left {
  margin-right: 20px;
}
/* line 6601, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date {
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  font-weight: 700;
}
/* line 6607, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.bg-orange {
  background-color: #FC7922;
  height: 20px;
  width: 100%;
}
/* line 6613, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.date-content {
  padding: 5px 15px;
}
/* line 6616, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.date-content div.day {
  font-size: 1.7rem;
  line-height: 25px;
}
/* line 6621, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.date-content div.month {
  font-size: 1rem;
}
/* line 6629, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right h3 {
  line-height: 20px;
  width: 95%;
}
/* line 6633, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right h3 a {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3rem;
}
/* line 6639, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right div.bottom {
  margin-top: 5px;
}
/* line 6642, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right div.bottom a {
  color: #707070;
  font-size: 0.9rem;
  font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 1380px) {
  /* line 6590, ../specific.scss */
  div.element.evenement.lightSmall {
    width: calc(50% - 40px);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6590, ../specific.scss */
  div.element.evenement.lightSmall {
    width: 100%;
  }
}

/* line 6661, ../specific.scss */
div.element.actualite.view {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
div.element.actualite.view strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
div.element.actualite.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  div.element.actualite.view.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
div.element.actualite.view > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  div.element.actualite.view > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
div.element.actualite.view > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
div.element.actualite.view div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  div.element.actualite.view div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
div.element.actualite.view div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
div.element.actualite.view div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
div.element.actualite.view div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
div.element.actualite.view div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
div.element.actualite.view div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  div.element.actualite.view div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
div.element.actualite.view div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
div.element.actualite.view div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  div.element.actualite.view div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
div.element.actualite.view div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
div.element.actualite.view div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
div.element.actualite.view div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}

/* line 6665, ../specific.scss */
div.element.presse.view {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
div.element.presse.view strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
div.element.presse.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  div.element.presse.view.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
div.element.presse.view > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  div.element.presse.view > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
div.element.presse.view > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
div.element.presse.view div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  div.element.presse.view div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
div.element.presse.view div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
div.element.presse.view div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
div.element.presse.view div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  div.element.presse.view div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  div.element.presse.view div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  div.element.presse.view div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  div.element.presse.view div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
div.element.presse.view div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
div.element.presse.view div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  div.element.presse.view div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
div.element.presse.view div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
div.element.presse.view div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  div.element.presse.view div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
div.element.presse.view div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
div.element.presse.view div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
div.element.presse.view div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}

/* line 6669, ../specific.scss */
div.element.evenement.view {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
div.element.evenement.view strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
div.element.evenement.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  div.element.evenement.view.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
div.element.evenement.view > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  div.element.evenement.view > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
div.element.evenement.view > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
div.element.evenement.view div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  div.element.evenement.view div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
div.element.evenement.view div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
div.element.evenement.view div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
div.element.evenement.view div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
div.element.evenement.view div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
div.element.evenement.view div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  div.element.evenement.view div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
div.element.evenement.view div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
div.element.evenement.view div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  div.element.evenement.view div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
div.element.evenement.view div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
div.element.evenement.view div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
div.element.evenement.view div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}

/* line 6673, ../specific.scss */
div.element.actualite.viewList div.element.actualite.view,
div.element.presse.viewList div.element.presse.view,
div.element.evenement.viewList div.element.evenement.view {
  max-width: 100%;
  margin: 0 auto;
}

/* line 6681, ../specific.scss */
div.element.actualite.viewList {
  max-width: 80%;
}
/* line 6684, ../specific.scss */
div.element.actualite.viewList div.content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  /* line 6681, ../specific.scss */
  div.element.actualite.viewList {
    max-width: 100%;
  }
}
/* line 6697, ../specific.scss */
div.element.actualite.view h3,
div.element.actualite.view strong {
  color: #3E4982;
}
/* line 6703, ../specific.scss */
div.element.actualite.view div.video iframe {
  width: 100%;
}
/* line 6708, ../specific.scss */
div.element.actualite.view div.bottom {
  text-align: left;
}
/* line 6713, ../specific.scss */
div.element.actualite.preview {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #646464;
  text-align: center;
}
/* line 6720, ../specific.scss */
div.element.actualite.preview:last-child {
  border-bottom: none;
}
/* line 6724, ../specific.scss */
div.element.actualite.preview div.picture {
  margin-bottom: 20px;
}
/* line 6729, ../specific.scss */
div.element.actualite.preview h4 a {
  color: #646464;
  font-size: 28px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 6735, ../specific.scss */
div.element.actualite.preview div.description {
  color: #646464;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 6741, ../specific.scss */
div.element.actualite.edit {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}
/* line 6748, ../specific.scss */
div.element.actualite.edit div.filecrop.previewImage {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18%;
  margin-right: 2%;
}
/* line 6754, ../specific.scss */
div.element.actualite.edit div.fieldsetRight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 80%;
}
/* line 6759, ../specific.scss */
div.element.actualite.edit div.dateStart,
div.element.actualite.edit div.dateEnd {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
}
/* line 6767, ../specific.scss */
div.element.actualite.edit div.description textarea {
  min-height: 400px;
}
/* line 6773, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewInputs {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  margin-bottom: 0;
}
/* line 6779, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
/* line 6787, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList h2 {
  text-align: center;
}
/* line 6791, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList div.element.actualite.previewList {
  width: 100%;
}
/* line 6794, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList div.element.actualite.previewList div.description {
  text-align: left;
}

/* line 6808, ../specific.scss */
form.editActualite:not(.forward-1) div.link,
form.editActualite:not(.forward-1) div.linkTitle {
  display: none;
}
/* line 6815, ../specific.scss */
form.editActualite.link- div.linkTitle {
  display: none;
}

/*
 * Evenement
 * ************************************************************************* */
/* line 6827, ../specific.scss */
div.element.evenement.viewList {
  max-width: 80%;
}
/* line 6830, ../specific.scss */
div.element.evenement.viewList div.content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  /* line 6827, ../specific.scss */
  div.element.evenement.viewList {
    max-width: 100%;
  }
}
/* line 6842, ../specific.scss */
div.element.evenement.light div.top {
  line-height: normal;
}
/* line 6846, ../specific.scss */
div.element.evenement.light div.top div.left {
  width: 100%;
}
/* line 6850, ../specific.scss */
div.element.evenement.light small {
  display: block;
}
/* line 6856, ../specific.scss */
div.element.evenement.listview div.top {
  margin-top: 20px;
}
/* line 6860, ../specific.scss */
div.element.evenement.listview div.right {
  margin: 20px 0;
  text-align: right;
}
/* line 6866, ../specific.scss */
div.element.evenement.preview {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* float: right; */
  text-align: left;
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  /* line 6866, ../specific.scss */
  div.element.evenement.preview {
    width: 48%;
    margin: 1%;
    float: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6866, ../specific.scss */
  div.element.evenement.preview {
    width: 98%;
  }
}
/* line 987, ../specific.scss */
div.element.evenement.preview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 992, ../specific.scss */
div.element.evenement.preview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 997, ../specific.scss */
div.element.evenement.preview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 1001, ../specific.scss */
div.element.evenement.preview div.top > div.left a {
  color: #5E5E5E;
}
/* line 1005, ../specific.scss */
div.element.evenement.preview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1017, ../specific.scss */
div.element.evenement.preview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 1024, ../specific.scss */
div.element.evenement.preview h3 {
  /*height: 60px;*/
  margin-bottom: 10px;
}
/* line 1028, ../specific.scss */
div.element.evenement.preview h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 1032, ../specific.scss */
div.element.evenement.preview h3 a:hover {
  color: #06C4F4;
}
/* line 1038, ../specific.scss */
div.element.evenement.preview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #06C4F4;
  /*@include inline-block(top); width: 38%; margin-right: 2%;*/
}
/* line 1044, ../specific.scss */
div.element.evenement.preview div.middle div.description {
  height: 44px;
}
@media only screen and (max-width: 800px) {
  /* line 1044, ../specific.scss */
  div.element.evenement.preview div.middle div.description {
    height: auto;
  }
}
/* line 1053, ../specific.scss */
div.element.evenement.preview div.picture {
  /*@include inline-block(top); width: 40%;*/
  margin-top: 20px;
}
/* line 1057, ../specific.scss */
div.element.evenement.preview div.picture img {
  width: 100%;
}
/* line 1062, ../specific.scss */
div.element.evenement.preview div.bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1068, ../specific.scss */
div.element.evenement.preview div.bottom a,
div.element.evenement.preview div.bottom div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #646464;
  transition: all 0.2s ease;
}
/* line 1074, ../specific.scss */
div.element.evenement.preview div.bottom a:hover,
div.element.evenement.preview div.bottom div.contentToShare:hover {
  color: #06C4F4;
}
/* line 1079, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare.active > div {
  display: block;
}
/* line 1082, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare > div {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}
/* line 6869, ../specific.scss */
div.element.evenement.preview div.picture {
  width: 48%;
}
/* line 6873, ../specific.scss */
div.element.evenement.preview div.rightContainer {
  width: 50%;
}
/* line 6882, ../specific.scss */
div.element.evenement.view div.description iframe {
  border: none;
  width: 100%;
}
/* line 6889, ../specific.scss */
div.element.evenement.edit {
  width: 100%;
}
/* line 6892, ../specific.scss */
div.element.evenement.edit div.formLeft {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 70%;
}
/* line 6896, ../specific.scss */
div.element.evenement.edit div.formLeft div.date,
div.element.evenement.edit div.formLeft div.dateEnd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin-right: 2%;
}
/* line 6903, ../specific.scss */
div.element.evenement.edit div.formLeft div.nbPlace {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
}
/* line 6908, ../specific.scss */
div.element.evenement.edit div.formLeft div.hour,
div.element.evenement.edit div.formLeft div.place {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 49%;
}
/* line 6914, ../specific.scss */
div.element.evenement.edit div.formLeft div.hour {
  margin-right: 2%;
}
/* line 6919, ../specific.scss */
div.element.evenement.edit div.formRight {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 28%;
  margin-left: 2%;
}
/* line 6925, ../specific.scss */
div.element.evenement.edit div.formRight div.picture span.inputFile {
  display: block;
  text-align: center;
}
/* line 6930, ../specific.scss */
div.element.evenement.edit div.formRight div.picture div.fileResult {
  width: 100%;
  box-sizing: border-box;
}
/* line 6934, ../specific.scss */
div.element.evenement.edit div.formRight div.picture div.fileResult img {
  width: 100%;
  max-width: 100%;
}
/* line 6943, ../specific.scss */
div.element.evenement.edit div.description textarea {
  min-height: 400px;
}

/* line 6951, ../specific.scss */
div.element.evenementDocument div.actions {
  display: block;
}
/* line 6955, ../specific.scss */
div.element.evenementDocument.viewList {
  margin-top: 40px;
}
/* line 6958, ../specific.scss */
div.element.evenementDocument.viewList h2 {
  margin-bottom: 20px;
}
/* line 6964, ../specific.scss */
div.element.evenementDocument.view div.topAdmin {
  text-align: center;
  margin-bottom: 20px;
}
/* line 6968, ../specific.scss */
div.element.evenementDocument.view div.topAdmin a {
  margin: 10px;
}
/* line 6973, ../specific.scss */
div.element.evenementDocument.view div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 20px;
}
/* line 6980, ../specific.scss */
div.element.evenementDocument.listview.connected {
  min-height: 80px;
}

/* line 6988, ../specific.scss */
div.element.inscription.view, div.element.inscription.edit {
  max-width: 100%;
}
/* line 6994, ../specific.scss */
div.element.inscription.edit h1 {
  padding-left: 50px;
  position: relative;
  text-align: left;
}
/* line 6999, ../specific.scss */
div.element.inscription.edit h1:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 7011, ../specific.scss */
div.element.inscription.edit div.container {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #FF9827;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 7019, ../specific.scss */
div.element.inscription.edit div.container div.details {
  text-align: left;
}
/* line 7023, ../specific.scss */
div.element.inscription.edit div.container form {
  padding: 20px 40px;
}
/* line 7027, ../specific.scss */
div.element.inscription.edit div.container label {
  display: none;
}
/* line 7031, ../specific.scss */
div.element.inscription.edit div.container div.secteurSociety,
div.element.inscription.edit div.container div.effectifSociety {
  margin-bottom: 20px;
}
/* line 7035, ../specific.scss */
div.element.inscription.edit div.container div.secteurSociety label,
div.element.inscription.edit div.container div.effectifSociety label {
  display: block;
  font-size: 0.9rem;
}
/* line 7041, ../specific.scss */
div.element.inscription.edit div.container input {
  padding: 16px;
  border: 1px solid #E8E8E8;
}
/* line 7046, ../specific.scss */
div.element.inscription.edit div.container div.text {
  margin-bottom: 20px;
}
/* line 7050, ../specific.scss */
div.element.inscription.edit div.container div.buttons {
  text-align: left;
}
/* line 7053, ../specific.scss */
div.element.inscription.edit div.container div.buttons input.save {
  background: #FF9827;
  color: #FFF;
  border: 1px solid #FF9827;
  padding: 10px 40px;
  box-shadow: none;
}
/* line 7060, ../specific.scss */
div.element.inscription.edit div.container div.buttons input.save:hover {
  background: #FFF;
  color: #FF9827;
}
/* line 7069, ../specific.scss */
div.element.inscription.listview {
  width: 100%;
}
/* line 7072, ../specific.scss */
div.element.inscription.listview div.bottom {
  background: none;
}
/* line 7075, ../specific.scss */
div.element.inscription.listview div.bottom a {
  width: 100%;
}

/* line 7083, ../specific.scss */
div.element.thematique.viewList {
  margin-top: 20px;
}
/* line 7087, ../specific.scss */
div.element.thematique.listview {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #5E5E5E;
}
/* line 7093, ../specific.scss */
div.element.thematique.listview h2 {
  margin-bottom: 10px;
  width: 100%;
}
/* line 7099, ../specific.scss */
div.element.thematique.listview div.right div.details {
  border-bottom: none;
  padding-bottom: 10px;
}
/* line 7103, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare.active > div {
  display: block;
}
/* line 7107, ../specific.scss */
div.element.thematique.listview div.right div.details > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 7107, ../specific.scss */
  div.element.thematique.listview div.right div.details > div {
    padding-left: 0;
  }
}
@media only screen and (max-width: 400px) {
  /* line 7107, ../specific.scss */
  div.element.thematique.listview div.right div.details > div {
    width: 98%;
  }
}
/* line 7123, ../specific.scss */
div.element.thematique.listview div.right div.details > div a {
  color: #5E5E5E;
}
/* line 7128, ../specific.scss */
div.element.thematique.listview div.right div.details > div a.showShare img {
  max-height: 12px;
}
/* line 7133, ../specific.scss */
div.element.thematique.listview div.right div.details > div.date {
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 7133, ../specific.scss */
  div.element.thematique.listview div.right div.details > div.date {
    background: none;
  }
}
/* line 7141, ../specific.scss */
div.element.thematique.listview div.right div.details > div.lieu {
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 7141, ../specific.scss */
  div.element.thematique.listview div.right div.details > div.lieu {
    background: none;
  }
}
/* line 7149, ../specific.scss */
div.element.thematique.listview div.right div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
}
/* line 7155, ../specific.scss */
div.element.thematique.listview div.right div.description {
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-style: italic;
}
/* line 7161, ../specific.scss */
div.element.thematique.listview div.bottom {
  width: 100%;
  text-align: right;
}
/* line 7167, ../specific.scss */
div.element.thematique.edit {
  width: 100%;
}
/* line 7170, ../specific.scss */
div.element.thematique.edit div.date,
div.element.thematique.edit div.hour,
div.element.thematique.edit div.place,
div.element.thematique.edit div.isForAdh,
div.element.thematique.edit div.dateEnd,
div.element.thematique.edit div.nbPlace {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 7181, ../specific.scss */
div.element.thematique.edit div.date,
div.element.thematique.edit div.dateEnd {
  text-align: center;
}

/*
 * Presse
 * ************************************************************************* */
/* line 7192, ../specific.scss */
div.element.presse.viewList {
  max-width: 80%;
}
/* line 7195, ../specific.scss */
div.element.presse.viewList div.content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  /* line 7192, ../specific.scss */
  div.element.presse.viewList {
    max-width: 100%;
  }
}
/* line 7210, ../specific.scss */
div.element.presse.edit {
  width: 100%;
}
/* line 7213, ../specific.scss */
div.element.presse.edit div.filecrop.previewImage {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18%;
  margin-right: 2%;
}
/* line 7219, ../specific.scss */
div.element.presse.edit div.formRight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 80%;
}
/* line 7224, ../specific.scss */
div.element.presse.edit div.file.document,
div.element.presse.edit div.dateStart,
div.element.presse.edit div.dateEnd {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 7233, ../specific.scss */
div.element.presse.edit div.description textarea {
  min-height: 400px;
}
/* line 7239, ../specific.scss */
div.element.presse.edit div.file.document span.inputFile {
  display: block;
  text-align: center;
}
/* line 7244, ../specific.scss */
div.element.presse.edit div.file.document div.fileResult {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 6px;
  border: none;
}
/* line 7251, ../specific.scss */
div.element.presse.edit div.file.document div.fileResult a.filePreview {
  display: block;
  background: #3E4982;
  color: #FFF;
}
/* line 7257, ../specific.scss */
div.element.presse.edit div.file.document div.fileResult a.removeFile {
  height: 100%;
  background: url(data/image/welcome/close.png) center center no-repeat;
  background-size: 50%;
}
/* line 7266, ../specific.scss */
div.element.presse.edit div.list.preview div.previewInputs {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  margin-bottom: 0;
}
/* line 7272, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
/* line 7280, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList h2 {
  text-align: center;
}
/* line 7284, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList div.element.presse.previewList {
  width: 100%;
}
/* line 7288, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList div.element.presse.preview {
  width: 100%;
}
/* line 7293, ../specific.scss */
div.element.presse.edit div.list.preview div.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/*
 * Notifications
 * ************************************************************************* */
/* line 7304, ../specific.scss */
div.divNotification {
  margin: 0 10% auto;
  position: relative;
  padding-bottom: 100px;
}
/* line 7309, ../specific.scss */
div.divNotification .flexContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* line 7315, ../specific.scss */
div.divNotification > div.element.title {
  text-align: center;
  margin-bottom: 60px;
}
/* line 7319, ../specific.scss */
div.divNotification > div.element.title h1 {
  padding: 20px 0;
  font-size: 80px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: bold;
  text-transform: uppercase;
}
/* line 7326, ../specific.scss */
div.divNotification > div.element.title h1 span {
  position: relative;
}
/* line 7330, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7336, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7342, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7348, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(4) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7355, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(4):after {
  content: "\A";
  white-space: pre;
}
/* line 7361, ../specific.scss */
div.divNotification > div.element.title h1:after {
  display: none;
}
/* line 7367, ../specific.scss */
div.divNotification > div.bottom {
  text-align: center;
  margin-bottom: 40px;
}
/* line 7372, ../specific.scss */
div.divNotification div.rightContainer {
  float: right;
}

/*
 * FAQ
 * ************************************************************************* */
/* line 7380, ../specific.scss */
div.divQuestion {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 7380, ../specific.scss */
  div.divQuestion {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divQuestion:not(.notBackground) {
  background: url(data/image/backgroundPage/le-saviez-vous.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divQuestion:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divQuestion:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divQuestion > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divQuestion > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divQuestion > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divQuestion > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divQuestion > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divQuestion > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divQuestion > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divQuestion > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divQuestion > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divQuestion > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divQuestion > div.element.description,
div.divQuestion > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divQuestion > div.element.description,
  div.divQuestion > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divQuestion > div.element.description,
  div.divQuestion > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divQuestion > div.element.description a:hover,
div.divQuestion > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divQuestion div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divQuestion div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divQuestion div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divQuestion div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divQuestion div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divQuestion div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divQuestion div.bottomDescription div.element.description div.description,
div.divQuestion div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divQuestion div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divQuestion div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divQuestion div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divQuestion div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divQuestion div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divQuestion div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divQuestion div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divQuestion div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divQuestion div.accesTemplate a:hover, div.divQuestion div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divQuestion div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divQuestion div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divQuestion div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divQuestion div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divQuestion div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 7383, ../specific.scss */
div.divQuestion > div.element.description.view,
div.divQuestion > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 7388, ../specific.scss */
div.divQuestion > h2 {
  margin-bottom: 40px;
  text-align: center;
  color: #646464;
  font-style: italic;
}
/* line 7396, ../specific.scss */
div.divQuestion div.resultContent {
  display: block;
  max-width: 90%;
  margin-top: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 7396, ../specific.scss */
  div.divQuestion div.resultContent {
    max-width: 100%;
  }
}
/* line 7406, ../specific.scss */
div.divQuestion div.resultContent div.element.questionCategory.view {
  width: 100%;
  max-width: 100%;
}

/* line 7415, ../specific.scss */
div.element.questionCategory.viewList {
  max-width: 90%;
}
@media only screen and (max-width: 1380px) {
  /* line 7415, ../specific.scss */
  div.element.questionCategory.viewList {
    max-width: 100%;
  }
}
/* line 7422, ../specific.scss */
div.element.questionCategory.viewList > h2 {
  max-width: 100%;
  margin-bottom: 40px;
  text-align: center;
  color: #646464;
}
/* line 7430, ../specific.scss */
div.element.questionCategory.viewList div.content {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: visible;
}
@media only screen and (max-width: 950px) {
  /* line 7430, ../specific.scss */
  div.element.questionCategory.viewList div.content {
    display: block;
    text-align: center;
  }
}
/* line 7441, ../specific.scss */
div.element.questionCategory.listview {
  width: calc(100% / 5 - 2%);
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 31%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    width: 48%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    width: 98%;
  }
}
/* line 7464, ../specific.scss */
div.element.questionCategory.listview h2 a {
  width: 100%;
  text-align: center;
}
/* line 7471, ../specific.scss */
div.element.questionCategory.listview:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  transition: 200ms;
  display: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0;
  border-top: 20px solid #FF9827;
}
@media only screen and (max-width: 950px) {
  /* line 7489, ../specific.scss */
  div.element.questionCategory.listview.active h2 a {
    background: #FFF;
    color: #FF9827;
  }
}
/* line 7496, ../specific.scss */
div.element.questionCategory.listview.active:after {
  display: block;
}
@media only screen and (max-width: 950px) {
  /* line 7496, ../specific.scss */
  div.element.questionCategory.listview.active:after {
    display: none;
  }
}
/* line 7507, ../specific.scss */
div.element.questionCategory.editWeightList div.content {
  display: -ms-flexbox;
  display: flex;
}
/* line 7512, ../specific.scss */
div.element.questionCategory.editWeight {
  width: calc(100% / 5 - 2%);
  position: relative;
}
/* line 7517, ../specific.scss */
div.element.questionCategory.view {
  margin-top: 40px;
}
/* line 7520, ../specific.scss */
div.element.questionCategory.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
/* line 7524, ../specific.scss */
div.element.questionCategory.view.notInAjax h1 {
  margin-bottom: 20px;
}
/* line 7527, ../specific.scss */
div.element.questionCategory.view.notInAjax h1:after {
  display: none;
}
/* line 7532, ../specific.scss */
div.element.questionCategory.view.notInAjax div.bottom {
  margin: 20px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  /* line 7520, ../specific.scss */
  div.element.questionCategory.view.notInAjax {
    max-width: 98%;
  }
}

/* line 7545, ../specific.scss */
div.element.question.listview {
  padding: 20px;
  background: #FFF;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #5E5E5E;
}
/* line 7552, ../specific.scss */
div.element.question.listview a.toShow {
  transition: 200ms;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  position: absolute;
  top: 22px;
  right: 10px;
  height: 24px;
  width: 24px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.question.listview a.toShow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
/* line 7567, ../specific.scss */
div.element.question.listview.active a.toShow {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
/* line 7572, ../specific.scss */
div.element.question.listview:nth-child(odd) {
  background: #F8F8F8;
}
/* line 7576, ../specific.scss */
div.element.question.listview h2 {
  font-weight: normal;
}
/* line 7579, ../specific.scss */
div.element.question.listview h2 a {
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  display: block;
  padding: 10px;
  color: #5E5E5E;
  font-weight: bold;
}
/* line 7588, ../specific.scss */
div.element.question.listview div.description {
  padding: 10px;
  font-size: 0.88em;
}
/* line 7593, ../specific.scss */
div.element.question.listview div.bottom {
  background: none;
  text-align: right;
}
/* line 7597, ../specific.scss */
div.element.question.listview div.bottom a {
  margin-left: 10px;
}
/* line 7603, ../specific.scss */
div.element.question.view {
  max-width: 80%;
  margin: auto;
}
/* line 7607, ../specific.scss */
div.element.question.view div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 7612, ../specific.scss */
div.element.question.view div.bottom {
  margin: 20px;
  text-align: center;
}
/* line 7616, ../specific.scss */
div.element.question.view div.bottom a {
  margin: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 7603, ../specific.scss */
  div.element.question.view {
    max-width: 98%;
  }
}

/*
 * Documentation
 * ************************************************************************* */
/* line 7630, ../specific.scss */
div.divDocumentation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  /*Page documentation*/
}
@media only screen and (max-width: 1380px) {
  /* line 7630, ../specific.scss */
  div.divDocumentation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divDocumentation:not(.notBackground) {
  background: url(data/image/backgroundPage/le-saviez-vous.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divDocumentation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divDocumentation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divDocumentation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divDocumentation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divDocumentation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divDocumentation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divDocumentation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divDocumentation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divDocumentation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divDocumentation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDocumentation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divDocumentation > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divDocumentation > div.element.description,
div.divDocumentation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divDocumentation > div.element.description,
  div.divDocumentation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divDocumentation > div.element.description,
  div.divDocumentation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divDocumentation > div.element.description a:hover,
div.divDocumentation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divDocumentation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divDocumentation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divDocumentation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divDocumentation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divDocumentation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divDocumentation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divDocumentation div.bottomDescription div.element.description div.description,
div.divDocumentation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divDocumentation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divDocumentation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divDocumentation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divDocumentation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divDocumentation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divDocumentation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divDocumentation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divDocumentation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divDocumentation div.accesTemplate a:hover, div.divDocumentation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divDocumentation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divDocumentation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divDocumentation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 7633, ../specific.scss */
div.divDocumentation div.topPage {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 40%;
  margin-right: 4%;
}
@media only screen and (max-width: 900px) {
  /* line 7633, ../specific.scss */
  div.divDocumentation div.topPage {
    width: 100%;
    margin-right: 0;
  }
}
/* line 7645, ../specific.scss */
div.divDocumentation div.topPage > div.element.title {
  text-align: left;
  margin-bottom: 20px;
}
/* line 7649, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
  /* line 7649, ../specific.scss */
  div.divDocumentation div.topPage > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
    line-height: normal;
  }
}
/* line 7662, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 span {
  position: relative;
}
/* line 7667, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 7649, ../specific.scss */
  div.divDocumentation div.topPage > div.element.title h1 {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 7679, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 7687, ../specific.scss */
div.divDocumentation div.topPage > div.element.description,
div.divDocumentation div.topPage > div.element.presentation {
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
/* line 7697, ../specific.scss */
div.divDocumentation div.randomInTemplate {
  position: static;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
  margin-right: 10%;
  text-align: center;
  z-index: 2;
}
@media only screen and (max-width: 1380px) {
  /* line 7697, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    width: 56%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  /* line 7697, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    position: static;
    width: 100%;
    margin-top: 40px;
  }
}
/* line 7716, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random {
  max-width: 300px;
  margin: auto;
}
/* line 7721, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 a {
  display: block;
  transition: 200ms;
}
/* line 7725, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 7732, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 7736, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a img {
  transition: 200ms;
}
/* line 7741, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

/* line 7752, ../specific.scss */
div.element.gedCategory.viewList {
  margin-top: 40px;
  max-width: 80%;
}
@media only screen and (max-width: 1380px) {
  /* line 7752, ../specific.scss */
  div.element.gedCategory.viewList {
    max-width: 100%;
  }
}
/* line 7761, ../specific.scss */
div.element.gedCategory.view {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 80%;
  margin: auto;
}
/* line 7768, ../specific.scss */
div.element.gedCategory.listview {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
}
/* line 7775, ../specific.scss */
div.element.gedCategory.listview a.toShow {
  transition: 200ms;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  position: absolute;
  top: 22px;
  right: 10px;
  height: 24px;
  width: 24px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.gedCategory.listview a.toShow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
/* line 7790, ../specific.scss */
div.element.gedCategory.listview.active a.toShow {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
/* line 7795, ../specific.scss */
div.element.gedCategory.listview h2 {
  margin-bottom: 10px;
  font-style: italic;
}
/* line 7799, ../specific.scss */
div.element.gedCategory.listview h2 a {
  color: #5E5E5E;
  display: block;
}
/* line 7805, ../specific.scss */
div.element.gedCategory.listview.toShowNow .element.ged.viewList {
  display: block !important;
}
@media only screen and (max-width: 800px) {
  /* line 7809, ../specific.scss */
  div.element.gedCategory.listview div.no-rwd {
    display: none;
  }
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 7815, ../specific.scss */
  div.element.gedCategory.listview div.rwd {
    display: none;
  }
}
/* line 7822, ../specific.scss */
div.element.gedCategory.editWeight {
  width: 80%;
}
/* line 7825, ../specific.scss */
div.element.gedCategory.editWeight div.element.ged.viewList {
  display: none;
}

/* line 7832, ../specific.scss */
div.element.ged.viewList {
  width: 100%;
  margin-top: 20px;
}
/* line 7836, ../specific.scss */
div.element.ged.viewList .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
/* line 7845, ../specific.scss */
div.element.ged.listview {
  width: calc(50% - 40px);
}
@media only screen and (max-width: 800px) {
  /* line 7845, ../specific.scss */
  div.element.ged.listview {
    width: 100%;
  }
}
/* line 7852, ../specific.scss */
div.element.ged.listview a {
  box-sizing: border-box;
  width: 100%;
}
/* line 7858, ../specific.scss */
div.element.ged.listview.connected {
  min-height: 100px;
}
/* line 7863, ../specific.scss */
div.element.ged.edit {
  text-align: center;
  width: 100%;
}
/* line 7867, ../specific.scss */
div.element.ged.edit div.title,
div.element.ged.edit div.file.picture,
div.element.ged.edit div.file.document,
div.element.ged.edit div.forward {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23%;
  margin: 1%;
  text-align: left;
}

/*
 * Historique
 * ************************************************************************* */
/* line 7882, ../specific.scss */
div.divHistorique {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 7882, ../specific.scss */
  div.divHistorique {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divHistorique:not(.notBackground) {
  background: url(data/image/backgroundPage/) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divHistorique:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divHistorique:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divHistorique > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divHistorique > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divHistorique > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divHistorique > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divHistorique > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divHistorique > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divHistorique > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divHistorique > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divHistorique > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divHistorique > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divHistorique > div.element.description,
div.divHistorique > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divHistorique > div.element.description,
  div.divHistorique > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divHistorique > div.element.description,
  div.divHistorique > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divHistorique > div.element.description a:hover,
div.divHistorique > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divHistorique div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divHistorique div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divHistorique div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divHistorique div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divHistorique div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divHistorique div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divHistorique div.bottomDescription div.element.description div.description,
div.divHistorique div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divHistorique div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divHistorique div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divHistorique div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divHistorique div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divHistorique div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divHistorique div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divHistorique div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divHistorique div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divHistorique div.accesTemplate a:hover, div.divHistorique div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divHistorique div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divHistorique div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divHistorique div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divHistorique div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divHistorique div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
@media only screen and (min-width: 768px) and (max-width: 10000px) {
  /* line 7892, ../specific.scss */
  div.divHistorique div.swiper-button-prev,
  div.divHistorique div.swiper-button-next {
    display: none;
  }
}
/* line 7898, ../specific.scss */
div.divHistorique .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 80%;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
@media only screen and (max-width: 800px) {
  /* line 7898, ../specific.scss */
  div.divHistorique .container {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 7898, ../specific.scss */
  div.divHistorique .container {
    padding-left: 0;
  }
}
/* line 7917, ../specific.scss */
div.divHistorique .title:not(.element) {
  font-size: 38px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  color: #616161;
  font-style: italic;
  font-weight: 800;
}
/* line 7925, ../specific.scss */
div.divHistorique .slide-2019 p.timeline-text {
  font-size: 16px !important;
}
/* line 7930, ../specific.scss */
div.divHistorique .slide-2019 .with-img-float-left a {
  float: left;
}
/* line 7935, ../specific.scss */
div.divHistorique .slide-2019 .logo {
  width: calc(20% - 40px) !important;
}
/* line 7941, ../specific.scss */
div.divHistorique .slide-2021 p.timeline-text {
  font-size: 16px !important;
}
/* line 7945, ../specific.scss */
div.divHistorique .slide-2021 .logo {
  width: calc(20% - 40px) !important;
}
/* line 7951, ../specific.scss */
div.divHistorique .timeline {
  width: 100%;
  background: url(data/image/background-mirror.png) left bottom #FFF no-repeat;
  background-size: contain;
  background-color: #fff;
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
  /*@include breakPoint($breakPointMenu) {*/
}
/* line 7958, ../specific.scss */
div.divHistorique .timeline .swiper-container {
  height: 700px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 7958, ../specific.scss */
  div.divHistorique .timeline .swiper-container {
    height: 1000px;
    padding: 10px;
    box-sizing: border-box;
  }
}
/* line 7970, ../specific.scss */
div.divHistorique .timeline .logo {
  margin: 20px;
  width: calc(25% - 40px);
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*&.small{width: calc(50% - 40px);}*/
}
@media only screen and (max-width: 800px) {
  /* line 7970, ../specific.scss */
  div.divHistorique .timeline .logo {
    width: calc(50% - 40px);
  }
}
/* line 7981, ../specific.scss */
div.divHistorique .timeline .logo img {
  width: 100%;
  transition: 200ms;
}
/* line 7987, ../specific.scss */
div.divHistorique .timeline .logo:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 7993, ../specific.scss */
div.divHistorique .timeline .swiper-wrapper {
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
/* line 7997, ../specific.scss */
div.divHistorique .timeline .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 8005, ../specific.scss */
div.divHistorique .timeline .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 60%;
  /*max-width: 310px;*/
  left: 4%;
  top: 13%;
  -ms-transform: translate(50%, 0);
      transform: translate(50%, 0);
  font-size: 12px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  z-index: 2;
  text-align: left;
}
/* line 8019, ../specific.scss */
div.divHistorique .timeline .swiper-slide .timeline-year {
  display: block;
  font-style: italic;
  font-size: 30px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin-bottom: 50px;
  transform: translate3d(20px, 0, 0);
  color: #FF9827;
  font-weight: 300;
  opacity: 0;
  transition: .2s ease .4s;
}
/* line 8031, ../specific.scss */
div.divHistorique .timeline .swiper-slide .timeline-title {
  font-weight: 800;
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin: 0 0 30px;
  transform: translate3d(0, 0, 0);
  transition: .2s ease .5s;
  color: #3E4982;
}
/* line 8040, ../specific.scss */
div.divHistorique .timeline .swiper-slide h4.timeline-title {
  font-weight: 800;
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin: 0 0 30px;
  transform: translate3d(0, 0, 0);
  transition: .2s ease .5s;
  color: #FF9827;
}
/* line 8049, ../specific.scss */
div.divHistorique .timeline .swiper-slide .timeline-text {
  line-height: 1.5;
  font-size: 22px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: .2s ease .6s;
  color: #5E5E5E;
}
@media only screen and (max-width: 800px) {
  /* line 8049, ../specific.scss */
  div.divHistorique .timeline .swiper-slide .timeline-text {
    font-size: 18px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 8063, ../specific.scss */
div.divHistorique .timeline .swiper-slide ul li {
  text-align: right;
  color: #646464;
  list-style-type: none;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 8072, ../specific.scss */
div.divHistorique .timeline .swiper-slide-active .timeline-year {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: .4s ease 1.6s;
}
/* line 8078, ../specific.scss */
div.divHistorique .timeline .swiper-slide-active .timeline-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: .4s ease 1.7s;
}
/* line 8084, ../specific.scss */
div.divHistorique .timeline .swiper-slide-active .timeline-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: .4s ease 1.8s;
}
/* line 8092, ../specific.scss */
div.divHistorique .timeline .swiper-pagination {
  right: 15% !important;
  height: 100%;
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  z-index: 1;
}
/* line 8103, ../specific.scss */
div.divHistorique .timeline .swiper-pagination::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(62, 73, 130, 0.2);
}
/* line 8113, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #d4a024;
  margin: 15px 0 !important;
  position: relative;
  transition: all 0.2s ease;
}
/* line 8124, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -32.5px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #d4a024;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: .2s;
}
/* line 8137, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet:hover {
  color: #3E4982;
}
/* line 8141, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet-active {
  color: #3E4982;
  -ms-transform: translateX(20px);
      transform: translateX(20px);
  transition: all 0.2s ease;
}
/* line 8147, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet-active::before {
  -ms-transform: scale(1) translateX(-20px);
      transform: scale(1) translateX(-20px);
}
/* line 8154, ../specific.scss */
div.divHistorique .timeline .swiper-button-next,
div.divHistorique .timeline .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: .2s;
}
/* line 8165, ../specific.scss */
div.divHistorique .timeline .swiper-button-prev {
  left: 8%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
/* line 8169, ../specific.scss */
div.divHistorique .timeline .swiper-button-prev:hover {
  -ms-transform: translateX(-3px);
      transform: translateX(-3px);
}
/* line 8174, ../specific.scss */
div.divHistorique .timeline .swiper-button-next {
  right: 8%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
/* line 8178, ../specific.scss */
div.divHistorique .timeline .swiper-button-next:hover {
  -ms-transform: translateX(3px);
      transform: translateX(3px);
}
@media screen and (min-width: 800px) {
  /* line 7951, ../specific.scss */
  div.divHistorique .timeline {
    /*            .swiper-slide-content{
                    width: 98% !important; left: 1% !important; right: 1% !important; transform: translate(0) !important;
                }*/
  }
  /* line 8185, ../specific.scss */
  div.divHistorique .timeline .container {
    width: 100%;
  }
  /* line 8190, ../specific.scss */
  div.divHistorique .timeline .swiper-slide::after {
    right: -30%;
    bottom: -8%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
  }
  /* line 8198, ../specific.scss */
  div.divHistorique .timeline .swiper-slide-content {
    left: 4%;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    /*width: 310px;*/
    font-size: 12px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
    text-align: right;
  }
  /* line 8207, ../specific.scss */
  div.divHistorique .timeline .swiper-slide .timeline-year {
    margin-bottom: 0;
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
  /* line 8212, ../specific.scss */
  div.divHistorique .timeline .swiper-slide .timeline-title {
    font-size: 32px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
    margin: 0;
  }
  /* line 8218, ../specific.scss */
  div.divHistorique .timeline .swiper-pagination {
    display: -ms-flexbox;
    display: flex;
  }
  /* line 8222, ../specific.scss */
  div.divHistorique .timeline .swiper-button-prev {
    top: 15%;
    left: auto;
    right: 15%;
    -ms-transform: rotate(90deg) translate(0, 10px);
        transform: rotate(90deg) translate(0, 10px);
  }
  /* line 8228, ../specific.scss */
  div.divHistorique .timeline .swiper-button-prev:hover {
    -ms-transform: rotate(90deg) translate(-3px, 10px);
        transform: rotate(90deg) translate(-3px, 10px);
  }
  /* line 8233, ../specific.scss */
  div.divHistorique .timeline .swiper-button-next {
    top: auto;
    bottom: 15%;
    right: 15%;
    -ms-transform: rotate(90deg) translate(0, 10px);
        transform: rotate(90deg) translate(0, 10px);
  }
  /* line 8239, ../specific.scss */
  div.divHistorique .timeline .swiper-button-next:hover {
    -ms-transform: rotate(90deg) translate(3px, 10px);
        transform: rotate(90deg) translate(3px, 10px);
  }
  /* line 8248, ../specific.scss */
  div.divHistorique .timeline .swiper-slide::after {
    right: -20%;
    bottom: -12%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
  }
  /* line 8256, ../specific.scss */
  div.divHistorique .timeline .swiper-slide-content {
    right: 25%;
  }
}

@media only screen and (max-width: 800px) {
  /* line 8265, ../specific.scss */
  div.divHistorique .timeline .swiper-slide-content {
    width: 98% !important;
    left: 1% !important;
    right: 1% !important;
    -ms-transform: translate(0) !important;
        transform: translate(0) !important;
    text-align: center !important;
  }
}
/*
 * Vidéos
 * ************************************************************************* */
/* line 8277, ../specific.scss */
div.divVideos {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 36% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 8277, ../specific.scss */
  div.divVideos {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divVideos:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divVideos:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divVideos:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divVideos > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divVideos > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divVideos > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divVideos > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divVideos > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divVideos > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divVideos > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divVideos > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divVideos > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divVideos > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divVideos > div.element.description,
div.divVideos > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divVideos > div.element.description,
  div.divVideos > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divVideos > div.element.description,
  div.divVideos > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divVideos > div.element.description a:hover,
div.divVideos > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divVideos div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divVideos div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divVideos div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divVideos div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divVideos div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divVideos div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divVideos div.bottomDescription div.element.description div.description,
div.divVideos div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divVideos div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divVideos div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divVideos div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divVideos div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divVideos div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divVideos div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divVideos div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divVideos div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divVideos div.accesTemplate a:hover, div.divVideos div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divVideos div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divVideos div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divVideos div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divVideos div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divVideos div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8281, ../specific.scss */
div.divVideos > div.element.description.view,
div.divVideos > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 8286, ../specific.scss */
div.divVideos > h2 {
  margin-bottom: 40px;
}
/* line 8291, ../specific.scss */
div.divVideos > .container {
  width: 80%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 240px;
}

/* line 8301, ../specific.scss */
.element.video.listview h2 {
  margin-bottom: 10px;
}
/* line 8304, ../specific.scss */
.element.video.listview h2 a {
  transition-duration: 175ms;
}
/* line 8307, ../specific.scss */
.element.video.listview h2 a:hover {
  color: #FF9827;
}
/* line 8313, ../specific.scss */
.element.video.listview .middle {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 8318, ../specific.scss */
.element.video.listview .bottom {
  padding: 5px;
}
/* line 8322, ../specific.scss */
.element.video.listview.webinaire {
  width: calc(100% / 4 - 2%);
}
/* line 8327, ../specific.scss */
.element.video.view.webinaire {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
.element.video.view.webinaire strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
.element.video.view.webinaire.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  .element.video.view.webinaire.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
.element.video.view.webinaire > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  .element.video.view.webinaire > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
.element.video.view.webinaire > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
.element.video.view.webinaire div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  .element.video.view.webinaire div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
.element.video.view.webinaire div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
.element.video.view.webinaire div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
.element.video.view.webinaire div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
.element.video.view.webinaire div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  .element.video.view.webinaire div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
.element.video.view.webinaire div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
.element.video.view.webinaire div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
.element.video.view.webinaire div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}
/* line 8330, ../specific.scss */
.element.video.view.webinaire .text-center {
  text-align: center;
}
/* line 8334, ../specific.scss */
.element.video.view.webinaire > div.picture {
  width: 20%;
}
/* line 8338, ../specific.scss */
.element.video.view.webinaire div.rightContainer {
  width: 78%;
}
/* line 8342, ../specific.scss */
.element.video.view.webinaire div.video {
  margin-top: 20px;
}
/* line 8345, ../specific.scss */
.element.video.view.webinaire div.video iframe {
  width: 100%;
  min-height: 800px;
}

/*
 * E-learning
 * ************************************************************************* */
/* line 8356, ../specific.scss */
div.divWebinaire {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 36% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 8356, ../specific.scss */
  div.divWebinaire {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divWebinaire:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divWebinaire:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divWebinaire:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divWebinaire > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divWebinaire > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divWebinaire > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divWebinaire > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divWebinaire > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divWebinaire > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divWebinaire > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divWebinaire > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divWebinaire > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divWebinaire > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divWebinaire > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divWebinaire > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divWebinaire > div.element.description,
div.divWebinaire > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divWebinaire > div.element.description,
  div.divWebinaire > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divWebinaire > div.element.description,
  div.divWebinaire > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divWebinaire > div.element.description a:hover,
div.divWebinaire > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divWebinaire div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divWebinaire div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divWebinaire div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divWebinaire div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divWebinaire div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divWebinaire div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divWebinaire div.bottomDescription div.element.description div.description,
div.divWebinaire div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divWebinaire div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divWebinaire div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divWebinaire div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divWebinaire div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divWebinaire div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divWebinaire div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divWebinaire div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divWebinaire div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divWebinaire div.accesTemplate a:hover, div.divWebinaire div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divWebinaire div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divWebinaire div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divWebinaire div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divWebinaire div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divWebinaire div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8360, ../specific.scss */
div.divWebinaire > div.element.description.view,
div.divWebinaire > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 8365, ../specific.scss */
div.divWebinaire a.btn-logout {
  background: #E3424A;
  color: #FFF;
  font-weight: bold;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
}
/* line 8374, ../specific.scss */
div.divWebinaire > h2 {
  margin-bottom: 40px;
}
/* line 8379, ../specific.scss */
div.divWebinaire > .container {
  width: 80%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 240px;
  padding-left: 0;
}
/* line 8386, ../specific.scss */
div.divWebinaire > .container > h2 {
  margin-bottom: 40px;
}

/*
 * E-learning
 * ************************************************************************* */
/* line 8397, ../specific.scss */
div.divE-learning div.bottom {
  padding: 20px;
  text-align: right;
}
/* line 8401, ../specific.scss */
div.divE-learning div.bottom img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
@media only screen and (max-width: 550px) {
  /* line 8401, ../specific.scss */
  div.divE-learning div.bottom img {
    width: 98%;
  }
}
/* line 8411, ../specific.scss */
div.divE-learning div.bottom div.text {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
  text-align: left;
}
@media only screen and (max-width: 800px) {
  /* line 8411, ../specific.scss */
  div.divE-learning div.bottom div.text {
    width: 98%;
  }
}
/* line 8422, ../specific.scss */
div.divE-learning div.bottom div.linkContainer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
@media only screen and (max-width: 800px) {
  /* line 8422, ../specific.scss */
  div.divE-learning div.bottom div.linkContainer {
    width: 98%;
  }
}
/* line 8431, ../specific.scss */
div.divE-learning div.bottom div.linkContainer a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #3E4982;
  border: 1px solid #3E4982;
  color: #FFF;
  border-radius: 20px;
  padding: 10px 20px;
  transition: 200ms;
}
@media only screen and (max-width: 800px) {
  /* line 8431, ../specific.scss */
  div.divE-learning div.bottom div.linkContainer a {
    display: block;
    margin-top: 20px;
  }
}
/* line 8445, ../specific.scss */
div.divE-learning div.bottom div.linkContainer a:hover {
  background: #FFF;
  color: #3E4982;
}
/* line 8453, ../specific.scss */
div.divE-learning div.iframeContainer {
  text-align: center;
  margin: 0 auto;
}

/*
 * Contact
 * ************************************************************************* */
/* line 8463, ../specific.scss */
div.divContact > div.element.title {
  max-width: 60%;
  margin: auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1350px) {
  /* line 8463, ../specific.scss */
  div.divContact > div.element.title {
    max-width: 100%;
    width: 98%;
    margin: 1%;
    padding: 20px;
    box-sizing: border-box;
  }
}
/* line 8476, ../specific.scss */
div.divContact > div.element.title h1 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 8480, ../specific.scss */
div.divContact > div.element.title h1 span:first-child {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
}
/* line 8484, ../specific.scss */
div.divContact > div.element.title h1 span:first-child:after {
  content: "\A";
  white-space: pre;
}
/* line 8490, ../specific.scss */
div.divContact > div.element.title h1 span:nth-child(2) {
  font-size: 80px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 8497, ../specific.scss */
div.divContact div.middleContainer {
  max-width: 60%;
  margin: auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1350px) {
  /* line 8497, ../specific.scss */
  div.divContact div.middleContainer {
    max-width: 100%;
    width: 98%;
    margin: 1%;
    padding: 20px;
    box-sizing: border-box;
  }
}
/* line 8510, ../specific.scss */
div.divContact div.middleContainer > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 8513, ../specific.scss */
div.divContact div.middleContainer > div.left {
  width: 40%;
  margin-right: 10%;
}
@media only screen and (max-width: 1350px) {
  /* line 8513, ../specific.scss */
  div.divContact div.middleContainer > div.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* line 8524, ../specific.scss */
div.divContact div.middleContainer > div.left .element.presentation div.description {
  font-size: 1.1rem;
}
/* line 8530, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  text-align: center;
  color: #5E5E5E;
}
@media only screen and (max-width: 450px) {
  /* line 8530, ../specific.scss */
  div.divContact div.middleContainer > div.left div.links a {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 8541, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a img {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  transition: 200ms;
  max-width: 100px;
}
/* line 8549, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a span {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  /*display: block;*/
}
/* line 8557, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a:hover img {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
/* line 8565, ../specific.scss */
div.divContact div.middleContainer > div.right {
  width: 50%;
}
@media only screen and (max-width: 1350px) {
  /* line 8565, ../specific.scss */
  div.divContact div.middleContainer > div.right {
    width: 100%;
  }
}
/* line 8573, ../specific.scss */
div.divContact div.middleContainer > div.right .rgpdContact label {
  color: #707070;
}
/* line 8581, ../specific.scss */
div.divContact div.bottomContainer {
  background: url(data/image/welcome/background.png) center center #5897c7;
  padding: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 1250px) {
  /* line 8581, ../specific.scss */
  div.divContact div.bottomContainer {
    padding: 20px;
  }
}
/* line 8590, ../specific.scss */
div.divContact div.bottomContainer > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 8593, ../specific.scss */
div.divContact div.bottomContainer > div h2 {
  color: #FFF;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
/* line 8601, ../specific.scss */
div.divContact div.bottomContainer > div.left {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  /* line 8601, ../specific.scss */
  div.divContact div.bottomContainer > div.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
/* line 8610, ../specific.scss */
div.divContact div.bottomContainer > div.left form.editContact {
  max-width: 70%;
  margin: auto;
}
@media only screen and (max-width: 1250px) {
  /* line 8610, ../specific.scss */
  div.divContact div.bottomContainer > div.left form.editContact {
    max-width: 90%;
  }
}
/* line 8620, ../specific.scss */
div.divContact div.bottomContainer > div.right {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  /* line 8620, ../specific.scss */
  div.divContact div.bottomContainer > div.right {
    width: 100%;
  }
}
/* line 8628, ../specific.scss */
div.divContact div.bottomContainer > div.right div.element.description.view,
div.divContact div.bottomContainer > div.right div.element.presentation.view {
  padding: 0 4%;
}
/* line 8632, ../specific.scss */
div.divContact div.bottomContainer > div.right div.element.description.view iframe,
div.divContact div.bottomContainer > div.right div.element.presentation.view iframe {
  width: 100%;
  border: 12px solid #FFF;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 8646, ../specific.scss */
div.element.contact.edit {
  max-width: 100%;
}
/* line 8650, ../specific.scss */
div.element.contact span.sent {
  display: block;
  padding: 40px;
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #3E4982;
}

/* line 114, ../_vars.scss */
form.editContact textarea {
  height: 120px;
}
/* line 115, ../_vars.scss */
form.editContact div.select,
form.editContact div.text {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin: 1%;
  /*        &:nth-child(even){margin: 0; margin-left: 1%; margin-bottom: 2%;}
          &:nth-child(odd){margin: 0; margin-right: 2%; margin-bottom: 2%;}*/
}
@media only screen and (max-width: 730px) {
  /* line 115, ../_vars.scss */
  form.editContact div.select,
  form.editContact div.text {
    width: 98%;
    margin-right: 0;
    /*            &:nth-child(even){margin-left: 0;}
                &:nth-child(odd){margin-right: 0;}*/
  }
}
/* line 127, ../_vars.scss */
form.editContact div.buttons {
  text-align: center;
}
/* line 129, ../_vars.scss */
form.editContact div.buttons input {
  border: 0;
  padding: 10px 20px;
  cursor: pointer;
}
/* line 133, ../_vars.scss */
form.editContact input[type=text] {
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #ccc;
}
/* line 135, ../_vars.scss */
form.editContact input[type=text]:focus {
  border: 1px solid #DEDEDE;
}
/* line 137, ../_vars.scss */
form.editContact select {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #ccc;
}
/* line 138, ../_vars.scss */
form.editContact textarea {
  border: 1px solid #ccc;
}
/* line 140, ../_vars.scss */
form.editContact textarea:focus {
  border: 1px solid #DEDEDE;
}
/* line 142, ../_vars.scss */
form.editContact label {
  transition: all .2s ease;
}
/* line 143, ../_vars.scss */
form.editContact .focus label {
  margin-left: 10px;
  color: #DEDEDE;
}
/* line 8664, ../specific.scss */
form.editContact div.text input {
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
/* line 8670, ../specific.scss */
form.editContact div.text.name, form.editContact div.text.fonction, form.editContact div.text.mail {
  margin-left: 0;
  width: 49%;
}
@media only screen and (max-width: 1250px) {
  /* line 8670, ../specific.scss */
  form.editContact div.text.name, form.editContact div.text.fonction, form.editContact div.text.mail {
    width: 100%;
    margin-right: 0;
  }
}
/* line 8682, ../specific.scss */
form.editContact div.text.forname, form.editContact div.text.phone, form.editContact div.text.numAdh {
  margin-right: 0;
  width: 49%;
}
@media only screen and (max-width: 1250px) {
  /* line 8682, ../specific.scss */
  form.editContact div.text.forname, form.editContact div.text.phone, form.editContact div.text.numAdh {
    width: 100%;
    margin-left: 0;
  }
}
/* line 8694, ../specific.scss */
form.editContact div.text.society {
  width: 100%;
  margin-left: 0;
}
/* line 8700, ../specific.scss */
form.editContact div.numAdh {
  position: relative;
}
/* line 8703, ../specific.scss */
form.editContact div.numAdh div.help {
  position: absolute;
  top: 12px;
  right: 6px;
  width: 30px;
  height: 30px;
  margin-left: auto;
  background: url(data/image/icon/help.svg) no-repeat;
}
/* line 8712, ../specific.scss */
form.editContact div.numAdh div.help div.help-content {
  background: #3E4982;
  color: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 8720, ../specific.scss */
form.editContact div.object,
form.editContact div.departement {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 8726, ../specific.scss */
form.editContact div.object label,
form.editContact div.departement label {
  display: none;
}
/* line 8730, ../specific.scss */
form.editContact div.object select,
form.editContact div.departement select {
  padding: 16px;
  background: #FFF;
  color: #646464;
  border: 1px solid #CCC;
  border-radius: 6px;
}
/* line 8739, ../specific.scss */
form.editContact div.object-autre {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 8746, ../specific.scss */
form.editContact:not(.object-autre) div.object-autre {
  display: none;
}
/* line 8751, ../specific.scss */
form.editContact div.message {
  margin-top: 1%;
}
/* line 8754, ../specific.scss */
form.editContact div.message textarea {
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
/* line 8765, ../specific.scss */
form.editContact span.error {
  text-align: center;
  display: block;
  padding: 4px;
  font-size: 0.6em;
  margin: 4px;
  border-radius: 4px;
  color: #fff;
  background-color: #E3424A;
  background: url('/data/css/sass/images/rgbapng/e3424acc-5.png?1759754585');
  background: rgba(227, 66, 74, 0.8);
}
/* line 8779, ../specific.scss */
form.editContact div.rgpd input,
form.editContact div.rgpd label {
  display: inline;
  width: auto;
}
/* line 8785, ../specific.scss */
form.editContact div.rgpd label {
  color: #FFF;
}

/*
 * Plan du site
 * ************************************************************************* */
/* line 85, ../_vars.scss */
div.divSitemap div#sitemap ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 88, ../_vars.scss */
div.divSitemap div#sitemap ul li:before {
  content: "";
  background: #FF9827;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
/* line 93, ../_vars.scss */
div.divSitemap div#sitemap ul li ul li:before {
  content: "";
  background: #3E4982;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
/* line 98, ../_vars.scss */
div.divSitemap div#sitemap ul li ul li ul li:before {
  content: "";
  background: #FF9827;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

/* line 8796, ../specific.scss */
div.divSitemap {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 8796, ../specific.scss */
  div.divSitemap {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divSitemap:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divSitemap:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divSitemap:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divSitemap > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divSitemap > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divSitemap > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divSitemap > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divSitemap > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divSitemap > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divSitemap > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divSitemap > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divSitemap > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divSitemap > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divSitemap > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divSitemap > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divSitemap > div.element.description,
div.divSitemap > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divSitemap > div.element.description,
  div.divSitemap > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divSitemap > div.element.description,
  div.divSitemap > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divSitemap > div.element.description a:hover,
div.divSitemap > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divSitemap div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divSitemap div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divSitemap div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divSitemap div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divSitemap div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divSitemap div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divSitemap div.bottomDescription div.element.description div.description,
div.divSitemap div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divSitemap div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divSitemap div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divSitemap div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divSitemap div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divSitemap div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divSitemap div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divSitemap div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divSitemap div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divSitemap div.accesTemplate a:hover, div.divSitemap div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divSitemap div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divSitemap div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divSitemap div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divSitemap div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divSitemap div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 8800, ../specific.scss */
div.divMentions {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 8800, ../specific.scss */
  div.divMentions {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divMentions:not(.notBackground) {
  background: url(data/image/backgroundPage/) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divMentions:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divMentions:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divMentions > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divMentions > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divMentions > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divMentions > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divMentions > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divMentions > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divMentions > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divMentions > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divMentions > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divMentions > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divMentions > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divMentions > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divMentions > div.element.description,
div.divMentions > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divMentions > div.element.description,
  div.divMentions > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divMentions > div.element.description,
  div.divMentions > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divMentions > div.element.description a:hover,
div.divMentions > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divMentions div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divMentions div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divMentions div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divMentions div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divMentions div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divMentions div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divMentions div.bottomDescription div.element.description div.description,
div.divMentions div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divMentions div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divMentions div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divMentions div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divMentions div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divMentions div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divMentions div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divMentions div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divMentions div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divMentions div.accesTemplate a:hover, div.divMentions div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divMentions div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divMentions div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divMentions div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divMentions div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divMentions div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8803, ../specific.scss */
div.divMentions .element.presentation .description a {
  color: #5897c7;
  transition: all 0.2s ease;
}
/* line 2050, ../specific.scss */
div.divMentions .element.presentation .description a:hover {
  color: #3b7eb1;
}

/* line 8808, ../specific.scss */
div.divDonnees-personnelles {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 8808, ../specific.scss */
  div.divDonnees-personnelles {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divDonnees-personnelles:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divDonnees-personnelles:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divDonnees-personnelles:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divDonnees-personnelles > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divDonnees-personnelles > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divDonnees-personnelles > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divDonnees-personnelles > div.element.description,
div.divDonnees-personnelles > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divDonnees-personnelles > div.element.description,
  div.divDonnees-personnelles > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divDonnees-personnelles > div.element.description,
  div.divDonnees-personnelles > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divDonnees-personnelles > div.element.description a:hover,
div.divDonnees-personnelles > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divDonnees-personnelles div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divDonnees-personnelles div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divDonnees-personnelles div.bottomDescription div.element.description div.description,
div.divDonnees-personnelles div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divDonnees-personnelles div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divDonnees-personnelles div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divDonnees-personnelles div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:hover, div.divDonnees-personnelles div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divDonnees-personnelles div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divDonnees-personnelles div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divDonnees-personnelles div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8811, ../specific.scss */
div.divDonnees-personnelles:not(.notBackground) {
  background: none;
}
/* line 8815, ../specific.scss */
div.divDonnees-personnelles > div.element.title {
  max-width: 60%;
}
/* line 8819, ../specific.scss */
div.divDonnees-personnelles > div.element.presentation {
  max-width: 80%;
}

/*Footer*/
/* line 8825, ../specific.scss */
footer#footer {
  background: #5E5E5E;
  box-sizing: border-box;
  padding: 80px 300px;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
/* line 8833, ../specific.scss */
footer#footer div.flex-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 8838, ../specific.scss */
footer#footer div.leftFooter {
  width: 82%;
  margin-right: 2%;
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  /* line 8838, ../specific.scss */
  footer#footer div.leftFooter {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 8838, ../specific.scss */
  footer#footer div.leftFooter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
/* line 8856, ../specific.scss */
footer#footer div.leftFooter div.menuContainer {
  margin: 0 20px;
}
/* line 8859, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul {
  text-align: left;
}
/* line 8862, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li {
  padding-left: 0;
  display: block;
}
/* line 8866, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li a {
  color: #FFF;
  font-size: 0.9rem;
  text-transform: uppercase;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  transition: all 0.2s ease;
}
/* line 8873, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 60 ")";
}
@media only screen and (max-width: 1450px) {
  /* line 8862, ../specific.scss */
  footer#footer div.leftFooter div.menuContainer ul li {
    padding-right: 10px;
  }
}
/* line 8884, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li.menu-doc a {
  white-space: nowrap;
}
@media only screen and (max-width: 800px) {
  /* line 8856, ../specific.scss */
  footer#footer div.leftFooter div.menuContainer {
    margin: 0 20px 20px;
  }
}
/* line 8896, ../specific.scss */
footer#footer div.rightFooter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 16%;
}
@media only screen and (max-width: 1200px) {
  /* line 8896, ../specific.scss */
  footer#footer div.rightFooter {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    width: auto;
    margin-top: 30px;
  }
}
/* line 8911, ../specific.scss */
footer#footer div.rightFooter a {
  text-align: center;
}
/* line 8914, ../specific.scss */
footer#footer div.rightFooter a.btnFooter {
  width: 170px;
  margin: 0;
  background: none;
  border: 1px solid #FFF;
  color: #FFF;
  box-shadow: none;
  padding: 10px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  footer#footer div.rightFooter a.btnFooter:hover {
    background: #FFF;
    color: #5E5E5E;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 8914, ../specific.scss */
  footer#footer div.rightFooter a.btnFooter {
    margin: 20px;
  }
}
/* line 8935, ../specific.scss */
footer#footer div.rightFooter div.pictos {
  text-align: center;
}
/* line 8938, ../specific.scss */
footer#footer div.rightFooter div.pictos div {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 8938, ../specific.scss */
  footer#footer div.rightFooter div.pictos div {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 50%;
  }
}
/* line 8948, ../specific.scss */
footer#footer div.rightFooter div.pictos div span {
  display: block;
  color: #FFF;
  margin-bottom: 10px;
}
/* line 8955, ../specific.scss */
footer#footer div.rightFooter div.pictos a:not(.showShare),
footer#footer div.rightFooter div.pictos div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20%;
}
/* line 8960, ../specific.scss */
footer#footer div.rightFooter div.pictos a:not(.showShare) img,
footer#footer div.rightFooter div.pictos div.contentToShare img {
  max-width: 100%;
  transition: 200ms;
}
/* line 8966, ../specific.scss */
footer#footer div.rightFooter div.pictos a:not(.showShare):hover img,
footer#footer div.rightFooter div.pictos div.contentToShare:hover img {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
@media only screen and (max-width: 1200px) {
  /* line 8955, ../specific.scss */
  footer#footer div.rightFooter div.pictos a:not(.showShare),
  footer#footer div.rightFooter div.pictos div.contentToShare {
    margin: 10px;
    width: auto;
  }
}
/* line 8977, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare {
  text-align: right;
  position: relative;
  text-align: center;
  margin: 0;
}
/* line 55, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare.active > div {
  display: block;
}
/* line 8982, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare > div {
  top: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  background: transparent;
}
/* line 8998, ../specific.scss */
footer#footer div.bottomAccesNwsl {
  text-align: center;
}
/* line 9001, ../specific.scss */
footer#footer div.bottomAccesNwsl a {
  margin: 10px;
}
@media only screen and (max-width: 1450px) {
  /* line 8825, ../specific.scss */
  footer#footer {
    padding: 80px 150px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8825, ../specific.scss */
  footer#footer {
    padding: 80px 50px;
  }
}

/* line 9016, ../specific.scss */
div.accessNewsletter {
  text-align: center;
  padding: 10px;
  background: #5E5E5E;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
}
/* line 9024, ../specific.scss */
div.accessNewsletter div.presentiel {
  max-width: 400px;
}
/* line 9027, ../specific.scss */
div.accessNewsletter div.presentiel a {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin: 1%;
}
/* line 9033, ../specific.scss */
div.accessNewsletter div.presentiel a img {
  width: 90%;
}
/* line 9039, ../specific.scss */
div.accessNewsletter a.btn-nwsl {
  background: #3E4982;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  padding: 16px 36px;
}

/* line 9050, ../specific.scss */
div.divCmaic-newsletter p a {
  color: #3E4982;
  text-decoration: underline;
}

/* line 9056, ../specific.scss */
.pas-form {
  box-shadow: none !important;
}

/*
 * Modal box
 * ************************************************************************* */
/* line 148, ../_vars.scss */
div#modulebox-container {
  background: #FFF;
  /*border:2px solid $border;*/
}
/* line 152, ../_vars.scss */
div#modulebox-container div.divLogin > div {
  max-width: 100%;
}
/* line 153, ../_vars.scss */
div#modulebox-container div.divLogin {
  border: none;
  padding: 0;
  background: none;
}

/* line 155, ../_vars.scss */
div#modulebox-close {
  border: 1px solid #FFF;
  z-index: 1;
  background: #3E4982;
  height: 20px;
  width: 20px;
  margin-left: -32px;
}
/* line 157, ../_vars.scss */
div#modulebox-close:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 1px;
  width: 20px;
  background: #FFF;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
/* line 158, ../_vars.scss */
div#modulebox-close:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 1px;
  width: 20px;
  background: #FFF;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

/* line 160, ../_vars.scss */
div#modulebox-top-center, div#modulebox-bottom-center, div#modulebox-middle, div#modulebox-middle-right {
  background: none;
  padding: 0;
}

/* line 164, ../_vars.scss */
div.divPage.divLogin.login legend {
  color: #3E4982;
}
/* line 166, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange, div.divPage.divLogin.passwordForgotten, div.divPage.divLogin.passwordForgottenSent, div.divPage.divLogin.login, div.divPage.divLogin.changePassword, div.divPage.divLogin.espaceConnexion {
  background: #FFF;
  max-width: 30%;
  color: #3E4982;
  padding: 2%;
  margin: 10px auto;
}
@media only screen and (max-width: 800px) {
  /* line 166, ../_vars.scss */
  div.divPage.divLogin.passwordForgottenChange, div.divPage.divLogin.passwordForgotten, div.divPage.divLogin.passwordForgottenSent, div.divPage.divLogin.login, div.divPage.divLogin.changePassword, div.divPage.divLogin.espaceConnexion {
    max-width: 60%;
  }
}
/* line 169, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange fieldset.buttons, div.divPage.divLogin.passwordForgotten fieldset.buttons, div.divPage.divLogin.passwordForgottenSent fieldset.buttons, div.divPage.divLogin.login fieldset.buttons, div.divPage.divLogin.changePassword fieldset.buttons, div.divPage.divLogin.espaceConnexion fieldset.buttons {
  text-align: center;
}
/* line 170, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange div.submit, div.divPage.divLogin.passwordForgotten div.submit, div.divPage.divLogin.passwordForgottenSent div.submit, div.divPage.divLogin.login div.submit, div.divPage.divLogin.changePassword div.submit, div.divPage.divLogin.espaceConnexion div.submit {
  text-align: center;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
/* line 172, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange div.submit input, div.divPage.divLogin.passwordForgotten div.submit input, div.divPage.divLogin.passwordForgottenSent div.submit input, div.divPage.divLogin.login div.submit input, div.divPage.divLogin.changePassword div.submit input, div.divPage.divLogin.espaceConnexion div.submit input {
  cursor: pointer;
  /*border: 0;*/
}
/* line 178, ../_vars.scss */
div.divPage.divLogin.login {
  border: none;
}

/* line 9065, ../specific.scss */
div#modulebox-overlay {
  z-index: 999;
}

/* line 9071, ../specific.scss */
div#modulebox-container h1:after {
  display: none;
  margin-bottom: 20px;
}
/* line 9078, ../specific.scss */
div#modulebox-container div.rgpd label {
  color: #5E5E5E;
}
/* line 9084, ../specific.scss */
div#modulebox-container div.element.adhesion.edit {
  background: #E8E8E8;
  margin-top: 0;
  padding: 20px;
}
/* line 9089, ../specific.scss */
div#modulebox-container div.element.adhesion.edit div.adhesionEligContainer {
  max-width: 100%;
}
/* line 9092, ../specific.scss */
div#modulebox-container div.element.adhesion.edit div.adhesionEligContainer form {
  max-width: 100%;
}
/* line 9096, ../specific.scss */
div#modulebox-container div.element.adhesion.edit div.adhesionEligContainer form fieldset.fieldsetName div.postalCode input {
  width: 98%;
}

/*
 * Slicknav
 * ************************************************************************* */
/*@include slickNav(#DEDEDE, #333);*/
/*
 * Cropper
 * ************************************************************************* */
/* line 9114, ../specific.scss */
div.cropperOverlay {
  background: #3E4982;
  z-index: 99999;
}
/* line 9118, ../specific.scss */
div.cropperOverlay div.img-content {
  padding: 10px;
  box-sizing: border-box;
}
/* line 9122, ../specific.scss */
div.cropperOverlay div.img-content h1 {
  text-align: center;
  color: #3E4982;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 9114, ../specific.scss */
  div.cropperOverlay {
    overflow: scroll;
  }
  /* line 9132, ../specific.scss */
  div.cropperOverlay div.img-container {
    float: none;
    width: 90%;
    margin: 5% auto;
    text-align: center;
  }
  /* line 9139, ../specific.scss */
  div.cropperOverlay div.img-content {
    float: none;
    width: 90%;
    margin: 5% auto;
  }
}
/* line 9148, ../specific.scss */
div.cropperOverlay div.cropper input.save,
div.cropperOverlay div.cropper input.cancel {
  background: #FFF;
  color: #3E4982;
}
/* line 9153, ../specific.scss */
div.cropperOverlay div.cropper input.save:hover,
div.cropperOverlay div.cropper input.cancel:hover {
  background: #3E4982;
  color: #FFF;
}
/* line 73, ../_vars.scss */
div.cropperOverlay div.cropper.editActualitePicture div.img-content div.img-preview {
  width: 250px;
  height: 250px;
}

/* line 9163, ../specific.scss */
div.divError {
  margin: 20px auto;
  text-align: center;
}

/* line 9173, ../specific.scss */
body.pdf-inscription {
  padding: 40px;
}
/* line 9176, ../specific.scss */
body.pdf-inscription h1 {
  margin-bottom: 40px;
}
/* line 9180, ../specific.scss */
body.pdf-inscription h2 {
  margin-bottom: 20px;
}

/*div.divWelcome div.centerAccess h1 span {
    display: block;
    // border-right: .15em solid $green;
    font-family: "Courier";
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}
div.divWelcome div.centerAccess h1 span:nth-child(1) {
    width: 10em; margin: auto;
    // -webkit-animation: type 2s steps(40, end);
    // animation: type 2s steps(40, end);
    // -webkit-animation-fill-mode: forwards;
    // animation-fill-mode: forwards;
}

div.divWelcome div.centerAccess h1 span:nth-child(2) {
    width: 9em; margin: auto;
    // opacity: 0;
    // -webkit-animation: type2 2s steps(40, end);
    // animation: type2 2s steps(40, end);
    // -webkit-animation-delay: 2s;
    // animation-delay: 2s;
    // -webkit-animation-fill-mode: forwards;
    // animation-fill-mode: forwards;
}*/
@keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: 0.15em solid #3E4982;
  }
  100% {
    border: none;
  }
}
@keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  99.9% {
    border-right: 0.15em solid #3E4982;
  }
  100% {
    opacity: 1;
    border: none;
  }
}
@keyframes blink {
  50% {
    border-color: transparent;
  }
}
/*
 * Pour test
 * ************************************************************************* */
/* line 9293, ../specific.scss */
.divPage.divTest {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 9293, ../specific.scss */
  .divPage.divTest {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
.divPage.divTest:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  .divPage.divTest:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  .divPage.divTest:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
.divPage.divTest > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  .divPage.divTest > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  .divPage.divTest > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
.divPage.divTest > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  .divPage.divTest > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  .divPage.divTest > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
.divPage.divTest > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
.divPage.divTest > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .divPage.divTest > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
.divPage.divTest > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .divPage.divTest > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
.divPage.divTest > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
.divPage.divTest > div.element.description,
.divPage.divTest > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  .divPage.divTest > div.element.description,
  .divPage.divTest > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  .divPage.divTest > div.element.description,
  .divPage.divTest > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
.divPage.divTest > div.element.description a:hover,
.divPage.divTest > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
.divPage.divTest div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
.divPage.divTest div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
.divPage.divTest div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
.divPage.divTest div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
.divPage.divTest div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  .divPage.divTest div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
.divPage.divTest div.bottomDescription div.element.description div.description,
.divPage.divTest div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
.divPage.divTest div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
.divPage.divTest div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  .divPage.divTest div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  .divPage.divTest div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
.divPage.divTest div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
.divPage.divTest div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
.divPage.divTest div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
.divPage.divTest div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
.divPage.divTest div.accesTemplate a:hover, .divPage.divTest div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
.divPage.divTest div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  .divPage.divTest div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
.divPage.divTest div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  .divPage.divTest div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  .divPage.divTest div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/*
 * Les blocs de texte customisables
 * ************************************************************************* */
/* line 9301, ../specific.scss */
div.element.customEncart.listview {
  background-color: #f9f9f9;
  margin: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* line 9307, ../specific.scss */
div.element.customBloc.edit, div.element.customSubBloc.edit, div.element.customText.edit {
  width: 1400px;
  display: block;
  max-width: 100%;
}
@media only screen and (max-width: 1500px) {
  /* line 9307, ../specific.scss */
  div.element.customBloc.edit, div.element.customSubBloc.edit, div.element.customText.edit {
    width: 800px;
  }
}

/* line 9318, ../specific.scss */
div.element.customBloc.listview {
  margin: 40px 0;
  width: 100%;
}
/* line 9326, ../specific.scss */
div.element.customBloc.listview strong {
  color: #3E4982;
}
/* line 9330, ../specific.scss */
div.element.customBloc.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9335, ../specific.scss */
div.element.customBloc.listview p {
  margin: 0;
}
/* line 9340, ../specific.scss */
div.element.customBloc.listview .bloc-blanc .bloc-title {
  padding: 10px 0;
  padding-left: 73px;
  text-transform: uppercase;
  background: url("data/image/arrow-blue.png") left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 9340, ../specific.scss */
  div.element.customBloc.listview .bloc-blanc .bloc-title {
    padding: 10px;
    background: none;
    font-size: 1.2em;
  }
}
/* line 9353, ../specific.scss */
div.element.customBloc.listview .bloc-blanc .bloc-content {
  margin-left: 20px;
  padding-left: 50px;
  border-left: 3px solid #3E4982;
}
@media only screen and (max-width: 800px) {
  /* line 9353, ../specific.scss */
  div.element.customBloc.listview .bloc-blanc .bloc-content {
    padding: 10px;
    margin-left: 0;
    border: none;
  }
}
/* line 9365, ../specific.scss */
div.element.customBloc.listview .bloc-blanc .chapo {
  margin: 20px 0;
}
/* line 9370, ../specific.scss */
div.element.customBloc.listview .bloc-vert {
  padding: 40px 100px;
  color: #fff;
  background-color: #3E4982;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 120px;
}
@media only screen and (max-width: 1380px) {
  /* line 9370, ../specific.scss */
  div.element.customBloc.listview .bloc-vert {
    padding: 20px;
  }
}
/* line 9380, ../specific.scss */
div.element.customBloc.listview .bloc-vert strong {
  color: #FFF;
}
/* line 9387, ../specific.scss */
div.element.customBloc.listview .bloc-vert .bloc-title {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 2em;
  /*writing-mode: vertical-rl;*/
  text-decoration: underline;
  text-align: center;
  text-transform: uppercase;
  -ms-transform: rotate(-90deg) translateY(-50%);
      transform: rotate(-90deg) translateY(-50%);
}
@media only screen and (max-width: 1380px) {
  /* line 9387, ../specific.scss */
  div.element.customBloc.listview .bloc-vert .bloc-title {
    display: none;
  }
}
/* line 9406, ../specific.scss */
div.element.customBloc.listview .bloc-vert ul {
  margin: 0;
  list-style-type: none;
}
/* line 9410, ../specific.scss */
div.element.customBloc.listview .bloc-vert ul li {
  margin: 0;
  padding-left: 30px;
  background: url("data/image/arrow-right-white.png") left center no-repeat;
  background-size: 24px;
}
/* line 9426, ../specific.scss */
div.element.customBloc.editWeight div.bloc-content {
  display: none;
}

/* line 9434, ../specific.scss */
div.element.customSubBloc.viewList .content {
  overflow: visible;
}
/* line 9439, ../specific.scss */
div.element.customSubBloc.listview {
  margin: 30px 0;
  width: 100%;
}
/* line 9444, ../specific.scss */
div.element.customSubBloc.listview a img {
  max-width: 100%;
  height: auto !important;
}
/* line 9451, ../specific.scss */
div.element.customSubBloc.listview a.planInDescription img {
  transition: 200ms;
}
/* line 9456, ../specific.scss */
div.element.customSubBloc.listview a.planInDescription:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 9466, ../specific.scss */
div.element.customSubBloc.listview strong {
  color: #3E4982;
}
/* line 9470, ../specific.scss */
div.element.customSubBloc.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9475, ../specific.scss */
div.element.customSubBloc.listview p {
  margin: 0;
}
/* line 9479, ../specific.scss */
div.element.customSubBloc.listview .subbloc-title {
  margin-bottom: 20px;
  color: #3E4982;
  text-transform: uppercase;
}
/* line 9485, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris {
  padding: 30px;
  background-color: #3E4982;
  color: #FFF;
  margin: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 800px) {
  /* line 9485, ../specific.scss */
  div.element.customSubBloc.listview.subbloc-gris {
    margin: 0;
  }
}
/* line 9496, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris h3 {
  color: #FFF;
}
/* line 9500, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris div.element.customText.listview {
  border-color: #FFF;
}
/* line 9504, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris strong {
  color: #FFF;
}
/* line 9512, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple .subbloc-title {
  position: relative;
  padding-left: 20px;
  color: #646464;
  text-transform: none;
}
/* line 9518, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple .subbloc-title:before {
  content: '';
  position: absolute;
  left: -50px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  height: 2px;
  width: 50px;
  background-color: #3E4982;
  z-index: 1;
}
/* line 252, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 9535, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li {
  font-weight: normal;
}
/* line 9542, ../specific.scss */
div.element.customSubBloc.listview.subbloc-liste {
  box-sizing: border-box;
  padding: 20px;
  background-color: #F9F9F9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
}
/* line 9548, ../specific.scss */
div.element.customSubBloc.listview.subbloc-liste .subbloc-title {
  margin-left: 80px;
  margin-bottom: 20px;
  color: #3E4982;
  font-size: 0.9em;
  text-transform: uppercase;
}

/* line 9565, ../specific.scss */
form.editCustomSubBloc:not(.typeBloc-template) div.listTemplateBloc {
  display: none;
}

/* line 9574, ../specific.scss */
div.element.customText.viewList .content {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
}
@media only screen and (max-width: 1024px) {
  /* line 9574, ../specific.scss */
  div.element.customText.viewList .content {
    display: block;
  }
}
/* line 9583, ../specific.scss */
div.element.customText.viewList .content > * {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
}
/* line 9586, ../specific.scss */
div.element.customText.viewList .content > *#customText-67- {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 20px;
  border: none;
}
/* line 9593, ../specific.scss */
.subbloc-liste div.element.customText.viewList .content {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0 80px;
}
@media only screen and (max-width: 800px) {
  /* line 9574, ../specific.scss */
  div.element.customText.viewList .content {
    display: block;
  }
}
/* line 9605, ../specific.scss */
div.element.customText.viewList .list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.2em;
  font-weight: bold;
}
/* line 9612, ../specific.scss */
div.element.customText.viewList .number {
  width: 50px;
  height: 50px;
  color: #3E4982;
  border: 1px solid #3E4982;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 9624, ../specific.scss */
div.element.customText.listview {
  padding: 0 30px;
  width: 100%;
}
/* line 9625, ../specific.scss */
div.element.customText.listview + div.element.customText.listview {
  border-left: 1px solid #000;
}
/* line 9636, ../specific.scss */
div.element.customText.listview strong {
  color: #3E4982;
}
/* line 9640, ../specific.scss */
div.element.customText.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9645, ../specific.scss */
div.element.customText.listview p {
  margin: 0;
}
/* line 9649, ../specific.scss */
.subloc-liste div.element.customText.listview {
  text-align: left;
}
/* line 9654, ../specific.scss */
div.element.customText.edit {
  margin: 0 30px;
  box-sizing: border-box;
  padding: 10px;
  -ms-flex: 0;
      flex: 0;
}
/* line 9661, ../specific.scss */
div.element.customText.edit textarea {
  box-sizing: border-box;
}
/* line 9665, ../specific.scss */
div.element.customText.edit div.element.list.saveList {
  box-sizing: border-box;
}

/* line 9673, ../specific.scss */
div.element.customEncart.viewList .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 -30px;
}
/* line 9679, ../specific.scss */
div.element.customEncart.viewList .content > * {
  -ms-flex-preferred-size: calc(25% - 60px);
      flex-basis: calc(25% - 60px);
  margin: 30px;
}
@media only screen and (max-width: 800px) {
  /* line 9679, ../specific.scss */
  div.element.customEncart.viewList .content > * {
    display: block;
    width: 90%;
    margin: 5% auto;
  }
}
/* line 9692, ../specific.scss */
div.element.customEncart.listview {
  width: 100%;
  min-width: 350px;
}
/* line 9701, ../specific.scss */
div.element.customEncart.listview .encart-title {
  padding: 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #646464;
}
/* line 9709, ../specific.scss */
div.element.customEncart.listview .encart-content {
  padding: 20px;
  color: #848484;
}
/* line 9714, ../specific.scss */
div.element.customEncart.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9719, ../specific.scss */
div.element.customEncart.listview p {
  margin: 0;
}
/* line 9724, ../specific.scss */
div.element.customEncart.edit {
  margin: 0 30px;
}

/* line 9731, ../specific.scss */
div.element.customInfo.listview, div.element.customInfo.edit {
  padding-left: 100px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  background: url("data/image/phylacteres.svg") 40px center no-repeat #FF9827;
}
/* line 9739, ../specific.scss */
div.element.customInfo.listview strong, div.element.customInfo.edit strong {
  color: #FFF;
}
/* line 9743, ../specific.scss */
div.element.customInfo.listview div.description, div.element.customInfo.edit div.description {
  line-height: 1.6em;
  font-size: 22px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-size: 1.2em !important;
}
/* line 9749, ../specific.scss */
div.element.customInfo.listview p, div.element.customInfo.edit p {
  margin: 0;
}
/* line 9753, ../specific.scss */
div.element.customInfo.listview a, div.element.customInfo.edit a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 9757, ../specific.scss */
div.element.customInfo.listview a:hover, div.element.customInfo.edit a:hover {
  color: #FFF;
  font-weight: bold;
}
@media only screen and (max-width: 620px) {
  /* line 9731, ../specific.scss */
  div.element.customInfo.listview, div.element.customInfo.edit {
    padding: 20px;
    text-align: center;
    background: none;
    background-color: #FF9827;
  }
}
/* line 9772, ../specific.scss */
div.element.customInfo.listview#customInfo-17- .description a {
  display: block;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
  font-size: 1.2em;
  color: #fff;
}
/* line 9782, ../specific.scss */
div.element.customInfo.edit {
  padding: 20px 20px 20px 100px;
}

/*
 * Login
 * ************************************************************************* */
/* line 9790, ../specific.scss */
.divPage.divLogin.login div.submit input {
  color: #fff;
  background-color: #3E4982;
  border: 1px solid #3E4982;
  box-shadow: none;
  transition: all 0.2s ease;
}
/* line 9797, ../specific.scss */
.divPage.divLogin.login div.submit input:hover {
  color: #3E4982;
  background-color: #fff;
}

/*Newsletter*/
/* line 292, ../_vars.scss */
div.waitingWrapWrapLong {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('/data/css/sass/images/rgbapng/808080cc-5.png?1759754585');
  background: rgba(128, 128, 128, 0.8);
  z-index: 1001;
  text-shadow: 1px 1px 5px grey;
}
/* line 294, ../_vars.scss */
div.waitingWrapWrapLong div.waitingWrapWrap {
  height: 100px;
  top: 50%;
  margin-top: -50px;
  position: absolute;
  width: 100%;
}
/* line 295, ../_vars.scss */
div.waitingWrapWrapLong div.waitingText {
  top: 50%;
  margin-top: 60px;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #3F4156;
}

/* line 298, ../_vars.scss */
div.newsletter.edit {
  min-height: 800px;
}
/* line 300, ../_vars.scss */
div.newsletter.edit > h1 {
  margin-top: 15px;
}
/* line 301, ../_vars.scss */
div.newsletter.edit div.elements h4 {
  text-transform: uppercase;
  font-size: 1.3em;
  margin: 25px 0 15px 0;
  text-align: center;
  color: #eee;
}
/* line 305, ../_vars.scss */
div.newsletter.edit div.element.newsletter {
  position: relative;
  color: #eee;
  font-size: 12pt;
}
/* line 307, ../_vars.scss */
div.newsletter.edit div.element.newsletter td {
  vertical-align: top;
}
/* line 310, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.text {
  overflow: hidden;
  margin: 6px;
  text-align: center;
}
/* line 311, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.description {
  font-size: 10pt;
  text-align: left;
  margin-top: 10px;
}
/* line 312, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.picture {
  /*                width: 135px; height: 135px; 
                  img { max-width: 135px; max-height: 135px; }*/
}
/* line 316, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.nl-bottom {
  text-align: right;
  overflow: hidden;
  margin-top: 5px;
}
/* line 318, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.nl-bottom a {
  display: inline-block;
  margin: 0 10px;
  color: #aeb2b1;
  text-decoration: underline;
  font-style: italic;
  font-size: 10pt;
}
/* line 321, ../_vars.scss */
div.newsletter.edit div.editContainer {
  position: relative;
  overflow: hidden;
}
/* line 324, ../_vars.scss */
div.newsletter.edit div.editContainer > div.elements div.removeButton {
  display: none;
}
/* line 327, ../_vars.scss */
div.newsletter.edit div.elements {
  width: 48%;
  margin: 0 1%;
  float: left;
  position: relative;
  max-height: 800px;
  /*div.ui-sortable { max-height: 390px; overflow: auto; min-height: 100px; }*/
}
/* line 329, ../_vars.scss */
div.newsletter.edit div.elements.fixedOnTop {
  position: fixed;
  top: 0;
  width: 43%;
}
/* line 330, ../_vars.scss */
div.newsletter.edit div.elements.fixedOnBottom {
  position: absolute;
  bottom: 0;
}
/* line 331, ../_vars.scss */
div.newsletter.edit div.elements div.ui-sortable {
  overflow: auto;
  min-height: 100px;
}
/* line 333, ../_vars.scss */
div.newsletter.edit div.elements > div {
  border: 2px solid #eee;
  margin-bottom: 10px;
  min-height: 50px;
  background: #D6DDE5;
}
/* line 335, ../_vars.scss */
div.newsletter.edit div.elements > div.emptyContent {
  width: 98%;
}
/* line 337, ../_vars.scss */
div.newsletter.edit div.elements > div.emptyContent div.element.newsletter {
  margin: 2%;
  border: 1px dashed #3E4982;
  background: #FFF;
  margin: 10px;
}
/* line 338, ../_vars.scss */
div.newsletter.edit div.elements > div.emptyContent strong, div.newsletter.edit div.elements > div.emptyContent div.description {
  color: #646464;
  display: block;
  padding: 10px;
}
/* line 340, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents {
  width: 98%;
  height: 420px;
  overflow-y: scroll;
}
/* line 342, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.connectedSortable {
  display: none;
}
/* line 343, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.elementTypeHead {
  background: url(data/image/fleche-sous-menu.svg) 96% center no-repeat #3E4982;
  margin: 10px;
  padding: 10px;
  font-weight: bold;
  font-size: 1.2em;
  transition: 200ms;
  cursor: pointer;
  color: #FFF;
}
/* line 346, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.elementTypeHead:hover {
  background: url(data/image/fleche-sous-menu.svg) 96% center no-repeat #323a68;
}
/* line 348, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.element.newsletter {
  margin: 5px 2%;
  border: 1px dashed #3E4982;
  background: #FFF;
}
/* line 350, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.actualite strong {
  color: #646464;
  max-width: 90%;
  display: block;
  padding-top: 4px;
}
/* line 351, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.actualite div.description {
  color: #646464;
}
/* line 355, ../_vars.scss */
div.newsletter.edit div.elements > div.element {
  position: fixed;
  width: 450px;
}
/* line 357, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.text {
  text-align: center;
}
/* line 358, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.picture {
  width: 100%;
}
/* line 360, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.picture img {
  max-width: 100%;
  max-height: 100%;
}
/* line 362, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.nl-bottom {
  display: none;
}
/* line 365, ../_vars.scss */
div.newsletter.edit div.modelContainer {
  float: right;
  width: 48%;
  margin: 1%;
}
/* line 367, ../_vars.scss */
div.newsletter.edit div.modelContainer td.noneInView {
  display: none;
}
/* line 368, ../_vars.scss */
div.newsletter.edit div.modelContainer div.nl-bottom {
  display: none;
}
/* line 370, ../_vars.scss */
div.newsletter.edit div.model {
  box-shadow: 1px 1px 5px #eee;
  width: 800px;
  margin: auto;
  border: 1px solid #ddd;
  background: #ffffff;
}
/* line 372, ../_vars.scss */
div.newsletter.edit div.model div.connectedSortable.ui-sortable {
  margin: 5px 0;
  min-height: 140px;
  width: 800px;
  margin: auto;
}
/* line 373, ../_vars.scss */
div.newsletter.edit div.model tr.showText {
  background: url(data/image/icon/nl-text.jpg) top center no-repeat;
}
/* line 375, ../_vars.scss */
div.newsletter.edit div.model tr.showText > div {
  background: none !important;
}
/* line 377, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form,
div.newsletter.edit div.model form.inplacericheditor-form {
  width: auto;
}
/* line 380, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button {
  width: 60px;
  line-height: 28px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #eee;
  padding: 1px 6px;
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 383, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button:hover,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 384, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button.cancel,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button.cancel {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 386, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button.cancel:hover,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 390, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form {
  margin-bottom: 25px;
}
/* line 392, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_field {
  width: 65%;
}
/* line 393, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button {
  cursor: pointer;
}
/* line 395, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form a.editor_cancel,
div.newsletter.edit div.model form.inplacericheditor-form a.editor_cancel {
  display: inline-block;
  width: 50px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  background: #3E4982;
  color: #eee;
  padding: 1px 6px;
}
/* line 397, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form a.editor_cancel:hover,
div.newsletter.edit div.model form.inplacericheditor-form a.editor_cancel {
  text-decoration: none;
}
/* line 400, ../_vars.scss */
div.newsletter.edit div.model form.jeditableInplaceImage button[type="cancel"], div.newsletter.edit div.model form.jeditableInplaceImage button[type="submit"] {
  display: inline-block;
  width: 80px;
  border: 0;
  margin: 4px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  background: #3E4982;
  color: #eee;
  padding: 1px 6px;
  cursor: pointer;
}
/* line 401, ../_vars.scss */
div.newsletter.edit div.model form.jeditableInplaceImage button[type="submit"] {
  background: #3E4982;
}
/* line 403, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter {
  min-height: 140px;
  background: #FFF;
  color: #5E6977;
  /*                &.even{
                      background: #FFF; color: #5E6977;
                      td.td-img{padding-left: 0;}
                  }
                  &.odd{
                      background: #FFF;
                      td.td-img{padding-right: 0;}
                  }*/
}
/* line 404, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter form.inplacericheditor-form textarea {
  height: auto;
}
/* line 405, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter form.inplacericheditor-form {
  width: 98%;
}
/* line 406, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter form.inplacericheditor-form textarea {
  height: 150px;
}
/* line 419, ../_vars.scss */
div.newsletter.edit form.newsletter {
  clear: both;
}
/* line 421, ../_vars.scss */
div.newsletter.edit form.newsletter textarea,
div.newsletter.edit form.newsletter label,
div.newsletter.edit form.newsletter div {
  display: none;
}
/* line 424, ../_vars.scss */
div.newsletter.edit form.newsletter div.button {
  display: block;
  text-align: center;
  float: none;
}
/* line 426, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input {
  padding: 10px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #eee;
  font-weight: bold;
}
/* line 428, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.saveReturn {
  background: url('/data/css/sass/images/rgbapng/ff9827cc-5.png?1759754585');
  background: rgba(255, 152, 39, 0.8);
}
/* line 430, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.saveReturn:hover {
  background: url('/data/css/sass/images/rgbapng/ff9827ff-5.png?1759754585');
  background: #ff9827;
}
/* line 432, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.save {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 434, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.save:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 436, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.cancel {
  background: url('/data/css/sass/images/rgbapng/e3424acc-5.png?1759754585');
  background: rgba(227, 66, 74, 0.8);
}
/* line 438, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/e3424aff-5.png?1759754585');
  background: #e3424a;
}
/* line 443, ../_vars.scss */
div.newsletter.edit div.dragButton {
  position: absolute;
  cursor: move;
  width: 32px;
  height: 32px;
  right: 5px;
  background: url(data/image/icon/drag.png) no-repeat;
}
/* line 444, ../_vars.scss */
div.newsletter.edit div.removeButton {
  position: absolute;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: 6px;
  right: 8px;
  background: url(data/image/icon/trash.png) no-repeat;
  background-size: 100%;
}
/* line 445, ../_vars.scss */
div.newsletter.edit div.hasInplaceeditorimage img:hover {
  box-shadow: 0px 0px 5px black;
  cursor: pointer;
}

/* line 447, ../_vars.scss */
div.use-tabs.newsletter {
  padding: 0;
  overflow: hidden;
  border: none;
  background: none;
  margin-top: 20px;
  min-height: 400px;
}
/* line 449, ../_vars.scss */
div.use-tabs.newsletter > ul {
  height: 46px;
  background: none;
  border: none;
  margin: 10px 0px;
  overflow: hidden;
}
/* line 451, ../_vars.scss */
div.use-tabs.newsletter > ul li {
  width: 50%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
}
/* line 453, ../_vars.scss */
div.use-tabs.newsletter > ul li.ui-state-active {
  background: #FF9827;
}
/* line 455, ../_vars.scss */
div.use-tabs.newsletter > ul li.ui-state-active a {
  color: #eee;
}
/* line 457, ../_vars.scss */
div.use-tabs.newsletter > ul li a {
  text-align: center;
  margin: auto;
  display: block;
  text-align: center;
  width: 95%;
}
/* line 466, ../_vars.scss */
div.use-tabs.newsletter > div.ui-tabs-panel {
  padding: 0;
  text-align: center;
}

/* line 468, ../_vars.scss */
div.sendError {
  text-align: center;
}
/* line 470, ../_vars.scss */
div.sendError h1 {
  display: block;
}

/** Liste des Newsletter : table avec liste de Newsletter
 *************************************************************************** */
/* line 474, ../_vars.scss */
div.newsletterBoard {
  /*div.listnotsent { margin-left: 2%; }*/
}
/* line 475, ../_vars.scss */
div.newsletterBoard > h1 {
  margin-top: 15px;
}
/* line 476, ../_vars.scss */
div.newsletterBoard.ui-tabs-panel {
  padding: 10px;
}
/* line 478, ../_vars.scss */
div.newsletterBoard div.listTable {
  text-align: center;
  display: inline-block;
  margin: 3% 0 3% 2%;
  vertical-align: top;
  width: 41%;
}
@media only screen and (max-width: 800px) {
  /* line 478, ../_vars.scss */
  div.newsletterBoard div.listTable {
    width: 96%;
    margin: 2%;
  }
}
/* line 483, ../_vars.scss */
div.newsletterBoard div.listTable h2 {
  color: #eee;
}
/* line 484, ../_vars.scss */
div.newsletterBoard div.listTable.listnotsent {
  text-align: center;
  width: 56%;
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  /* line 484, ../_vars.scss */
  div.newsletterBoard div.listTable.listnotsent {
    width: 96%;
    margin: 2%;
  }
}
/* line 490, ../_vars.scss */
div.newsletterBoard div.listTable.listsent {
  padding-bottom: 200px;
}
/* line 492, ../_vars.scss */
div.newsletterBoard a.groups {
  display: block;
}
/* line 493, ../_vars.scss */
div.newsletterBoard h2 {
  width: auto;
  margin: 0 0 10px 0;
  text-align: center;
}
/* line 494, ../_vars.scss */
div.newsletterBoard div.listnotsent table.newsletterList {
  margin-bottom: 50px;
  width: 100%;
}
/* line 495, ../_vars.scss */
div.newsletterBoard table.newsletterList {
  border-color: #3E4982;
  color: #3E4982;
  box-shadow: 0 0 6px #B1B1B1;
  float: right;
  width: 100%;
  /** Liste des Newsletter : détail au hover des newsletter
   *************************************************************************** */
}
@media only screen and (max-width: 800px) {
  /* line 495, ../_vars.scss */
  div.newsletterBoard table.newsletterList {
    float: none;
  }
}
/* line 501, ../_vars.scss */
div.newsletterBoard table.newsletterList tr:hover {
  background: rgba(114, 58, 121, 0.2);
  transition: 0.2s;
}
/* line 503, ../_vars.scss */
div.newsletterBoard table.newsletterList th,
div.newsletterBoard table.newsletterList td {
  padding: 10px 5px;
}
/* line 505, ../_vars.scss */
div.newsletterBoard table.newsletterList thead tr {
  font-size: 16px;
  text-align: center;
  font-size: 0.9em;
  color: #FFF;
}
/* line 506, ../_vars.scss */
div.newsletterBoard table.newsletterList thead tr th {
  background: #EAEDEE;
}
/* line 508, ../_vars.scss */
div.newsletterBoard table.newsletterList thead tr th:first-child {
  width: 420px;
}
@media only screen and (max-width: 800px) {
  /* line 508, ../_vars.scss */
  div.newsletterBoard table.newsletterList thead tr th:first-child {
    width: auto;
  }
}
/* line 515, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td {
  max-width: 340px;
  border-bottom: 1px solid #3E4982;
}
/* line 517, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td a {
  color: #3E4982;
}
/* line 519, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a, div.newsletterBoard table.newsletterList tbody tr td.action a {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  text-align: center;
  vertical-align: top;
}
/* line 522, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 524, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.edit {
  background: url(data/image/icon/icons.png) 5px -44px no-repeat #eee;
}
/* line 525, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.delete {
  background: url(data/image/icon/icons.png) 5px -94px no-repeat #eee;
}
/* line 526, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.duplicate {
  background: url(data/image/icon/copy.png) no-repeat #eee;
}
/* line 527, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 531, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send {
  background: url(data/image/icon/send.png) no-repeat 4px 10px #eee;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  width: 50px;
  height: 50px;
}
/* line 534, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 537, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.date {
  font-style: italic;
  font-size: 0.9em;
}
/* line 538, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create {
  padding: 0;
}
/* line 540, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create {
  display: block;
  margin: 0 auto;
  background: #F2F6F5;
  text-decoration: none;
  padding: 5px;
  transition: 0.3s;
}
/* line 542, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create:hover {
  background: #FAFCFB;
}
/* line 543, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create span {
  height: 35px;
  line-height: 35px;
  display: inline-block;
  padding-left: 40px;
  position: relative;
}
/* line 545, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create span:before {
  content: '';
  background: url(data/image/icon/add-nl.png) center center no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
}
/* line 560, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail {
  background: url(data/image/icon/help-nl.png) no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}
/* line 562, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.detail-content {
  box-shadow: -1px 1px 10px #eee;
  display: none;
  background: #EAEDEE;
  position: absolute;
  z-index: 9;
  padding: 5px;
  margin-left: -390px;
  margin-top: -75px;
}
/* line 566, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail:hover div.detail-content {
  display: block;
}
/* line 567, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos {
  background: #f8f8f8;
  padding: 2px;
  width: 364px;
}
/* line 569, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 2px;
}
/* line 570, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div:first-child {
  margin-top: 0;
}
/* line 571, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div span {
  display: block;
  padding: 5px 3px;
  background: #EAEDEE;
}
/* line 572, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div span.info {
  font-weight: bold;
}
/* line 573, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div span.value {
  background: #FFF;
  font-style: italic;
  margin-top: 2px;
}
/* line 574, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.half {
  width: 181px;
}
/* line 575, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.half.left {
  margin-right: 2px;
}
/* line 577, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-mailing span img {
  width: 100%;
}
/* line 579, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-NewsletterID,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-FromName,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-FromEmail,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-TestMessage,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Subject,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Date,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Recipients,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Groups,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Filters,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Delivered,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-ClickTroughRate,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Forwards,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Permalink {
  display: none;
}

/** Vue d'une Newsletter : actions
 *************************************************************************** */
/* line 600, ../_vars.scss */
div.newsletterDisplay {
  text-align: center;
  margin-top: 20px;
}
/* line 602, ../_vars.scss */
div.newsletterDisplay > h1 {
  margin: 20px 0;
  color: #3E4982;
}
/* line 603, ../_vars.scss */
div.newsletterDisplay > div.actions {
  margin: 10px;
  position: static;
  text-align: center;
}
/* line 605, ../_vars.scss */
div.newsletterDisplay > div.actions a {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  text-align: center;
  vertical-align: top;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 608, ../_vars.scss */
div.newsletterDisplay > div.actions a.edit {
  background: url(data/image/icon/icons.png) 5px -44px no-repeat #FF9827;
}
/* line 609, ../_vars.scss */
div.newsletterDisplay > div.actions a.delete {
  background: url(data/image/icon/icons.png) 5px -94px no-repeat #FF9827;
}
/* line 610, ../_vars.scss */
div.newsletterDisplay > div.actions a.send {
  background: url(data/image/icon/send.png) no-repeat #FF9827;
}
/* line 611, ../_vars.scss */
div.newsletterDisplay > div.actions a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 612, ../_vars.scss */
div.newsletterDisplay > div.actions a > div.infos p span {
  font-weight: bold;
}
/* line 613, ../_vars.scss */
div.newsletterDisplay > div.actions a > div.newsletterBody {
  width: 600px;
  margin: auto;
  padding: 10px;
  background: white;
}
/* line 615, ../_vars.scss */
div.newsletterDisplay > div.actions div.bottom {
  margin-top: 20px;
}
/* line 617, ../_vars.scss */
div.newsletterDisplay > div.actions div.bottom a {
  width: auto;
  transition: 200ms;
  text-decoration: none;
}
/* line 619, ../_vars.scss */
div.newsletterDisplay > div.actions div.bottom a:hover {
  color: #323a68;
}
/* line 623, ../_vars.scss */
div.newsletterDisplay div.newsletterBody {
  background: #DEDEDE;
}
/* line 625, ../_vars.scss */
div.newsletterDisplay div.newsletterBody center {
  display: inline-block;
}

/** Groupes et contacts Newsletter
 *************************************************************************** */
/* line 632, ../_vars.scss */
div.newsletters-groups {
  overflow: hidden;
  padding: 25px 10px;
  background: #FFF;
  /** Groupes et contacts Newsletter : liste de contacts
   *************************************************************************** */
  /*div.groups li div.button{display: none;}*/
}
/* line 634, ../_vars.scss */
div.newsletters-groups .newsletterSend .styleButtonInput {
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}
/* line 635, ../_vars.scss */
div.newsletters-groups .ui-widget {
  font-size: 1em;
}
/* line 636, ../_vars.scss */
div.newsletters-groups div.filter {
  text-align: right;
  background: white;
}
/* line 638, ../_vars.scss */
div.newsletters-groups div.filter input.search {
  max-width: 200px;
  height: 20px;
  border: 1px solid #eee;
  background: url(data/image/icon/icone_loupe.png) 153px 2px no-repeat #ffffff;
}
/* line 640, ../_vars.scss */
div.newsletters-groups form.filters {
  margin-bottom: 20px;
}
/* line 643, ../_vars.scss */
div.newsletters-groups form.filters select:hover {
  cursor: pointer;
}
/* line 648, ../_vars.scss */
div.newsletters-groups div.contacts {
  display: inline-block;
  width: 32%;
  margin-bottom: 10px;
}
/* line 651, ../_vars.scss */
div.newsletters-groups div.contacts ul li p.tooltip {
  display: none;
}
/* line 653, ../_vars.scss */
div.newsletters-groups div.contacts ul li:hover p.tooltip {
  display: block;
}
/* line 657, ../_vars.scss */
div.newsletters-groups h2 {
  text-align: center;
  margin: 0  0 20px 0;
  color: #eee;
}
/* line 658, ../_vars.scss */
div.newsletters-groups div.groups {
  display: inline-block;
  width: 73%;
  margin: 0 0 20px 1%;
  vertical-align: top;
}
/* line 660, ../_vars.scss */
div.newsletters-groups div.groups div.content {
  position: relative;
  font-size: 0.9em;
}
/* line 662, ../_vars.scss */
div.newsletters-groups div.groups div.content h3 {
  text-align: left;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 10px;
}
/* line 669, ../_vars.scss */
div.newsletters-groups ul.list {
  margin: 0;
  margin: 10px 0;
}
/* line 670, ../_vars.scss */
div.newsletters-groups div.button input {
  height: 37px;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  width: 130px;
}
/* line 672, ../_vars.scss */
div.newsletters-groups div.contacts input.search {
  width: 96%;
  padding: 2%;
  background: url(data/image/icon/icone_loupe.png) 265px 2px no-repeat #ffffff;
}
/* line 674, ../_vars.scss */
div.newsletters-groups div.contacts ul.list {
  height: 308px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #3E4982;
  max-width: 97%;
}
/* line 676, ../_vars.scss */
div.newsletters-groups div.contacts ul.list.hover {
  border-color: #AAA;
}
/* line 681, ../_vars.scss */
div.newsletters-groups div.groups div.actions {
  display: block;
  width: 90px;
  height: 32px;
}
/* line 683, ../_vars.scss */
div.newsletters-groups div.groups div.actions a {
  cursor: pointer;
  display: inline-block !important;
  width: 34px;
  height: 34px;
  padding: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  margin: 4px;
  margin-top: 0;
  box-sizing: border-box;
}
/* line 686, ../_vars.scss */
div.newsletters-groups div.groups div.actions a.save {
  background: url(data/image/icon/icons.png) 5px -44px no-repeat #e13f88;
}
/* line 687, ../_vars.scss */
div.newsletters-groups div.groups div.actions a.delete {
  background: url(data/image/icon/icons.png) 5px -94px no-repeat #e13f88;
}
/* line 688, ../_vars.scss */
div.newsletters-groups div.groups div.actions a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 694, ../_vars.scss */
div.newsletters-groups div.groups div.use-tabs div.container.ui-tabs-panel {
  padding: 10px;
}
/* line 695, ../_vars.scss */
div.newsletters-groups div.groups div.description {
  display: inline-block;
  width: 66%;
  margin-right: 2%;
}
/* line 697, ../_vars.scss */
div.newsletters-groups div.groups div.description span {
  font-weight: bold;
}
/* line 699, ../_vars.scss */
div.newsletters-groups div.groups ul.list {
  min-height: 238px;
  height: 560px;
  border: 1px solid #3E4982;
  overflow-y: auto;
  padding-top: 5px;
}
/* line 701, ../_vars.scss */
div.newsletters-groups div.groups ul.list.hover {
  border-color: #AAA;
}
/* line 703, ../_vars.scss */
div.newsletters-groups div.groups ul.list li.contact div.infosContact {
  text-align: center;
}
/* line 708, ../_vars.scss */
div.newsletters-groups div.groups div.delFromGroup {
  float: right;
  width: 58%;
  margin-right: 1%;
  height: 30px;
  line-height: 30px;
  border: 2px dashed #FF9827;
}
/* line 710, ../_vars.scss */
div.newsletters-groups div.groups div.delFromGroup.hover {
  background: url('/data/css/sass/images/rgbapng/77777733-5.png?1759754585');
  background: rgba(119, 119, 119, 0.2);
}
/* line 715, ../_vars.scss */
div.newsletters-groups li.contact {
  list-style: none;
  margin: 5px 0;
  position: relative;
  display: block;
  overflow: hidden;
  color: #5C5C5C;
  /*            &:before{
                  content: 'Ajouter ce contact au groupe'; position: absolute; top: 0; right: 4px; width: 100%; height: 12px;
                  font-size: 12px; text-align: right;
              }*/
}
/* line 717, ../_vars.scss */
div.newsletters-groups li.contact.hidden {
  display: none;
}
/* line 718, ../_vars.scss */
div.newsletters-groups li.contact div.infosContact {
  padding: 5px;
  text-align: left;
  padding-top: 12px;
  display: block;
  height: auto;
  min-height: 28px;
  margin: 0;
  background: #FFF;
  border: solid 1px #FF9827;
  border-bottom-width: 2px;
  font-size: 0.9em;
}
/* line 721, ../_vars.scss */
div.newsletters-groups li.contact div.infosContact span {
  color: #eee;
}
/* line 722, ../_vars.scss */
div.newsletters-groups li.contact div.infosContact span.name {
  color: #eee;
  display: none;
}
/* line 724, ../_vars.scss */
div.newsletters-groups li.contact:hover div.infosContact {
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
  border-color: transparent;
}
/* line 727, ../_vars.scss */
div.newsletters-groups li.contact div.button {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
}
/* line 729, ../_vars.scss */
div.newsletters-groups li.contact div.button a {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  background: url(data/image/icon/icons.png) 6px -19px no-repeat #FF9827;
  background-size: 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  margin: 4px;
}
/* line 732, ../_vars.scss */
div.newsletters-groups li.contact div.button a.delete {
  background-position: 6px -46px;
}
/* line 733, ../_vars.scss */
div.newsletters-groups li.contact div.button a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 736, ../_vars.scss */
div.newsletters-groups li.contact div.slide {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 36%;
  box-sizing: border-box;
  background: url(data/image/icon/arrowSlide.png) center no-repeat #3E4982;
  bottom: -100%;
  left: 32%;
}
/* line 739, ../_vars.scss */
div.newsletters-groups li.contact div.slide:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 742, ../_vars.scss */
div.newsletters-groups li.contact.opened div.slide {
  background-image: url(data/image/icon/arrowSlideHover.png);
}
/* line 744, ../_vars.scss */
div.newsletters-groups li.contact:hover div.slide {
  bottom: 0;
}
/* line 745, ../_vars.scss */
div.newsletters-groups li.contact.ui-sortable-helper:hover div.slide {
  bottom: -100%;
}
/* line 746, ../_vars.scss */
div.newsletters-groups li.contact div.slide span {
  display: block;
  height: 16px;
}
/* line 748, ../_vars.scss */
div.newsletters-groups li.contact.opened div.slide span {
  background-position: center bottom;
}
/* line 750, ../_vars.scss */
div.newsletters-groups li.contact div.infos-client {
  text-align: left;
  display: none;
  padding: 10px;
  padding-bottom: 20px;
  position: relative;
  border: 1px solid #ddd;
  border-top: none;
}
/* line 753, ../_vars.scss */
div.newsletters-groups li.contact.ui-sortable-helper div.infos-client {
  display: none !important;
}
/* line 758, ../_vars.scss */
div.newsletters-groups li.contact small.move {
  position: absolute;
  font-size: 0px;
  display: block;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  width: 36px;
  height: 28px;
  right: 4px;
  top: 15px;
  background: url(data/image/icon/icons.png) #FF9827 6px -444px no-repeat;
}
/* line 761, ../_vars.scss */
div.newsletters-groups li.contact small.move:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 766, ../_vars.scss */
div.newsletters-groups div.groups li.contact {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 5px;
  /*                &:before{
                      content: 'Retirer ce contact du groupe'; position: absolute; top: 0; left: 4px; width: 100%; height: 12px;
                      font-size: 10px; text-align: left;
                  }*/
}
/* line 768, ../_vars.scss */
div.newsletters-groups div.groups li.contact div.infosContact {
  text-align: right !important;
}
/* line 769, ../_vars.scss */
div.newsletters-groups div.groups li.contact.hidden {
  display: none;
}
/* line 774, ../_vars.scss */
div.newsletters-groups div.groups li.contact small.move {
  background-position: 6px -394px;
  left: 18%;
}
/* line 778, ../_vars.scss */
div.newsletters-groups div.groups div.ui-tabs div.ui-tabs-panel {
  padding: 0;
  padding-right: 0;
  min-height: 304px;
}
/* line 779, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup {
  width: 240px;
  margin: auto;
  border: 1px solid #3E4982;
  padding: 1%;
}
/* line 782, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup label {
  text-align: center;
}
/* line 783, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup input {
  width: 94%;
}
/* line 784, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.description {
  width: auto;
  display: block;
  margin: 0 0 10px 0;
}
/* line 785, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup textarea {
  width: 94%;
  height: 80px;
}
/* line 787, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input {
  padding: 10px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #FFF;
}
/* line 789, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.save {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 791, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.save:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 793, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.cancel {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 795, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 802, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist {
  margin: 10px 0;
  text-align: center;
}
/* line 804, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.groupsCheckboxes {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 10px 1%;
}
/* line 805, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.segmentationFilters {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 10px 1%;
}
/* line 806, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button {
  margin-top: 20px;
}
/* line 809, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button input.send {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 811, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button input.send:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 814, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button a {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 816, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button a:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 820, ../_vars.scss */
div.newsletters-groups div.sending form div.nbClient {
  margin-top: 10px;
}
/* line 821, ../_vars.scss */
div.newsletters-groups div.sending span.sendCount {
  font-weight: bold;
}
/* line 825, ../_vars.scss */
div.newsletters-groups.newsletters div.sending form.grouplist label {
  font-weight: normal;
  background: #eaedee;
  display: inline-block;
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
  margin: 5px;
  cursor: pointer;
}
/* line 827, ../_vars.scss */
div.newsletters-groups.newsletters div.sending form.grouplist label > span {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}
/* line 828, ../_vars.scss */
div.newsletters-groups.newsletters div.sending form.grouplist label.selected {
  font-weight: bold;
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
}
/* line 831, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all {
  border-radius: 0px;
  padding: 0;
}
/* line 832, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller {
  overflow: auto;
  background: #3E4982;
  max-height: 86px;
}
/* line 834, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul {
  background: none;
  border: none;
  overflow: hidden;
}
/* line 836, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #FFF;
  background: url('/data/css/sass/images/rgbapng/3e498233-5.png?1759754585');
  background: rgba(62, 73, 130, 0.2);
}
/* line 840, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li:hover {
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
}
/* line 841, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li.ui-state-active {
  background: #FF9827;
  border: 1px solid #eee;
}
/* line 844, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li.ui-state-active a {
  color: #FFF;
}
/* line 846, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li a {
  text-align: center;
  margin: auto;
  display: block;
  text-align: center;
}
/* line 848, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li a img {
  vertical-align: middle;
  width: 16px;
}
/* line 852, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > div.ui-tabs-panel {
  padding: 0;
  text-align: center;
}
/* line 854, ../_vars.scss */
div.newsletters-groups.newsletters .ui-widget-header {
  border: none;
  background: #3E4982;
  float: left;
}
/* line 855, ../_vars.scss */
div.newsletters-groups.newsletters .ui-state-active,
div.newsletters-groups.newsletters .ui-widget-content,
div.newsletters-groups.newsletters .ui-widget-content .ui-state-active,
div.newsletters-groups.newsletters .ui-widget-header .ui-state-active {
  background: none;
  border: none;
}
/* line 861, ../_vars.scss */
div.newsletters-groups.without-newsletter div.buttonModifContact {
  display: none;
}
/* line 863, ../_vars.scss */
div.newsletters-groups div.buttonModifContact a.loadContact {
  color: #FFF;
  text-decoration: none;
}
/* line 865, ../_vars.scss */
div.newsletters-groups.with-newsletter div.wrap-contact {
  display: none;
}
/* line 866, ../_vars.scss */
div.newsletters-groups div.deleteContact {
  min-height: 230px;
  border: 1px solid #3E4982;
  float: left;
  width: 24.5%;
  padding: 10px;
  margin-right: 15px;
  vertical-align: top;
}
/* line 868, ../_vars.scss */
div.newsletters-groups div.deleteContact h2 {
  margin-bottom: 10px;
  color: #eee;
}
/* line 869, ../_vars.scss */
div.newsletters-groups div.deleteContact ul.list {
  height: 190px;
  margin: 0px;
  border: 2px dashed #3E4982;
  background: url(data/image/icon/trash.png) center center no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")";
}
/* line 872, ../_vars.scss */
div.newsletters-groups div.deleteContact ul.list.hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  border-color: #AAA;
}
/* line 873, ../_vars.scss */
div.newsletters-groups div.deleteContact ul.list li {
  display: none;
}
/* line 875, ../_vars.scss */
div.newsletters-groups div.deleteContact div.overlayDelete {
  color: red;
  padding: 2%;
}
/* line 878, ../_vars.scss */
div.newsletters-groups div.addContact {
  min-height: 180px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #3E4982;
}
/* line 880, ../_vars.scss */
div.newsletters-groups div.addContact h2 {
  margin-bottom: 10px;
  color: #eee;
}
/* line 881, ../_vars.scss */
div.newsletters-groups div.addContact div.buttons div.submit input {
  transition: 200ms;
  background: url('/data/css/sass/images/rgbapng/3e498299-5.png?1759754585');
  background: rgba(62, 73, 130, 0.6);
  border: 0;
  padding: 10px;
  cursor: pointer;
  color: #eee;
}
/* line 883, ../_vars.scss */
div.newsletters-groups div.addContact div.buttons div.submit input:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 885, ../_vars.scss */
div.newsletters-groups div.addContact form div.buttons div.cancel,
div.newsletters-groups div.addContact form div.buttons div.delete {
  display: none;
}

/* line 889, ../_vars.scss */
form.editNewsletterContact {
  overflow: hidden;
  /*        div.l1{width: 35%; display: inline-block; margin-right: 2%;}
          div.l2{width: 62%; display: inline-block; vertical-align: top;}*/
}
/* line 891, ../_vars.scss */
form.editNewsletterContact div.text.nom,
form.editNewsletterContact div.text.prenom {
  width: 49%;
  float: left;
}
/* line 893, ../_vars.scss */
form.editNewsletterContact div.text.nom {
  margin-right: 2%;
}
/* line 894, ../_vars.scss */
form.editNewsletterContact div.text.nom input,
form.editNewsletterContact div.text.prenom input {
  width: 92%;
}
/* line 896, ../_vars.scss */
form.editNewsletterContact div.mail input {
  width: 96%;
}
/* line 897, ../_vars.scss */
form.editNewsletterContact div.checkbox {
  width: 100%;
  margin: 0;
}
/* line 898, ../_vars.scss */
form.editNewsletterContact div.checkbox div.help-content {
  z-index: 1;
  background: #99DDE0;
}
/* line 899, ../_vars.scss */
form.editNewsletterContact div.checkbox > label {
  text-align: center;
  margin: 5px 0;
}
/* line 900, ../_vars.scss */
form.editNewsletterContact div.help {
  background: url(data/image/icon/help-nl.png) center center no-repeat;
  margin: 8px 0 3px 58%;
  width: 26px;
  height: 26px;
}
/* line 903, ../_vars.scss */
form.editNewsletterContact div.l2 {
  margin-bottom: 0;
}
/* line 904, ../_vars.scss */
form.editNewsletterContact div.checkbox p {
  text-align: center;
  margin: 5px 0;
}
/* line 905, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required) {
  cursor: pointer;
  background: url('/data/css/sass/images/rgbapng/3e498233-5.png?1759754585');
  background: rgba(62, 73, 130, 0.2);
  display: inline-block;
  text-align: center;
  margin: 2px;
}
/* line 907, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required):hover {
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
}
/* line 908, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required) label {
  margin-bottom: 0;
}
/* line 909, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required).checked {
  background: #3E4982;
  color: #FFF;
}
/* line 911, ../_vars.scss */
form.editNewsletterContact div.checkbox span input {
  display: none;
}
/* line 912, ../_vars.scss */
form.editNewsletterContact div.checkbox span label {
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  font-weight: normal;
}

/* line 915, ../_vars.scss */
form.editNewsletterContact div.buttons {
  width: 100%;
}
/* line 917, ../_vars.scss */
form.editNewsletterContact div.buttons input {
  padding: 10px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/ff9827cc-5.png?1759754585');
  background: rgba(255, 152, 39, 0.8);
}
/* line 920, ../_vars.scss */
form.editNewsletterContact div.buttons input:hover {
  background: url('/data/css/sass/images/rgbapng/ff9827ff-5.png?1759754585');
  background: #ff9827;
}
/* line 921, ../_vars.scss */
form.editNewsletterContact div.buttons input.cancel {
  background: url('/data/css/sass/images/rgbapng/ff0000cc-5.png?1759754585');
  background: rgba(255, 0, 0, 0.8);
}
/* line 923, ../_vars.scss */
form.editNewsletterContact div.buttons input.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/ff0000ff-5.png?1759754585');
  background: red;
}

/* line 928, ../_vars.scss */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-radius: 0px;
}

/* line 932, ../_vars.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  color: black;
}

/* line 935, ../_vars.scss */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ddd;
  background: url('/data/css/sass/images/rgbapng/f3920033-5.png?1759754585');
  background: rgba(243, 146, 0, 0.2);
}

/* line 938, ../_vars.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #f8f8f8;
}

/* line 939, ../_vars.scss */
div.groups .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #f8f8f8;
  box-shadow: none;
}

/* line 940, ../_vars.scss */
.ui-tabs .ui-tabs-nav li a {
  color: #eee;
  display: block;
  text-align: center;
}

/*.ui-widget-content{background:none;}*/
/* line 942, ../_vars.scss */
.ui-widget-content h1 {
  display: none;
}

/* line 943, ../_vars.scss */
.inplaceEditorHover {
  text-shadow: 0px 0px 1px black;
}

/* line 945, ../_vars.scss */
div.groups .ui-tabs .ui-tabs-nav li {
  width: auto;
  margin: 1px 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 3px 0px 10px #ddd inset;
}

/* line 946, ../_vars.scss */
div.newsletters.newsletters-groups.without-newsletter, div.newsletters.newsletters-groups.with-newsletter {
  text-align: center;
}

/* line 947, ../_vars.scss */
div.newsletters-groups .ui-tabs .ui-tabs-nav li {
  padding-bottom: 0;
}

/* line 948, ../_vars.scss */
div.newsletters-groups .ui-tabs .ui-tabs-nav li a {
  padding: 8px 10px;
}

/* line 950, ../_vars.scss */
div.newsletters-groups ul.ui-tabs-nav > li {
  padding-right: 15px;
}

/* line 951, ../_vars.scss */
div.newsletters.newsletters-groups.without-newsletter div.sending {
  display: none;
}

/* line 954, ../_vars.scss */
div.contacts input.search,
div.groups input.search,
div.addContact input.mail,
div.addContact input.nom,
div.addContact input.prenom {
  border: 1px solid #FF9827;
}

/* line 960, ../_vars.scss */
div#nwsl-groups-with-newsletter {
  text-align: center;
}

/* line 961, ../_vars.scss */
#nwsl-groups, #nwsl-send {
  text-align: center;
}

/* line 962, ../_vars.scss */
div#nwsl-groups h1 {
  margin-top: 40px;
  color: #3E4982;
  background: none;
  display: inline-block;
  border-top: 1px solid #3E4982;
  border-bottom: 1px solid #3E4982;
  padding-top: 4px;
  padding-bottom: 2px;
  position: relative;
  margin-bottom: 10px;
}

/* line 968, ../_vars.scss */
div.newsletter.edit {
  text-align: center;
}
/* line 970, ../_vars.scss */
div.newsletter.edit h1 {
  display: inline-block;
  color: #eee;
}
/* line 971, ../_vars.scss */
div.newsletter.edit h4 {
  display: inline-block;
  width: auto;
}
/* line 972, ../_vars.scss */
div.newsletter.edit a.defaultRefresh {
  position: absolute;
  right: 0;
}
/* line 974, ../_vars.scss */
div.newsletter.edit a.defaultRefresh:hover {
  cursor: pointer;
}

/* line 978, ../_vars.scss */
div.newsletter .editoImage {
  height: 150px;
  width: 150px;
  overflow: hidden;
}
/* line 980, ../_vars.scss */
div.newsletter .editoImage img {
  max-height: 125px;
  max-width: 125px;
}
/* line 981, ../_vars.scss */
div.newsletter .editoImage form {
  height: 125px;
  width: 300px;
}
/* line 983, ../_vars.scss */
div.newsletter .editoImage form input[type=file] {
  margin-bottom: 10px;
}
/* line 984, ../_vars.scss */
div.newsletter .editoImage form input[type=submit] {
  margin-left: 5px;
}

/* line 988, ../_vars.scss */
.ui-tooltip, .arrow:after {
  background: #f8f8f8;
  border: 1px solid white;
  box-shadow: 2px 2px 5px #A7ABAA;
}

/* line 990, ../_vars.scss */
a:focus {
  outline: 0px;
}

/* line 992, ../_vars.scss */
div.divSent, div.divDelete {
  text-align: center;
  margin-top: 10px;
  margin-top: 30px;
}
/* line 994, ../_vars.scss */
div.divSent a, div.divDelete a {
  text-decoration: none;
  transition: 200ms;
}
/* line 996, ../_vars.scss */
div.divSent a:hover, div.divDelete a:hover {
  color: #cc7a1f;
}
/* line 998, ../_vars.scss */
div.divSent p, div.divDelete p {
  background: #FFF;
  padding: 2%;
}

/* line 1000, ../_vars.scss */
div.divSent {
  max-width: 40%;
  margin: 20px auto;
}
/* line 1002, ../_vars.scss */
div.divSent h1 {
  color: #eee;
}
/* line 1003, ../_vars.scss */
div.divSent a {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
  color: #FFF;
  text-decoration: none;
  padding: 2% 4%;
  display: inline-block;
}
/* line 1005, ../_vars.scss */
div.divSent a:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
  color: #DEDEDE;
}

/* line 1011, ../_vars.scss */
form div.button input.styleButtonInput,
form div.button input.send.styleButtonInput,
a:link.styleButtonInput,
a:visited.styleButtonInput,
.styleButtonInput {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  width: auto;
  line-height: 20px;
  height: auto;
  margin: 0 10px;
  border: 0;
  border-width: 1px 0;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}

/* line 1020, ../_vars.scss */
form div.button input.styleButtonInput:hover,
form div.button input.send.styleButtonInput:hover,
a:link.styleButtonInput:hover,
a:visited.styleButtonInput:hover,
.styleButtonInput:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
  text-decoration: none;
  transition: 0.2s;
}

/* line 1025, ../_vars.scss */
div.smallBoxOverlay {
  width: 100%;
  height: 100%;
  background: rgba(49, 49, 49, 0.8);
  z-index: 10;
  position: fixed;
  transition: 200ms;
  text-align: center;
  top: 0;
  left: 0;
}
/* line 1028, ../_vars.scss */
div.smallBoxOverlay form.editNewsletterContact div.l1 {
  width: 98%;
}

/* line 1031, ../_vars.scss */
div.smallBoxContainer {
  display: none;
  background: #FFF;
  padding: 20px;
  position: relative;
  display: inline-block;
  box-shadow: 0 0 6px #000;
  border: 2px solid #DEDEDE;
  margin-top: 5%;
  max-height: 80%;
}

/* line 1032, ../_vars.scss */
div.smallBoxContainer.positioned {
  position: fixed;
  margin-top: 0;
}

/* line 9809, ../specific.scss */
div.newsletter.edit {
  max-width: 90%;
  margin: auto;
  background: #FFF;
}
/* line 9814, ../specific.scss */
div.newsletter.edit > p {
  color: #646464;
}
/* line 9820, ../specific.scss */
div.newsletter.edit div.elements > h4,
div.newsletter.edit div.modelContainer > h4 {
  display: block;
  background: #FF9827;
  padding: 10px;
}
/* line 9828, ../specific.scss */
div.newsletter.edit div.modelContainer > h4 {
  margin-top: 25px;
}

/* line 9836, ../specific.scss */
.page-newsletter h1 {
  margin-bottom: 0;
  color: #3E4982;
  font-style: normal;
  text-align: center;
}
/* line 9844, ../specific.scss */
.page-newsletter hr {
  width: 55%;
  margin: 0 auto 20px;
  border-color: #FF9827;
}

/* line 9852, ../specific.scss */
div#nwsl-groups h1 {
  margin-bottom: 0;
  color: #3E4982;
  border-top: none;
  border-bottom: 2px solid #FF9827;
  font-style: normal;
  text-align: center;
  padding: 20px 80px;
  background: none;
  margin-bottom: 20px;
  margin-top: 0;
  color: #FF9827;
  border: 0;
}

/* line 9869, ../specific.scss */
div.bottomNwsl a.createNwsl {
  display: inline-block;
}

/* line 9874, ../specific.scss */
div.use-tabs.newsletter > ul li:not(.ui-state-active) {
  color: #FF9827;
}
/* line 9877, ../specific.scss */
div.use-tabs.newsletter > ul li:not(.ui-state-active) a {
  color: #333;
}
/* line 9882, ../specific.scss */
div.use-tabs.newsletter div.bottom {
  text-align: center;
}
/* line 9885, ../specific.scss */
div.use-tabs.newsletter div.bottom a.createNwsl {
  background: #3E4982;
  text-decoration: none;
  color: #FFF;
  border-radius: 10px;
  transition: 200ms;
}
/* line 9893, ../specific.scss */
div.use-tabs.newsletter div.bottom a.createNwsl:hover {
  background: #4a589c;
}

/* line 9901, ../specific.scss */
#nwsl-newsletter h2 {
  color: #3E4982;
}
/* line 9906, ../specific.scss */
#nwsl-newsletter .newsletterList tr th {
  background-color: #3E4982;
}
/* line 9911, ../specific.scss */
#nwsl-newsletter .newsletterList tbody tr {
  background: #FFF;
}
/* line 9914, ../specific.scss */
#nwsl-newsletter .newsletterList tbody tr td.create a.create {
  background-color: #3E4982;
  color: #FFF;
}
/* line 9918, ../specific.scss */
#nwsl-newsletter .newsletterList tbody tr td.create a.create:hover {
  background-color: #323a68;
}

/* line 9927, ../specific.scss */
#nwsl-newsletter h2 {
  padding: 10px;
  color: #fff;
  background-color: #3E4982;
}

/* line 9933, ../specific.scss */
.newsletterList {
  border-spacing: 0;
}

/* line 9937, ../specific.scss */
#nwsl-newsletter .newsletterList tr th {
  color: #E3424A;
  background-color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #3E4982;
}

/* line 9944, ../specific.scss */
#nwsl-newsletter .newsletterList tr td {
  border-color: #c2c2c2;
}

/* line 9950, ../specific.scss */
div.newsletters-groups h2,
div.newsletters-groups div.addContact h2 {
  color: #3E4982;
}
/* line 9955, ../specific.scss */
div.newsletters-groups li.contact {
  color: #3E4982;
}
/* line 9958, ../specific.scss */
div.newsletters-groups li.contact div.infosContact span {
  color: #3E4982;
}
/* line 9963, ../specific.scss */
div.newsletters-groups div.wrap-contact > div.groups {
  width: 67%;
}
/* line 9967, ../specific.scss */
div.newsletters-groups div.nwlgroups-contacts {
  width: 32%;
}

/* line 9974, ../specific.scss */
div.newsletters-groups div.groups div.actions a.save,
div.newsletters-groups div.groups div.actions a.delete {
  background-color: #FF9827;
}

/* line 9980, ../specific.scss */
div.newsletterBoard table.newsletterList {
  box-shadow: none;
}

/* line 9984, ../specific.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 0;
  padding: 0;
}

/*div.newsletters-groups li.contact small.move { background-position: 6px 2px; }*/
/*div.newsletters-groups div.groups li.contact small.move { background-position: 6px -98px; }*/
/* line 9991, ../specific.scss */
div.newsletters-groups div.groups li.contact small.move {
  left: 4px;
}

/* line 9995, ../specific.scss */
div.newsletterBoard div.listTable.listnotsent,
div.newsletterBoard div.listTable.listsent {
  width: 49%;
  margin-top: 0;
}
/* line 10000, ../specific.scss */
div.newsletterBoard div.listTable.listnotsent:first-child,
div.newsletterBoard div.listTable.listsent:first-child {
  margin-right: 1%;
}
/* line 10004, ../specific.scss */
div.newsletterBoard div.listTable.listnotsent:last-child,
div.newsletterBoard div.listTable.listsent:last-child {
  margin-left: 1%;
}

/* line 10009, ../specific.scss */
div.newsletterBoard table.newsletterList thead tr th:first-child {
  width: 320px;
}

/* line 10014, ../specific.scss */
div.newsletterBoard table.newsletterList tr a {
  text-decoration: none;
  transition: 200ms;
}
/* line 10018, ../specific.scss */
div.newsletterBoard table.newsletterList tr a:hover {
  color: #323a68;
}

/* line 10024, ../specific.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.edit,
div.newsletterBoard table.newsletterList tbody tr td.action a.delete,
div.newsletterBoard table.newsletterList tbody tr td.action a.duplicate,
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send {
  background-color: #3E4982;
}

/* line 10031, ../specific.scss */
div.newsletter.edit h1,
div.newsletter.edit h4,
div.divSent h1 {
  color: #FF9827;
}

/* line 10037, ../specific.scss */
.hasInplaceeditor:hover {
  cursor: pointer;
}

/* line 10041, ../specific.scss */
div.newsletter.edit {
  /*p { color: #fff; }*/
}
/* line 10044, ../specific.scss */
div.newsletter.edit div.modelContainer {
  margin-top: 0;
}
/* line 10048, ../specific.scss */
div.newsletter.edit div.modelContainer h4 {
  text-transform: uppercase;
  font-size: 1.3em;
  text-align: center;
  color: #eee;
}
/* line 10055, ../specific.scss */
div.newsletter.edit div.model {
  margin-top: 20px;
}
/* line 10059, ../specific.scss */
div.newsletter.edit div.help {
  border: 2px solid #3E4982;
}
/* line 10062, ../specific.scss */
div.newsletter.edit div.help div {
  margin: 10px;
  text-align: left;
}
/* line 10068, ../specific.scss */
div.newsletter.edit tr.showText > td {
  position: relative;
}
/* line 10071, ../specific.scss */
div.newsletter.edit tr.showText > td:before {
  content: 'Glissez / déposer les arrivages ici pour les ajouter à la newsletter';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  color: #333;
}

/* line 10083, ../specific.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  padding: 5px;
  background: url(data/image/icon/send.png) center top no-repeat #3E4982;
  background-size: cover;
}

/* line 10093, ../specific.scss */
div#site.standard header#banner {
  position: absolute;
}
/* line 10097, ../specific.scss */
div#site.standard h1 {
  text-align: center;
}
/* line 10101, ../specific.scss */
div#site.standard div.use-tabs.newsletter {
  max-width: 80%;
  margin: auto;
}

/* line 10107, ../specific.scss */
div.actualite.element.newsletter {
  background-color: #FFF !important;
}

/* line 10113, ../specific.scss */
div.editContainer div.elements div.emptyContent {
  padding-top: 20px;
}
/* line 10116, ../specific.scss */
div.editContainer div.elements div.emptyContent div.emptyContent.element {
  max-width: 80% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin: auto !important;
  margin-bottom: 20px !important;
}
/* line 10126, ../specific.scss */
div.editContainer div.elements div.actualite {
  padding-top: 20px;
}
/* line 10129, ../specific.scss */
div.editContainer div.elements div.actualite div.actualite.element.newsletter {
  max-width: 80% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin: auto !important;
  margin-bottom: 20px !important;
}

/* line 10142, ../specific.scss */
div.modelContainer div.helper {
  position: relative;
}
/* line 10145, ../specific.scss */
div.modelContainer div.helper:before {
  content: 'Glissez-déposez ici vos éléments';
  font-size: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 10160, ../specific.scss */
div.divCmaic-newsletter {
  max-width: 1350px;
  margin: 20px auto;
}
/* line 10164, ../specific.scss */
div.divCmaic-newsletter div.news-insc {
  max-width: 80%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 10164, ../specific.scss */
  div.divCmaic-newsletter div.news-insc {
    max-width: 98%;
    margin: 1% auto;
  }
}
/* line 10175, ../specific.scss */
div.divCmaic-newsletter div.news-insc iframe {
  overflow: visible !important;
  max-width: 600px;
  max-height: 200px;
}

/*Codiv 19*/
/* line 10185, ../specific.scss */
div.divPage.divCovid19 div.headerTemplate {
  width: 80%;
  text-align: center;
}
/* line 10189, ../specific.scss */
div.divPage.divCovid19 div.headerTemplate img {
  max-width: 100%;
  display: block;
  margin: auto;
}
/* line 10196, ../specific.scss */
div.divPage.divCovid19 > div.element.presentation {
  max-width: 80%;
}

/* line 252, ../specific.scss */
div.Covid19-permanence-CMAIC ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.Covid19-permanence-CMAIC ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.Covid19-permanence-CMAIC ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.Covid19-permanence-CMAIC ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.Covid19-permanence-CMAIC ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.Covid19-permanence-CMAIC ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.Covid19-permanence-CMAIC ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}

@keyframes covid {
  0% {
    bottom: -60%;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: -60%;
  }
}
/* line 10219, ../specific.scss */
a.covid-welcome-btn {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 60px;
  width: 300px;
  overflow: hidden;
  transition: 200ms;
}
/* line 10228, ../specific.scss */
a.covid-welcome-btn img {
  width: 100%;
}
@media only screen and (max-width: 1168px) {
  /* line 10219, ../specific.scss */
  a.covid-welcome-btn {
    left: 0;
    width: 200px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10219, ../specific.scss */
  a.covid-welcome-btn {
    display: none;
  }
}
/* line 10241, ../specific.scss */
a.covid-welcome-btn span.text-container {
  background: #E3424A;
  display: block;
  padding: 10px;
  padding-left: 50px;
  text-align: right;
  border: 3px solid #FFF;
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: 200ms;
}
/* line 10252, ../specific.scss */
a.covid-welcome-btn span.text-container span,
a.covid-welcome-btn span.text-container strong {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 180px;
  margin-right: 0;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}
/* line 10262, ../specific.scss */
a.covid-welcome-btn span.text-container span {
  font-size: 15px;
  letter-spacing: 0;
}
/* line 10267, ../specific.scss */
a.covid-welcome-btn span.text-container strong {
  font-size: 25px;
  letter-spacing: 0;
}
/* line 10273, ../specific.scss */
a.covid-welcome-btn:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

@keyframes fall-covid {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
/* line 10288, ../specific.scss */
a.covid-plateforme-welcome-btn {
  position: absolute;
  z-index: 10;
  left: calc(50% - 160px);
  top: -100%;
  width: 320px;
  overflow: hidden;
  transition: 200ms;
  animation-name: fall-covid;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-duration: 1s;
}
/* line 10302, ../specific.scss */
a.covid-plateforme-welcome-btn img {
  width: 100%;
}
@media only screen and (max-width: 1168px) {
  /* line 10288, ../specific.scss */
  a.covid-plateforme-welcome-btn {
    left: 0;
    width: 200px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10288, ../specific.scss */
  a.covid-plateforme-welcome-btn {
    display: none;
  }
}
/* line 10315, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container {
  background: #E3424A;
  display: block;
  padding: 10px;
  padding-left: 50px;
  text-align: right;
  border: 3px solid #FFF;
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: 200ms;
}
/* line 10326, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container span,
a.covid-plateforme-welcome-btn span.text-container strong {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 180px;
  margin-right: 0;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}
/* line 10336, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container span {
  font-size: 15px;
  letter-spacing: 0;
}
/* line 10341, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container strong {
  font-size: 25px;
  letter-spacing: 0;
}
/* line 10347, ../specific.scss */
a.covid-plateforme-welcome-btn:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

/* line 10352, ../specific.scss */
div.covid-disclaimer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/data/css/sass/images/rgbapng/00000099-5.png?1759754585');
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 10352, ../specific.scss */
  div.covid-disclaimer {
    display: none;
  }
}
/* line 10368, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content {
  max-width: 80%;
  background: #E3424A;
  padding: 40px;
  margin-top: 40px;
  box-sizing: border-box;
  border-radius: 18px;
  border: 10px solid #FFF;
}
@media only screen and (max-width: 500px) {
  /* line 10368, ../specific.scss */
  div.covid-disclaimer div.covid-disclaimer-content {
    max-width: 96%;
    padding: 10px;
  }
}
/* line 10382, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.picture {
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: center;
}
@media only screen and (max-width: 500px) {
  /* line 10382, ../specific.scss */
  div.covid-disclaimer div.covid-disclaimer-content div.picture {
    -ms-transform: translateY(-40%);
        transform: translateY(-40%);
  }
}
/* line 10391, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidContainer {
  margin-top: -60px;
}
/* line 10395, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content span {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  display: block;
}
/* line 10402, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content span:nth-child(1) {
  font-size: 22px;
}
/* line 10406, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content span:nth-child(2) {
  font-size: 37px;
}
/* line 10411, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidDescription {
  color: #FFF;
  font-style: italic;
  padding-top: 6px;
}
/* line 10416, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidDescription a {
  color: #FFF;
}
/* line 10421, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom {
  margin-top: 6px;
}
/* line 10424, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a {
  display: block;
  color: #FFF;
  padding: 16px;
  margin-bottom: 16px;
  text-align: center;
  /*transition: 200ms;*/
}
@media only screen and (max-width: 500px) {
  /* line 10424, ../specific.scss */
  div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a {
    margin-bottom: 10px;
  }
}
/* line 10436, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a:nth-child(1) {
  background: #3E4982;
  border: 1px solid #3E4982;
  /*&:hover{background: none;}*/
}
/* line 10442, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a:nth-child(2) {
  background: none;
  border: 1px solid #FFF;
  /*&:hover{background: none;}*/
}

/* line 10460, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate,
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate,
div.divPage.divInformation-coronavirus div.accesTemplate,
div.divPage.divEntreprise-coronavirus div.accesTemplate,
div.divPage.divSalarie-coronavirus div.accesTemplate,
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate,
div.divPage.divCoronavirus-recommandations div.accesTemplate,
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
  top: 200px;
}
/* line 10465, ../specific.scss */
div.divPage.divCovid19 div.description .miseEnAvant,
div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant,
div.divPage.divInformation-coronavirus div.description .miseEnAvant,
div.divPage.divEntreprise-coronavirus div.description .miseEnAvant,
div.divPage.divSalarie-coronavirus div.description .miseEnAvant,
div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant,
div.divPage.divCoronavirus-recommandations div.description .miseEnAvant,
div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant {
  /*            font-weight: bold; color: $orange; transition: 200ms; border-bottom: 2px solid transparent;
              &:hover{
                  border-bottom: 2px solid $orange;
              }*/
}
/* line 252, ../specific.scss */
div.divPage.divCovid19 div.description ul,
div.divPage.divCovid19-permanence-CMAIC div.description ul,
div.divPage.divInformation-coronavirus div.description ul,
div.divPage.divEntreprise-coronavirus div.description ul,
div.divPage.divSalarie-coronavirus div.description ul,
div.divPage.divCoronavirus-en-normandie-situation div.description ul,
div.divPage.divCoronavirus-recommandations div.description ul,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.divPage.divCovid19 div.description ul li,
div.divPage.divCovid19-permanence-CMAIC div.description ul li,
div.divPage.divInformation-coronavirus div.description ul li,
div.divPage.divEntreprise-coronavirus div.description ul li,
div.divPage.divSalarie-coronavirus div.description ul li,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li,
div.divPage.divCoronavirus-recommandations div.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.divPage.divCovid19 div.description ul li a,
div.divPage.divCovid19-permanence-CMAIC div.description ul li a,
div.divPage.divInformation-coronavirus div.description ul li a,
div.divPage.divEntreprise-coronavirus div.description ul li a,
div.divPage.divSalarie-coronavirus div.description ul li a,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li a,
div.divPage.divCoronavirus-recommandations div.description ul li a,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.divPage.divCovid19 div.description ul li a:hover,
div.divPage.divCovid19-permanence-CMAIC div.description ul li a:hover,
div.divPage.divInformation-coronavirus div.description ul li a:hover,
div.divPage.divEntreprise-coronavirus div.description ul li a:hover,
div.divPage.divSalarie-coronavirus div.description ul li a:hover,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li a:hover,
div.divPage.divCoronavirus-recommandations div.description ul li a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.divPage.divCovid19 div.description ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.description ul li:before,
div.divPage.divInformation-coronavirus div.description ul li:before,
div.divPage.divEntreprise-coronavirus div.description ul li:before,
div.divPage.divSalarie-coronavirus div.description ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li:before,
div.divPage.divCoronavirus-recommandations div.description ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.divPage.divCovid19 div.description ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.description ul li ul li:before,
div.divPage.divInformation-coronavirus div.description ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.description ul li ul li:before,
div.divPage.divSalarie-coronavirus div.description ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.description ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.divPage.divCovid19 div.description ul li ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.description ul li ul li ul li:before,
div.divPage.divInformation-coronavirus div.description ul li ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.description ul li ul li ul li:before,
div.divPage.divSalarie-coronavirus div.description ul li ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.description ul li ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 10476, ../specific.scss */
div.divPage.divCovid19 div.description ul li,
div.divPage.divCovid19-permanence-CMAIC div.description ul li,
div.divPage.divInformation-coronavirus div.description ul li,
div.divPage.divEntreprise-coronavirus div.description ul li,
div.divPage.divSalarie-coronavirus div.description ul li,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li,
div.divPage.divCoronavirus-recommandations div.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li {
  font-weight: normal;
}
/* line 10480, ../specific.scss */
div.divPage.divCovid19 div.description ul li a.download:hover,
div.divPage.divCovid19-permanence-CMAIC div.description ul li a.download:hover,
div.divPage.divInformation-coronavirus div.description ul li a.download:hover,
div.divPage.divEntreprise-coronavirus div.description ul li a.download:hover,
div.divPage.divSalarie-coronavirus div.description ul li a.download:hover,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li a.download:hover,
div.divPage.divCoronavirus-recommandations div.description ul li a.download:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li a.download:hover {
  padding-left: 70px !important;
  color: #FFF !important;
}
/* line 10488, ../specific.scss */
div.divPage.divCovid19 div.description a.linkOrange,
div.divPage.divCovid19-permanence-CMAIC div.description a.linkOrange,
div.divPage.divInformation-coronavirus div.description a.linkOrange,
div.divPage.divEntreprise-coronavirus div.description a.linkOrange,
div.divPage.divSalarie-coronavirus div.description a.linkOrange,
div.divPage.divCoronavirus-en-normandie-situation div.description a.linkOrange,
div.divPage.divCoronavirus-recommandations div.description a.linkOrange,
div.divPage.divReprise-du-travail-apres-le-confinement div.description a.linkOrange {
  font-weight: bold;
  color: #FF9827 !important;
  transition: 200ms;
  border-bottom: 2px solid transparent;
}
/* line 10494, ../specific.scss */
div.divPage.divCovid19 div.description a.linkOrange:hover,
div.divPage.divCovid19-permanence-CMAIC div.description a.linkOrange:hover,
div.divPage.divInformation-coronavirus div.description a.linkOrange:hover,
div.divPage.divEntreprise-coronavirus div.description a.linkOrange:hover,
div.divPage.divSalarie-coronavirus div.description a.linkOrange:hover,
div.divPage.divCoronavirus-en-normandie-situation div.description a.linkOrange:hover,
div.divPage.divCoronavirus-recommandations div.description a.linkOrange:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.description a.linkOrange:hover {
  border-bottom: 2px solid #FF9827;
  padding-left: 0 !important;
}

/* line 10504, ../specific.scss */
div.divCovid19-permanence-CMAIC div.fullPicture img {
  width: 100%;
}
/* line 10509, ../specific.scss */
div.divCovid19-permanence-CMAIC div.mobilePicture {
  margin-bottom: 20px;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 10509, ../specific.scss */
  div.divCovid19-permanence-CMAIC div.mobilePicture {
    display: none;
  }
}
/* line 10516, ../specific.scss */
div.divCovid19-permanence-CMAIC div.mobilePicture img {
  max-width: 100%;
}

/* line 10524, ../specific.scss */
div.rgpdContact input,
div.rgpdContact label {
  display: inline;
  width: auto;
}
/* line 10530, ../specific.scss */
div.rgpdContact label {
  color: #FFF;
  font-size: 12px;
}

/* line 10538, ../specific.scss */
div#modulebox-container div.rgpdContact label {
  color: #3E4982;
}
/* line 10543, ../specific.scss */
div#modulebox-container iframe.video {
  width: 800px;
  height: 450px;
}
@media only screen and (max-width: 800px) {
  /* line 10543, ../specific.scss */
  div#modulebox-container iframe.video {
    width: auto;
    height: auto;
  }
}

/* line 10557, ../specific.scss */
form.editCandidature div.secteurSociety,
form.editCandidature div.effectifSociety,
form.editInscription div.secteurSociety,
form.editInscription div.effectifSociety {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 10563, ../specific.scss */
form.editCandidature div.secteurSociety label,
form.editCandidature div.effectifSociety label,
form.editInscription div.secteurSociety label,
form.editInscription div.effectifSociety label {
  display: block;
  text-align: left;
}
/* line 10568, ../specific.scss */
form.editCandidature div.secteurSociety select,
form.editCandidature div.effectifSociety select,
form.editInscription div.secteurSociety select,
form.editInscription div.effectifSociety select {
  padding: 16px;
  background: #FFF;
  color: #646464;
  border: 1px solid #CCC;
  border-radius: 6px;
}
/* line 10580, ../specific.scss */
form.editCandidature div.rgpd input,
form.editCandidature div.rgpd label,
form.editCandidature div.rgpdInscription input,
form.editCandidature div.rgpdInscription label,
form.editInscription div.rgpd input,
form.editInscription div.rgpd label,
form.editInscription div.rgpdInscription input,
form.editInscription div.rgpdInscription label {
  display: inline !important;
  width: auto;
}
/* line 10586, ../specific.scss */
form.editCandidature div.rgpd label,
form.editCandidature div.rgpdInscription label,
form.editInscription div.rgpd label,
form.editInscription div.rgpdInscription label {
  color: #3E4982;
}

/* line 10595, ../specific.scss */
div.rgpdPostuler input,
div.rgpdPostuler label,
div.rgpdInscription input,
div.rgpdInscription label {
  display: inline;
  width: auto;
}
/* line 10601, ../specific.scss */
div.rgpdPostuler label,
div.rgpdInscription label {
  color: #3E4982;
  font-size: 12px;
}

/* line 10607, ../specific.scss */
div.lines-webinaire {
  margin-top: 20px;
}
/* line 10610, ../specific.scss */
div.lines-webinaire > h3 {
  margin-bottom: 10px;
  display: block;
  text-align: center;
}
/* line 10616, ../specific.scss */
div.lines-webinaire div.line-webinaire {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #333;
}
/* line 10621, ../specific.scss */
div.lines-webinaire div.line-webinaire div.details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1rem;
  padding: 4px;
}
/* line 10627, ../specific.scss */
div.lines-webinaire div.line-webinaire div.details div {
  width: 30%;
  margin: 4px;
}

/* line 114, ../_vars.scss */
.element.account.edit form textarea {
  height: 120px;
}
/* line 115, ../_vars.scss */
.element.account.edit form div.select,
.element.account.edit form div.text {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin: 1%;
  /*        &:nth-child(even){margin: 0; margin-left: 1%; margin-bottom: 2%;}
          &:nth-child(odd){margin: 0; margin-right: 2%; margin-bottom: 2%;}*/
}
@media only screen and (max-width: 730px) {
  /* line 115, ../_vars.scss */
  .element.account.edit form div.select,
  .element.account.edit form div.text {
    width: 98%;
    margin-right: 0;
    /*            &:nth-child(even){margin-left: 0;}
                &:nth-child(odd){margin-right: 0;}*/
  }
}
/* line 127, ../_vars.scss */
.element.account.edit form div.buttons {
  text-align: center;
}
/* line 129, ../_vars.scss */
.element.account.edit form div.buttons input {
  border: 0;
  padding: 10px 20px;
  cursor: pointer;
}
/* line 133, ../_vars.scss */
.element.account.edit form input[type=text] {
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #ccc;
}
/* line 135, ../_vars.scss */
.element.account.edit form input[type=text]:focus {
  border: 1px solid "#DEDEDE";
}
/* line 137, ../_vars.scss */
.element.account.edit form select {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #ccc;
}
/* line 138, ../_vars.scss */
.element.account.edit form textarea {
  border: 1px solid #ccc;
}
/* line 140, ../_vars.scss */
.element.account.edit form textarea:focus {
  border: 1px solid "#DEDEDE";
}
/* line 142, ../_vars.scss */
.element.account.edit form label {
  transition: all .2s ease;
}
/* line 143, ../_vars.scss */
.element.account.edit form .focus label {
  margin-left: 10px;
  color: "#DEDEDE";
}
/* line 10643, ../specific.scss */
.element.account.edit form .rgpdWebinaire {
  margin: 1%;
}
/* line 10646, ../specific.scss */
.element.account.edit form .rgpdWebinaire label {
  font-size: 14px;
}
/* line 10652, ../specific.scss */
.element.account.edit legend {
  text-align: center;
}

/*
 * Offres
 * ************************************************************************* */
/* line 10661, ../specific.scss */
div.divPage.divVotre-offre-de-services {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 20% !important;
  margin-top: 0;
}
@media only screen and (max-width: 1380px) {
  /* line 10661, ../specific.scss */
  div.divPage.divVotre-offre-de-services {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divVotre-offre-de-services:not(.notBackground) {
  background: url(data/image/backgroundPage/page-offre.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divVotre-offre-de-services:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divVotre-offre-de-services:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.description,
div.divPage.divVotre-offre-de-services > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.description,
  div.divPage.divVotre-offre-de-services > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.description,
  div.divPage.divVotre-offre-de-services > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.description a:hover,
div.divPage.divVotre-offre-de-services > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description div.description,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:hover, div.divPage.divVotre-offre-de-services div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 10667, ../specific.scss */
div.divPage.divVotre-offre-de-services div.pictures-in-page > h2 {
  margin-top: 20px;
  margin-bottom: 40px;
}
/* line 10672, ../specific.scss */
div.divPage.divVotre-offre-de-services div.pictures-in-page img {
  max-width: 80%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 10672, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.pictures-in-page img {
    max-width: 66%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10672, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.pictures-in-page img {
    max-width: 100%;
  }
}
/* line 10686, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.bottomDescription {
  margin-top: 4vw;
}
@media only screen and (min-width: 800px) and (max-width: 1380px) {
  /* line 10686, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.bottomDescription {
    margin-right: 32%;
  }
}
/* line 10694, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.description,
div.divPage.divVotre-offre-de-services > div.element.presentation {
  max-width: 50%;
}
@media only screen and (max-width: 800px) {
  /* line 10694, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.description,
  div.divPage.divVotre-offre-de-services > div.element.presentation {
    max-width: 100%;
  }
}
/* line 10703, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services {
  text-align: center;
  max-width: 60%;
  margin-left: 10%;
}
@media only screen and (max-width: 1400px) {
  /* line 10703, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services {
    max-width: 70%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10703, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services {
    max-width: 100%;
  }
}
/* line 10717, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services div.titleLeft,
div.divPage.divVotre-offre-de-services div.services div.titleRight {
  display: inline-block;
  vertical-align: top;
  width: 44%;
  margin: 1%;
}
/* line 10724, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services div.titleLeft p,
div.divPage.divVotre-offre-de-services div.services div.titleRight p {
  font-size: 1.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  /* line 10724, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services div.titleLeft p,
  div.divPage.divVotre-offre-de-services div.services div.titleRight p {
    font-size: 1rem;
  }
}
/* line 10734, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 10739, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div span {
  display: inline-block;
  padding: 20px 60px;
  border-radius: 40px;
  background: #3E4982;
  color: #FFF;
  font-weight: bold;
}
@media only screen and (max-width: 1400px) {
  /* line 10739, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services > div span {
    padding: 10px 30px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10739, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services > div span {
    padding: 10px;
    border-radius: 20px;
    font-size: 14px;
  }
}
/* line 10759, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div a {
  max-width: 120px;
  margin: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 10759, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services > div a {
    max-width: 60px;
    margin: 10px;
  }
}
/* line 10768, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div a img {
  width: 100%;
}

/* line 10777, ../specific.scss */
.element.offreCategory.previewList {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  overflow-y: auto;
  height: 100%;
}
/* line 10784, ../specific.scss */
.element.offreCategory.preview {
  margin-top: 10px;
  width: 100%;
}
/* line 10789, ../specific.scss */
.element.offreCategory.preview.visible h3 a {
  background: url(data/image/fleche-sous-menu-top.svg) 98% center/18px no-repeat, #3E4982;
}
/* line 10794, ../specific.scss */
.element.offreCategory.preview h3 {
  margin-bottom: 6px;
}
/* line 10795, ../specific.scss */
.element.offreCategory.preview h3 a {
  background: url(data/image/fleche-sous-menu.svg) 98% center/18px no-repeat, #3E4982;
  color: #FFF;
  display: block;
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
  font-size: 1.2rem;
}
/* line 10810, ../specific.scss */
.element.offreCategory.viewList div.content {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
/* line 10815, ../specific.scss */
.element.offreCategory.listview {
  margin-bottom: 40px;
  width: calc(100% / 4 - 2%);
}
@media only screen and (max-width: 1380px) {
  /* line 10815, ../specific.scss */
  .element.offreCategory.listview {
    width: calc(100% / 2 - 2%);
  }
}
@media only screen and (max-width: 800px) {
  /* line 10815, ../specific.scss */
  .element.offreCategory.listview {
    width: calc(100% / 1 - 2%);
  }
}
/* line 10827, ../specific.scss */
.element.offreCategory.listview h2 {
  margin-bottom: 30px;
  padding-left: 20px;
  border-left: 4px solid #FF9827;
}
/* line 10832, ../specific.scss */
.element.offreCategory.listview h2 a {
  color: #5E5E5E;
  transition-duration: 175ms;
}
/* line 10836, ../specific.scss */
.element.offreCategory.listview h2 a:hover {
  color: #FF9827;
}
/* line 10842, ../specific.scss */
.element.offreCategory.listview div.bottom {
  padding-bottom: 10px;
}
/* line 10845, ../specific.scss */
.element.offreCategory.listview div.bottom a {
  display: inline-block;
}
@media only screen and (min-width: 800px) and (max-width: 1380px) {
  /* line 10815, ../specific.scss */
  .element.offreCategory.listview {
    width: calc(100% / 2 - 2%);
  }
}
/* line 10855, ../specific.scss */
.element.offreCategory.view {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background: none !important;
  padding-top: 100px;
}
@media only screen and (max-width: 1380px) {
  /* line 10855, ../specific.scss */
  .element.offreCategory.view {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
.element.offreCategory.view:not(.notBackground) {
  background: url(data/image/backgroundPage/page-offre.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  .element.offreCategory.view:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  .element.offreCategory.view:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
.element.offreCategory.view > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  .element.offreCategory.view > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  .element.offreCategory.view > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
.element.offreCategory.view > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
.element.offreCategory.view > div.element.description,
.element.offreCategory.view > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  .element.offreCategory.view > div.element.description,
  .element.offreCategory.view > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  .element.offreCategory.view > div.element.description,
  .element.offreCategory.view > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
.element.offreCategory.view > div.element.description a:hover,
.element.offreCategory.view > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
.element.offreCategory.view div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  .element.offreCategory.view div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
.element.offreCategory.view div.bottomDescription div.element.description div.description,
.element.offreCategory.view div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
.element.offreCategory.view div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
.element.offreCategory.view div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  .element.offreCategory.view div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  .element.offreCategory.view div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
.element.offreCategory.view div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:hover, .element.offreCategory.view div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
.element.offreCategory.view div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  .element.offreCategory.view div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
.element.offreCategory.view div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  .element.offreCategory.view div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  .element.offreCategory.view div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 10860, ../specific.scss */
.element.offreCategory.view .serviceInPage {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 10864, ../specific.scss */
.element.offreCategory.view .serviceInPage a {
  display: inline-block;
  vertical-align: middle;
  max-width: 80px;
  margin-right: 20px;
}
/* line 10870, ../specific.scss */
.element.offreCategory.view .serviceInPage a img {
  width: 100%;
}
/* line 10875, ../specific.scss */
.element.offreCategory.view .serviceInPage span {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 40px;
  background: #3E4982;
  color: #FFF;
  font-weight: bold;
}
/* line 10884, ../specific.scss */
.element.offreCategory.view .serviceInPage > div {
  margin-bottom: 20px;
}
/* line 10889, ../specific.scss */
.element.offreCategory.view div.description {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 80%;
}
@media only screen and (max-width: 1380px) {
  /* line 10889, ../specific.scss */
  .element.offreCategory.view div.description {
    max-width: 100%;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1380px) {
  /* line 10855, ../specific.scss */
  .element.offreCategory.view {
    padding-right: 32%;
  }
}

/* line 10907, ../specific.scss */
.element.offre.edit, .element.offre.editWeight {
  width: 80%;
}
/* line 10911, ../specific.scss */
.element.offre.edit div.description, .element.offre.editWeight div.description {
  width: 100% !important;
  max-width: 100% !important;
}
/* line 10915, ../specific.scss */
.element.offre.edit div.description textarea, .element.offre.editWeight div.description textarea {
  min-height: 400px;
}
/* line 10921, ../specific.scss */
.element.offre.previewList {
  padding: 10px;
}
/* line 10925, ../specific.scss */
.element.offre.preview {
  width: 100%;
  margin-bottom: 6px;
}
/* line 10930, ../specific.scss */
.element.offre.preview h4 a {
  display: block;
  padding: 6px;
  color: #FFF;
  background: #3E4982;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 30px 0;
}
/* line 10942, ../specific.scss */
.element.offre.preview div.picture {
  text-align: center;
  padding: 6px;
}
/* line 10946, ../specific.scss */
.element.offre.preview div.picture img {
  width: 50%;
}
/* line 10951, ../specific.scss */
.element.offre.preview div.bottom {
  text-align: right;
}
/* line 10954, ../specific.scss */
.element.offre.preview div.bottom a {
  display: inline-block;
  background: #3E4982;
  color: #FFF;
  border-radius: 50% 0 0 0;
  padding: 6px;
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
}
/* line 10968, ../specific.scss */
.element.offre.listview {
  width: 100%;
  margin-bottom: 40px;
}
/* line 10972, ../specific.scss */
.element.offre.listview > img,
.element.offre.listview h2 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 10977, ../specific.scss */
.element.offre.listview > img {
  max-width: 60px;
  margin: 10px;
  margin-top: 0;
}

/* line 10985, ../specific.scss */
form.editOffre {
  width: 80%;
}

/* line 10990, ../specific.scss */
.element.offreDocument.viewList {
  max-width: 80%;
}
@media only screen and (max-width: 700px) {
  /* line 10990, ../specific.scss */
  .element.offreDocument.viewList {
    max-width: 100%;
  }
}
/* line 10998, ../specific.scss */
.element.offreDocument.listview {
  display: inline-block;
  width: 48%;
  margin: 1%;
  padding: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  /* line 10998, ../specific.scss */
  .element.offreDocument.listview {
    width: calc(100% - 2%);
  }
}
/* line 11009, ../specific.scss */
.element.offreDocument.listview:not(.document-download) {
  box-shadow: 0 0 10px #DEDEDE;
}
/* line 11013, ../specific.scss */
.element.offreDocument.listview.document-download {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 11023, ../specific.scss */
.element.offreDocument.listview h3 {
  padding-left: 20px;
  border-left: 4px solid #FF9827;
}
/* line 11028, ../specific.scss */
.element.offreDocument.listview div.picture {
  width: 28%;
  margin-right: 2%;
  box-sizing: border-box;
}
/* line 11033, ../specific.scss */
.element.offreDocument.listview div.picture .offres {
  margin-top: 6px;
}
/* line 11037, ../specific.scss */
.element.offreDocument.listview div.picture img {
  width: 100%;
}
@media only screen and (max-width: 700px) {
  /* line 11028, ../specific.scss */
  .element.offreDocument.listview div.picture {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
/* line 11048, ../specific.scss */
.element.offreDocument.listview div.right {
  width: 70%;
  padding-left: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 700px) {
  /* line 11048, ../specific.scss */
  .element.offreDocument.listview div.right {
    padding-left: 0;
    width: 100%;
  }
}

/* line 11063, ../specific.scss */
form.editOffreDocument:not(.typeElem-video) div.videolink {
  display: none;
}
/* line 11069, ../specific.scss */
form.editOffreDocument:not(.typeElem-document) div.document {
  display: none;
}

/* line 11076, ../specific.scss */
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

/* line 11080, ../specific.scss */
.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

/* line 11084, ../specific.scss */
.w-100 {
  width: 100% !important;
}

/* line 11088, ../specific.scss */
.h-100 {
  height: 100% !important;
}

/* line 11092, ../specific.scss */
.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

/* line 11096, ../specific.scss */
.flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 11100, ../specific.scss */
.justify-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@charset "UTF-8";
/* Largeur de la page */
/* Padding de la page */
/* Positionnement de menu : 0 ou 1 */
/**
 * Opacité
 * ********* */
/**
 * Background avec des fake images
 * ********* */
/**
 * Sitemap
 * ********* */
/*
 * Placeholder pour le form de contact
 */
/**
 * A utiliser    
 */
/*div.actions{display: none;}*/
/*Marges*/
/* Breakpoints */
/*$green: #63A49F;*/
/*$hardGreen: #00A08A;*/
/*$blue: #26386B;*/
/*$red: #E94E18;*/
/*$red: #E3424A;*/
/* line 174, ../specific.scss */
div.element.view h1,
div.element.edit h1, div.divPage.divSalarie > div.element.title h1, div.divPage.divDirigeant > div.element.title h1, div.divPage.divRepresentant > div.element.title h1, div.divPage.divCmaic > div.element.title h1, div.divPage.divQui-sommes-nous > div.element.title h1, div.divPage.divSante > div.element.title h1, div.divPage.divReglementation > div.element.title h1, div.divPage.divSante-Travail > div.element.title h1, div.divPage.divSante-Enjeu > div.element.title h1, div.divPage.divCovid19 > div.element.title h1, div.divPage.divCovid19-permanence-CMAIC > div.element.title h1, div.divPage.divInformation-coronavirus > div.element.title h1, div.divPage.divEntreprise-coronavirus > div.element.title h1, div.divPage.divSalarie-coronavirus > div.element.title h1, div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1, div.divPage.divCoronavirus-recommandations > div.element.title h1, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1, div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1, div.divPage.divDossiers > div.element.title h1, div.divPage.divChiffre-cle > div.element.title h1, div.divRecrutement > div.element.title h1, div.divSimulation > div.element.title h1, div.divAdhesion > div.element.title h1, div.divAdherent > div.element.title h1, div.divAdherer > div.element.title h1, div.divInformation > div.element.title h1, div.divActualite > div.element.title h1, div.divDossiers > div.element.title h1, div.element.dossier.view > div.element.title h1, div.divEvenement > div.element.title h1, div.divPresse > div.element.title h1, div.divNotification > div.element.title h1, div.divQuestion > div.element.title h1, div.divDocumentation > div.element.title h1, div.divDocumentation div.topPage > div.element.title h1, div.divHistorique > div.element.title h1, div.divVideos > div.element.title h1, div.divWebinaire > div.element.title h1, div.divSitemap > div.element.title h1, div.divMentions > div.element.title h1, div.divDonnees-personnelles > div.element.title h1, .divPage.divTest > div.element.title h1, .page-newsletter h1, div#nwsl-groups h1, div.divPage.divVotre-offre-de-services > div.element.title h1, .element.offreCategory.view > div.element.title h1 {
  display: block;
  color: #707070;
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
}
/* line 181, ../specific.scss */
div.element.view h1:after,
div.element.edit h1:after, div.divPage.divSalarie > div.element.title h1:after, div.divPage.divDirigeant > div.element.title h1:after, div.divPage.divRepresentant > div.element.title h1:after, div.divPage.divCmaic > div.element.title h1:after, div.divPage.divQui-sommes-nous > div.element.title h1:after, div.divPage.divSante > div.element.title h1:after, div.divPage.divReglementation > div.element.title h1:after, div.divPage.divSante-Travail > div.element.title h1:after, div.divPage.divSante-Enjeu > div.element.title h1:after, div.divPage.divCovid19 > div.element.title h1:after, div.divPage.divCovid19-permanence-CMAIC > div.element.title h1:after, div.divPage.divInformation-coronavirus > div.element.title h1:after, div.divPage.divEntreprise-coronavirus > div.element.title h1:after, div.divPage.divSalarie-coronavirus > div.element.title h1:after, div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1:after, div.divPage.divCoronavirus-recommandations > div.element.title h1:after, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1:after, div.divPage.divCible > div.element.title h1:after, div.divPage.divNos-enjeux > div.element.title h1:after, div.divPage.divDossiers > div.element.title h1:after, div.divPage.divChiffre-cle > div.element.title h1:after, div.divRecrutement > div.element.title h1:after, div.divSimulation > div.element.title h1:after, div.divAdhesion > div.element.title h1:after, div.divAdherent > div.element.title h1:after, div.divAdherer > div.element.title h1:after, div.divInformation > div.element.title h1:after, div.divActualite > div.element.title h1:after, div.divDossiers > div.element.title h1:after, div.element.dossier.view > div.element.title h1:after, div.divEvenement > div.element.title h1:after, div.divPresse > div.element.title h1:after, div.divNotification > div.element.title h1:after, div.divQuestion > div.element.title h1:after, div.divDocumentation > div.element.title h1:after, div.divDocumentation div.topPage > div.element.title h1:after, div.divHistorique > div.element.title h1:after, div.divVideos > div.element.title h1:after, div.divWebinaire > div.element.title h1:after, div.divSitemap > div.element.title h1:after, div.divMentions > div.element.title h1:after, div.divDonnees-personnelles > div.element.title h1:after, .divPage.divTest > div.element.title h1:after, .page-newsletter h1:after, div#nwsl-groups h1:after, div.divPage.divVotre-offre-de-services > div.element.title h1:after, .element.offreCategory.view > div.element.title h1:after {
  content: '';
  width: 60%;
  height: 1px;
  background: #5E5E5E;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 192, ../specific.scss */
div.divInformation > h2, div.divActualite > h2, div.divDossiers > h2, div.element.dossier.view > h2, div.divEvenement > h2, div.divPresse > h2, div.divQuestion > h2, div.element.questionCategory.viewList > h2, div.divVideos > h2, div.divWebinaire > h2, div.divWebinaire > .container > h2 {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  max-width: 80%;
  /*    &:before{
          content: ''; width: 100%; height: 1px; background: $hardGrey;
          position: absolute; top: 24px; left: 0;
      }
      span{position: relative; z-index: 2; background: #FFF; padding-right: 6px;}*/
}

/* line 206, ../specific.scss */
div.element.view div.left div.description h3,
div.element.edit div.left div.description h3, div.divPage.divSalarie > div.element.description h3,
div.divPage.divSalarie > div.element.presentation h3, div.divPage.divSalarie div.bottomDescription div.element.description h3,
div.divPage.divSalarie div.bottomDescription div.element.presentation h3, div.divPage.divDirigeant > div.element.description h3,
div.divPage.divDirigeant > div.element.presentation h3, div.divPage.divDirigeant div.bottomDescription div.element.description h3,
div.divPage.divDirigeant div.bottomDescription div.element.presentation h3, div.divPage.divRepresentant > div.element.description h3,
div.divPage.divRepresentant > div.element.presentation h3, div.divPage.divRepresentant div.bottomDescription div.element.description h3,
div.divPage.divRepresentant div.bottomDescription div.element.presentation h3, div.divPage.divCmaic > div.element.description h3,
div.divPage.divCmaic > div.element.presentation h3, div.divPage.divCmaic div.bottomDescription div.element.description h3,
div.divPage.divCmaic div.bottomDescription div.element.presentation h3, div.divPage.divQui-sommes-nous > div.element.description h3,
div.divPage.divQui-sommes-nous > div.element.presentation h3, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description h3,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation h3, div.divPage.divSante > div.element.description h3,
div.divPage.divSante > div.element.presentation h3, div.divPage.divSante div.bottomDescription div.element.description h3,
div.divPage.divSante div.bottomDescription div.element.presentation h3, div.divPage.divReglementation > div.element.description h3,
div.divPage.divReglementation > div.element.presentation h3, div.divPage.divReglementation div.bottomDescription div.element.description h3,
div.divPage.divReglementation div.bottomDescription div.element.presentation h3, div.divPage.divSante-Travail > div.element.description h3,
div.divPage.divSante-Travail > div.element.presentation h3, div.divPage.divSante-Travail div.bottomDescription div.element.description h3,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation h3, div.divPage.divSante-Enjeu > div.element.description h3,
div.divPage.divSante-Enjeu > div.element.presentation h3, div.divPage.divSante-Enjeu div.bottomDescription div.element.description h3,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation h3, div.divPage.divCovid19 > div.element.description h3,
div.divPage.divCovid19 > div.element.presentation h3, div.divPage.divCovid19 div.bottomDescription div.element.description h3,
div.divPage.divCovid19 div.bottomDescription div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC > div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation h3, div.divPage.divInformation-coronavirus > div.element.description h3,
div.divPage.divInformation-coronavirus > div.element.presentation h3, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divEntreprise-coronavirus > div.element.description h3,
div.divPage.divEntreprise-coronavirus > div.element.presentation h3, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divSalarie-coronavirus > div.element.description h3,
div.divPage.divSalarie-coronavirus > div.element.presentation h3, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation > div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-recommandations > div.element.description h3,
div.divPage.divCoronavirus-recommandations > div.element.presentation h3, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation h3, div.divPage.divCible > div.element.description h3,
div.divPage.divCible > div.element.presentation h3, div.divPage.divNos-enjeux > div.element.description h3,
div.divPage.divNos-enjeux > div.element.presentation h3, div.divPage.divCible div.bottomDescription div.element.description h3,
div.divPage.divCible div.bottomDescription div.element.presentation h3, div.divPage.divNos-enjeux div.bottomDescription div.element.description h3,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation h3, div.divPage.divDossiers > div.element.description h3,
div.divPage.divDossiers > div.element.presentation h3, div.divPage.divDossiers div.bottomDescription div.element.description h3,
div.divPage.divDossiers div.bottomDescription div.element.presentation h3, div.divPage.divChiffre-cle > div.element.description h3,
div.divPage.divChiffre-cle > div.element.presentation h3, div.divPage.divChiffre-cle div.bottomDescription div.element.description h3,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation h3, div.divRecrutement > div.element.description h3,
div.divRecrutement > div.element.presentation h3, div.divRecrutement div.bottomDescription div.element.description h3,
div.divRecrutement div.bottomDescription div.element.presentation h3, div.divSimulation > div.element.description h3,
div.divSimulation > div.element.presentation h3, div.divSimulation div.bottomDescription div.element.description h3,
div.divSimulation div.bottomDescription div.element.presentation h3, div.divAdhesion > div.element.description h3,
div.divAdhesion > div.element.presentation h3, div.divAdhesion div.bottomDescription div.element.description h3,
div.divAdhesion div.bottomDescription div.element.presentation h3, div.divAdherent > div.element.description h3,
div.divAdherent > div.element.presentation h3, div.divAdherent div.bottomDescription div.element.description h3,
div.divAdherent div.bottomDescription div.element.presentation h3, div.divAdherer > div.element.description h3,
div.divAdherer > div.element.presentation h3, div.divAdherer div.bottomDescription div.element.description h3,
div.divAdherer div.bottomDescription div.element.presentation h3, div.divInformation > div.element.description h3,
div.divInformation > div.element.presentation h3, div.divInformation div.bottomDescription div.element.description h3,
div.divInformation div.bottomDescription div.element.presentation h3, div.divActualite > div.element.description h3,
div.divActualite > div.element.presentation h3, div.divActualite div.bottomDescription div.element.description h3,
div.divActualite div.bottomDescription div.element.presentation h3, div.divDossiers > div.element.description h3,
div.divDossiers > div.element.presentation h3, div.divDossiers div.bottomDescription div.element.description h3,
div.divDossiers div.bottomDescription div.element.presentation h3, div.element.dossier.view > div.element.description h3,
div.element.dossier.view > div.element.presentation h3, div.element.dossier.view div.bottomDescription div.element.description h3,
div.element.dossier.view div.bottomDescription div.element.presentation h3, div.divEvenement > div.element.description h3,
div.divEvenement > div.element.presentation h3, div.divEvenement div.bottomDescription div.element.description h3,
div.divEvenement div.bottomDescription div.element.presentation h3, div.divPresse > div.element.description h3,
div.divPresse > div.element.presentation h3, div.divPresse div.bottomDescription div.element.description h3,
div.divPresse div.bottomDescription div.element.presentation h3, div.divQuestion > div.element.description h3,
div.divQuestion > div.element.presentation h3, div.divQuestion div.bottomDescription div.element.description h3,
div.divQuestion div.bottomDescription div.element.presentation h3, div.divDocumentation > div.element.description h3,
div.divDocumentation > div.element.presentation h3, div.divDocumentation div.bottomDescription div.element.description h3,
div.divDocumentation div.bottomDescription div.element.presentation h3, div.divDocumentation div.topPage > div.element.description h3,
div.divDocumentation div.topPage > div.element.presentation h3, div.divHistorique > div.element.description h3,
div.divHistorique > div.element.presentation h3, div.divHistorique div.bottomDescription div.element.description h3,
div.divHistorique div.bottomDescription div.element.presentation h3, div.divVideos > div.element.description h3,
div.divVideos > div.element.presentation h3, div.divVideos div.bottomDescription div.element.description h3,
div.divVideos div.bottomDescription div.element.presentation h3, div.divWebinaire > div.element.description h3,
div.divWebinaire > div.element.presentation h3, div.divWebinaire div.bottomDescription div.element.description h3,
div.divWebinaire div.bottomDescription div.element.presentation h3, div.divSitemap > div.element.description h3,
div.divSitemap > div.element.presentation h3, div.divSitemap div.bottomDescription div.element.description h3,
div.divSitemap div.bottomDescription div.element.presentation h3, div.divMentions > div.element.description h3,
div.divMentions > div.element.presentation h3, div.divMentions div.bottomDescription div.element.description h3,
div.divMentions div.bottomDescription div.element.presentation h3, div.divDonnees-personnelles > div.element.description h3,
div.divDonnees-personnelles > div.element.presentation h3, div.divDonnees-personnelles div.bottomDescription div.element.description h3,
div.divDonnees-personnelles div.bottomDescription div.element.presentation h3, .divPage.divTest > div.element.description h3,
.divPage.divTest > div.element.presentation h3, .divPage.divTest div.bottomDescription div.element.description h3,
.divPage.divTest div.bottomDescription div.element.presentation h3, div.newsletter.edit > p h3, div.newsletters-groups div.sending h3, div.newsletters-groups div.groups form.editNewsletterGroup h3, div.divSent h3, div.divDelete h3, div.divPage.divVotre-offre-de-services > div.element.description h3,
div.divPage.divVotre-offre-de-services > div.element.presentation h3, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description h3,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation h3, .element.offreCategory.view > div.element.description h3,
.element.offreCategory.view > div.element.presentation h3, .element.offreCategory.view div.bottomDescription div.element.description h3,
.element.offreCategory.view div.bottomDescription div.element.presentation h3, body.mceContentBody h3 {
  color: #3E4982;
  text-transform: uppercase;
  font-size: 24px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}

/* line 212, ../specific.scss */
div.element.view div.left div.description h4,
div.element.edit div.left div.description h4, div.divPage.divSalarie > div.element.description h4,
div.divPage.divSalarie > div.element.presentation h4, div.divPage.divSalarie div.bottomDescription div.element.description h4,
div.divPage.divSalarie div.bottomDescription div.element.presentation h4, div.divPage.divDirigeant > div.element.description h4,
div.divPage.divDirigeant > div.element.presentation h4, div.divPage.divDirigeant div.bottomDescription div.element.description h4,
div.divPage.divDirigeant div.bottomDescription div.element.presentation h4, div.divPage.divRepresentant > div.element.description h4,
div.divPage.divRepresentant > div.element.presentation h4, div.divPage.divRepresentant div.bottomDescription div.element.description h4,
div.divPage.divRepresentant div.bottomDescription div.element.presentation h4, div.divPage.divCmaic > div.element.description h4,
div.divPage.divCmaic > div.element.presentation h4, div.divPage.divCmaic div.bottomDescription div.element.description h4,
div.divPage.divCmaic div.bottomDescription div.element.presentation h4, div.divPage.divQui-sommes-nous > div.element.description h4,
div.divPage.divQui-sommes-nous > div.element.presentation h4, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description h4,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation h4, div.divPage.divSante > div.element.description h4,
div.divPage.divSante > div.element.presentation h4, div.divPage.divSante div.bottomDescription div.element.description h4,
div.divPage.divSante div.bottomDescription div.element.presentation h4, div.divPage.divReglementation > div.element.description h4,
div.divPage.divReglementation > div.element.presentation h4, div.divPage.divReglementation div.bottomDescription div.element.description h4,
div.divPage.divReglementation div.bottomDescription div.element.presentation h4, div.divPage.divSante-Travail > div.element.description h4,
div.divPage.divSante-Travail > div.element.presentation h4, div.divPage.divSante-Travail div.bottomDescription div.element.description h4,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation h4, div.divPage.divSante-Enjeu > div.element.description h4,
div.divPage.divSante-Enjeu > div.element.presentation h4, div.divPage.divSante-Enjeu div.bottomDescription div.element.description h4,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation h4, div.divPage.divCovid19 > div.element.description h4,
div.divPage.divCovid19 > div.element.presentation h4, div.divPage.divCovid19 div.bottomDescription div.element.description h4,
div.divPage.divCovid19 div.bottomDescription div.element.presentation h4, div.divPage.divCovid19-permanence-CMAIC > div.element.description h4,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation h4, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description h4,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation h4, div.divPage.divInformation-coronavirus > div.element.description h4,
div.divPage.divInformation-coronavirus > div.element.presentation h4, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description h4,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation h4, div.divPage.divEntreprise-coronavirus > div.element.description h4,
div.divPage.divEntreprise-coronavirus > div.element.presentation h4, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description h4,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation h4, div.divPage.divSalarie-coronavirus > div.element.description h4,
div.divPage.divSalarie-coronavirus > div.element.presentation h4, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description h4,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation h4, div.divPage.divCoronavirus-en-normandie-situation > div.element.description h4,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation h4, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description h4,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation h4, div.divPage.divCoronavirus-recommandations > div.element.description h4,
div.divPage.divCoronavirus-recommandations > div.element.presentation h4, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description h4,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation h4, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description h4,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation h4, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description h4,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation h4, div.divPage.divCible > div.element.description h4,
div.divPage.divCible > div.element.presentation h4, div.divPage.divNos-enjeux > div.element.description h4,
div.divPage.divNos-enjeux > div.element.presentation h4, div.divPage.divCible div.bottomDescription div.element.description h4,
div.divPage.divCible div.bottomDescription div.element.presentation h4, div.divPage.divNos-enjeux div.bottomDescription div.element.description h4,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation h4, div.divPage.divDossiers > div.element.description h4,
div.divPage.divDossiers > div.element.presentation h4, div.divPage.divDossiers div.bottomDescription div.element.description h4,
div.divPage.divDossiers div.bottomDescription div.element.presentation h4, div.divPage.divChiffre-cle > div.element.description h4,
div.divPage.divChiffre-cle > div.element.presentation h4, div.divPage.divChiffre-cle div.bottomDescription div.element.description h4,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation h4, div.divRecrutement > div.element.description h4,
div.divRecrutement > div.element.presentation h4, div.divRecrutement div.bottomDescription div.element.description h4,
div.divRecrutement div.bottomDescription div.element.presentation h4, div.divSimulation > div.element.description h4,
div.divSimulation > div.element.presentation h4, div.divSimulation div.bottomDescription div.element.description h4,
div.divSimulation div.bottomDescription div.element.presentation h4, div.divAdhesion > div.element.description h4,
div.divAdhesion > div.element.presentation h4, div.divAdhesion div.bottomDescription div.element.description h4,
div.divAdhesion div.bottomDescription div.element.presentation h4, div.divAdherent > div.element.description h4,
div.divAdherent > div.element.presentation h4, div.divAdherent div.bottomDescription div.element.description h4,
div.divAdherent div.bottomDescription div.element.presentation h4, div.divAdherer > div.element.description h4,
div.divAdherer > div.element.presentation h4, div.divAdherer div.bottomDescription div.element.description h4,
div.divAdherer div.bottomDescription div.element.presentation h4, div.divInformation > div.element.description h4,
div.divInformation > div.element.presentation h4, div.divInformation div.bottomDescription div.element.description h4,
div.divInformation div.bottomDescription div.element.presentation h4, div.divActualite > div.element.description h4,
div.divActualite > div.element.presentation h4, div.divActualite div.bottomDescription div.element.description h4,
div.divActualite div.bottomDescription div.element.presentation h4, div.divDossiers > div.element.description h4,
div.divDossiers > div.element.presentation h4, div.divDossiers div.bottomDescription div.element.description h4,
div.divDossiers div.bottomDescription div.element.presentation h4, div.element.dossier.view > div.element.description h4,
div.element.dossier.view > div.element.presentation h4, div.element.dossier.view div.bottomDescription div.element.description h4,
div.element.dossier.view div.bottomDescription div.element.presentation h4, div.divEvenement > div.element.description h4,
div.divEvenement > div.element.presentation h4, div.divEvenement div.bottomDescription div.element.description h4,
div.divEvenement div.bottomDescription div.element.presentation h4, div.divPresse > div.element.description h4,
div.divPresse > div.element.presentation h4, div.divPresse div.bottomDescription div.element.description h4,
div.divPresse div.bottomDescription div.element.presentation h4, div.divQuestion > div.element.description h4,
div.divQuestion > div.element.presentation h4, div.divQuestion div.bottomDescription div.element.description h4,
div.divQuestion div.bottomDescription div.element.presentation h4, div.divDocumentation > div.element.description h4,
div.divDocumentation > div.element.presentation h4, div.divDocumentation div.bottomDescription div.element.description h4,
div.divDocumentation div.bottomDescription div.element.presentation h4, div.divDocumentation div.topPage > div.element.description h4,
div.divDocumentation div.topPage > div.element.presentation h4, div.divHistorique > div.element.description h4,
div.divHistorique > div.element.presentation h4, div.divHistorique div.bottomDescription div.element.description h4,
div.divHistorique div.bottomDescription div.element.presentation h4, div.divVideos > div.element.description h4,
div.divVideos > div.element.presentation h4, div.divVideos div.bottomDescription div.element.description h4,
div.divVideos div.bottomDescription div.element.presentation h4, div.divWebinaire > div.element.description h4,
div.divWebinaire > div.element.presentation h4, div.divWebinaire div.bottomDescription div.element.description h4,
div.divWebinaire div.bottomDescription div.element.presentation h4, div.divSitemap > div.element.description h4,
div.divSitemap > div.element.presentation h4, div.divSitemap div.bottomDescription div.element.description h4,
div.divSitemap div.bottomDescription div.element.presentation h4, div.divMentions > div.element.description h4,
div.divMentions > div.element.presentation h4, div.divMentions div.bottomDescription div.element.description h4,
div.divMentions div.bottomDescription div.element.presentation h4, div.divDonnees-personnelles > div.element.description h4,
div.divDonnees-personnelles > div.element.presentation h4, div.divDonnees-personnelles div.bottomDescription div.element.description h4,
div.divDonnees-personnelles div.bottomDescription div.element.presentation h4, .divPage.divTest > div.element.description h4,
.divPage.divTest > div.element.presentation h4, .divPage.divTest div.bottomDescription div.element.description h4,
.divPage.divTest div.bottomDescription div.element.presentation h4, div.newsletter.edit > p h4, div.newsletters-groups div.sending h4, div.newsletters-groups div.groups form.editNewsletterGroup h4, div.divSent h4, div.divDelete h4, div.divPage.divVotre-offre-de-services > div.element.description h4,
div.divPage.divVotre-offre-de-services > div.element.presentation h4, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description h4,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation h4, .element.offreCategory.view > div.element.description h4,
.element.offreCategory.view > div.element.presentation h4, .element.offreCategory.view div.bottomDescription div.element.description h4,
.element.offreCategory.view div.bottomDescription div.element.presentation h4, body.mceContentBody h4 {
  color: #5E5E5E;
}

/* line 216, ../specific.scss */
a.download, body.mceContentBody a.download {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 10px;
  padding-left: 70px;
  margin: 5px;
  background: #FFF;
  border-radius: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.59);
  font-size: 0.9em;
  color: #5E5E5E;
  font-style: italic;
  position: relative;
  transition: 200ms;
  line-height: 20px;
  padding-right: 15px;
  box-sizing: border-box;
}
/* line 233, ../specific.scss */
a.download:before, body.mceContentBody a.download:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 50px;
  transition: 200ms;
  background: url(data/image/picto-pdf.svg) 18px center no-repeat #E3424A;
  border-radius: 50px 0 0 50px;
}
/* line 245, ../specific.scss */
a.download:hover, body.mceContentBody a.download:hover {
  color: #FFF;
  background: #E3424A;
}

/* line 309, ../specific.scss */
div.element.view div.left div.description,
div.element.edit div.left div.description, div.divPage.divSalarie > div.element.description,
div.divPage.divSalarie > div.element.presentation, div.divPage.divSalarie div.bottomDescription div.element.description,
div.divPage.divSalarie div.bottomDescription div.element.presentation, div.divPage.divDirigeant > div.element.description,
div.divPage.divDirigeant > div.element.presentation, div.divPage.divDirigeant div.bottomDescription div.element.description,
div.divPage.divDirigeant div.bottomDescription div.element.presentation, div.divPage.divRepresentant > div.element.description,
div.divPage.divRepresentant > div.element.presentation, div.divPage.divRepresentant div.bottomDescription div.element.description,
div.divPage.divRepresentant div.bottomDescription div.element.presentation, div.divPage.divCmaic > div.element.description,
div.divPage.divCmaic > div.element.presentation, div.divPage.divCmaic div.bottomDescription div.element.description,
div.divPage.divCmaic div.bottomDescription div.element.presentation, div.divPage.divQui-sommes-nous > div.element.description,
div.divPage.divQui-sommes-nous > div.element.presentation, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation, div.divPage.divSante > div.element.description,
div.divPage.divSante > div.element.presentation, div.divPage.divSante div.bottomDescription div.element.description,
div.divPage.divSante div.bottomDescription div.element.presentation, div.divPage.divReglementation > div.element.description,
div.divPage.divReglementation > div.element.presentation, div.divPage.divReglementation div.bottomDescription div.element.description,
div.divPage.divReglementation div.bottomDescription div.element.presentation, div.divPage.divSante-Travail > div.element.description,
div.divPage.divSante-Travail > div.element.presentation, div.divPage.divSante-Travail div.bottomDescription div.element.description,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation, div.divPage.divSante-Enjeu > div.element.description,
div.divPage.divSante-Enjeu > div.element.presentation, div.divPage.divSante-Enjeu div.bottomDescription div.element.description,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation, div.divPage.divCovid19 > div.element.description,
div.divPage.divCovid19 > div.element.presentation, div.divPage.divCovid19 div.bottomDescription div.element.description,
div.divPage.divCovid19 div.bottomDescription div.element.presentation, div.divPage.divCovid19-permanence-CMAIC > div.element.description,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation, div.divPage.divInformation-coronavirus > div.element.description,
div.divPage.divInformation-coronavirus > div.element.presentation, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation, div.divPage.divEntreprise-coronavirus > div.element.description,
div.divPage.divEntreprise-coronavirus > div.element.presentation, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation, div.divPage.divSalarie-coronavirus > div.element.description,
div.divPage.divSalarie-coronavirus > div.element.presentation, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation, div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation, div.divPage.divCoronavirus-recommandations > div.element.description,
div.divPage.divCoronavirus-recommandations > div.element.presentation, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation, div.divPage.divCible > div.element.description,
div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
div.divPage.divNos-enjeux > div.element.presentation, div.divPage.divCible div.bottomDescription div.element.description,
div.divPage.divCible div.bottomDescription div.element.presentation, div.divPage.divNos-enjeux div.bottomDescription div.element.description,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation, div.divPage.divDossiers > div.element.description,
div.divPage.divDossiers > div.element.presentation, div.divPage.divDossiers div.bottomDescription div.element.description,
div.divPage.divDossiers div.bottomDescription div.element.presentation, div.divPage.divChiffre-cle > div.element.description,
div.divPage.divChiffre-cle > div.element.presentation, div.divPage.divChiffre-cle div.bottomDescription div.element.description,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation, div.divRecrutement > div.element.description,
div.divRecrutement > div.element.presentation, div.divRecrutement div.bottomDescription div.element.description,
div.divRecrutement div.bottomDescription div.element.presentation, div.divSimulation > div.element.description,
div.divSimulation > div.element.presentation, div.divSimulation div.bottomDescription div.element.description,
div.divSimulation div.bottomDescription div.element.presentation, div.divAdhesion > div.element.description,
div.divAdhesion > div.element.presentation, div.divAdhesion div.bottomDescription div.element.description,
div.divAdhesion div.bottomDescription div.element.presentation, div.divAdherent > div.element.description,
div.divAdherent > div.element.presentation, div.divAdherent div.bottomDescription div.element.description,
div.divAdherent div.bottomDescription div.element.presentation, div.divAdherer > div.element.description,
div.divAdherer > div.element.presentation, div.divAdherer div.bottomDescription div.element.description,
div.divAdherer div.bottomDescription div.element.presentation, div.divInformation > div.element.description,
div.divInformation > div.element.presentation, div.divInformation div.bottomDescription div.element.description,
div.divInformation div.bottomDescription div.element.presentation, div.divActualite > div.element.description,
div.divActualite > div.element.presentation, div.divActualite div.bottomDescription div.element.description,
div.divActualite div.bottomDescription div.element.presentation, div.divDossiers > div.element.description,
div.divDossiers > div.element.presentation, div.divDossiers div.bottomDescription div.element.description,
div.divDossiers div.bottomDescription div.element.presentation, div.element.dossier.view > div.element.description,
div.element.dossier.view > div.element.presentation, div.element.dossier.view div.bottomDescription div.element.description,
div.element.dossier.view div.bottomDescription div.element.presentation, div.divEvenement > div.element.description,
div.divEvenement > div.element.presentation, div.divEvenement div.bottomDescription div.element.description,
div.divEvenement div.bottomDescription div.element.presentation, div.divPresse > div.element.description,
div.divPresse > div.element.presentation, div.divPresse div.bottomDescription div.element.description,
div.divPresse div.bottomDescription div.element.presentation, div.divQuestion > div.element.description,
div.divQuestion > div.element.presentation, div.divQuestion div.bottomDescription div.element.description,
div.divQuestion div.bottomDescription div.element.presentation, div.divDocumentation > div.element.description,
div.divDocumentation > div.element.presentation, div.divDocumentation div.bottomDescription div.element.description,
div.divDocumentation div.bottomDescription div.element.presentation, div.divDocumentation div.topPage > div.element.description,
div.divDocumentation div.topPage > div.element.presentation, div.divHistorique > div.element.description,
div.divHistorique > div.element.presentation, div.divHistorique div.bottomDescription div.element.description,
div.divHistorique div.bottomDescription div.element.presentation, div.divVideos > div.element.description,
div.divVideos > div.element.presentation, div.divVideos div.bottomDescription div.element.description,
div.divVideos div.bottomDescription div.element.presentation, div.divWebinaire > div.element.description,
div.divWebinaire > div.element.presentation, div.divWebinaire div.bottomDescription div.element.description,
div.divWebinaire div.bottomDescription div.element.presentation, div.divSitemap > div.element.description,
div.divSitemap > div.element.presentation, div.divSitemap div.bottomDescription div.element.description,
div.divSitemap div.bottomDescription div.element.presentation, div.divMentions > div.element.description,
div.divMentions > div.element.presentation, div.divMentions div.bottomDescription div.element.description,
div.divMentions div.bottomDescription div.element.presentation, div.divDonnees-personnelles > div.element.description,
div.divDonnees-personnelles > div.element.presentation, div.divDonnees-personnelles div.bottomDescription div.element.description,
div.divDonnees-personnelles div.bottomDescription div.element.presentation, .divPage.divTest > div.element.description,
.divPage.divTest > div.element.presentation, .divPage.divTest div.bottomDescription div.element.description,
.divPage.divTest div.bottomDescription div.element.presentation, div.newsletter.edit > p, div.newsletters-groups div.sending, div.newsletters-groups div.groups form.editNewsletterGroup, div.divSent, div.divDelete, div.divPage.divVotre-offre-de-services > div.element.description,
div.divPage.divVotre-offre-de-services > div.element.presentation, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation, .element.offreCategory.view > div.element.description,
.element.offreCategory.view > div.element.presentation, .element.offreCategory.view div.bottomDescription div.element.description,
.element.offreCategory.view div.bottomDescription div.element.presentation {
  color: #646464;
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 314, ../specific.scss */
div.element.view div.left div.description h3,
div.element.edit div.left div.description h3, div.divPage.divSalarie > div.element.description h3,
div.divPage.divSalarie > div.element.presentation h3, div.divPage.divSalarie div.bottomDescription div.element.description h3,
div.divPage.divSalarie div.bottomDescription div.element.presentation h3, div.divPage.divDirigeant > div.element.description h3,
div.divPage.divDirigeant > div.element.presentation h3, div.divPage.divDirigeant div.bottomDescription div.element.description h3,
div.divPage.divDirigeant div.bottomDescription div.element.presentation h3, div.divPage.divRepresentant > div.element.description h3,
div.divPage.divRepresentant > div.element.presentation h3, div.divPage.divRepresentant div.bottomDescription div.element.description h3,
div.divPage.divRepresentant div.bottomDescription div.element.presentation h3, div.divPage.divCmaic > div.element.description h3,
div.divPage.divCmaic > div.element.presentation h3, div.divPage.divCmaic div.bottomDescription div.element.description h3,
div.divPage.divCmaic div.bottomDescription div.element.presentation h3, div.divPage.divQui-sommes-nous > div.element.description h3,
div.divPage.divQui-sommes-nous > div.element.presentation h3, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description h3,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation h3, div.divPage.divSante > div.element.description h3,
div.divPage.divSante > div.element.presentation h3, div.divPage.divSante div.bottomDescription div.element.description h3,
div.divPage.divSante div.bottomDescription div.element.presentation h3, div.divPage.divReglementation > div.element.description h3,
div.divPage.divReglementation > div.element.presentation h3, div.divPage.divReglementation div.bottomDescription div.element.description h3,
div.divPage.divReglementation div.bottomDescription div.element.presentation h3, div.divPage.divSante-Travail > div.element.description h3,
div.divPage.divSante-Travail > div.element.presentation h3, div.divPage.divSante-Travail div.bottomDescription div.element.description h3,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation h3, div.divPage.divSante-Enjeu > div.element.description h3,
div.divPage.divSante-Enjeu > div.element.presentation h3, div.divPage.divSante-Enjeu div.bottomDescription div.element.description h3,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation h3, div.divPage.divCovid19 > div.element.description h3,
div.divPage.divCovid19 > div.element.presentation h3, div.divPage.divCovid19 div.bottomDescription div.element.description h3,
div.divPage.divCovid19 div.bottomDescription div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC > div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation h3, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description h3,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation h3, div.divPage.divInformation-coronavirus > div.element.description h3,
div.divPage.divInformation-coronavirus > div.element.presentation h3, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divEntreprise-coronavirus > div.element.description h3,
div.divPage.divEntreprise-coronavirus > div.element.presentation h3, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divSalarie-coronavirus > div.element.description h3,
div.divPage.divSalarie-coronavirus > div.element.presentation h3, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description h3,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation > div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation h3, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation h3, div.divPage.divCoronavirus-recommandations > div.element.description h3,
div.divPage.divCoronavirus-recommandations > div.element.presentation h3, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description h3,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation h3, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description h3,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation h3, div.divPage.divCible > div.element.description h3,
div.divPage.divCible > div.element.presentation h3, div.divPage.divNos-enjeux > div.element.description h3,
div.divPage.divNos-enjeux > div.element.presentation h3, div.divPage.divCible div.bottomDescription div.element.description h3,
div.divPage.divCible div.bottomDescription div.element.presentation h3, div.divPage.divNos-enjeux div.bottomDescription div.element.description h3,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation h3, div.divPage.divDossiers > div.element.description h3,
div.divPage.divDossiers > div.element.presentation h3, div.divPage.divDossiers div.bottomDescription div.element.description h3,
div.divPage.divDossiers div.bottomDescription div.element.presentation h3, div.divPage.divChiffre-cle > div.element.description h3,
div.divPage.divChiffre-cle > div.element.presentation h3, div.divPage.divChiffre-cle div.bottomDescription div.element.description h3,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation h3, div.divRecrutement > div.element.description h3,
div.divRecrutement > div.element.presentation h3, div.divRecrutement div.bottomDescription div.element.description h3,
div.divRecrutement div.bottomDescription div.element.presentation h3, div.divSimulation > div.element.description h3,
div.divSimulation > div.element.presentation h3, div.divSimulation div.bottomDescription div.element.description h3,
div.divSimulation div.bottomDescription div.element.presentation h3, div.divAdhesion > div.element.description h3,
div.divAdhesion > div.element.presentation h3, div.divAdhesion div.bottomDescription div.element.description h3,
div.divAdhesion div.bottomDescription div.element.presentation h3, div.divAdherent > div.element.description h3,
div.divAdherent > div.element.presentation h3, div.divAdherent div.bottomDescription div.element.description h3,
div.divAdherent div.bottomDescription div.element.presentation h3, div.divAdherer > div.element.description h3,
div.divAdherer > div.element.presentation h3, div.divAdherer div.bottomDescription div.element.description h3,
div.divAdherer div.bottomDescription div.element.presentation h3, div.divInformation > div.element.description h3,
div.divInformation > div.element.presentation h3, div.divInformation div.bottomDescription div.element.description h3,
div.divInformation div.bottomDescription div.element.presentation h3, div.divActualite > div.element.description h3,
div.divActualite > div.element.presentation h3, div.divActualite div.bottomDescription div.element.description h3,
div.divActualite div.bottomDescription div.element.presentation h3, div.divDossiers > div.element.description h3,
div.divDossiers > div.element.presentation h3, div.divDossiers div.bottomDescription div.element.description h3,
div.divDossiers div.bottomDescription div.element.presentation h3, div.element.dossier.view > div.element.description h3,
div.element.dossier.view > div.element.presentation h3, div.element.dossier.view div.bottomDescription div.element.description h3,
div.element.dossier.view div.bottomDescription div.element.presentation h3, div.divEvenement > div.element.description h3,
div.divEvenement > div.element.presentation h3, div.divEvenement div.bottomDescription div.element.description h3,
div.divEvenement div.bottomDescription div.element.presentation h3, div.divPresse > div.element.description h3,
div.divPresse > div.element.presentation h3, div.divPresse div.bottomDescription div.element.description h3,
div.divPresse div.bottomDescription div.element.presentation h3, div.divQuestion > div.element.description h3,
div.divQuestion > div.element.presentation h3, div.divQuestion div.bottomDescription div.element.description h3,
div.divQuestion div.bottomDescription div.element.presentation h3, div.divDocumentation > div.element.description h3,
div.divDocumentation > div.element.presentation h3, div.divDocumentation div.bottomDescription div.element.description h3,
div.divDocumentation div.bottomDescription div.element.presentation h3, div.divDocumentation div.topPage > div.element.description h3,
div.divDocumentation div.topPage > div.element.presentation h3, div.divHistorique > div.element.description h3,
div.divHistorique > div.element.presentation h3, div.divHistorique div.bottomDescription div.element.description h3,
div.divHistorique div.bottomDescription div.element.presentation h3, div.divVideos > div.element.description h3,
div.divVideos > div.element.presentation h3, div.divVideos div.bottomDescription div.element.description h3,
div.divVideos div.bottomDescription div.element.presentation h3, div.divWebinaire > div.element.description h3,
div.divWebinaire > div.element.presentation h3, div.divWebinaire div.bottomDescription div.element.description h3,
div.divWebinaire div.bottomDescription div.element.presentation h3, div.divSitemap > div.element.description h3,
div.divSitemap > div.element.presentation h3, div.divSitemap div.bottomDescription div.element.description h3,
div.divSitemap div.bottomDescription div.element.presentation h3, div.divMentions > div.element.description h3,
div.divMentions > div.element.presentation h3, div.divMentions div.bottomDescription div.element.description h3,
div.divMentions div.bottomDescription div.element.presentation h3, div.divDonnees-personnelles > div.element.description h3,
div.divDonnees-personnelles > div.element.presentation h3, div.divDonnees-personnelles div.bottomDescription div.element.description h3,
div.divDonnees-personnelles div.bottomDescription div.element.presentation h3, .divPage.divTest > div.element.description h3,
.divPage.divTest > div.element.presentation h3, .divPage.divTest div.bottomDescription div.element.description h3,
.divPage.divTest div.bottomDescription div.element.presentation h3, div.newsletter.edit > p h3, div.newsletters-groups div.sending h3, div.newsletters-groups div.groups form.editNewsletterGroup h3, div.divSent h3, div.divDelete h3, div.divPage.divVotre-offre-de-services > div.element.description h3,
div.divPage.divVotre-offre-de-services > div.element.presentation h3, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description h3,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation h3, .element.offreCategory.view > div.element.description h3,
.element.offreCategory.view > div.element.presentation h3, .element.offreCategory.view div.bottomDescription div.element.description h3,
.element.offreCategory.view div.bottomDescription div.element.presentation h3 {
  margin-bottom: 16px;
}
/* line 323, ../specific.scss */
div.element.view div.left div.description p,
div.element.edit div.left div.description p, div.divPage.divSalarie > div.element.description p,
div.divPage.divSalarie > div.element.presentation p, div.divPage.divSalarie div.bottomDescription div.element.description p,
div.divPage.divSalarie div.bottomDescription div.element.presentation p, div.divPage.divDirigeant > div.element.description p,
div.divPage.divDirigeant > div.element.presentation p, div.divPage.divDirigeant div.bottomDescription div.element.description p,
div.divPage.divDirigeant div.bottomDescription div.element.presentation p, div.divPage.divRepresentant > div.element.description p,
div.divPage.divRepresentant > div.element.presentation p, div.divPage.divRepresentant div.bottomDescription div.element.description p,
div.divPage.divRepresentant div.bottomDescription div.element.presentation p, div.divPage.divCmaic > div.element.description p,
div.divPage.divCmaic > div.element.presentation p, div.divPage.divCmaic div.bottomDescription div.element.description p,
div.divPage.divCmaic div.bottomDescription div.element.presentation p, div.divPage.divQui-sommes-nous > div.element.description p,
div.divPage.divQui-sommes-nous > div.element.presentation p, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description p,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation p, div.divPage.divSante > div.element.description p,
div.divPage.divSante > div.element.presentation p, div.divPage.divSante div.bottomDescription div.element.description p,
div.divPage.divSante div.bottomDescription div.element.presentation p, div.divPage.divReglementation > div.element.description p,
div.divPage.divReglementation > div.element.presentation p, div.divPage.divReglementation div.bottomDescription div.element.description p,
div.divPage.divReglementation div.bottomDescription div.element.presentation p, div.divPage.divSante-Travail > div.element.description p,
div.divPage.divSante-Travail > div.element.presentation p, div.divPage.divSante-Travail div.bottomDescription div.element.description p,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation p, div.divPage.divSante-Enjeu > div.element.description p,
div.divPage.divSante-Enjeu > div.element.presentation p, div.divPage.divSante-Enjeu div.bottomDescription div.element.description p,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation p, div.divPage.divCovid19 > div.element.description p,
div.divPage.divCovid19 > div.element.presentation p, div.divPage.divCovid19 div.bottomDescription div.element.description p,
div.divPage.divCovid19 div.bottomDescription div.element.presentation p, div.divPage.divCovid19-permanence-CMAIC > div.element.description p,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation p, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description p,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation p, div.divPage.divInformation-coronavirus > div.element.description p,
div.divPage.divInformation-coronavirus > div.element.presentation p, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description p,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation p, div.divPage.divEntreprise-coronavirus > div.element.description p,
div.divPage.divEntreprise-coronavirus > div.element.presentation p, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description p,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation p, div.divPage.divSalarie-coronavirus > div.element.description p,
div.divPage.divSalarie-coronavirus > div.element.presentation p, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description p,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation p, div.divPage.divCoronavirus-en-normandie-situation > div.element.description p,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation p, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description p,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation p, div.divPage.divCoronavirus-recommandations > div.element.description p,
div.divPage.divCoronavirus-recommandations > div.element.presentation p, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description p,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation p, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description p,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation p, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description p,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation p, div.divPage.divCible > div.element.description p,
div.divPage.divCible > div.element.presentation p, div.divPage.divNos-enjeux > div.element.description p,
div.divPage.divNos-enjeux > div.element.presentation p, div.divPage.divCible div.bottomDescription div.element.description p,
div.divPage.divCible div.bottomDescription div.element.presentation p, div.divPage.divNos-enjeux div.bottomDescription div.element.description p,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation p, div.divPage.divDossiers > div.element.description p,
div.divPage.divDossiers > div.element.presentation p, div.divPage.divDossiers div.bottomDescription div.element.description p,
div.divPage.divDossiers div.bottomDescription div.element.presentation p, div.divPage.divChiffre-cle > div.element.description p,
div.divPage.divChiffre-cle > div.element.presentation p, div.divPage.divChiffre-cle div.bottomDescription div.element.description p,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation p, div.divRecrutement > div.element.description p,
div.divRecrutement > div.element.presentation p, div.divRecrutement div.bottomDescription div.element.description p,
div.divRecrutement div.bottomDescription div.element.presentation p, div.divSimulation > div.element.description p,
div.divSimulation > div.element.presentation p, div.divSimulation div.bottomDescription div.element.description p,
div.divSimulation div.bottomDescription div.element.presentation p, div.divAdhesion > div.element.description p,
div.divAdhesion > div.element.presentation p, div.divAdhesion div.bottomDescription div.element.description p,
div.divAdhesion div.bottomDescription div.element.presentation p, div.divAdherent > div.element.description p,
div.divAdherent > div.element.presentation p, div.divAdherent div.bottomDescription div.element.description p,
div.divAdherent div.bottomDescription div.element.presentation p, div.divAdherer > div.element.description p,
div.divAdherer > div.element.presentation p, div.divAdherer div.bottomDescription div.element.description p,
div.divAdherer div.bottomDescription div.element.presentation p, div.divInformation > div.element.description p,
div.divInformation > div.element.presentation p, div.divInformation div.bottomDescription div.element.description p,
div.divInformation div.bottomDescription div.element.presentation p, div.divActualite > div.element.description p,
div.divActualite > div.element.presentation p, div.divActualite div.bottomDescription div.element.description p,
div.divActualite div.bottomDescription div.element.presentation p, div.divDossiers > div.element.description p,
div.divDossiers > div.element.presentation p, div.divDossiers div.bottomDescription div.element.description p,
div.divDossiers div.bottomDescription div.element.presentation p, div.element.dossier.view > div.element.description p,
div.element.dossier.view > div.element.presentation p, div.element.dossier.view div.bottomDescription div.element.description p,
div.element.dossier.view div.bottomDescription div.element.presentation p, div.divEvenement > div.element.description p,
div.divEvenement > div.element.presentation p, div.divEvenement div.bottomDescription div.element.description p,
div.divEvenement div.bottomDescription div.element.presentation p, div.divPresse > div.element.description p,
div.divPresse > div.element.presentation p, div.divPresse div.bottomDescription div.element.description p,
div.divPresse div.bottomDescription div.element.presentation p, div.divQuestion > div.element.description p,
div.divQuestion > div.element.presentation p, div.divQuestion div.bottomDescription div.element.description p,
div.divQuestion div.bottomDescription div.element.presentation p, div.divDocumentation > div.element.description p,
div.divDocumentation > div.element.presentation p, div.divDocumentation div.bottomDescription div.element.description p,
div.divDocumentation div.bottomDescription div.element.presentation p, div.divDocumentation div.topPage > div.element.description p,
div.divDocumentation div.topPage > div.element.presentation p, div.divHistorique > div.element.description p,
div.divHistorique > div.element.presentation p, div.divHistorique div.bottomDescription div.element.description p,
div.divHistorique div.bottomDescription div.element.presentation p, div.divVideos > div.element.description p,
div.divVideos > div.element.presentation p, div.divVideos div.bottomDescription div.element.description p,
div.divVideos div.bottomDescription div.element.presentation p, div.divWebinaire > div.element.description p,
div.divWebinaire > div.element.presentation p, div.divWebinaire div.bottomDescription div.element.description p,
div.divWebinaire div.bottomDescription div.element.presentation p, div.divSitemap > div.element.description p,
div.divSitemap > div.element.presentation p, div.divSitemap div.bottomDescription div.element.description p,
div.divSitemap div.bottomDescription div.element.presentation p, div.divMentions > div.element.description p,
div.divMentions > div.element.presentation p, div.divMentions div.bottomDescription div.element.description p,
div.divMentions div.bottomDescription div.element.presentation p, div.divDonnees-personnelles > div.element.description p,
div.divDonnees-personnelles > div.element.presentation p, div.divDonnees-personnelles div.bottomDescription div.element.description p,
div.divDonnees-personnelles div.bottomDescription div.element.presentation p, .divPage.divTest > div.element.description p,
.divPage.divTest > div.element.presentation p, .divPage.divTest div.bottomDescription div.element.description p,
.divPage.divTest div.bottomDescription div.element.presentation p, div.newsletter.edit > p p, div.newsletters-groups div.sending p, div.newsletters-groups div.groups form.editNewsletterGroup p, div.divSent p, div.divDelete p, div.divPage.divVotre-offre-de-services > div.element.description p,
div.divPage.divVotre-offre-de-services > div.element.presentation p, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description p,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation p, .element.offreCategory.view > div.element.description p,
.element.offreCategory.view > div.element.presentation p, .element.offreCategory.view div.bottomDescription div.element.description p,
.element.offreCategory.view div.bottomDescription div.element.presentation p {
  margin: 0;
}
/* line 327, ../specific.scss */
div.element.view div.left div.description strong,
div.element.edit div.left div.description strong, div.divPage.divSalarie > div.element.description strong,
div.divPage.divSalarie > div.element.presentation strong, div.divPage.divSalarie div.bottomDescription div.element.description strong,
div.divPage.divSalarie div.bottomDescription div.element.presentation strong, div.divPage.divDirigeant > div.element.description strong,
div.divPage.divDirigeant > div.element.presentation strong, div.divPage.divDirigeant div.bottomDescription div.element.description strong,
div.divPage.divDirigeant div.bottomDescription div.element.presentation strong, div.divPage.divRepresentant > div.element.description strong,
div.divPage.divRepresentant > div.element.presentation strong, div.divPage.divRepresentant div.bottomDescription div.element.description strong,
div.divPage.divRepresentant div.bottomDescription div.element.presentation strong, div.divPage.divCmaic > div.element.description strong,
div.divPage.divCmaic > div.element.presentation strong, div.divPage.divCmaic div.bottomDescription div.element.description strong,
div.divPage.divCmaic div.bottomDescription div.element.presentation strong, div.divPage.divQui-sommes-nous > div.element.description strong,
div.divPage.divQui-sommes-nous > div.element.presentation strong, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description strong,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation strong, div.divPage.divSante > div.element.description strong,
div.divPage.divSante > div.element.presentation strong, div.divPage.divSante div.bottomDescription div.element.description strong,
div.divPage.divSante div.bottomDescription div.element.presentation strong, div.divPage.divReglementation > div.element.description strong,
div.divPage.divReglementation > div.element.presentation strong, div.divPage.divReglementation div.bottomDescription div.element.description strong,
div.divPage.divReglementation div.bottomDescription div.element.presentation strong, div.divPage.divSante-Travail > div.element.description strong,
div.divPage.divSante-Travail > div.element.presentation strong, div.divPage.divSante-Travail div.bottomDescription div.element.description strong,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation strong, div.divPage.divSante-Enjeu > div.element.description strong,
div.divPage.divSante-Enjeu > div.element.presentation strong, div.divPage.divSante-Enjeu div.bottomDescription div.element.description strong,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation strong, div.divPage.divCovid19 > div.element.description strong,
div.divPage.divCovid19 > div.element.presentation strong, div.divPage.divCovid19 div.bottomDescription div.element.description strong,
div.divPage.divCovid19 div.bottomDescription div.element.presentation strong, div.divPage.divCovid19-permanence-CMAIC > div.element.description strong,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation strong, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description strong,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation strong, div.divPage.divInformation-coronavirus > div.element.description strong,
div.divPage.divInformation-coronavirus > div.element.presentation strong, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description strong,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation strong, div.divPage.divEntreprise-coronavirus > div.element.description strong,
div.divPage.divEntreprise-coronavirus > div.element.presentation strong, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description strong,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation strong, div.divPage.divSalarie-coronavirus > div.element.description strong,
div.divPage.divSalarie-coronavirus > div.element.presentation strong, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description strong,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation strong, div.divPage.divCoronavirus-en-normandie-situation > div.element.description strong,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation strong, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description strong,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation strong, div.divPage.divCoronavirus-recommandations > div.element.description strong,
div.divPage.divCoronavirus-recommandations > div.element.presentation strong, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description strong,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation strong, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description strong,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation strong, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description strong,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation strong, div.divPage.divCible > div.element.description strong,
div.divPage.divCible > div.element.presentation strong, div.divPage.divNos-enjeux > div.element.description strong,
div.divPage.divNos-enjeux > div.element.presentation strong, div.divPage.divCible div.bottomDescription div.element.description strong,
div.divPage.divCible div.bottomDescription div.element.presentation strong, div.divPage.divNos-enjeux div.bottomDescription div.element.description strong,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation strong, div.divPage.divDossiers > div.element.description strong,
div.divPage.divDossiers > div.element.presentation strong, div.divPage.divDossiers div.bottomDescription div.element.description strong,
div.divPage.divDossiers div.bottomDescription div.element.presentation strong, div.divPage.divChiffre-cle > div.element.description strong,
div.divPage.divChiffre-cle > div.element.presentation strong, div.divPage.divChiffre-cle div.bottomDescription div.element.description strong,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation strong, div.divRecrutement > div.element.description strong,
div.divRecrutement > div.element.presentation strong, div.divRecrutement div.bottomDescription div.element.description strong,
div.divRecrutement div.bottomDescription div.element.presentation strong, div.divSimulation > div.element.description strong,
div.divSimulation > div.element.presentation strong, div.divSimulation div.bottomDescription div.element.description strong,
div.divSimulation div.bottomDescription div.element.presentation strong, div.divAdhesion > div.element.description strong,
div.divAdhesion > div.element.presentation strong, div.divAdhesion div.bottomDescription div.element.description strong,
div.divAdhesion div.bottomDescription div.element.presentation strong, div.divAdherent > div.element.description strong,
div.divAdherent > div.element.presentation strong, div.divAdherent div.bottomDescription div.element.description strong,
div.divAdherent div.bottomDescription div.element.presentation strong, div.divAdherer > div.element.description strong,
div.divAdherer > div.element.presentation strong, div.divAdherer div.bottomDescription div.element.description strong,
div.divAdherer div.bottomDescription div.element.presentation strong, div.divInformation > div.element.description strong,
div.divInformation > div.element.presentation strong, div.divInformation div.bottomDescription div.element.description strong,
div.divInformation div.bottomDescription div.element.presentation strong, div.divActualite > div.element.description strong,
div.divActualite > div.element.presentation strong, div.divActualite div.bottomDescription div.element.description strong,
div.divActualite div.bottomDescription div.element.presentation strong, div.divDossiers > div.element.description strong,
div.divDossiers > div.element.presentation strong, div.divDossiers div.bottomDescription div.element.description strong,
div.divDossiers div.bottomDescription div.element.presentation strong, div.element.dossier.view > div.element.description strong,
div.element.dossier.view > div.element.presentation strong, div.element.dossier.view div.bottomDescription div.element.description strong,
div.element.dossier.view div.bottomDescription div.element.presentation strong, div.divEvenement > div.element.description strong,
div.divEvenement > div.element.presentation strong, div.divEvenement div.bottomDescription div.element.description strong,
div.divEvenement div.bottomDescription div.element.presentation strong, div.divPresse > div.element.description strong,
div.divPresse > div.element.presentation strong, div.divPresse div.bottomDescription div.element.description strong,
div.divPresse div.bottomDescription div.element.presentation strong, div.divQuestion > div.element.description strong,
div.divQuestion > div.element.presentation strong, div.divQuestion div.bottomDescription div.element.description strong,
div.divQuestion div.bottomDescription div.element.presentation strong, div.divDocumentation > div.element.description strong,
div.divDocumentation > div.element.presentation strong, div.divDocumentation div.bottomDescription div.element.description strong,
div.divDocumentation div.bottomDescription div.element.presentation strong, div.divDocumentation div.topPage > div.element.description strong,
div.divDocumentation div.topPage > div.element.presentation strong, div.divHistorique > div.element.description strong,
div.divHistorique > div.element.presentation strong, div.divHistorique div.bottomDescription div.element.description strong,
div.divHistorique div.bottomDescription div.element.presentation strong, div.divVideos > div.element.description strong,
div.divVideos > div.element.presentation strong, div.divVideos div.bottomDescription div.element.description strong,
div.divVideos div.bottomDescription div.element.presentation strong, div.divWebinaire > div.element.description strong,
div.divWebinaire > div.element.presentation strong, div.divWebinaire div.bottomDescription div.element.description strong,
div.divWebinaire div.bottomDescription div.element.presentation strong, div.divSitemap > div.element.description strong,
div.divSitemap > div.element.presentation strong, div.divSitemap div.bottomDescription div.element.description strong,
div.divSitemap div.bottomDescription div.element.presentation strong, div.divMentions > div.element.description strong,
div.divMentions > div.element.presentation strong, div.divMentions div.bottomDescription div.element.description strong,
div.divMentions div.bottomDescription div.element.presentation strong, div.divDonnees-personnelles > div.element.description strong,
div.divDonnees-personnelles > div.element.presentation strong, div.divDonnees-personnelles div.bottomDescription div.element.description strong,
div.divDonnees-personnelles div.bottomDescription div.element.presentation strong, .divPage.divTest > div.element.description strong,
.divPage.divTest > div.element.presentation strong, .divPage.divTest div.bottomDescription div.element.description strong,
.divPage.divTest div.bottomDescription div.element.presentation strong, div.newsletter.edit > p strong, div.newsletters-groups div.sending strong, div.newsletters-groups div.groups form.editNewsletterGroup strong, div.divSent strong, div.divDelete strong, div.divPage.divVotre-offre-de-services > div.element.description strong,
div.divPage.divVotre-offre-de-services > div.element.presentation strong, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description strong,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation strong, .element.offreCategory.view > div.element.description strong,
.element.offreCategory.view > div.element.presentation strong, .element.offreCategory.view div.bottomDescription div.element.description strong,
.element.offreCategory.view div.bottomDescription div.element.presentation strong {
  color: #3E4982;
}
/* line 252, ../specific.scss */
div.element.view div.left div.description ul,
div.element.edit div.left div.description ul, div.divPage.divSalarie > div.element.description ul,
div.divPage.divSalarie > div.element.presentation ul, div.divPage.divSalarie div.bottomDescription div.element.description ul,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul, div.divPage.divDirigeant > div.element.description ul,
div.divPage.divDirigeant > div.element.presentation ul, div.divPage.divDirigeant div.bottomDescription div.element.description ul,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul, div.divPage.divRepresentant > div.element.description ul,
div.divPage.divRepresentant > div.element.presentation ul, div.divPage.divRepresentant div.bottomDescription div.element.description ul,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul, div.divPage.divCmaic > div.element.description ul,
div.divPage.divCmaic > div.element.presentation ul, div.divPage.divCmaic div.bottomDescription div.element.description ul,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul, div.divPage.divQui-sommes-nous > div.element.description ul,
div.divPage.divQui-sommes-nous > div.element.presentation ul, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul, div.divPage.divSante > div.element.description ul,
div.divPage.divSante > div.element.presentation ul, div.divPage.divSante div.bottomDescription div.element.description ul,
div.divPage.divSante div.bottomDescription div.element.presentation ul, div.divPage.divReglementation > div.element.description ul,
div.divPage.divReglementation > div.element.presentation ul, div.divPage.divReglementation div.bottomDescription div.element.description ul,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul, div.divPage.divSante-Travail > div.element.description ul,
div.divPage.divSante-Travail > div.element.presentation ul, div.divPage.divSante-Travail div.bottomDescription div.element.description ul,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul, div.divPage.divSante-Enjeu > div.element.description ul,
div.divPage.divSante-Enjeu > div.element.presentation ul, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul, div.divPage.divCovid19 > div.element.description ul,
div.divPage.divCovid19 > div.element.presentation ul, div.divPage.divCovid19 div.bottomDescription div.element.description ul,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul, div.divPage.divInformation-coronavirus > div.element.description ul,
div.divPage.divInformation-coronavirus > div.element.presentation ul, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul, div.divPage.divEntreprise-coronavirus > div.element.description ul,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul, div.divPage.divSalarie-coronavirus > div.element.description ul,
div.divPage.divSalarie-coronavirus > div.element.presentation ul, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul, div.divPage.divCoronavirus-recommandations > div.element.description ul,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul, div.divPage.divCible > div.element.description ul,
div.divPage.divCible > div.element.presentation ul, div.divPage.divNos-enjeux > div.element.description ul,
div.divPage.divNos-enjeux > div.element.presentation ul, div.divPage.divCible div.bottomDescription div.element.description ul,
div.divPage.divCible div.bottomDescription div.element.presentation ul, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul, div.divPage.divDossiers > div.element.description ul,
div.divPage.divDossiers > div.element.presentation ul, div.divPage.divDossiers div.bottomDescription div.element.description ul,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul, div.divPage.divChiffre-cle > div.element.description ul,
div.divPage.divChiffre-cle > div.element.presentation ul, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul, div.divRecrutement > div.element.description ul,
div.divRecrutement > div.element.presentation ul, div.divRecrutement div.bottomDescription div.element.description ul,
div.divRecrutement div.bottomDescription div.element.presentation ul, div.divSimulation > div.element.description ul,
div.divSimulation > div.element.presentation ul, div.divSimulation div.bottomDescription div.element.description ul,
div.divSimulation div.bottomDescription div.element.presentation ul, div.divAdhesion > div.element.description ul,
div.divAdhesion > div.element.presentation ul, div.divAdhesion div.bottomDescription div.element.description ul,
div.divAdhesion div.bottomDescription div.element.presentation ul, div.divAdherent > div.element.description ul,
div.divAdherent > div.element.presentation ul, div.divAdherent div.bottomDescription div.element.description ul,
div.divAdherent div.bottomDescription div.element.presentation ul, div.divAdherer > div.element.description ul,
div.divAdherer > div.element.presentation ul, div.divAdherer div.bottomDescription div.element.description ul,
div.divAdherer div.bottomDescription div.element.presentation ul, div.divInformation > div.element.description ul,
div.divInformation > div.element.presentation ul, div.divInformation div.bottomDescription div.element.description ul,
div.divInformation div.bottomDescription div.element.presentation ul, div.divActualite > div.element.description ul,
div.divActualite > div.element.presentation ul, div.divActualite div.bottomDescription div.element.description ul,
div.divActualite div.bottomDescription div.element.presentation ul, div.divDossiers > div.element.description ul,
div.divDossiers > div.element.presentation ul, div.divDossiers div.bottomDescription div.element.description ul,
div.divDossiers div.bottomDescription div.element.presentation ul, div.element.dossier.view > div.element.description ul,
div.element.dossier.view > div.element.presentation ul, div.element.dossier.view div.bottomDescription div.element.description ul,
div.element.dossier.view div.bottomDescription div.element.presentation ul, div.divEvenement > div.element.description ul,
div.divEvenement > div.element.presentation ul, div.divEvenement div.bottomDescription div.element.description ul,
div.divEvenement div.bottomDescription div.element.presentation ul, div.divPresse > div.element.description ul,
div.divPresse > div.element.presentation ul, div.divPresse div.bottomDescription div.element.description ul,
div.divPresse div.bottomDescription div.element.presentation ul, div.divQuestion > div.element.description ul,
div.divQuestion > div.element.presentation ul, div.divQuestion div.bottomDescription div.element.description ul,
div.divQuestion div.bottomDescription div.element.presentation ul, div.divDocumentation > div.element.description ul,
div.divDocumentation > div.element.presentation ul, div.divDocumentation div.bottomDescription div.element.description ul,
div.divDocumentation div.bottomDescription div.element.presentation ul, div.divDocumentation div.topPage > div.element.description ul,
div.divDocumentation div.topPage > div.element.presentation ul, div.divHistorique > div.element.description ul,
div.divHistorique > div.element.presentation ul, div.divHistorique div.bottomDescription div.element.description ul,
div.divHistorique div.bottomDescription div.element.presentation ul, div.divVideos > div.element.description ul,
div.divVideos > div.element.presentation ul, div.divVideos div.bottomDescription div.element.description ul,
div.divVideos div.bottomDescription div.element.presentation ul, div.divWebinaire > div.element.description ul,
div.divWebinaire > div.element.presentation ul, div.divWebinaire div.bottomDescription div.element.description ul,
div.divWebinaire div.bottomDescription div.element.presentation ul, div.divSitemap > div.element.description ul,
div.divSitemap > div.element.presentation ul, div.divSitemap div.bottomDescription div.element.description ul,
div.divSitemap div.bottomDescription div.element.presentation ul, div.divMentions > div.element.description ul,
div.divMentions > div.element.presentation ul, div.divMentions div.bottomDescription div.element.description ul,
div.divMentions div.bottomDescription div.element.presentation ul, div.divDonnees-personnelles > div.element.description ul,
div.divDonnees-personnelles > div.element.presentation ul, div.divDonnees-personnelles div.bottomDescription div.element.description ul,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul, .divPage.divTest > div.element.description ul,
.divPage.divTest > div.element.presentation ul, .divPage.divTest div.bottomDescription div.element.description ul,
.divPage.divTest div.bottomDescription div.element.presentation ul, div.newsletter.edit > p ul, div.newsletters-groups div.sending ul, div.newsletters-groups div.groups form.editNewsletterGroup ul, div.divSent ul, div.divDelete ul, div.divPage.divVotre-offre-de-services > div.element.description ul,
div.divPage.divVotre-offre-de-services > div.element.presentation ul, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul, .element.offreCategory.view > div.element.description ul,
.element.offreCategory.view > div.element.presentation ul, .element.offreCategory.view div.bottomDescription div.element.description ul,
.element.offreCategory.view div.bottomDescription div.element.presentation ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.element.view div.left div.description ul li,
div.element.edit div.left div.description ul li, div.divPage.divSalarie > div.element.description ul li,
div.divPage.divSalarie > div.element.presentation ul li, div.divPage.divSalarie div.bottomDescription div.element.description ul li,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li, div.divPage.divDirigeant > div.element.description ul li,
div.divPage.divDirigeant > div.element.presentation ul li, div.divPage.divDirigeant div.bottomDescription div.element.description ul li,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li, div.divPage.divRepresentant > div.element.description ul li,
div.divPage.divRepresentant > div.element.presentation ul li, div.divPage.divRepresentant div.bottomDescription div.element.description ul li,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li, div.divPage.divCmaic > div.element.description ul li,
div.divPage.divCmaic > div.element.presentation ul li, div.divPage.divCmaic div.bottomDescription div.element.description ul li,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li, div.divPage.divQui-sommes-nous > div.element.description ul li,
div.divPage.divQui-sommes-nous > div.element.presentation ul li, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li, div.divPage.divSante > div.element.description ul li,
div.divPage.divSante > div.element.presentation ul li, div.divPage.divSante div.bottomDescription div.element.description ul li,
div.divPage.divSante div.bottomDescription div.element.presentation ul li, div.divPage.divReglementation > div.element.description ul li,
div.divPage.divReglementation > div.element.presentation ul li, div.divPage.divReglementation div.bottomDescription div.element.description ul li,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li, div.divPage.divSante-Travail > div.element.description ul li,
div.divPage.divSante-Travail > div.element.presentation ul li, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li, div.divPage.divSante-Enjeu > div.element.description ul li,
div.divPage.divSante-Enjeu > div.element.presentation ul li, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li, div.divPage.divCovid19 > div.element.description ul li,
div.divPage.divCovid19 > div.element.presentation ul li, div.divPage.divCovid19 div.bottomDescription div.element.description ul li,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li, div.divPage.divInformation-coronavirus > div.element.description ul li,
div.divPage.divInformation-coronavirus > div.element.presentation ul li, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li, div.divPage.divEntreprise-coronavirus > div.element.description ul li,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li, div.divPage.divSalarie-coronavirus > div.element.description ul li,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li, div.divPage.divCoronavirus-recommandations > div.element.description ul li,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li, div.divPage.divCible > div.element.description ul li,
div.divPage.divCible > div.element.presentation ul li, div.divPage.divNos-enjeux > div.element.description ul li,
div.divPage.divNos-enjeux > div.element.presentation ul li, div.divPage.divCible div.bottomDescription div.element.description ul li,
div.divPage.divCible div.bottomDescription div.element.presentation ul li, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li, div.divPage.divDossiers > div.element.description ul li,
div.divPage.divDossiers > div.element.presentation ul li, div.divPage.divDossiers div.bottomDescription div.element.description ul li,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li, div.divPage.divChiffre-cle > div.element.description ul li,
div.divPage.divChiffre-cle > div.element.presentation ul li, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li, div.divRecrutement > div.element.description ul li,
div.divRecrutement > div.element.presentation ul li, div.divRecrutement div.bottomDescription div.element.description ul li,
div.divRecrutement div.bottomDescription div.element.presentation ul li, div.divSimulation > div.element.description ul li,
div.divSimulation > div.element.presentation ul li, div.divSimulation div.bottomDescription div.element.description ul li,
div.divSimulation div.bottomDescription div.element.presentation ul li, div.divAdhesion > div.element.description ul li,
div.divAdhesion > div.element.presentation ul li, div.divAdhesion div.bottomDescription div.element.description ul li,
div.divAdhesion div.bottomDescription div.element.presentation ul li, div.divAdherent > div.element.description ul li,
div.divAdherent > div.element.presentation ul li, div.divAdherent div.bottomDescription div.element.description ul li,
div.divAdherent div.bottomDescription div.element.presentation ul li, div.divAdherer > div.element.description ul li,
div.divAdherer > div.element.presentation ul li, div.divAdherer div.bottomDescription div.element.description ul li,
div.divAdherer div.bottomDescription div.element.presentation ul li, div.divInformation > div.element.description ul li,
div.divInformation > div.element.presentation ul li, div.divInformation div.bottomDescription div.element.description ul li,
div.divInformation div.bottomDescription div.element.presentation ul li, div.divActualite > div.element.description ul li,
div.divActualite > div.element.presentation ul li, div.divActualite div.bottomDescription div.element.description ul li,
div.divActualite div.bottomDescription div.element.presentation ul li, div.divDossiers > div.element.description ul li,
div.divDossiers > div.element.presentation ul li, div.divDossiers div.bottomDescription div.element.description ul li,
div.divDossiers div.bottomDescription div.element.presentation ul li, div.element.dossier.view > div.element.description ul li,
div.element.dossier.view > div.element.presentation ul li, div.element.dossier.view div.bottomDescription div.element.description ul li,
div.element.dossier.view div.bottomDescription div.element.presentation ul li, div.divEvenement > div.element.description ul li,
div.divEvenement > div.element.presentation ul li, div.divEvenement div.bottomDescription div.element.description ul li,
div.divEvenement div.bottomDescription div.element.presentation ul li, div.divPresse > div.element.description ul li,
div.divPresse > div.element.presentation ul li, div.divPresse div.bottomDescription div.element.description ul li,
div.divPresse div.bottomDescription div.element.presentation ul li, div.divQuestion > div.element.description ul li,
div.divQuestion > div.element.presentation ul li, div.divQuestion div.bottomDescription div.element.description ul li,
div.divQuestion div.bottomDescription div.element.presentation ul li, div.divDocumentation > div.element.description ul li,
div.divDocumentation > div.element.presentation ul li, div.divDocumentation div.bottomDescription div.element.description ul li,
div.divDocumentation div.bottomDescription div.element.presentation ul li, div.divDocumentation div.topPage > div.element.description ul li,
div.divDocumentation div.topPage > div.element.presentation ul li, div.divHistorique > div.element.description ul li,
div.divHistorique > div.element.presentation ul li, div.divHistorique div.bottomDescription div.element.description ul li,
div.divHistorique div.bottomDescription div.element.presentation ul li, div.divVideos > div.element.description ul li,
div.divVideos > div.element.presentation ul li, div.divVideos div.bottomDescription div.element.description ul li,
div.divVideos div.bottomDescription div.element.presentation ul li, div.divWebinaire > div.element.description ul li,
div.divWebinaire > div.element.presentation ul li, div.divWebinaire div.bottomDescription div.element.description ul li,
div.divWebinaire div.bottomDescription div.element.presentation ul li, div.divSitemap > div.element.description ul li,
div.divSitemap > div.element.presentation ul li, div.divSitemap div.bottomDescription div.element.description ul li,
div.divSitemap div.bottomDescription div.element.presentation ul li, div.divMentions > div.element.description ul li,
div.divMentions > div.element.presentation ul li, div.divMentions div.bottomDescription div.element.description ul li,
div.divMentions div.bottomDescription div.element.presentation ul li, div.divDonnees-personnelles > div.element.description ul li,
div.divDonnees-personnelles > div.element.presentation ul li, div.divDonnees-personnelles div.bottomDescription div.element.description ul li,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li, .divPage.divTest > div.element.description ul li,
.divPage.divTest > div.element.presentation ul li, .divPage.divTest div.bottomDescription div.element.description ul li,
.divPage.divTest div.bottomDescription div.element.presentation ul li, div.newsletter.edit > p ul li, div.newsletters-groups div.sending ul li, div.newsletters-groups div.groups form.editNewsletterGroup ul li, div.divSent ul li, div.divDelete ul li, div.divPage.divVotre-offre-de-services > div.element.description ul li,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li, .element.offreCategory.view > div.element.description ul li,
.element.offreCategory.view > div.element.presentation ul li, .element.offreCategory.view div.bottomDescription div.element.description ul li,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.element.view div.left div.description ul li a,
div.element.edit div.left div.description ul li a, div.divPage.divSalarie > div.element.description ul li a,
div.divPage.divSalarie > div.element.presentation ul li a, div.divPage.divSalarie div.bottomDescription div.element.description ul li a,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li a, div.divPage.divDirigeant > div.element.description ul li a,
div.divPage.divDirigeant > div.element.presentation ul li a, div.divPage.divDirigeant div.bottomDescription div.element.description ul li a,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li a, div.divPage.divRepresentant > div.element.description ul li a,
div.divPage.divRepresentant > div.element.presentation ul li a, div.divPage.divRepresentant div.bottomDescription div.element.description ul li a,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li a, div.divPage.divCmaic > div.element.description ul li a,
div.divPage.divCmaic > div.element.presentation ul li a, div.divPage.divCmaic div.bottomDescription div.element.description ul li a,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li a, div.divPage.divQui-sommes-nous > div.element.description ul li a,
div.divPage.divQui-sommes-nous > div.element.presentation ul li a, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li a,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li a, div.divPage.divSante > div.element.description ul li a,
div.divPage.divSante > div.element.presentation ul li a, div.divPage.divSante div.bottomDescription div.element.description ul li a,
div.divPage.divSante div.bottomDescription div.element.presentation ul li a, div.divPage.divReglementation > div.element.description ul li a,
div.divPage.divReglementation > div.element.presentation ul li a, div.divPage.divReglementation div.bottomDescription div.element.description ul li a,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li a, div.divPage.divSante-Travail > div.element.description ul li a,
div.divPage.divSante-Travail > div.element.presentation ul li a, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li a,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li a, div.divPage.divSante-Enjeu > div.element.description ul li a,
div.divPage.divSante-Enjeu > div.element.presentation ul li a, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li a,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li a, div.divPage.divCovid19 > div.element.description ul li a,
div.divPage.divCovid19 > div.element.presentation ul li a, div.divPage.divCovid19 div.bottomDescription div.element.description ul li a,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li a, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li a,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li a, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li a,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li a, div.divPage.divInformation-coronavirus > div.element.description ul li a,
div.divPage.divInformation-coronavirus > div.element.presentation ul li a, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li a,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li a, div.divPage.divEntreprise-coronavirus > div.element.description ul li a,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li a, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li a,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li a, div.divPage.divSalarie-coronavirus > div.element.description ul li a,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li a, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li a,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li a, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li a,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li a, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li a,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li a, div.divPage.divCoronavirus-recommandations > div.element.description ul li a,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li a, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li a,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li a, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li a,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li a, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li a,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li a, div.divPage.divCible > div.element.description ul li a,
div.divPage.divCible > div.element.presentation ul li a, div.divPage.divNos-enjeux > div.element.description ul li a,
div.divPage.divNos-enjeux > div.element.presentation ul li a, div.divPage.divCible div.bottomDescription div.element.description ul li a,
div.divPage.divCible div.bottomDescription div.element.presentation ul li a, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li a,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li a, div.divPage.divDossiers > div.element.description ul li a,
div.divPage.divDossiers > div.element.presentation ul li a, div.divPage.divDossiers div.bottomDescription div.element.description ul li a,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li a, div.divPage.divChiffre-cle > div.element.description ul li a,
div.divPage.divChiffre-cle > div.element.presentation ul li a, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li a,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li a, div.divRecrutement > div.element.description ul li a,
div.divRecrutement > div.element.presentation ul li a, div.divRecrutement div.bottomDescription div.element.description ul li a,
div.divRecrutement div.bottomDescription div.element.presentation ul li a, div.divSimulation > div.element.description ul li a,
div.divSimulation > div.element.presentation ul li a, div.divSimulation div.bottomDescription div.element.description ul li a,
div.divSimulation div.bottomDescription div.element.presentation ul li a, div.divAdhesion > div.element.description ul li a,
div.divAdhesion > div.element.presentation ul li a, div.divAdhesion div.bottomDescription div.element.description ul li a,
div.divAdhesion div.bottomDescription div.element.presentation ul li a, div.divAdherent > div.element.description ul li a,
div.divAdherent > div.element.presentation ul li a, div.divAdherent div.bottomDescription div.element.description ul li a,
div.divAdherent div.bottomDescription div.element.presentation ul li a, div.divAdherer > div.element.description ul li a,
div.divAdherer > div.element.presentation ul li a, div.divAdherer div.bottomDescription div.element.description ul li a,
div.divAdherer div.bottomDescription div.element.presentation ul li a, div.divInformation > div.element.description ul li a,
div.divInformation > div.element.presentation ul li a, div.divInformation div.bottomDescription div.element.description ul li a,
div.divInformation div.bottomDescription div.element.presentation ul li a, div.divActualite > div.element.description ul li a,
div.divActualite > div.element.presentation ul li a, div.divActualite div.bottomDescription div.element.description ul li a,
div.divActualite div.bottomDescription div.element.presentation ul li a, div.divDossiers > div.element.description ul li a,
div.divDossiers > div.element.presentation ul li a, div.divDossiers div.bottomDescription div.element.description ul li a,
div.divDossiers div.bottomDescription div.element.presentation ul li a, div.element.dossier.view > div.element.description ul li a,
div.element.dossier.view > div.element.presentation ul li a, div.element.dossier.view div.bottomDescription div.element.description ul li a,
div.element.dossier.view div.bottomDescription div.element.presentation ul li a, div.divEvenement > div.element.description ul li a,
div.divEvenement > div.element.presentation ul li a, div.divEvenement div.bottomDescription div.element.description ul li a,
div.divEvenement div.bottomDescription div.element.presentation ul li a, div.divPresse > div.element.description ul li a,
div.divPresse > div.element.presentation ul li a, div.divPresse div.bottomDescription div.element.description ul li a,
div.divPresse div.bottomDescription div.element.presentation ul li a, div.divQuestion > div.element.description ul li a,
div.divQuestion > div.element.presentation ul li a, div.divQuestion div.bottomDescription div.element.description ul li a,
div.divQuestion div.bottomDescription div.element.presentation ul li a, div.divDocumentation > div.element.description ul li a,
div.divDocumentation > div.element.presentation ul li a, div.divDocumentation div.bottomDescription div.element.description ul li a,
div.divDocumentation div.bottomDescription div.element.presentation ul li a, div.divDocumentation div.topPage > div.element.description ul li a,
div.divDocumentation div.topPage > div.element.presentation ul li a, div.divHistorique > div.element.description ul li a,
div.divHistorique > div.element.presentation ul li a, div.divHistorique div.bottomDescription div.element.description ul li a,
div.divHistorique div.bottomDescription div.element.presentation ul li a, div.divVideos > div.element.description ul li a,
div.divVideos > div.element.presentation ul li a, div.divVideos div.bottomDescription div.element.description ul li a,
div.divVideos div.bottomDescription div.element.presentation ul li a, div.divWebinaire > div.element.description ul li a,
div.divWebinaire > div.element.presentation ul li a, div.divWebinaire div.bottomDescription div.element.description ul li a,
div.divWebinaire div.bottomDescription div.element.presentation ul li a, div.divSitemap > div.element.description ul li a,
div.divSitemap > div.element.presentation ul li a, div.divSitemap div.bottomDescription div.element.description ul li a,
div.divSitemap div.bottomDescription div.element.presentation ul li a, div.divMentions > div.element.description ul li a,
div.divMentions > div.element.presentation ul li a, div.divMentions div.bottomDescription div.element.description ul li a,
div.divMentions div.bottomDescription div.element.presentation ul li a, div.divDonnees-personnelles > div.element.description ul li a,
div.divDonnees-personnelles > div.element.presentation ul li a, div.divDonnees-personnelles div.bottomDescription div.element.description ul li a,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li a, .divPage.divTest > div.element.description ul li a,
.divPage.divTest > div.element.presentation ul li a, .divPage.divTest div.bottomDescription div.element.description ul li a,
.divPage.divTest div.bottomDescription div.element.presentation ul li a, div.newsletter.edit > p ul li a, div.newsletters-groups div.sending ul li a, div.newsletters-groups div.groups form.editNewsletterGroup ul li a, div.divSent ul li a, div.divDelete ul li a, div.divPage.divVotre-offre-de-services > div.element.description ul li a,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li a, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li a,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li a, .element.offreCategory.view > div.element.description ul li a,
.element.offreCategory.view > div.element.presentation ul li a, .element.offreCategory.view div.bottomDescription div.element.description ul li a,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.element.view div.left div.description ul li a:hover,
div.element.edit div.left div.description ul li a:hover, div.divPage.divSalarie > div.element.description ul li a:hover,
div.divPage.divSalarie > div.element.presentation ul li a:hover, div.divPage.divSalarie div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divDirigeant > div.element.description ul li a:hover,
div.divPage.divDirigeant > div.element.presentation ul li a:hover, div.divPage.divDirigeant div.bottomDescription div.element.description ul li a:hover,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divRepresentant > div.element.description ul li a:hover,
div.divPage.divRepresentant > div.element.presentation ul li a:hover, div.divPage.divRepresentant div.bottomDescription div.element.description ul li a:hover,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCmaic > div.element.description ul li a:hover,
div.divPage.divCmaic > div.element.presentation ul li a:hover, div.divPage.divCmaic div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divQui-sommes-nous > div.element.description ul li a:hover,
div.divPage.divQui-sommes-nous > div.element.presentation ul li a:hover, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li a:hover,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSante > div.element.description ul li a:hover,
div.divPage.divSante > div.element.presentation ul li a:hover, div.divPage.divSante div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSante div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divReglementation > div.element.description ul li a:hover,
div.divPage.divReglementation > div.element.presentation ul li a:hover, div.divPage.divReglementation div.bottomDescription div.element.description ul li a:hover,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSante-Travail > div.element.description ul li a:hover,
div.divPage.divSante-Travail > div.element.presentation ul li a:hover, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSante-Enjeu > div.element.description ul li a:hover,
div.divPage.divSante-Enjeu > div.element.presentation ul li a:hover, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCovid19 > div.element.description ul li a:hover,
div.divPage.divCovid19 > div.element.presentation ul li a:hover, div.divPage.divCovid19 div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li a:hover,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li a:hover, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divInformation-coronavirus > div.element.description ul li a:hover,
div.divPage.divInformation-coronavirus > div.element.presentation ul li a:hover, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li a:hover,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divEntreprise-coronavirus > div.element.description ul li a:hover,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li a:hover, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li a:hover,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divSalarie-coronavirus > div.element.description ul li a:hover,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li a:hover, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li a:hover,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li a:hover,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li a:hover, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCoronavirus-recommandations > div.element.description ul li a:hover,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li a:hover, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li a:hover, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divCible > div.element.description ul li a:hover,
div.divPage.divCible > div.element.presentation ul li a:hover, div.divPage.divNos-enjeux > div.element.description ul li a:hover,
div.divPage.divNos-enjeux > div.element.presentation ul li a:hover, div.divPage.divCible div.bottomDescription div.element.description ul li a:hover,
div.divPage.divCible div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li a:hover,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divDossiers > div.element.description ul li a:hover,
div.divPage.divDossiers > div.element.presentation ul li a:hover, div.divPage.divDossiers div.bottomDescription div.element.description ul li a:hover,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li a:hover, div.divPage.divChiffre-cle > div.element.description ul li a:hover,
div.divPage.divChiffre-cle > div.element.presentation ul li a:hover, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li a:hover,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li a:hover, div.divRecrutement > div.element.description ul li a:hover,
div.divRecrutement > div.element.presentation ul li a:hover, div.divRecrutement div.bottomDescription div.element.description ul li a:hover,
div.divRecrutement div.bottomDescription div.element.presentation ul li a:hover, div.divSimulation > div.element.description ul li a:hover,
div.divSimulation > div.element.presentation ul li a:hover, div.divSimulation div.bottomDescription div.element.description ul li a:hover,
div.divSimulation div.bottomDescription div.element.presentation ul li a:hover, div.divAdhesion > div.element.description ul li a:hover,
div.divAdhesion > div.element.presentation ul li a:hover, div.divAdhesion div.bottomDescription div.element.description ul li a:hover,
div.divAdhesion div.bottomDescription div.element.presentation ul li a:hover, div.divAdherent > div.element.description ul li a:hover,
div.divAdherent > div.element.presentation ul li a:hover, div.divAdherent div.bottomDescription div.element.description ul li a:hover,
div.divAdherent div.bottomDescription div.element.presentation ul li a:hover, div.divAdherer > div.element.description ul li a:hover,
div.divAdherer > div.element.presentation ul li a:hover, div.divAdherer div.bottomDescription div.element.description ul li a:hover,
div.divAdherer div.bottomDescription div.element.presentation ul li a:hover, div.divInformation > div.element.description ul li a:hover,
div.divInformation > div.element.presentation ul li a:hover, div.divInformation div.bottomDescription div.element.description ul li a:hover,
div.divInformation div.bottomDescription div.element.presentation ul li a:hover, div.divActualite > div.element.description ul li a:hover,
div.divActualite > div.element.presentation ul li a:hover, div.divActualite div.bottomDescription div.element.description ul li a:hover,
div.divActualite div.bottomDescription div.element.presentation ul li a:hover, div.divDossiers > div.element.description ul li a:hover,
div.divDossiers > div.element.presentation ul li a:hover, div.divDossiers div.bottomDescription div.element.description ul li a:hover,
div.divDossiers div.bottomDescription div.element.presentation ul li a:hover, div.element.dossier.view > div.element.description ul li a:hover,
div.element.dossier.view > div.element.presentation ul li a:hover, div.element.dossier.view div.bottomDescription div.element.description ul li a:hover,
div.element.dossier.view div.bottomDescription div.element.presentation ul li a:hover, div.divEvenement > div.element.description ul li a:hover,
div.divEvenement > div.element.presentation ul li a:hover, div.divEvenement div.bottomDescription div.element.description ul li a:hover,
div.divEvenement div.bottomDescription div.element.presentation ul li a:hover, div.divPresse > div.element.description ul li a:hover,
div.divPresse > div.element.presentation ul li a:hover, div.divPresse div.bottomDescription div.element.description ul li a:hover,
div.divPresse div.bottomDescription div.element.presentation ul li a:hover, div.divQuestion > div.element.description ul li a:hover,
div.divQuestion > div.element.presentation ul li a:hover, div.divQuestion div.bottomDescription div.element.description ul li a:hover,
div.divQuestion div.bottomDescription div.element.presentation ul li a:hover, div.divDocumentation > div.element.description ul li a:hover,
div.divDocumentation > div.element.presentation ul li a:hover, div.divDocumentation div.bottomDescription div.element.description ul li a:hover,
div.divDocumentation div.bottomDescription div.element.presentation ul li a:hover, div.divDocumentation div.topPage > div.element.description ul li a:hover,
div.divDocumentation div.topPage > div.element.presentation ul li a:hover, div.divHistorique > div.element.description ul li a:hover,
div.divHistorique > div.element.presentation ul li a:hover, div.divHistorique div.bottomDescription div.element.description ul li a:hover,
div.divHistorique div.bottomDescription div.element.presentation ul li a:hover, div.divVideos > div.element.description ul li a:hover,
div.divVideos > div.element.presentation ul li a:hover, div.divVideos div.bottomDescription div.element.description ul li a:hover,
div.divVideos div.bottomDescription div.element.presentation ul li a:hover, div.divWebinaire > div.element.description ul li a:hover,
div.divWebinaire > div.element.presentation ul li a:hover, div.divWebinaire div.bottomDescription div.element.description ul li a:hover,
div.divWebinaire div.bottomDescription div.element.presentation ul li a:hover, div.divSitemap > div.element.description ul li a:hover,
div.divSitemap > div.element.presentation ul li a:hover, div.divSitemap div.bottomDescription div.element.description ul li a:hover,
div.divSitemap div.bottomDescription div.element.presentation ul li a:hover, div.divMentions > div.element.description ul li a:hover,
div.divMentions > div.element.presentation ul li a:hover, div.divMentions div.bottomDescription div.element.description ul li a:hover,
div.divMentions div.bottomDescription div.element.presentation ul li a:hover, div.divDonnees-personnelles > div.element.description ul li a:hover,
div.divDonnees-personnelles > div.element.presentation ul li a:hover, div.divDonnees-personnelles div.bottomDescription div.element.description ul li a:hover,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li a:hover, .divPage.divTest > div.element.description ul li a:hover,
.divPage.divTest > div.element.presentation ul li a:hover, .divPage.divTest div.bottomDescription div.element.description ul li a:hover,
.divPage.divTest div.bottomDescription div.element.presentation ul li a:hover, div.newsletter.edit > p ul li a:hover, div.newsletters-groups div.sending ul li a:hover, div.newsletters-groups div.groups form.editNewsletterGroup ul li a:hover, div.divSent ul li a:hover, div.divDelete ul li a:hover, div.divPage.divVotre-offre-de-services > div.element.description ul li a:hover,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li a:hover, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li a:hover,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li a:hover, .element.offreCategory.view > div.element.description ul li a:hover,
.element.offreCategory.view > div.element.presentation ul li a:hover, .element.offreCategory.view div.bottomDescription div.element.description ul li a:hover,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.element.view div.left div.description ul li:before,
div.element.edit div.left div.description ul li:before, div.divPage.divSalarie > div.element.description ul li:before,
div.divPage.divSalarie > div.element.presentation ul li:before, div.divPage.divSalarie div.bottomDescription div.element.description ul li:before,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li:before, div.divPage.divDirigeant > div.element.description ul li:before,
div.divPage.divDirigeant > div.element.presentation ul li:before, div.divPage.divDirigeant div.bottomDescription div.element.description ul li:before,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li:before, div.divPage.divRepresentant > div.element.description ul li:before,
div.divPage.divRepresentant > div.element.presentation ul li:before, div.divPage.divRepresentant div.bottomDescription div.element.description ul li:before,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li:before, div.divPage.divCmaic > div.element.description ul li:before,
div.divPage.divCmaic > div.element.presentation ul li:before, div.divPage.divCmaic div.bottomDescription div.element.description ul li:before,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li:before, div.divPage.divQui-sommes-nous > div.element.description ul li:before,
div.divPage.divQui-sommes-nous > div.element.presentation ul li:before, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li:before,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li:before, div.divPage.divSante > div.element.description ul li:before,
div.divPage.divSante > div.element.presentation ul li:before, div.divPage.divSante div.bottomDescription div.element.description ul li:before,
div.divPage.divSante div.bottomDescription div.element.presentation ul li:before, div.divPage.divReglementation > div.element.description ul li:before,
div.divPage.divReglementation > div.element.presentation ul li:before, div.divPage.divReglementation div.bottomDescription div.element.description ul li:before,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li:before, div.divPage.divSante-Travail > div.element.description ul li:before,
div.divPage.divSante-Travail > div.element.presentation ul li:before, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li:before,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li:before, div.divPage.divSante-Enjeu > div.element.description ul li:before,
div.divPage.divSante-Enjeu > div.element.presentation ul li:before, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li:before,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li:before, div.divPage.divCovid19 > div.element.description ul li:before,
div.divPage.divCovid19 > div.element.presentation ul li:before, div.divPage.divCovid19 div.bottomDescription div.element.description ul li:before,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li:before, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li:before,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li:before, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li:before, div.divPage.divInformation-coronavirus > div.element.description ul li:before,
div.divPage.divInformation-coronavirus > div.element.presentation ul li:before, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li:before,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li:before, div.divPage.divEntreprise-coronavirus > div.element.description ul li:before,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li:before, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li:before,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li:before, div.divPage.divSalarie-coronavirus > div.element.description ul li:before,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li:before, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li:before,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li:before, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li:before,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li:before, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li:before, div.divPage.divCoronavirus-recommandations > div.element.description ul li:before,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li:before, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li:before,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li:before, div.divPage.divCible > div.element.description ul li:before,
div.divPage.divCible > div.element.presentation ul li:before, div.divPage.divNos-enjeux > div.element.description ul li:before,
div.divPage.divNos-enjeux > div.element.presentation ul li:before, div.divPage.divCible div.bottomDescription div.element.description ul li:before,
div.divPage.divCible div.bottomDescription div.element.presentation ul li:before, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li:before,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li:before, div.divPage.divDossiers > div.element.description ul li:before,
div.divPage.divDossiers > div.element.presentation ul li:before, div.divPage.divDossiers div.bottomDescription div.element.description ul li:before,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li:before, div.divPage.divChiffre-cle > div.element.description ul li:before,
div.divPage.divChiffre-cle > div.element.presentation ul li:before, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li:before,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li:before, div.divRecrutement > div.element.description ul li:before,
div.divRecrutement > div.element.presentation ul li:before, div.divRecrutement div.bottomDescription div.element.description ul li:before,
div.divRecrutement div.bottomDescription div.element.presentation ul li:before, div.divSimulation > div.element.description ul li:before,
div.divSimulation > div.element.presentation ul li:before, div.divSimulation div.bottomDescription div.element.description ul li:before,
div.divSimulation div.bottomDescription div.element.presentation ul li:before, div.divAdhesion > div.element.description ul li:before,
div.divAdhesion > div.element.presentation ul li:before, div.divAdhesion div.bottomDescription div.element.description ul li:before,
div.divAdhesion div.bottomDescription div.element.presentation ul li:before, div.divAdherent > div.element.description ul li:before,
div.divAdherent > div.element.presentation ul li:before, div.divAdherent div.bottomDescription div.element.description ul li:before,
div.divAdherent div.bottomDescription div.element.presentation ul li:before, div.divAdherer > div.element.description ul li:before,
div.divAdherer > div.element.presentation ul li:before, div.divAdherer div.bottomDescription div.element.description ul li:before,
div.divAdherer div.bottomDescription div.element.presentation ul li:before, div.divInformation > div.element.description ul li:before,
div.divInformation > div.element.presentation ul li:before, div.divInformation div.bottomDescription div.element.description ul li:before,
div.divInformation div.bottomDescription div.element.presentation ul li:before, div.divActualite > div.element.description ul li:before,
div.divActualite > div.element.presentation ul li:before, div.divActualite div.bottomDescription div.element.description ul li:before,
div.divActualite div.bottomDescription div.element.presentation ul li:before, div.divDossiers > div.element.description ul li:before,
div.divDossiers > div.element.presentation ul li:before, div.divDossiers div.bottomDescription div.element.description ul li:before,
div.divDossiers div.bottomDescription div.element.presentation ul li:before, div.element.dossier.view > div.element.description ul li:before,
div.element.dossier.view > div.element.presentation ul li:before, div.element.dossier.view div.bottomDescription div.element.description ul li:before,
div.element.dossier.view div.bottomDescription div.element.presentation ul li:before, div.divEvenement > div.element.description ul li:before,
div.divEvenement > div.element.presentation ul li:before, div.divEvenement div.bottomDescription div.element.description ul li:before,
div.divEvenement div.bottomDescription div.element.presentation ul li:before, div.divPresse > div.element.description ul li:before,
div.divPresse > div.element.presentation ul li:before, div.divPresse div.bottomDescription div.element.description ul li:before,
div.divPresse div.bottomDescription div.element.presentation ul li:before, div.divQuestion > div.element.description ul li:before,
div.divQuestion > div.element.presentation ul li:before, div.divQuestion div.bottomDescription div.element.description ul li:before,
div.divQuestion div.bottomDescription div.element.presentation ul li:before, div.divDocumentation > div.element.description ul li:before,
div.divDocumentation > div.element.presentation ul li:before, div.divDocumentation div.bottomDescription div.element.description ul li:before,
div.divDocumentation div.bottomDescription div.element.presentation ul li:before, div.divDocumentation div.topPage > div.element.description ul li:before,
div.divDocumentation div.topPage > div.element.presentation ul li:before, div.divHistorique > div.element.description ul li:before,
div.divHistorique > div.element.presentation ul li:before, div.divHistorique div.bottomDescription div.element.description ul li:before,
div.divHistorique div.bottomDescription div.element.presentation ul li:before, div.divVideos > div.element.description ul li:before,
div.divVideos > div.element.presentation ul li:before, div.divVideos div.bottomDescription div.element.description ul li:before,
div.divVideos div.bottomDescription div.element.presentation ul li:before, div.divWebinaire > div.element.description ul li:before,
div.divWebinaire > div.element.presentation ul li:before, div.divWebinaire div.bottomDescription div.element.description ul li:before,
div.divWebinaire div.bottomDescription div.element.presentation ul li:before, div.divSitemap > div.element.description ul li:before,
div.divSitemap > div.element.presentation ul li:before, div.divSitemap div.bottomDescription div.element.description ul li:before,
div.divSitemap div.bottomDescription div.element.presentation ul li:before, div.divMentions > div.element.description ul li:before,
div.divMentions > div.element.presentation ul li:before, div.divMentions div.bottomDescription div.element.description ul li:before,
div.divMentions div.bottomDescription div.element.presentation ul li:before, div.divDonnees-personnelles > div.element.description ul li:before,
div.divDonnees-personnelles > div.element.presentation ul li:before, div.divDonnees-personnelles div.bottomDescription div.element.description ul li:before,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li:before, .divPage.divTest > div.element.description ul li:before,
.divPage.divTest > div.element.presentation ul li:before, .divPage.divTest div.bottomDescription div.element.description ul li:before,
.divPage.divTest div.bottomDescription div.element.presentation ul li:before, div.newsletter.edit > p ul li:before, div.newsletters-groups div.sending ul li:before, div.newsletters-groups div.groups form.editNewsletterGroup ul li:before, div.divSent ul li:before, div.divDelete ul li:before, div.divPage.divVotre-offre-de-services > div.element.description ul li:before,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li:before, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li:before,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li:before, .element.offreCategory.view > div.element.description ul li:before,
.element.offreCategory.view > div.element.presentation ul li:before, .element.offreCategory.view div.bottomDescription div.element.description ul li:before,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.element.view div.left div.description ul li ul li:before,
div.element.edit div.left div.description ul li ul li:before, div.divPage.divSalarie > div.element.description ul li ul li:before,
div.divPage.divSalarie > div.element.presentation ul li ul li:before, div.divPage.divSalarie div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divDirigeant > div.element.description ul li ul li:before,
div.divPage.divDirigeant > div.element.presentation ul li ul li:before, div.divPage.divDirigeant div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divRepresentant > div.element.description ul li ul li:before,
div.divPage.divRepresentant > div.element.presentation ul li ul li:before, div.divPage.divRepresentant div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCmaic > div.element.description ul li ul li:before,
div.divPage.divCmaic > div.element.presentation ul li ul li:before, div.divPage.divCmaic div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divQui-sommes-nous > div.element.description ul li ul li:before,
div.divPage.divQui-sommes-nous > div.element.presentation ul li ul li:before, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSante > div.element.description ul li ul li:before,
div.divPage.divSante > div.element.presentation ul li ul li:before, div.divPage.divSante div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSante div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divReglementation > div.element.description ul li ul li:before,
div.divPage.divReglementation > div.element.presentation ul li ul li:before, div.divPage.divReglementation div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSante-Travail > div.element.description ul li ul li:before,
div.divPage.divSante-Travail > div.element.presentation ul li ul li:before, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSante-Enjeu > div.element.description ul li ul li:before,
div.divPage.divSante-Enjeu > div.element.presentation ul li ul li:before, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCovid19 > div.element.description ul li ul li:before,
div.divPage.divCovid19 > div.element.presentation ul li ul li:before, div.divPage.divCovid19 div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divInformation-coronavirus > div.element.description ul li ul li:before,
div.divPage.divInformation-coronavirus > div.element.presentation ul li ul li:before, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divEntreprise-coronavirus > div.element.description ul li ul li:before,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li ul li:before, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divSalarie-coronavirus > div.element.description ul li ul li:before,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li ul li:before, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-recommandations > div.element.description ul li ul li:before,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li ul li:before, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divCible > div.element.description ul li ul li:before,
div.divPage.divCible > div.element.presentation ul li ul li:before, div.divPage.divNos-enjeux > div.element.description ul li ul li:before,
div.divPage.divNos-enjeux > div.element.presentation ul li ul li:before, div.divPage.divCible div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divCible div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divDossiers > div.element.description ul li ul li:before,
div.divPage.divDossiers > div.element.presentation ul li ul li:before, div.divPage.divDossiers div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li ul li:before, div.divPage.divChiffre-cle > div.element.description ul li ul li:before,
div.divPage.divChiffre-cle > div.element.presentation ul li ul li:before, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li ul li:before, div.divRecrutement > div.element.description ul li ul li:before,
div.divRecrutement > div.element.presentation ul li ul li:before, div.divRecrutement div.bottomDescription div.element.description ul li ul li:before,
div.divRecrutement div.bottomDescription div.element.presentation ul li ul li:before, div.divSimulation > div.element.description ul li ul li:before,
div.divSimulation > div.element.presentation ul li ul li:before, div.divSimulation div.bottomDescription div.element.description ul li ul li:before,
div.divSimulation div.bottomDescription div.element.presentation ul li ul li:before, div.divAdhesion > div.element.description ul li ul li:before,
div.divAdhesion > div.element.presentation ul li ul li:before, div.divAdhesion div.bottomDescription div.element.description ul li ul li:before,
div.divAdhesion div.bottomDescription div.element.presentation ul li ul li:before, div.divAdherent > div.element.description ul li ul li:before,
div.divAdherent > div.element.presentation ul li ul li:before, div.divAdherent div.bottomDescription div.element.description ul li ul li:before,
div.divAdherent div.bottomDescription div.element.presentation ul li ul li:before, div.divAdherer > div.element.description ul li ul li:before,
div.divAdherer > div.element.presentation ul li ul li:before, div.divAdherer div.bottomDescription div.element.description ul li ul li:before,
div.divAdherer div.bottomDescription div.element.presentation ul li ul li:before, div.divInformation > div.element.description ul li ul li:before,
div.divInformation > div.element.presentation ul li ul li:before, div.divInformation div.bottomDescription div.element.description ul li ul li:before,
div.divInformation div.bottomDescription div.element.presentation ul li ul li:before, div.divActualite > div.element.description ul li ul li:before,
div.divActualite > div.element.presentation ul li ul li:before, div.divActualite div.bottomDescription div.element.description ul li ul li:before,
div.divActualite div.bottomDescription div.element.presentation ul li ul li:before, div.divDossiers > div.element.description ul li ul li:before,
div.divDossiers > div.element.presentation ul li ul li:before, div.divDossiers div.bottomDescription div.element.description ul li ul li:before,
div.divDossiers div.bottomDescription div.element.presentation ul li ul li:before, div.element.dossier.view > div.element.description ul li ul li:before,
div.element.dossier.view > div.element.presentation ul li ul li:before, div.element.dossier.view div.bottomDescription div.element.description ul li ul li:before,
div.element.dossier.view div.bottomDescription div.element.presentation ul li ul li:before, div.divEvenement > div.element.description ul li ul li:before,
div.divEvenement > div.element.presentation ul li ul li:before, div.divEvenement div.bottomDescription div.element.description ul li ul li:before,
div.divEvenement div.bottomDescription div.element.presentation ul li ul li:before, div.divPresse > div.element.description ul li ul li:before,
div.divPresse > div.element.presentation ul li ul li:before, div.divPresse div.bottomDescription div.element.description ul li ul li:before,
div.divPresse div.bottomDescription div.element.presentation ul li ul li:before, div.divQuestion > div.element.description ul li ul li:before,
div.divQuestion > div.element.presentation ul li ul li:before, div.divQuestion div.bottomDescription div.element.description ul li ul li:before,
div.divQuestion div.bottomDescription div.element.presentation ul li ul li:before, div.divDocumentation > div.element.description ul li ul li:before,
div.divDocumentation > div.element.presentation ul li ul li:before, div.divDocumentation div.bottomDescription div.element.description ul li ul li:before,
div.divDocumentation div.bottomDescription div.element.presentation ul li ul li:before, div.divDocumentation div.topPage > div.element.description ul li ul li:before,
div.divDocumentation div.topPage > div.element.presentation ul li ul li:before, div.divHistorique > div.element.description ul li ul li:before,
div.divHistorique > div.element.presentation ul li ul li:before, div.divHistorique div.bottomDescription div.element.description ul li ul li:before,
div.divHistorique div.bottomDescription div.element.presentation ul li ul li:before, div.divVideos > div.element.description ul li ul li:before,
div.divVideos > div.element.presentation ul li ul li:before, div.divVideos div.bottomDescription div.element.description ul li ul li:before,
div.divVideos div.bottomDescription div.element.presentation ul li ul li:before, div.divWebinaire > div.element.description ul li ul li:before,
div.divWebinaire > div.element.presentation ul li ul li:before, div.divWebinaire div.bottomDescription div.element.description ul li ul li:before,
div.divWebinaire div.bottomDescription div.element.presentation ul li ul li:before, div.divSitemap > div.element.description ul li ul li:before,
div.divSitemap > div.element.presentation ul li ul li:before, div.divSitemap div.bottomDescription div.element.description ul li ul li:before,
div.divSitemap div.bottomDescription div.element.presentation ul li ul li:before, div.divMentions > div.element.description ul li ul li:before,
div.divMentions > div.element.presentation ul li ul li:before, div.divMentions div.bottomDescription div.element.description ul li ul li:before,
div.divMentions div.bottomDescription div.element.presentation ul li ul li:before, div.divDonnees-personnelles > div.element.description ul li ul li:before,
div.divDonnees-personnelles > div.element.presentation ul li ul li:before, div.divDonnees-personnelles div.bottomDescription div.element.description ul li ul li:before,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li ul li:before, .divPage.divTest > div.element.description ul li ul li:before,
.divPage.divTest > div.element.presentation ul li ul li:before, .divPage.divTest div.bottomDescription div.element.description ul li ul li:before,
.divPage.divTest div.bottomDescription div.element.presentation ul li ul li:before, div.newsletter.edit > p ul li ul li:before, div.newsletters-groups div.sending ul li ul li:before, div.newsletters-groups div.groups form.editNewsletterGroup ul li ul li:before, div.divSent ul li ul li:before, div.divDelete ul li ul li:before, div.divPage.divVotre-offre-de-services > div.element.description ul li ul li:before,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li ul li:before, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li ul li:before,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li ul li:before, .element.offreCategory.view > div.element.description ul li ul li:before,
.element.offreCategory.view > div.element.presentation ul li ul li:before, .element.offreCategory.view div.bottomDescription div.element.description ul li ul li:before,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.element.view div.left div.description ul li ul li ul li:before,
div.element.edit div.left div.description ul li ul li ul li:before, div.divPage.divSalarie > div.element.description ul li ul li ul li:before,
div.divPage.divSalarie > div.element.presentation ul li ul li ul li:before, div.divPage.divSalarie div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSalarie div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divDirigeant > div.element.description ul li ul li ul li:before,
div.divPage.divDirigeant > div.element.presentation ul li ul li ul li:before, div.divPage.divDirigeant div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divDirigeant div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divRepresentant > div.element.description ul li ul li ul li:before,
div.divPage.divRepresentant > div.element.presentation ul li ul li ul li:before, div.divPage.divRepresentant div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divRepresentant div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCmaic > div.element.description ul li ul li ul li:before,
div.divPage.divCmaic > div.element.presentation ul li ul li ul li:before, div.divPage.divCmaic div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCmaic div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divQui-sommes-nous > div.element.description ul li ul li ul li:before,
div.divPage.divQui-sommes-nous > div.element.presentation ul li ul li ul li:before, div.divPage.divQui-sommes-nous div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSante > div.element.description ul li ul li ul li:before,
div.divPage.divSante > div.element.presentation ul li ul li ul li:before, div.divPage.divSante div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSante div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divReglementation > div.element.description ul li ul li ul li:before,
div.divPage.divReglementation > div.element.presentation ul li ul li ul li:before, div.divPage.divReglementation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divReglementation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Travail > div.element.description ul li ul li ul li:before,
div.divPage.divSante-Travail > div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Travail div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Enjeu > div.element.description ul li ul li ul li:before,
div.divPage.divSante-Enjeu > div.element.presentation ul li ul li ul li:before, div.divPage.divSante-Enjeu div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19 > div.element.description ul li ul li ul li:before,
div.divPage.divCovid19 > div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19 div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCovid19 div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC > div.element.description ul li ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation ul li ul li ul li:before, div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divInformation-coronavirus > div.element.description ul li ul li ul li:before,
div.divPage.divInformation-coronavirus > div.element.presentation ul li ul li ul li:before, div.divPage.divInformation-coronavirus div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divEntreprise-coronavirus > div.element.description ul li ul li ul li:before,
div.divPage.divEntreprise-coronavirus > div.element.presentation ul li ul li ul li:before, div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divSalarie-coronavirus > div.element.description ul li ul li ul li:before,
div.divPage.divSalarie-coronavirus > div.element.presentation ul li ul li ul li:before, div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation > div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-recommandations > div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-recommandations > div.element.presentation ul li ul li ul li:before, div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description ul li ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation ul li ul li ul li:before, div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divCible > div.element.description ul li ul li ul li:before,
div.divPage.divCible > div.element.presentation ul li ul li ul li:before, div.divPage.divNos-enjeux > div.element.description ul li ul li ul li:before,
div.divPage.divNos-enjeux > div.element.presentation ul li ul li ul li:before, div.divPage.divCible div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divCible div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divNos-enjeux div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divDossiers > div.element.description ul li ul li ul li:before,
div.divPage.divDossiers > div.element.presentation ul li ul li ul li:before, div.divPage.divDossiers div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divDossiers div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPage.divChiffre-cle > div.element.description ul li ul li ul li:before,
div.divPage.divChiffre-cle > div.element.presentation ul li ul li ul li:before, div.divPage.divChiffre-cle div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divRecrutement > div.element.description ul li ul li ul li:before,
div.divRecrutement > div.element.presentation ul li ul li ul li:before, div.divRecrutement div.bottomDescription div.element.description ul li ul li ul li:before,
div.divRecrutement div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divSimulation > div.element.description ul li ul li ul li:before,
div.divSimulation > div.element.presentation ul li ul li ul li:before, div.divSimulation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divSimulation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divAdhesion > div.element.description ul li ul li ul li:before,
div.divAdhesion > div.element.presentation ul li ul li ul li:before, div.divAdhesion div.bottomDescription div.element.description ul li ul li ul li:before,
div.divAdhesion div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divAdherent > div.element.description ul li ul li ul li:before,
div.divAdherent > div.element.presentation ul li ul li ul li:before, div.divAdherent div.bottomDescription div.element.description ul li ul li ul li:before,
div.divAdherent div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divAdherer > div.element.description ul li ul li ul li:before,
div.divAdherer > div.element.presentation ul li ul li ul li:before, div.divAdherer div.bottomDescription div.element.description ul li ul li ul li:before,
div.divAdherer div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divInformation > div.element.description ul li ul li ul li:before,
div.divInformation > div.element.presentation ul li ul li ul li:before, div.divInformation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divInformation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divActualite > div.element.description ul li ul li ul li:before,
div.divActualite > div.element.presentation ul li ul li ul li:before, div.divActualite div.bottomDescription div.element.description ul li ul li ul li:before,
div.divActualite div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDossiers > div.element.description ul li ul li ul li:before,
div.divDossiers > div.element.presentation ul li ul li ul li:before, div.divDossiers div.bottomDescription div.element.description ul li ul li ul li:before,
div.divDossiers div.bottomDescription div.element.presentation ul li ul li ul li:before, div.element.dossier.view > div.element.description ul li ul li ul li:before,
div.element.dossier.view > div.element.presentation ul li ul li ul li:before, div.element.dossier.view div.bottomDescription div.element.description ul li ul li ul li:before,
div.element.dossier.view div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divEvenement > div.element.description ul li ul li ul li:before,
div.divEvenement > div.element.presentation ul li ul li ul li:before, div.divEvenement div.bottomDescription div.element.description ul li ul li ul li:before,
div.divEvenement div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divPresse > div.element.description ul li ul li ul li:before,
div.divPresse > div.element.presentation ul li ul li ul li:before, div.divPresse div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPresse div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divQuestion > div.element.description ul li ul li ul li:before,
div.divQuestion > div.element.presentation ul li ul li ul li:before, div.divQuestion div.bottomDescription div.element.description ul li ul li ul li:before,
div.divQuestion div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDocumentation > div.element.description ul li ul li ul li:before,
div.divDocumentation > div.element.presentation ul li ul li ul li:before, div.divDocumentation div.bottomDescription div.element.description ul li ul li ul li:before,
div.divDocumentation div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDocumentation div.topPage > div.element.description ul li ul li ul li:before,
div.divDocumentation div.topPage > div.element.presentation ul li ul li ul li:before, div.divHistorique > div.element.description ul li ul li ul li:before,
div.divHistorique > div.element.presentation ul li ul li ul li:before, div.divHistorique div.bottomDescription div.element.description ul li ul li ul li:before,
div.divHistorique div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divVideos > div.element.description ul li ul li ul li:before,
div.divVideos > div.element.presentation ul li ul li ul li:before, div.divVideos div.bottomDescription div.element.description ul li ul li ul li:before,
div.divVideos div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divWebinaire > div.element.description ul li ul li ul li:before,
div.divWebinaire > div.element.presentation ul li ul li ul li:before, div.divWebinaire div.bottomDescription div.element.description ul li ul li ul li:before,
div.divWebinaire div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divSitemap > div.element.description ul li ul li ul li:before,
div.divSitemap > div.element.presentation ul li ul li ul li:before, div.divSitemap div.bottomDescription div.element.description ul li ul li ul li:before,
div.divSitemap div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divMentions > div.element.description ul li ul li ul li:before,
div.divMentions > div.element.presentation ul li ul li ul li:before, div.divMentions div.bottomDescription div.element.description ul li ul li ul li:before,
div.divMentions div.bottomDescription div.element.presentation ul li ul li ul li:before, div.divDonnees-personnelles > div.element.description ul li ul li ul li:before,
div.divDonnees-personnelles > div.element.presentation ul li ul li ul li:before, div.divDonnees-personnelles div.bottomDescription div.element.description ul li ul li ul li:before,
div.divDonnees-personnelles div.bottomDescription div.element.presentation ul li ul li ul li:before, .divPage.divTest > div.element.description ul li ul li ul li:before,
.divPage.divTest > div.element.presentation ul li ul li ul li:before, .divPage.divTest div.bottomDescription div.element.description ul li ul li ul li:before,
.divPage.divTest div.bottomDescription div.element.presentation ul li ul li ul li:before, div.newsletter.edit > p ul li ul li ul li:before, div.newsletters-groups div.sending ul li ul li ul li:before, div.newsletters-groups div.groups form.editNewsletterGroup ul li ul li ul li:before, div.divSent ul li ul li ul li:before, div.divDelete ul li ul li ul li:before, div.divPage.divVotre-offre-de-services > div.element.description ul li ul li ul li:before,
div.divPage.divVotre-offre-de-services > div.element.presentation ul li ul li ul li:before, div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description ul li ul li ul li:before,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation ul li ul li ul li:before, .element.offreCategory.view > div.element.description ul li ul li ul li:before,
.element.offreCategory.view > div.element.presentation ul li ul li ul li:before, .element.offreCategory.view div.bottomDescription div.element.description ul li ul li ul li:before,
.element.offreCategory.view div.bottomDescription div.element.presentation ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}

/* line 335, ../specific.scss */
body.mceContentBody a.readmore, a.readmore, div.divPage.divSalarie div.accesTemplate a, div.divPage.divDirigeant div.accesTemplate a, div.divPage.divRepresentant div.accesTemplate a, div.divPage.divCmaic div.accesTemplate a, div.divPage.divQui-sommes-nous div.accesTemplate a, div.divPage.divSante div.accesTemplate a, div.divPage.divReglementation div.accesTemplate a, div.divPage.divSante-Travail div.accesTemplate a, div.divPage.divSante-Enjeu div.accesTemplate a, div.divPage.divCovid19 div.accesTemplate a, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a, div.divPage.divInformation-coronavirus div.accesTemplate a, div.divPage.divEntreprise-coronavirus div.accesTemplate a, div.divPage.divSalarie-coronavirus div.accesTemplate a, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a, div.divPage.divCoronavirus-recommandations div.accesTemplate a, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a, div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a, div.divPage.divDossiers div.accesTemplate a, div.divPage.divChiffre-cle div.accesTemplate a, div.divRecrutement div.accesTemplate a, div.divSimulation div.accesTemplate a, div.divAdhesion div.accesTemplate a, div.divAdherent div.accesTemplate a, div.divAdherer div.accesTemplate a, div.divInformation div.accesTemplate a, div.divActualite div.accesTemplate a, div.divDossiers div.accesTemplate a, div.element.dossier.view div.accesTemplate a, div.divEvenement div.accesTemplate a, div.divPresse div.accesTemplate a, div.divQuestion div.accesTemplate a, div.element.questionCategory.listview h2 a, div.divDocumentation div.accesTemplate a, div.divHistorique div.accesTemplate a, div.divVideos div.accesTemplate a, div.divWebinaire div.accesTemplate a, form.editContact input.send, div.divSitemap div.accesTemplate a, div.divMentions div.accesTemplate a, div.divDonnees-personnelles div.accesTemplate a, footer#footer div.rightFooter a.btnFooter, footer#footer div.bottomAccesNwsl a, div.divError a, .divPage.divTest div.accesTemplate a, div.use-tabs.newsletter div.bottom a.createNwsl, .element.account.edit form input.connection, div.divPage.divVotre-offre-de-services div.accesTemplate a, .element.offreCategory.view div.accesTemplate a, div.divCmaic-Action div.topContainer a.visiteAuto, body.mceContentBody a.contact-us, a.contact-us, div.element.recrutement.edit div.buttons input.save, div.divPage.divCovid19 div.description .miseEnAvant,
div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant,
div.divPage.divInformation-coronavirus div.description .miseEnAvant,
div.divPage.divEntreprise-coronavirus div.description .miseEnAvant,
div.divPage.divSalarie-coronavirus div.description .miseEnAvant,
div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant,
div.divPage.divCoronavirus-recommandations div.description .miseEnAvant,
div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant {
  transition: 200ms;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box;
  padding: 16px 26px;
  font-weight: bold;
  color: #FFF;
  border-radius: 50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}

/* line 347, ../specific.scss */
body.mceContentBody a.readmore, a.readmore, div.divPage.divSalarie div.accesTemplate a, div.divPage.divDirigeant div.accesTemplate a, div.divPage.divRepresentant div.accesTemplate a, div.divPage.divCmaic div.accesTemplate a, div.divPage.divQui-sommes-nous div.accesTemplate a, div.divPage.divSante div.accesTemplate a, div.divPage.divReglementation div.accesTemplate a, div.divPage.divSante-Travail div.accesTemplate a, div.divPage.divSante-Enjeu div.accesTemplate a, div.divPage.divCovid19 div.accesTemplate a, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a, div.divPage.divInformation-coronavirus div.accesTemplate a, div.divPage.divEntreprise-coronavirus div.accesTemplate a, div.divPage.divSalarie-coronavirus div.accesTemplate a, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a, div.divPage.divCoronavirus-recommandations div.accesTemplate a, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a, div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a, div.divPage.divDossiers div.accesTemplate a, div.divPage.divChiffre-cle div.accesTemplate a, div.divRecrutement div.accesTemplate a, div.divSimulation div.accesTemplate a, div.divAdhesion div.accesTemplate a, div.divAdherent div.accesTemplate a, div.divAdherer div.accesTemplate a, div.divInformation div.accesTemplate a, div.divActualite div.accesTemplate a, div.divDossiers div.accesTemplate a, div.element.dossier.view div.accesTemplate a, div.divEvenement div.accesTemplate a, div.divPresse div.accesTemplate a, div.divQuestion div.accesTemplate a, div.element.questionCategory.listview h2 a, div.divDocumentation div.accesTemplate a, div.divHistorique div.accesTemplate a, div.divVideos div.accesTemplate a, div.divWebinaire div.accesTemplate a, form.editContact input.send, div.divSitemap div.accesTemplate a, div.divMentions div.accesTemplate a, div.divDonnees-personnelles div.accesTemplate a, footer#footer div.rightFooter a.btnFooter, footer#footer div.bottomAccesNwsl a, div.divError a, .divPage.divTest div.accesTemplate a, div.use-tabs.newsletter div.bottom a.createNwsl, .element.account.edit form input.connection, div.divPage.divVotre-offre-de-services div.accesTemplate a, .element.offreCategory.view div.accesTemplate a, div.divCmaic-Action div.topContainer a.visiteAuto {
  background: #FF9827;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  body.mceContentBody a.readmore:hover, a.readmore:hover, div.divPage.divSalarie div.accesTemplate a:hover, div.divPage.divDirigeant div.accesTemplate a:hover, div.divPage.divRepresentant div.accesTemplate a:hover, div.divPage.divCmaic div.accesTemplate a:hover, div.divPage.divQui-sommes-nous div.accesTemplate a:hover, div.divPage.divSante div.accesTemplate a:hover, div.divPage.divReglementation div.accesTemplate a:hover, div.divPage.divSante-Travail div.accesTemplate a:hover, div.divPage.divSante-Enjeu div.accesTemplate a:hover, div.divPage.divCovid19 div.accesTemplate a:hover, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:hover, div.divPage.divInformation-coronavirus div.accesTemplate a:hover, div.divPage.divEntreprise-coronavirus div.accesTemplate a:hover, div.divPage.divSalarie-coronavirus div.accesTemplate a:hover, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:hover, div.divPage.divCoronavirus-recommandations div.accesTemplate a:hover, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:hover, div.divPage.divCible div.accesTemplate a:hover, div.divPage.divNos-enjeux div.accesTemplate a:hover, div.divPage.divChiffre-cle div.accesTemplate a:hover, div.divRecrutement div.accesTemplate a:hover, div.divSimulation div.accesTemplate a:hover, div.divAdhesion div.accesTemplate a:hover, div.divAdherent div.accesTemplate a:hover, div.divAdherer div.accesTemplate a:hover, div.divInformation div.accesTemplate a:hover, div.divActualite div.accesTemplate a:hover, div.divDossiers div.accesTemplate a:hover, div.element.dossier.view div.accesTemplate a:hover, div.divEvenement div.accesTemplate a:hover, div.divPresse div.accesTemplate a:hover, div.divQuestion div.accesTemplate a:hover, div.element.questionCategory.listview h2 a:hover, div.divDocumentation div.accesTemplate a:hover, div.divHistorique div.accesTemplate a:hover, div.divVideos div.accesTemplate a:hover, div.divWebinaire div.accesTemplate a:hover, form.editContact input.send:hover, div.divSitemap div.accesTemplate a:hover, div.divMentions div.accesTemplate a:hover, div.divDonnees-personnelles div.accesTemplate a:hover, footer#footer div.rightFooter a.btnFooter:hover, footer#footer div.bottomAccesNwsl a:hover, div.divError a:hover, .divPage.divTest div.accesTemplate a:hover, div.use-tabs.newsletter div.bottom a.createNwsl:hover, .element.account.edit form input.connection:hover, div.divPage.divVotre-offre-de-services div.accesTemplate a:hover, .element.offreCategory.view div.accesTemplate a:hover, div.divCmaic-Action div.topContainer a.visiteAuto:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 357, ../specific.scss */
body.mceContentBody a.contact-us, a.contact-us, div.element.recrutement.edit div.buttons input.save, div.divPage.divCovid19 div.description .miseEnAvant,
div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant,
div.divPage.divInformation-coronavirus div.description .miseEnAvant,
div.divPage.divEntreprise-coronavirus div.description .miseEnAvant,
div.divPage.divSalarie-coronavirus div.description .miseEnAvant,
div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant,
div.divPage.divCoronavirus-recommandations div.description .miseEnAvant,
div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant {
  background: #3E4982;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  body.mceContentBody a.contact-us:hover, a.contact-us:hover, div.element.recrutement.edit div.buttons input.save:hover, div.divPage.divCovid19 div.description .miseEnAvant:hover,
  div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant:hover,
  div.divPage.divInformation-coronavirus div.description .miseEnAvant:hover,
  div.divPage.divEntreprise-coronavirus div.description .miseEnAvant:hover,
  div.divPage.divSalarie-coronavirus div.description .miseEnAvant:hover,
  div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant:hover,
  div.divPage.divCoronavirus-recommandations div.description .miseEnAvant:hover,
  div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant:hover {
    background: #FFF;
    color: #3E4982;
  }
}

@keyframes templateBackground {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 74% 0;
  }
}
@keyframes accesTemplate {
  0% {
    right: -100%;
  }
  100% {
    right: 0%;
  }
}
/*Element*/
/* line 717, ../specific.scss */
div.element.viewList div.content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 800px) {
  /* line 717, ../specific.scss */
  div.element.viewList div.content {
    display: block;
  }
}

/* line 727, ../specific.scss */
div.element.preview, div.element.listview {
  width: calc(100% / 3 - 2%);
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 727, ../specific.scss */
  div.element.preview, div.element.listview {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 737, ../specific.scss */
div.element.preview h2 a, div.element.listview h2 a {
  padding: 20px 0;
}
/* line 743, ../specific.scss */
div.element.preview div.picture a, div.element.listview div.picture a {
  display: block;
}
/* line 746, ../specific.scss */
div.element.preview div.picture a img, div.element.listview div.picture a img {
  display: block;
  margin: auto;
  width: 100%;
}

/* line 764, ../specific.scss */
div.element.view div.left,
div.element.edit div.left {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  margin-right: 4%;
}
@media only screen and (max-width: 800px) {
  /* line 764, ../specific.scss */
  div.element.view div.left,
  div.element.edit div.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* line 779, ../specific.scss */
div.element.view div.left div.bottom,
div.element.edit div.left div.bottom {
  margin-top: 20px;
}
/* line 782, ../specific.scss */
div.element.view div.left div.bottom a,
div.element.edit div.left div.bottom a {
  margin-right: 20px;
}
/* line 788, ../specific.scss */
div.element.view div.right,
div.element.edit div.right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 36%;
}
/* line 793, ../specific.scss */
div.element.view div.right div.picture img,
div.element.edit div.right div.picture img {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 788, ../specific.scss */
  div.element.view div.right,
  div.element.edit div.right {
    width: 100%;
  }
}

/* line 804, ../specific.scss */
div.element.actualite.view div.bottomContainer a, div.element.presse.view div.bottomContainer a, div.element.evenement.view div.bottomContainer a, div.element.ged.listview a, .element.video.view.webinaire div.bottomContainer a, .element.offreDocument.listview.document-download a {
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 40px;
  position: relative;
  color: #5E5E5E;
  box-shadow: none;
  background: none;
  border-radius: 0;
  margin: 6px;
  margin-left: 0;
  font-style: normal;
}
/* line 816, ../specific.scss */
div.element.actualite.view div.bottomContainer a:before, div.element.presse.view div.bottomContainer a:before, div.element.evenement.view div.bottomContainer a:before, div.element.ged.listview a:before, .element.video.view.webinaire div.bottomContainer a:before, .element.offreDocument.listview.document-download a:before {
  content: '';
  background: url(data/image/Download.svg) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
}
/* line 826, ../specific.scss */
div.element.actualite.view div.bottomContainer a:hover, div.element.presse.view div.bottomContainer a:hover, div.element.evenement.view div.bottomContainer a:hover, div.element.ged.listview a:hover, .element.video.view.webinaire div.bottomContainer a:hover, .element.offreDocument.listview.document-download a:hover {
  color: #3E4982;
}

/* line 1355, ../specific.scss */
div.element.evenement.view h1, div.element.presse.view h1 {
  margin-bottom: 0;
}
/* line 1359, ../specific.scss */
div.element.evenement.view div.topAdmin, div.element.presse.view div.topAdmin {
  text-align: center;
  margin-bottom: 20px;
}
/* line 1363, ../specific.scss */
div.element.evenement.view div.topAdmin a, div.element.presse.view div.topAdmin a {
  margin: 10px;
}
/* line 1368, ../specific.scss */
div.element.evenement.view div.details, div.element.presse.view div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
}
/* line 1372, ../specific.scss */
div.element.evenement.view div.details div.contentToShare, div.element.presse.view div.details div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.view div.details div.contentToShare > div, div.element.presse.view div.details div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.view div.details div.contentToShare > div a, div.element.presse.view div.details div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.view div.details div.contentToShare.active > div, div.element.presse.view div.details div.contentToShare.active > div {
  display: block;
}
/* line 1376, ../specific.scss */
div.element.evenement.view div.details > div, div.element.presse.view div.details > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23%;
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
/* line 1384, ../specific.scss */
div.element.evenement.view div.details > div a, div.element.presse.view div.details > div a {
  color: #5E5E5E;
}
/* line 1389, ../specific.scss */
div.element.evenement.view div.details > div a.showShare img, div.element.presse.view div.details > div a.showShare img {
  max-height: 12px;
}
/* line 1394, ../specific.scss */
div.element.evenement.view div.details > div.date, div.element.presse.view div.details > div.date {
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1394, ../specific.scss */
  div.element.evenement.view div.details > div.date, div.element.presse.view div.details > div.date {
    background: none;
  }
}
/* line 1402, ../specific.scss */
div.element.evenement.view div.details > div.lieu, div.element.presse.view div.details > div.lieu {
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1402, ../specific.scss */
  div.element.evenement.view div.details > div.lieu, div.element.presse.view div.details > div.lieu {
    background: none;
  }
}
/* line 1410, ../specific.scss */
div.element.evenement.view div.details > div.document, div.element.presse.view div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1410, ../specific.scss */
  div.element.evenement.view div.details > div.document, div.element.presse.view div.details > div.document {
    padding-left: 20px;
  }
}
/* line 1422, ../specific.scss */
div.element.evenement.view div.description h3, div.element.presse.view div.description h3,
div.element.evenement.view div.description strong,
div.element.presse.view div.description strong {
  color: #3E4982;
}
/* line 252, ../specific.scss */
div.element.evenement.view div.description ul, div.element.presse.view div.description ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.element.evenement.view div.description ul li, div.element.presse.view div.description ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.element.evenement.view div.description ul li a, div.element.presse.view div.description ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.element.evenement.view div.description ul li a:hover, div.element.presse.view div.description ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.element.evenement.view div.description ul li:before, div.element.presse.view div.description ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.element.evenement.view div.description ul li ul li:before, div.element.presse.view div.description ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.element.evenement.view div.description ul li ul li ul li:before, div.element.presse.view div.description ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 1430, ../specific.scss */
div.element.evenement.view div.bottom, div.element.presse.view div.bottom {
  text-align: left;
}
/* line 1433, ../specific.scss */
div.element.evenement.view div.bottom a.contact-us, div.element.presse.view div.bottom a.contact-us {
  background: none;
  box-shadow: none;
  border: 1px solid #5E5E5E;
  color: #5E5E5E;
}
/* line 1439, ../specific.scss */
div.element.evenement.view div.bottom a.contact-us:hover, div.element.presse.view div.bottom a.contact-us:hover {
  background: #5E5E5E;
  color: #FFF;
}

/* line 1447, ../specific.scss */
div.divWelcome div.bottomContainer, div.divMist div.bottomContainer {
  margin-top: 600px;
  position: relative;
  padding-top: 100px;
}
@media only screen and (max-width: 800px) {
  /* line 1447, ../specific.scss */
  div.divWelcome div.bottomContainer, div.divMist div.bottomContainer {
    margin-top: 20px;
  }
}
/* line 1456, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces, div.divMist div.bottomContainer div.bottomAcces {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 1463, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a, div.divMist div.bottomContainer div.bottomAcces a {
  display: block;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: #5E5E5E;
  font-size: 24px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1473, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a span, div.divMist div.bottomContainer div.bottomAcces a span {
  position: relative;
  padding-left: 50px;
  font-family: "Raleway", sans-serif;
}
/* line 1478, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a span:before, div.divMist div.bottomContainer div.bottomAcces a span:before {
  content: '';
  background: url(data/image/welcome/scroll.png) center center no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transition: 200ms;
  background-size: 100%;
  animation-name: mouse;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@media only screen and (max-width: 800px) {
  /* line 1473, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a span, div.divMist div.bottomContainer div.bottomAcces a span {
    padding-left: 0;
  }
  /* line 1498, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a span:before, div.divMist div.bottomContainer div.bottomAcces a span:before {
    display: none;
  }
}
@media (hover: hover) {
  /* line 1506, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a:hover span:before, div.divMist div.bottomContainer div.bottomAcces a:hover span:before {
    animation: none;
    top: 10px;
  }
}

/* line 1517, ../specific.scss */
div.element.actualite.viewList div.content, div.element.evenement.viewList div.content, div.element.presse.viewList div.content, div.element.mist.viewList div.content {
  overflow: visible;
}
/* line 1520, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent, div.element.evenement.viewList div.content div.resultContent, div.element.presse.viewList div.content div.resultContent, div.element.mist.viewList div.content div.resultContent {
  width: 100%;
  background: #F2F2F2;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  margin: 40px 0;
}
@media only screen and (max-width: 800px) {
  /* line 1520, ../specific.scss */
  div.element.actualite.viewList div.content div.resultContent, div.element.evenement.viewList div.content div.resultContent, div.element.presse.viewList div.content div.resultContent, div.element.mist.viewList div.content div.resultContent {
    padding: 20px 0;
  }
}
/* line 1532, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent:before, div.element.evenement.viewList div.content div.resultContent:before, div.element.presse.viewList div.content div.resultContent:before, div.element.mist.viewList div.content div.resultContent:before {
  content: '';
  background: #F2F2F2;
  position: absolute;
  right: 100%;
  left: -100%;
  top: 0;
  bottom: 0;
}
/* line 1542, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent:after, div.element.evenement.viewList div.content div.resultContent:after, div.element.presse.viewList div.content div.resultContent:after, div.element.mist.viewList div.content div.resultContent:after {
  content: '';
  background: #F2F2F2;
  position: absolute;
  left: 100%;
  right: -100%;
  top: 0;
  bottom: 0;
}
/* line 1552, ../specific.scss */
div.element.actualite.viewList div.content div.resultContent div.element.view, div.element.evenement.viewList div.content div.resultContent div.element.view, div.element.presse.viewList div.content div.resultContent div.element.view, div.element.mist.viewList div.content div.resultContent div.element.view {
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  /* line 1552, ../specific.scss */
  div.element.actualite.viewList div.content div.resultContent div.element.view, div.element.evenement.viewList div.content div.resultContent div.element.view, div.element.presse.viewList div.content div.resultContent div.element.view, div.element.mist.viewList div.content div.resultContent div.element.view {
    padding: 0;
  }
}

/* line 1624, ../specific.scss */
div.element.customBloc.listview a, div.element.customSubBloc.listview a, div.element.customText.listview a, div.element.customEncart.listview a {
  text-decoration: none;
  transition: 200ms;
  /*    color: $orange; 
      &:hover{color: $red;}*/
}
/* line 1628, ../specific.scss */
div.element.customBloc.listview a.readmore, div.element.customSubBloc.listview a.readmore, div.element.customText.listview a.readmore, div.element.customEncart.listview a.readmore {
  margin-bottom: 5px;
}

/*Animations page d'accueil*/
@keyframes showAll {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
    visibility: hidden;
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
    visibility: visible;
  }
}
@keyframes welcomeAccesBeforeLeft {
  0% {
    background-position: -200%;
  }
  20% {
    background-position: -200%;
  }
  60% {
    background-position: -200%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes welcomeAccesH2Left {
  0% {
    left: 10px;
  }
  20% {
    left: 10px;
  }
  70% {
    left: 10px;
  }
  100% {
    left: -80%;
  }
}
@keyframes welcomeAccesBeforeRight {
  0% {
    background-position: 200%;
  }
  20% {
    background-position: 200%;
  }
  60% {
    background-position: 200%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes welcomeAccesH2Right {
  0% {
    right: 10px;
  }
  20% {
    right: 10px;
  }
  70% {
    right: 10px;
  }
  100% {
    right: -80%;
  }
}
@keyframes welcomeAccesBeforeBottom {
  0% {
    background-position: center 300%;
  }
  60% {
    background-position: center 300%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes welcomeAccesH2Bottom {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  70% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes welcomeLogo {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  80% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes welcomeSearch {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  90% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes ramification {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  90% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
@keyframes circle {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  90% {
    width: 0;
  }
  100% {
    width: 40%;
  }
}
@keyframes btnWelcomeMobile {
  0% {
    transform: rotateX(-100deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  }
  20% {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
  100% {
    transform: rotateX(0deg);
  }
}
@keyframes sonar-effect {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.6;
    box-shadow: 0 0 0 1px #3E4982, 0 0 2px 2px #3E4982, 0 0 0 2px #3E4982;
  }
  100% {
    box-shadow: 0 0 0 2px #3E4982, 0 0 4px 4px #3E4982, 0 0 0 4px #3E4982;
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes mouse {
  0% {
    top: 0;
  }
  100% {
    top: 10px;
  }
}
@keyframes mouse-light {
  0% {
    top: 0;
  }
  100% {
    top: 5px;
  }
}
@keyframes equipe-1 {
  0% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-2 {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-3 {
  0% {
    width: 0;
  }
  40% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-4 {
  0% {
    width: 0;
  }
  60% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-5 {
  0% {
    width: 0;
  }
  80% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-6 {
  0% {
    width: 0;
  }
  90% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes equipe-7 {
  0% {
    width: 0;
  }
  100% {
    width: 190px;
  }
}
@keyframes search {
  0% {
    background: linear-gradient(to right, rgba(88, 151, 199, 0.1) 50%, rgba(88, 151, 199, 0.2) 50%);
    background-size: 0 0;
    background-position: left bottom;
  }
  100% {
    background: linear-gradient(to right, rgba(88, 151, 199, 0.1) 50%, rgba(88, 151, 199, 0.2) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
  }
}
/*
 * General
 * ************************************************************************* */
/* line 1985, ../specific.scss */
body {
  font-family: "Roboto", sans-serif;
  color: #646464;
  background: #FFFFFF;
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}

/* line 1992, ../specific.scss */
body.mceContentBody {
  font-size: 16px;
  color: #646464;
  line-height: 1.4em;
  /*@include customList();*/
}
/* line 1997, ../specific.scss */
body.mceContentBody h3 {
  margin-bottom: 16px;
}
/* line 2006, ../specific.scss */
body.mceContentBody strong {
  color: #3E4982;
}
/* line 2010, ../specific.scss */
body.mceContentBody a.download {
  font-size: 16px;
}
/* line 2015, ../specific.scss */
body.mceContentBody a.readmore {
  font-size: 16px;
}
/* line 2020, ../specific.scss */
body.mceContentBody a.contact-us {
  font-size: 16px;
}

/* line 2028, ../specific.scss */
div.container {
  max-width: 1366px;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1366px) {
  /* line 2028, ../specific.scss */
  div.container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 820px) {
  /* line 2028, ../specific.scss */
  div.container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 2055, ../specific.scss */
input[type="submit"] {
  -webkit-appearance: none;
}

/* line 2059, ../specific.scss */
div.policeSize {
  box-sizing: border-box;
  padding: 0 20px;
  text-align: right;
  background-color: #fff;
}
/* line 2066, ../specific.scss */
div.policeSize a {
  color: #3E4982;
  font-size: 16px;
}
@media only screen and (max-width: 800px) {
  /* line 2059, ../specific.scss */
  div.policeSize {
    display: none;
  }
}

/* line 2076, ../specific.scss */
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: none;
}

/* line 2082, ../specific.scss */
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
  color: #646464;
  padding: 6px;
}

/* line 2087, ../specific.scss */
div.element.editWeight {
  border: 1px solid #646464;
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 2093, ../specific.scss */
div.product div.actions,
div.element div.actions {
  min-height: 100px;
}

/* line 2098, ../specific.scss */
abbr[title],
acronym[title] {
  border-bottom: none;
  text-decoration: none;
  font-weight: bold;
}

/* line 2108, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.save {
  background: #3E4982;
  border: 1px solid #3E4982;
  color: #FFF;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
}
/* line 2117, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.save:hover {
  color: #3E4982;
  background: #FFF;
}
/* line 2123, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.cancel {
  background: #E3424A;
  border: 1px solid #E3424A;
  color: #FFF;
  border-radius: 20px;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
}
/* line 2132, ../specific.scss */
div.element.edit:not(.contact) div.buttons input.cancel:hover {
  color: #E3424A;
  background: #FFF;
}

/*a, a:link, a:visited{color: $hardGrey;}*/
/* line 2150, ../specific.scss */
.tagsinput {
  border-radius: 0;
  /* border: 1px solid $grey; */
  border-right: 0;
}

/* line 2156, ../specific.scss */
.tagsinput .tag {
  background: #3E4982;
  margin: 4px 2px 6px;
  padding: 4px 30px 5px 5px;
}

/* line 2162, ../specific.scss */
.tagsinput .tag .tag-remove:before,
.tagsinput .tag .tag-remove:after {
  background: #FFF;
}

/* line 2167, ../specific.scss */
div.bandeau-annonce {
  background: #3E4982;
  color: #FFF;
  padding: 10px;
}

/* line 2173, ../specific.scss */
header#banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #fff;
}
/* line 2181, ../specific.scss */
header#banner div.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 20px 245px 0;
}
/* line 2186, ../specific.scss */
header#banner div.top a.button-header {
  margin-left: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: rgba(255, 255, 255, 0.87);
  padding: 13px 0;
  width: 190px;
  text-align: center;
  font-weight: 700px;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}
/* line 2200, ../specific.scss */
header#banner div.top a.button-header.adherent {
  background-color: #E3424A;
}
/* line 2204, ../specific.scss */
header#banner div.top a.button-header.recrutement {
  background-color: #16A89F;
}
/* line 2208, ../specific.scss */
header#banner div.top a.button-header.contact {
  background-color: #FF9827;
}
@media only screen and (max-width: 1150px) {
  /* line 2181, ../specific.scss */
  header#banner div.top {
    padding: 20px 100px 0 245px;
  }
}
@media only screen and (max-width: 900px) {
  /* line 2181, ../specific.scss */
  header#banner div.top {
    padding: 20px 50px 0 245px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2181, ../specific.scss */
  header#banner div.top {
    display: none;
  }
}
/* line 2226, ../specific.scss */
header#banner div.bottom {
  background: #3E4982;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 245px;
}
/* line 2234, ../specific.scss */
header#banner div.bottom div.left,
header#banner div.bottom div.right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 2240, ../specific.scss */
header#banner div.bottom div.left {
  height: 100%;
}
/* line 2243, ../specific.scss */
header#banner div.bottom div.left a {
  background-color: #fff;
  margin-right: 40px;
  padding: 20px;
}
/* line 2249, ../specific.scss */
header#banner div.bottom div.left span.baseline {
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1230px) {
  /* line 2249, ../specific.scss */
  header#banner div.bottom div.left span.baseline {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2260, ../specific.scss */
  header#banner div.bottom div.left a {
    padding: 0 20px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 450px) {
  /* line 2268, ../specific.scss */
  header#banner div.bottom div.left img {
    width: 100px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2275, ../specific.scss */
  header#banner div.bottom div.right div.module-search {
    display: none;
  }
}
/* line 2281, ../specific.scss */
header#banner div.bottom div.right div.searchMobile {
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 2281, ../specific.scss */
  header#banner div.bottom div.right div.searchMobile {
    display: block;
    height: 23px;
  }
}
/* line 2290, ../specific.scss */
header#banner div.bottom div.right a.notifs {
  position: relative;
  padding-top: 5px;
  margin-left: 50px;
  margin-right: 20px;
}
/* line 2296, ../specific.scss */
header#banner div.bottom div.right a.notifs span {
  position: absolute;
  top: -6px;
  right: 0;
  background: #E3424A;
  text-align: center;
  font-size: 0.8em;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  color: #FFF;
  height: 22px;
  width: 22px;
  border-radius: 100%;
  line-height: 23px;
}
@media only screen and (max-width: 800px) {
  /* line 2290, ../specific.scss */
  header#banner div.bottom div.right a.notifs {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2316, ../specific.scss */
  header#banner div.bottom div.right a.linkedin {
    display: none;
  }
}
/* line 2322, ../specific.scss */
header#banner div.bottom div.right a.showMenu {
  border-radius: 0 0 0 100%;
  text-align: right;
  margin-left: 50px;
  display: -ms-flexbox;
  display: flex;
}
/* line 2328, ../specific.scss */
header#banner div.bottom div.right a.showMenu span,
header#banner div.bottom div.right a.showMenu img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 2333, ../specific.scss */
header#banner div.bottom div.right a.showMenu span {
  margin-right: 10px;
}
/* line 2337, ../specific.scss */
header#banner div.bottom div.right a.showMenu img {
  transition: 200ms;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  header#banner div.bottom div.right a.showMenu:hover {
    box-shadow: none;
  }
  /* line 2342, ../specific.scss */
  header#banner div.bottom div.right a.showMenu:hover img {
    background: #FFF;
    border-radius: 100%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2322, ../specific.scss */
  header#banner div.bottom div.right a.showMenu {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2274, ../specific.scss */
  header#banner div.bottom div.right {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
@media only screen and (max-width: 1630px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    padding: 0 130px;
  }
}
@media only screen and (max-width: 1400px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    height: 85px;
  }
}
@media only screen and (max-width: 450px) {
  /* line 2226, ../specific.scss */
  header#banner div.bottom {
    padding: 0 25px;
  }
}
/* line 2377, ../specific.scss */
header#banner div.buttons-mobile {
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 2377, ../specific.scss */
  header#banner div.buttons-mobile {
    display: -ms-flexbox;
    display: flex;
  }
  /* line 2383, ../specific.scss */
  header#banner div.buttons-mobile a.button-header {
    padding: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: calc(100%/3);
  }
  /* line 2389, ../specific.scss */
  header#banner div.buttons-mobile a.button-header.adherent {
    background-color: #E3424A;
  }
  /* line 2393, ../specific.scss */
  header#banner div.buttons-mobile a.button-header.recrutement {
    background-color: #16A89F;
  }
  /* line 2397, ../specific.scss */
  header#banner div.buttons-mobile a.button-header.contact {
    background-color: #FF9827;
  }
}
@media only screen and (max-width: 450px) {
  /* line 2404, ../specific.scss */
  header#banner div.buttons-mobile img {
    width: 25px;
  }
}

/* line 2414, ../specific.scss */
.module-search .module {
  background-color: #fff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
}
/* line 2420, ../specific.scss */
.module-search input {
  border: 0;
}
/* line 2424, ../specific.scss */
.module-search input.search {
  width: auto;
  -ms-flex: 1;
      flex: 1;
  padding: 5px;
  padding-left: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-style: italic;
  font-weight: 300;
  color: rgba(112, 112, 112, 0.91);
}
/* line 2436, ../specific.scss */
.module-search .tagsinput {
  -ms-flex: 1;
      flex: 1;
}
/* line 2440, ../specific.scss */
.module-search [type=submit] {
  padding: 10px 15px;
  width: 25px;
  text-indent: -9999px;
  background: url(data/image/header/loupe_mist.png) center center no-repeat #FFF;
  background-size: 50%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
/* line 2452, ../specific.scss */
.module-search.black-glass [type=submit] {
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  background-size: 50%;
}

/* line 2460, ../specific.scss */
div#site {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 2465, ../specific.scss */
div#site a.showMenu {
  color: #FFF;
  text-transform: uppercase;
  transition: 200ms;
}
@media only screen and (max-width: 1380px) {
  /* line 2471, ../specific.scss */
  div#site a.showMenu img {
    margin: 0;
    margin-left: 2%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2465, ../specific.scss */
  div#site a.showMenu {
    display: none;
  }
}
/* line 2482, ../specific.scss */
div#site nav#menu {
  position: fixed;
  left: 0;
  right: 0;
  top: -100%;
  padding: 50px 80px 30px;
  z-index: 250;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
  transition: 200ms;
  margin-top: 165px;
  overflow-y: scroll;
  max-height: 100%;
}
/* line 2496, ../specific.scss */
div#site nav#menu a.no-link {
  cursor: initial;
}
@media only screen and (max-width: 1750px) {
  /* line 2482, ../specific.scss */
  div#site nav#menu {
    padding: 50px 50px 30px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2482, ../specific.scss */
  div#site nav#menu {
    margin-top: 143px;
    padding: 20px;
  }
  /* line 2508, ../specific.scss */
  div#site nav#menu:after {
    content: '';
    position: absolute;
    bottom: 25%;
    right: 13%;
    background: url(data/image/MIST.png) center bottom/300px no-repeat;
    height: 100%;
    width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 2520, ../specific.scss */
  div#site nav#menu:after {
    display: none;
  }
}
/* line 2525, ../specific.scss */
div#site nav#menu.active {
  top: 0;
}
@media only screen and (max-width: 800px) {
  /* line 2529, ../specific.scss */
  div#site nav#menu div.menuContainer {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  /* line 2529, ../specific.scss */
  div#site nav#menu div.menuContainer {
    width: 100%;
  }
}
/* line 2538, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 2542, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li {
  list-style: none;
  margin: 7px 0;
  padding: 0 30px;
  border-left: 2px solid #E8E8E8;
  height: min-content;
}
/* line 2550, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li a span {
  font-weight: 700;
  color: #3E4982;
  font-size: 1rem;
}
/* line 2557, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li:first-of-type {
  border-left: 0;
}
/* line 2564, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-1 li:first-of-type ul li:last-of-type a span {
  font-weight: 700;
  color: #E3424A;
}
@media only screen and (max-width: 1670px) {
  /* line 2574, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.liens-utiles {
    border-left: 0;
  }
}
@media only screen and (max-width: 1515px) {
  /* line 2574, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.liens-utiles {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 965px) {
  /* line 2574, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.liens-utiles {
    border-left: 0;
  }
}
@media only screen and (max-width: 1515px) {
  /* line 2588, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.question {
    border-left: 0;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 2588, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.question {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 2598, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.dirigeant-salarie {
    border-left: 0;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 2598, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.dirigeant-salarie {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 2608, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.information {
    border-left: 0;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 2608, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.information {
    border-left: 2px solid #E8E8E8;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 2618, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.adherer {
    border-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2538, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  /* line 2628, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li {
    border-left: 0 !important;
  }
  /* line 2631, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li a {
    background: url(data/image/2022/arrow-dropdown.svg) right center no-repeat;
    padding-right: 30px;
  }
  /* line 2636, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li ul {
    visibility: hidden;
    max-height: 0;
    transition: 200ms ease-out;
  }
  /* line 2643, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li:hover ul {
    visibility: visible;
    max-height: 60em;
    transition: 200ms ease-out;
  }
  /* line 2651, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li.question a {
    background: transparent;
  }
  /* line 2657, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-1 li:hover ul {
    max-height: auto;
  }
}
/* line 2667, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-2 li,
div#site nav#menu div.menuContainer ul.element.dossier li {
  padding: 0;
  border-left: 0;
}
/* line 2672, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-2 li a span,
div#site nav#menu div.menuContainer ul.element.dossier li a span {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.9rem;
  transition: 200ms;
}
/* line 2680, ../specific.scss */
div#site nav#menu div.menuContainer ul.level-2 li a:hover span,
div#site nav#menu div.menuContainer ul.element.dossier li a:hover span {
  color: #3E4982;
}
@media only screen and (max-width: 800px) {
  /* line 2689, ../specific.scss */
  div#site nav#menu div.menuContainer ul.level-2 li a,
  div#site nav#menu div.menuContainer ul.element.dossier li a {
    background: transparent;
    padding: 0;
  }
}
/* line 2700, ../specific.scss */
div#site.welcome footer#footer {
  margin-top: 0;
}
/* line 2707, ../specific.scss */
div#site:not(.welcome) a.showMenu img {
  transition: 200ms;
}
@media (hover: hover) {
  /* line 2712, ../specific.scss */
  div#site:not(.welcome) a.showMenu:hover img {
    background: #FFF;
    border-radius: 100%;
  }
}
/* line 2721, ../specific.scss */
div#site.dirigeant-salarie footer#footer {
  margin-top: 0;
}
/* line 2727, ../specific.scss */
div#site.contact footer#footer {
  margin-top: 0;
}

/* line 2734, ../specific.scss */
body.bandeau div.divWelcome {
  margin-top: 230px;
}
/* line 2738, ../specific.scss */
body.bandeau div#page:not(.welcome),
body.bandeau div#site nav#menu {
  margin-top: 210px;
}

@media only screen and (max-width: 800px) {
  /* line 2745, ../specific.scss */
  div.bandeau-annonce {
    display: none;
  }
}
/*Pour eviter le décallage avec le menu en fixed*/
@media only screen and (max-width: 800px) {
  /* line 2751, ../specific.scss */
  div#page {
    padding: 0;
  }
}
/* line 2756, ../specific.scss */
div#page:not(.welcome) {
  margin-top: 165px;
}
/* line 2760, ../specific.scss */
div#page a.bottomScroll {
  position: fixed;
  bottom: 10px;
  right: -100px;
  height: 50px;
  width: 50px;
  transition: 200ms;
  z-index: 100;
}
/* line 2769, ../specific.scss */
div#page a.bottomScroll.active {
  right: 10px;
}
/* line 2773, ../specific.scss */
div#page a.bottomScroll img {
  display: block;
  margin: auto;
  width: 100%;
  transition: 200ms;
}
@media (hover: hover) {
  /* line 2781, ../specific.scss */
  div#page a.bottomScroll:hover img {
    padding-top: 10%;
    width: 80%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 2760, ../specific.scss */
  div#page a.bottomScroll {
    display: none;
  }
}

/*Header mobile*/
/* line 2794, ../specific.scss */
div.bannerMobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 2794, ../specific.scss */
  div.bannerMobile {
    display: none;
  }
}
/* line 2805, ../specific.scss */
div.bannerMobile:before {
  content: '';
  background: #FFF;
  height: 80px;
  width: 100%;
  box-shadow: 0 0 10px #5E5E5E;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* line 2817, ../specific.scss */
div.bannerMobile div.searchMobile {
  float: left;
  width: 40%;
  height: 80px;
  line-height: 90px;
  padding-left: 20px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  text-align: left;
  background: #FFF;
}
/* line 2830, ../specific.scss */
div.bannerMobile div.logo {
  display: block;
  position: relative;
  margin: auto;
  width: 150px;
  height: 150px;
  border-radius: 0 0 100% 100%;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px #5E5E5E;
}
/* line 2841, ../specific.scss */
div.bannerMobile div.logo a {
  padding: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 2850, ../specific.scss */
div.bannerMobile div.logo a img {
  max-width: 80%;
  max-height: 100%;
}
/* line 2857, ../specific.scss */
div.bannerMobile div.menuMobile {
  float: right;
  width: 40%;
  height: 80px;
  text-align: right;
  position: relative;
  z-index: 2;
  background: #FFF;
}
/* line 2866, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 40px;
  right: 20px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 12;
  cursor: pointer;
}
/* line 1573, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span,
div.bannerMobile div.menuMobile a.showMenuMobile span:before,
div.bannerMobile div.menuMobile a.showMenuMobile span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 100%;
  background: #5E5E5E;
  position: absolute;
  display: block;
  content: '';
  transition: all 500ms ease-in-out;
}
/* line 1587, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
/* line 1592, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span:before {
  top: -10px;
}
/* line 1596, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile span:after {
  bottom: -10px;
}
/* line 1601, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span {
  background-color: transparent;
}
/* line 1604, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span:before, div.bannerMobile div.menuMobile a.showMenuMobile.active span:after {
  width: 100%;
  top: 0;
  background: #fff;
}
/* line 1611, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 1615, ../specific.scss */
div.bannerMobile div.menuMobile a.showMenuMobile.active span:after {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

/*Tous les templates fonctionnent pareil sauf la page d'accueil (dans les grandes lignes)*/
/* line 2873, ../specific.scss */
div.divPage {
  /*Covid 19*/
}
/* line 2874, ../specific.scss */
div.divPage:not(.divWelcome) {
  margin-top: 100px;
}
@media only screen and (max-width: 1380px) {
  /* line 2874, ../specific.scss */
  div.divPage:not(.divWelcome) {
    margin-top: 0;
  }
}
/* line 2882, ../specific.scss */
div.divPage.divSalarie {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2882, ../specific.scss */
  div.divPage.divSalarie {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSalarie:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-salarie.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSalarie > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSalarie > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSalarie > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSalarie > div.element.description,
div.divPage.divSalarie > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie > div.element.description,
  div.divPage.divSalarie > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie > div.element.description,
  div.divPage.divSalarie > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSalarie > div.element.description a:hover,
div.divPage.divSalarie > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSalarie div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSalarie div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSalarie div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSalarie div.bottomDescription div.element.description div.description,
div.divPage.divSalarie div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSalarie div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSalarie div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a:hover, div.divPage.divSalarie div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSalarie div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSalarie div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSalarie div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2886, ../specific.scss */
div.divPage.divDirigeant {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2886, ../specific.scss */
  div.divPage.divDirigeant {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divDirigeant:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divDirigeant:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divDirigeant:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divDirigeant > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divDirigeant > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divDirigeant > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDirigeant > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divDirigeant > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divDirigeant > div.element.description,
div.divPage.divDirigeant > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divDirigeant > div.element.description,
  div.divPage.divDirigeant > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divDirigeant > div.element.description,
  div.divPage.divDirigeant > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divDirigeant > div.element.description a:hover,
div.divPage.divDirigeant > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divDirigeant div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divDirigeant div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divDirigeant div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divDirigeant div.bottomDescription div.element.description div.description,
div.divPage.divDirigeant div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divDirigeant div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divDirigeant div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divDirigeant div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a:hover, div.divPage.divDirigeant div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divDirigeant div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divDirigeant div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divDirigeant div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divDirigeant div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divDirigeant div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2890, ../specific.scss */
div.divPage.divRepresentant {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 34% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2890, ../specific.scss */
  div.divPage.divRepresentant {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divRepresentant:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-representant-du-personnel.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divRepresentant:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divRepresentant:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divRepresentant > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divRepresentant > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divRepresentant > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divRepresentant > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divRepresentant > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divRepresentant > div.element.description,
div.divPage.divRepresentant > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divRepresentant > div.element.description,
  div.divPage.divRepresentant > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divRepresentant > div.element.description,
  div.divPage.divRepresentant > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divRepresentant > div.element.description a:hover,
div.divPage.divRepresentant > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divRepresentant div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divRepresentant div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divRepresentant div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divRepresentant div.bottomDescription div.element.description div.description,
div.divPage.divRepresentant div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divRepresentant div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divRepresentant div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divRepresentant div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a:hover, div.divPage.divRepresentant div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divRepresentant div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divRepresentant div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divRepresentant div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divRepresentant div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divRepresentant div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2895, ../specific.scss */
div.divPage.divCmaic {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2895, ../specific.scss */
  div.divPage.divCmaic {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCmaic:not(.notBackground) {
  background: url(data/image/backgroundPage/le-CMAIC.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCmaic:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCmaic:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCmaic > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCmaic > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCmaic > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCmaic > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCmaic > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCmaic > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCmaic > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCmaic > div.element.description,
div.divPage.divCmaic > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCmaic > div.element.description,
  div.divPage.divCmaic > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCmaic > div.element.description,
  div.divPage.divCmaic > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCmaic > div.element.description a:hover,
div.divPage.divCmaic > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCmaic div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCmaic div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCmaic div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCmaic div.bottomDescription div.element.description div.description,
div.divPage.divCmaic div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCmaic div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCmaic div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCmaic div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCmaic div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a:hover, div.divPage.divCmaic div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCmaic div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCmaic div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCmaic div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCmaic div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCmaic div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2899, ../specific.scss */
div.divPage.divCmaic div.description {
  margin-bottom: 40px;
}
/* line 2904, ../specific.scss */
div.divPage.divQui-sommes-nous {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2904, ../specific.scss */
  div.divPage.divQui-sommes-nous {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divQui-sommes-nous:not(.notBackground) {
  background: url(data/image/backgroundPage/qui-sommes-nous.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divQui-sommes-nous:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divQui-sommes-nous:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.description,
div.divPage.divQui-sommes-nous > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.description,
  div.divPage.divQui-sommes-nous > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divQui-sommes-nous > div.element.description,
  div.divPage.divQui-sommes-nous > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divQui-sommes-nous > div.element.description a:hover,
div.divPage.divQui-sommes-nous > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divQui-sommes-nous div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomDescription div.element.description div.description,
div.divPage.divQui-sommes-nous div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divQui-sommes-nous div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divQui-sommes-nous div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divQui-sommes-nous div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a:hover, div.divPage.divQui-sommes-nous div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divQui-sommes-nous div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divQui-sommes-nous div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divQui-sommes-nous div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divQui-sommes-nous div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divQui-sommes-nous div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2908, ../specific.scss */
div.divPage.divSante {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2908, ../specific.scss */
  div.divPage.divSante {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSante:not(.notBackground) {
  background: url(data/image/backgroundPage/la-sante-au-travail.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSante > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSante > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSante > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSante > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSante > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSante > div.element.description,
div.divPage.divSante > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante > div.element.description,
  div.divPage.divSante > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante > div.element.description,
  div.divPage.divSante > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSante > div.element.description a:hover,
div.divPage.divSante > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSante div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSante div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSante div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSante div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSante div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSante div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSante div.bottomDescription div.element.description div.description,
div.divPage.divSante div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSante div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSante div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSante div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSante div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSante div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSante div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSante div.accesTemplate a:hover, div.divPage.divSante div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSante div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSante div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSante div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSante div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
@media only screen and (max-width: 800px) {
  /* line 2908, ../specific.scss */
  div.divPage.divSante {
    padding-bottom: 50px;
  }
}
/* line 2917, ../specific.scss */
div.divPage.divReglementation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2917, ../specific.scss */
  div.divPage.divReglementation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divReglementation:not(.notBackground) {
  background: url(data/image/backgroundPage/que-dit-la-reglementation.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divReglementation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divReglementation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divReglementation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divReglementation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divReglementation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divReglementation > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divReglementation > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divReglementation > div.element.description,
div.divPage.divReglementation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divReglementation > div.element.description,
  div.divPage.divReglementation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divReglementation > div.element.description,
  div.divPage.divReglementation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divReglementation > div.element.description a:hover,
div.divPage.divReglementation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divReglementation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divReglementation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divReglementation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divReglementation div.bottomDescription div.element.description div.description,
div.divPage.divReglementation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divReglementation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divReglementation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divReglementation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divReglementation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a:hover, div.divPage.divReglementation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divReglementation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divReglementation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divReglementation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divReglementation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divReglementation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2920, ../specific.scss */
div.divPage.divReglementation:not(.notBackground) {
  background-size: 40%;
}
/* line 2924, ../specific.scss */
div.divPage.divReglementation div.element.title {
  padding-top: 0 !important;
}
/* line 2928, ../specific.scss */
div.divPage.divReglementation > div.element.presentation {
  max-width: 45%;
}
/* line 2934, ../specific.scss */
div.divPage.divSante-Travail {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2934, ../specific.scss */
  div.divPage.divSante-Travail {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSante-Travail:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-approche-de-la-sante-au-travail.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Travail:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Travail:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSante-Travail > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(4) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Travail > div.element.title h1 span:nth-child(4) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSante-Travail > div.element.title h1 span:nth-child(4):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSante-Travail > div.element.description,
div.divPage.divSante-Travail > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Travail > div.element.description,
  div.divPage.divSante-Travail > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Travail > div.element.description,
  div.divPage.divSante-Travail > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSante-Travail > div.element.description a:hover,
div.divPage.divSante-Travail > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSante-Travail div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSante-Travail div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSante-Travail div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSante-Travail div.bottomDescription div.element.description div.description,
div.divPage.divSante-Travail div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSante-Travail div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Travail div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Travail div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a:hover, div.divPage.divSante-Travail div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSante-Travail div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSante-Travail div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Travail div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Travail div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSante-Travail div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2938, ../specific.scss */
div.divPage.divSante-Enjeu {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2938, ../specific.scss */
  div.divPage.divSante-Enjeu {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSante-Enjeu:not(.notBackground) {
  background: url(data/image/backgroundPage/nos-enjeux-vos-metiers.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Enjeu:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSante-Enjeu:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.description,
div.divPage.divSante-Enjeu > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.description,
  div.divPage.divSante-Enjeu > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSante-Enjeu > div.element.description,
  div.divPage.divSante-Enjeu > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSante-Enjeu > div.element.description a:hover,
div.divPage.divSante-Enjeu > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSante-Enjeu div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomDescription div.element.description div.description,
div.divPage.divSante-Enjeu div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSante-Enjeu div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Enjeu div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSante-Enjeu div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a:hover, div.divPage.divSante-Enjeu div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSante-Enjeu div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSante-Enjeu div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Enjeu div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSante-Enjeu div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSante-Enjeu div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2943, ../specific.scss */
div.divPage.divCovid19 {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 2943, ../specific.scss */
  div.divPage.divCovid19 {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCovid19:not(.notBackground) {
  background: url(data/image/backgroundPage/) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCovid19 > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19 > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19 > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19 > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCovid19 > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCovid19 > div.element.description,
div.divPage.divCovid19 > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19 > div.element.description,
  div.divPage.divCovid19 > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19 > div.element.description,
  div.divPage.divCovid19 > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCovid19 > div.element.description a:hover,
div.divPage.divCovid19 > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCovid19 div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCovid19 div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCovid19 div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCovid19 div.bottomDescription div.element.description div.description,
div.divPage.divCovid19 div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCovid19 div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19 div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19 div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a:hover, div.divPage.divCovid19 div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCovid19 div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19 div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19 div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCovid19 div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2947, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2947, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC:not(.notBackground) {
  background: url(data/image/backgroundPage/continuite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.description,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.description,
  div.divPage.divCovid19-permanence-CMAIC > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC > div.element.description,
  div.divPage.divCovid19-permanence-CMAIC > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC > div.element.description a:hover,
div.divPage.divCovid19-permanence-CMAIC > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.description div.description,
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a:hover, div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCovid19-permanence-CMAIC div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2952, ../specific.scss */
div.divPage.divInformation-coronavirus {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2952, ../specific.scss */
  div.divPage.divInformation-coronavirus {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divInformation-coronavirus:not(.notBackground) {
  background: url(data/image/backgroundPage/informations.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divInformation-coronavirus:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divInformation-coronavirus:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.description,
div.divPage.divInformation-coronavirus > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.description,
  div.divPage.divInformation-coronavirus > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divInformation-coronavirus > div.element.description,
  div.divPage.divInformation-coronavirus > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divInformation-coronavirus > div.element.description a:hover,
div.divPage.divInformation-coronavirus > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divInformation-coronavirus div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomDescription div.element.description div.description,
div.divPage.divInformation-coronavirus div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divInformation-coronavirus div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divInformation-coronavirus div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divInformation-coronavirus div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a:hover, div.divPage.divInformation-coronavirus div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divInformation-coronavirus div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divInformation-coronavirus div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divInformation-coronavirus div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divInformation-coronavirus div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divInformation-coronavirus div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2957, ../specific.scss */
div.divPage.divEntreprise-coronavirus {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2957, ../specific.scss */
  div.divPage.divEntreprise-coronavirus {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divEntreprise-coronavirus:not(.notBackground) {
  background: url(data/image/backgroundPage/acc-dirigeants.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divEntreprise-coronavirus:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divEntreprise-coronavirus:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.description,
div.divPage.divEntreprise-coronavirus > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.description,
  div.divPage.divEntreprise-coronavirus > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divEntreprise-coronavirus > div.element.description,
  div.divPage.divEntreprise-coronavirus > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divEntreprise-coronavirus > div.element.description a:hover,
div.divPage.divEntreprise-coronavirus > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.description div.description,
div.divPage.divEntreprise-coronavirus div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a:hover, div.divPage.divEntreprise-coronavirus div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divEntreprise-coronavirus div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divEntreprise-coronavirus div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2962, ../specific.scss */
div.divPage.divSalarie-coronavirus {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2962, ../specific.scss */
  div.divPage.divSalarie-coronavirus {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divSalarie-coronavirus:not(.notBackground) {
  background: url(data/image/backgroundPage/accomp-salarie.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie-coronavirus:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divSalarie-coronavirus:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.description,
div.divPage.divSalarie-coronavirus > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.description,
  div.divPage.divSalarie-coronavirus > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divSalarie-coronavirus > div.element.description,
  div.divPage.divSalarie-coronavirus > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divSalarie-coronavirus > div.element.description a:hover,
div.divPage.divSalarie-coronavirus > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.description div.description,
div.divPage.divSalarie-coronavirus div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divSalarie-coronavirus div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a:hover, div.divPage.divSalarie-coronavirus div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divSalarie-coronavirus div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divSalarie-coronavirus div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divSalarie-coronavirus div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2967, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2967, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation:not(.notBackground) {
  background: url(data/image/backgroundPage/situation.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
  div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation > div.element.description,
  div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation > div.element.description a:hover,
div.divPage.divCoronavirus-en-normandie-situation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.description div.description,
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a:hover, div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCoronavirus-en-normandie-situation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2972, ../specific.scss */
div.divPage.divCoronavirus-recommandations {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2972, ../specific.scss */
  div.divPage.divCoronavirus-recommandations {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCoronavirus-recommandations:not(.notBackground) {
  background: url(data/image/backgroundPage/recommendation.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-recommandations:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCoronavirus-recommandations:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.description,
div.divPage.divCoronavirus-recommandations > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.description,
  div.divPage.divCoronavirus-recommandations > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCoronavirus-recommandations > div.element.description,
  div.divPage.divCoronavirus-recommandations > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCoronavirus-recommandations > div.element.description a:hover,
div.divPage.divCoronavirus-recommandations > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.description div.description,
div.divPage.divCoronavirus-recommandations div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a:hover, div.divPage.divCoronavirus-recommandations div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCoronavirus-recommandations div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCoronavirus-recommandations div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2977, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2977, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement:not(.notBackground) {
  background: url(data/image/backgroundPage/retour-travail.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description,
  div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.description a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.description div.description,
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a:hover, div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divReprise-du-travail-apres-le-confinement div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2982, ../specific.scss */
div.divPage.divCible, div.divPage.divNos-enjeux {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2982, ../specific.scss */
  div.divPage.divCible, div.divPage.divNos-enjeux {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divCible:not(.notBackground), div.divPage.divNos-enjeux:not(.notBackground) {
  background: url(data/image/backgroundPage/enjeux-illustrations.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divCible:not(.notBackground), div.divPage.divNos-enjeux:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divCible:not(.notBackground), div.divPage.divNos-enjeux:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divCible > div.element.title, div.divPage.divNos-enjeux > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divCible > div.element.title, div.divPage.divNos-enjeux > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divCible > div.element.title, div.divPage.divNos-enjeux > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divCible > div.element.title h1, div.divPage.divNos-enjeux > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divCible > div.element.title h1 span, div.divPage.divNos-enjeux > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divCible > div.element.title h1 span:nth-child(1), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCible > div.element.title h1 span:nth-child(1), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divCible > div.element.title h1 span:nth-child(2), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divCible > div.element.title h1 span:nth-child(2), div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divCible > div.element.title h1 span:nth-child(2):after, div.divPage.divNos-enjeux > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divCible > div.element.description,
div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
div.divPage.divNos-enjeux > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divCible > div.element.description,
  div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
  div.divPage.divNos-enjeux > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divCible > div.element.description,
  div.divPage.divCible > div.element.presentation, div.divPage.divNos-enjeux > div.element.description,
  div.divPage.divNos-enjeux > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divCible > div.element.description a:hover,
div.divPage.divCible > div.element.presentation a:hover, div.divPage.divNos-enjeux > div.element.description a:hover,
div.divPage.divNos-enjeux > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divCible div.bottomAcces.light, div.divPage.divNos-enjeux div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divCible div.bottomAcces.light a, div.divPage.divNos-enjeux div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divCible div.bottomAcces.light a span, div.divPage.divNos-enjeux div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divCible div.bottomAcces.light a span:before, div.divPage.divNos-enjeux div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divCible div.bottomDescription, div.divPage.divNos-enjeux div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divCible div.bottomDescription, div.divPage.divNos-enjeux div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divCible div.bottomDescription div.element.description div.description,
div.divPage.divCible div.bottomDescription div.element.presentation div.description, div.divPage.divNos-enjeux div.bottomDescription div.element.description div.description,
div.divPage.divNos-enjeux div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divCible div.bottomDescription div.bottom, div.divPage.divNos-enjeux div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divCible div.accesTemplate, div.divPage.divNos-enjeux div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divCible div.accesTemplate, div.divPage.divNos-enjeux div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divCible div.accesTemplate, div.divPage.divNos-enjeux div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divCible div.accesTemplate a:before, div.divPage.divNos-enjeux div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divCible div.accesTemplate a:first-child, div.divPage.divNos-enjeux div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divCible div.accesTemplate a:first-child:before, div.divPage.divNos-enjeux div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divCible div.accesTemplate a:hover, div.divPage.divCible div.accesTemplate a.active, div.divPage.divNos-enjeux div.accesTemplate a:hover, div.divPage.divNos-enjeux div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divCible div.accesTemplate a.active, div.divPage.divNos-enjeux div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divCible div.accesTemplate a, div.divPage.divNos-enjeux div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divCible div.randomInTemplate, div.divPage.divNos-enjeux div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divCible div.randomInTemplate, div.divPage.divNos-enjeux div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divCible div.randomInTemplate, div.divPage.divNos-enjeux div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random, div.divPage.divNos-enjeux div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random h2, div.divPage.divNos-enjeux div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random h2 a, div.divPage.divNos-enjeux div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture a, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture a img, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random div.picture a:hover img, div.divPage.divNos-enjeux div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random.actualite h2 a:hover, div.divPage.divNos-enjeux div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random.evenement h2 a:hover, div.divPage.divNos-enjeux div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divCible div.randomInTemplate div.element.random.presse h2 a:hover, div.divPage.divNos-enjeux div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2988, ../specific.scss */
div.divPage.divDossiers {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 24% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2988, ../specific.scss */
  div.divPage.divDossiers {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divDossiers:not(.notBackground) {
  background: url(data/image/backgroundPage/dossier-illustration.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divDossiers:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divDossiers:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divDossiers > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divDossiers > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divDossiers > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divDossiers > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divDossiers > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divDossiers > div.element.description,
div.divPage.divDossiers > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divDossiers > div.element.description,
  div.divPage.divDossiers > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divDossiers > div.element.description,
  div.divPage.divDossiers > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divDossiers > div.element.description a:hover,
div.divPage.divDossiers > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divDossiers div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divDossiers div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divDossiers div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divDossiers div.bottomDescription div.element.description div.description,
div.divPage.divDossiers div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divDossiers div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divDossiers div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divDossiers div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divDossiers div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a:hover, div.divPage.divDossiers div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divDossiers div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divDossiers div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divDossiers div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divDossiers div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divDossiers div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2993, ../specific.scss */
div.divPage.divChiffre-cle {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 2993, ../specific.scss */
  div.divPage.divChiffre-cle {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divChiffre-cle:not(.notBackground) {
  background: url(data/image/backgroundPage/chiffres-cles-illustration.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divChiffre-cle:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divChiffre-cle:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divChiffre-cle > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divChiffre-cle > div.element.description,
div.divPage.divChiffre-cle > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.description,
  div.divPage.divChiffre-cle > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divChiffre-cle > div.element.description,
  div.divPage.divChiffre-cle > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divChiffre-cle > div.element.description a:hover,
div.divPage.divChiffre-cle > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divChiffre-cle div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divChiffre-cle div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divChiffre-cle div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divChiffre-cle div.bottomDescription div.element.description div.description,
div.divPage.divChiffre-cle div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divChiffre-cle div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divChiffre-cle div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divChiffre-cle div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a:hover, div.divPage.divChiffre-cle div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divChiffre-cle div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divChiffre-cle div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divChiffre-cle div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divChiffre-cle div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divChiffre-cle div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 2997, ../specific.scss */
div.divPage.divChiffre-cle div.presentation {
  min-height: 200px;
}

/* line 3003, ../specific.scss */
div.popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url('/data/css/sass/images/rgbapng/00000066-5.png?1759754585');
  background: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 1380px) {
  /* line 3003, ../specific.scss */
  div.popup {
    display: none !important;
  }
}
/* line 3020, ../specific.scss */
div.popup div.popupContent {
  position: absolute;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 3020, ../specific.scss */
  div.popup div.popupContent {
    bottom: auto;
    min-height: 630px;
  }
}
/* line 3033, ../specific.scss */
div.popup div.popupContent div.logo {
  width: 50%;
  margin: auto;
  margin-top: 0;
  margin-bottom: 160px;
}
/* line 3041, ../specific.scss */
div.popup div.popupContent div.logo img.cist, div.popup div.popupContent div.logo img.cmaic {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px;
  width: auto;
  max-width: 170px;
}
/* line 3049, ../specific.scss */
div.popup div.popupContent div.logo img.mist {
  display: block;
  margin: 10px auto;
  width: auto;
  max-width: 200px;
}
/* line 3057, ../specific.scss */
div.popup div.popupContent div.logo span.add {
  font-size: 2em;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 3063, ../specific.scss */
div.popup div.popupContent div.logo span:not(.add) {
  text-transform: uppercase;
  display: block;
  font-size: 2em;
}
/* line 3070, ../specific.scss */
div.popup div.popupContent div.innerContent {
  width: 100%;
  max-width: 818px;
  height: 100%;
  margin: auto;
  position: relative;
  background-image: url(data/image/background.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #FFF;
  border-radius: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 3087, ../specific.scss */
div.popup div.popupContent div.innerContent a.closePopup {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 3087, ../specific.scss */
  div.popup div.popupContent div.innerContent a.closePopup {
    top: 6px;
    right: 6px;
  }
}
/* line 3098, ../specific.scss */
div.popup div.popupContent div.innerContent a.portail {
  padding: 10px 40px !important;
  margin-top: 0 !important;
  font-size: 0.8em;
}
/* line 3104, ../specific.scss */
div.popup div.popupContent div.innerContent div.bottomContent {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}
/* line 3110, ../specific.scss */
div.popup div.popupContent div.innerContent div.bottomContent a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 20px 40px;
  background: #3E4982;
  color: #FFF;
  border: 1px solid #3E4982;
  text-transform: uppercase;
  transition: 200ms;
  margin-top: 10px;
}
/* line 3120, ../specific.scss */
div.popup div.popupContent div.innerContent div.bottomContent a:hover {
  color: #3E4982;
  background: none;
}
@media only screen and (max-width: 1380px) {
  /* line 3104, ../specific.scss */
  div.popup div.popupContent div.innerContent div.bottomContent {
    position: static;
    background: #FFF;
  }
}

/*Les comportements par défaut des éléments*/
/* line 3154, ../specific.scss */
div.element.view.title, div.element.view.description,
div.element.edit.title,
div.element.edit.description {
  max-width: 100%;
}
/* line 3161, ../specific.scss */
div.element.view.contact div.text label,
div.element.edit.contact div.text label {
  display: none;
}
/* line 3165, ../specific.scss */
div.element.view.contact div.text input,
div.element.edit.contact div.text input {
  padding: 16px;
}
/* line 3171, ../specific.scss */
div.element.view.contact div.textarea label,
div.element.edit.contact div.textarea label {
  display: none;
}
/* line 3175, ../specific.scss */
div.element.view.contact div.textarea textarea,
div.element.edit.contact div.textarea textarea {
  padding: 16px;
}

/*
 * Accueil
 * ************************************************************************* */
/* line 3186, ../specific.scss */
div.divWelcome {
  margin-top: 165px;
  /*&:not(.divWelcome){@include template();}*/
}
@media only screen and (max-width: 800px) {
  /* line 3186, ../specific.scss */
  div.divWelcome {
    margin-top: 143px;
  }
}
/* line 3194, ../specific.scss */
div.divWelcome div.bottomsWelcome {
  text-align: center;
}
/* line 3197, ../specific.scss */
div.divWelcome div.bottomsWelcome div.bottom {
  display: inline-block;
  margin: 10px;
}
/* line 3203, ../specific.scss */
div.divWelcome div.topTopContainer {
  height: auto !important;
  padding: 40px 0;
}
/* line 3207, ../specific.scss */
div.divWelcome div.topTopContainer .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 130px) 100px;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1400px) {
  /* line 3207, ../specific.scss */
  div.divWelcome div.topTopContainer .grid {
    grid-template-rows: repeat(4, 130px) 100px;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3207, ../specific.scss */
  div.divWelcome div.topTopContainer .grid {
    grid-template-rows: repeat(6, 130px) 100px 100px;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3207, ../specific.scss */
  div.divWelcome div.topTopContainer .grid {
    grid-template-rows: repeat(14, 130px);
    grid-column-gap: 0;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3228, ../specific.scss */
  div.divWelcome div.topTopContainer .grid.no-offres {
    grid-template-rows: repeat(5, 130px);
    grid-column-gap: 0;
  }
}
/* line 3235, ../specific.scss */
div.divWelcome div.topTopContainer .grid div {
  position: relative;
}
/* line 3239, ../specific.scss */
div.divWelcome div.topTopContainer .grid h2 {
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.2rem;
}
/* line 3246, ../specific.scss */
div.divWelcome div.topTopContainer .grid p,
div.divWelcome div.topTopContainer .grid span {
  font-size: 0.8rem;
  font-family: "Raleway", sans-serif;
  color: #fff;
  margin: 5px 0;
}
/* line 3254, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 20px;
}
/* line 3260, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex div.text {
  padding: 0 20px;
}
/* line 3264, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) {
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.22);
}
/* line 3267, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) div.img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* line 3270, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) div.img picture {
  display: -ms-flexbox;
  display: flex;
}
/* line 3273, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.small) div.img picture img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* line 3280, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* line 3283, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small div.img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
/* line 3287, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.dirigeant, div.divWelcome div.topTopContainer .grid div.flex.small.salarie {
  padding: 0 30px;
}
/* line 3291, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.dirigeant span, div.divWelcome div.topTopContainer .grid div.flex.small.salarie span {
  font-size: 1rem;
}
/* line 3296, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.mist {
  padding: 0 7px;
}
/* line 3299, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.mist div.img {
  padding-bottom: 5px;
}
/* line 3304, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi {
  padding: 0 10px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
/* line 3308, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi div.img {
  -ms-flex-item-align: center;
      align-self: center;
}
/* line 3311, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi div.img img {
  width: 80px;
}
/* line 3316, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi h2,
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi p {
  color: #5B5B5B;
}
/* line 3321, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex.small.disque-suivi div.text {
  padding: 0 10px;
}
/* line 3327, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.actualites) {
  transition: 150ms ease-out;
  border-radius: 10px;
}
/* line 3331, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.actualites) a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
/* line 3342, ../specific.scss */
div.divWelcome div.topTopContainer .grid div.flex:not(.actualites):hover {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}
/* line 3349, ../specific.scss */
div.divWelcome div.topTopContainer .offres {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
  box-sizing: border-box;
  grid-area: 1 / 1 / 4 / 4;
}
@media only screen and (max-width: 1400px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    grid-area: 2 / 1 / 5 / 4;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    grid-area: 3 / 1 / 6 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    grid-area: 4 / 1 / 8 / 13;
  }
}
/* line 3368, ../specific.scss */
div.divWelcome div.topTopContainer .offres::-webkit-scrollbar {
  width: 6px;
  /* Largeur de la barre de défilement */
}
/* line 3373, ../specific.scss */
div.divWelcome div.topTopContainer .offres::-webkit-scrollbar-track {
  background-color: transparent;
  /* Couleur de fond de la piste de défilement */
}
/* line 3378, ../specific.scss */
div.divWelcome div.topTopContainer .offres::-webkit-scrollbar-thumb {
  background-color: #ccc;
  /* Couleur de la barre de défilement elle-même */
  border-radius: 3px;
  /* Coins arrondis de la barre de défilement */
}
@media only screen and (max-width: 1024px) {
  /* line 3349, ../specific.scss */
  div.divWelcome div.topTopContainer .offres {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 3390, ../specific.scss */
div.divWelcome div.topTopContainer .offres > h2 {
  color: #3E4982;
  font-weight: normal;
  font-size: 1.4rem;
  display: block;
  padding: 10px;
}
/* line 3397, ../specific.scss */
div.divWelcome div.topTopContainer .offres > h2 a {
  color: #3E4982;
}
/* line 3401, ../specific.scss */
div.divWelcome div.topTopContainer .offres > h2 strong {
  display: block;
  font-weight: bold;
}
/* line 3408, ../specific.scss */
div.divWelcome div.topTopContainer .actualites {
  grid-area: 1 / 4 / 4 / 10;
  width: 100%;
}
/* line 79, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider {
  position: relative;
  height: 100%;
}
/* line 83, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider div.slick-list,
div.divWelcome div.topTopContainer .actualites div.slick-slider div.slick-track,
div.divWelcome div.topTopContainer .actualites div.slick-slider div.element.actualite {
  height: 100%;
}
/* line 90, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 35px;
  display: block;
  z-index: 4;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  width: 12px;
  height: 21px;
}
/* line 106, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-prev {
  background: url(data/image/2022/fleche-carousel-gauche.svg) center/contain no-repeat;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  transition: 200ms;
  left: 50px;
}
/* line 112, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-prev:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 116, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-prev::before {
  display: none;
}
/* line 121, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-next {
  background: url(data/image/2022/fleche-carousel-droit.svg) center/contain no-repeat;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  transition: 200ms;
  left: 150px;
}
/* line 127, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-next:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 131, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-slider button.slick-arrow.slick-next::before {
  display: none;
}
/* line 139, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots {
  margin: 0;
  list-style: none;
  position: absolute;
  bottom: 40px;
  left: 70px;
  display: -ms-flexbox;
  display: flex;
}
/* line 147, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots li {
  margin-left: 5px;
}
/* line 150, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 50%;
  outline: 0;
  box-sizing: border-box;
  position: relative;
  padding: 0;
}
/* line 166, ../specific.scss */
div.divWelcome div.topTopContainer .actualites ul.slick-dots li.slick-active {
  background-color: #fff;
  border-radius: 50%;
}
/* line 3413, ../specific.scss */
div.divWelcome div.topTopContainer .actualites .slider {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
/* line 3419, ../specific.scss */
div.divWelcome div.topTopContainer .actualites div.slick-list {
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  /* line 3408, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites {
    grid-area: 2 / 4 / 5 / 13;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3408, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites {
    grid-area: 6 / 1 / 9 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3408, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites {
    grid-area: 8 / 1 / 11 / 13;
  }
  /* line 3434, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites ul.slick-dots {
    bottom: auto;
    top: 10px;
    left: 10px;
  }
}
/* line 3441, ../specific.scss */
div.divWelcome div.topTopContainer .actualites.solo {
  grid-area: 1 / 1 / 4 / 10;
}
@media only screen and (max-width: 1400px) {
  /* line 3441, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo {
    grid-area: 2 / 1 / 5 / 13;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3441, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo {
    grid-area: 3 / 1 / 9 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3441, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo {
    grid-area: 4 / 1 / 11 / 13;
  }
  /* line 3455, ../specific.scss */
  div.divWelcome div.topTopContainer .actualites.solo .slick-arrow {
    display: none !important;
  }
}
/* line 3462, ../specific.scss */
div.divWelcome div.topTopContainer .espace-adherent {
  grid-area: 1 / 10 / 2 / 13;
  background-color: #E3424A;
}
@media only screen and (max-width: 1400px) {
  /* line 3462, ../specific.scss */
  div.divWelcome div.topTopContainer .espace-adherent {
    grid-area: 1 / 1 / 2 / 5;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3462, ../specific.scss */
  div.divWelcome div.topTopContainer .espace-adherent {
    grid-area: 1 / 1 / 2 / 7;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3462, ../specific.scss */
  div.divWelcome div.topTopContainer .espace-adherent {
    grid-area: 1 / 1 / 2 / 13;
  }
}
/* line 3479, ../specific.scss */
div.divWelcome div.topTopContainer .recrutement {
  grid-area: 2 / 10 / 3 / 13;
  background-color: #16A89F;
}
@media only screen and (max-width: 1400px) {
  /* line 3479, ../specific.scss */
  div.divWelcome div.topTopContainer .recrutement {
    grid-area: 1 / 5 / 2 / 9;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3479, ../specific.scss */
  div.divWelcome div.topTopContainer .recrutement {
    grid-area: 1 / 7 / 2 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3479, ../specific.scss */
  div.divWelcome div.topTopContainer .recrutement {
    grid-area: 2 / 1 / 3 / 13;
  }
}
/* line 3496, ../specific.scss */
div.divWelcome div.topTopContainer .contact {
  grid-area: 3 / 10 / 4 / 13;
  background-color: #FF9827;
}
@media only screen and (max-width: 1400px) {
  /* line 3496, ../specific.scss */
  div.divWelcome div.topTopContainer .contact {
    grid-area: 1 / 9 / 2 / 13;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3496, ../specific.scss */
  div.divWelcome div.topTopContainer .contact {
    grid-area: 2 / 4 / 3 / 10;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3496, ../specific.scss */
  div.divWelcome div.topTopContainer .contact {
    grid-area: 3 / 1 / 4 / 13;
  }
}
/* line 3513, ../specific.scss */
div.divWelcome div.topTopContainer .dirigeant {
  grid-area: 4 / 1 / 5 / 4;
  background-color: #26386B;
}
@media only screen and (max-width: 1400px) {
  /* line 3513, ../specific.scss */
  div.divWelcome div.topTopContainer .dirigeant {
    grid-area: 5 / 1 / 6 / 4;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3513, ../specific.scss */
  div.divWelcome div.topTopContainer .dirigeant {
    grid-area: 9 / 1 / 10 / 7;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3513, ../specific.scss */
  div.divWelcome div.topTopContainer .dirigeant {
    grid-area: 12 / 1 / 11 / 13;
  }
}
/* line 3530, ../specific.scss */
div.divWelcome div.topTopContainer .salarie {
  grid-area: 4 / 4 / 5 / 7;
  background-color: #26386B;
}
@media only screen and (max-width: 1400px) {
  /* line 3530, ../specific.scss */
  div.divWelcome div.topTopContainer .salarie {
    grid-area: 5 / 4 / 6 / 7;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3530, ../specific.scss */
  div.divWelcome div.topTopContainer .salarie {
    grid-area: 9 / 7 / 10 / 13;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3530, ../specific.scss */
  div.divWelcome div.topTopContainer .salarie {
    grid-area: 13 / 1 / 12 / 13;
  }
}
/* line 3547, ../specific.scss */
div.divWelcome div.topTopContainer .mist {
  grid-area: 4 / 7 / 5 / 10;
  background-color: #E3424A;
}
@media only screen and (max-width: 1400px) {
  /* line 3547, ../specific.scss */
  div.divWelcome div.topTopContainer .mist {
    grid-area: 5 / 7 / 6 / 10;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3547, ../specific.scss */
  div.divWelcome div.topTopContainer .mist {
    grid-area: 10 / 1 / 10 / 7;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3547, ../specific.scss */
  div.divWelcome div.topTopContainer .mist {
    grid-area: 13 / 1 / 13 / 13;
  }
}
/* line 3564, ../specific.scss */
div.divWelcome div.topTopContainer .disque-suivi {
  grid-area: 4 / 10 / 5 / 13;
  background-color: #E8E8E8;
}
@media only screen and (max-width: 1400px) {
  /* line 3564, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi {
    grid-area: 5 / 10 / 6 / 13;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 3573, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi div.left {
    display: none;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 3564, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi {
    grid-area: 10 / 7 / 10 / 13;
  }
  /* line 3581, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi div.left {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  /* line 3564, ../specific.scss */
  div.divWelcome div.topTopContainer .disque-suivi {
    grid-area: 14 / 1 / 14 / 13;
  }
}
@media only screen and (max-width: 800px) {
  /* line 3203, ../specific.scss */
  div.divWelcome div.topTopContainer {
    padding: 50px 0;
  }
}
/* line 3596, ../specific.scss */
div.divWelcome div.bottomContainer {
  margin-top: 0 !important;
}
/* line 3601, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomAcces a {
  color: #FFF;
  background: #3E4982;
}
@media only screen and (max-width: 580px) {
  /* line 3601, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a {
    overflow: hidden;
  }
  /* line 3608, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomAcces a span {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    line-height: 40px;
  }
}
/* line 3617, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer {
  background: #E8E8E8;
  z-index: 1;
  position: relative;
}
/* line 3622, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
  background: #FFF;
  max-width: 80%;
  margin: auto;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  padding: 70px 170px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
/* line 3632, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FC7922;
  position: absolute;
  top: 65px;
  left: 100px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 3643, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:after {
  content: '';
  background-color: #FC7922;
  position: absolute;
  top: 120px;
  left: 118px;
  width: 3px;
  height: 740px;
}
@media only screen and (max-width: 1600px) {
  /* line 3622, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
    padding: 70px 90px;
  }
  /* line 3656, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:before {
    left: 25px;
  }
  /* line 3660, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:after {
    left: 43px;
  }
}
@media only screen and (max-width: 650px) {
  /* line 3622, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
    max-width: 100%;
    padding: 70px 80px;
  }
}
@media only screen and (max-width: 550px) {
  /* line 3622, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews {
    padding: 70px 30px;
  }
  /* line 3673, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:before, div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews:after {
    display: none;
  }
}
/* line 3679, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
/* line 3686, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left {
  width: 25%;
}
/* line 3689, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left p {
  font-size: 1.1rem;
}
@media only screen and (max-width: 650px) {
  /* line 3686, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left {
    width: 50%;
  }
}
@media only screen and (max-width: 450px) {
  /* line 3686, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.left {
    width: 100%;
  }
}
/* line 3703, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex div.right a {
  color: #FC7922;
  font-weight: 700;
  font-size: 1rem;
}
/* line 3711, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex-list-evenements {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 3717, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.flex-list-evenements div.element.evenement:nth-of-type(4) {
  break-before: always;
}
/* line 3723, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements {
  width: 65%;
  margin: 40px auto 0;
  position: relative;
  text-align: center;
}
/* line 3729, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements p {
  background-color: #fff;
  display: inline-block;
  padding: 0 20px;
}
/* line 3734, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements p:before {
  content: '';
  position: absolute;
  z-index: -2;
  top: 32px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #707070;
}
/* line 3747, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
/* line 3753, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 10px 30px;
}
/* line 3758, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
/* line 3766, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.left picture {
  display: -ms-flexbox;
  display: flex;
}
/* line 3769, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.left picture img {
  width: 20px;
}
/* line 3775, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.right {
  margin-left: 20px;
}
/* line 3778, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item div.right a {
  font-size: 1.1rem;
  font-weight: 700;
}
/* line 3785, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.actualites div.left {
  background: #06C4F4;
}
/* line 3790, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.actualites div.right a {
  color: #06C4F4;
}
/* line 3797, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.evenements div.left {
  background: #FC7922;
}
/* line 3802, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.evenements div.right a {
  color: #FC7922;
}
/* line 3809, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.presse div.left {
  background: #E3424A;
}
/* line 3814, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.presse div.right a {
  color: #E3424A;
}
/* line 3821, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.video div.left {
  background: #16A89F;
}
/* line 3826, ../specific.scss */
div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links div.item.video div.right a {
  color: #16A89F;
}
@media only screen and (max-width: 850px) {
  /* line 3747, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements div.links {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media only screen and (max-width: 1450px) {
  /* line 3723, ../specific.scss */
  div.divWelcome div.bottomContainer div.bottomNewsContainer div.bottomNews div.bottom-evenements {
    width: 100%;
  }
}

/*
 * Mise en avant page d'accueil
 * ************************************************************************* */
/* line 3851, ../specific.scss */
div.element.forward.preview {
  width: 100%;
  margin-bottom: 0;
}
/* line 3856, ../specific.scss */
div.element.forward.edit {
  padding: 20px;
  background: #FFF;
}

/*
 * Recherche
 * ************************************************************************* */
/* line 3866, ../specific.scss */
form.editSearch div.list {
  display: -ms-flexbox;
  display: flex;
}
/* line 3870, ../specific.scss */
form.editSearch div.fieldSearch {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 88%;
  margin-bottom: 0;
}
/* line 3875, ../specific.scss */
form.editSearch div.fieldSearch fieldset {
  padding-top: 0;
}
/* line 3878, ../specific.scss */
form.editSearch div.fieldSearch fieldset > div {
  margin-bottom: 0;
}
/* line 3882, ../specific.scss */
form.editSearch div.fieldSearch fieldset div.search {
  padding-top: 0;
}
/* line 3887, ../specific.scss */
form.editSearch div.fieldSearch fieldset div.text input {
  padding: 9px;
  border-radius: 10px 0 0 10px;
  /*                    animation-name: search;
                      animation-duration: 2s;
                      animation-delay: 8s;
                      animation-iteration-count: infinite;
                      animation-direction: alternate;*/
}
/* line 3898, ../specific.scss */
form.editSearch div.fieldSearch fieldset div.submit {
  height: 100%;
}
/* line 3904, ../specific.scss */
form.editSearch fieldset.buttons {
  height: 100%;
  width: 100%;
}
/* line 3909, ../specific.scss */
form.editSearch div.buttons {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 12%;
  margin-bottom: 0;
}
/* line 3914, ../specific.scss */
form.editSearch div.buttons div.submit {
  display: block;
  margin-bottom: 0;
  height: 100%;
  margin-right: 0;
}
/* line 3920, ../specific.scss */
form.editSearch div.buttons div.submit input {
  display: block;
  margin: 0;
  font-size: 0;
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  height: 100%;
  width: 100%;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow: none;
  background-size: 50%;
}

/* line 3938, ../specific.scss */
div.element.search.view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  padding: 80px 160px;
  background: url(data/image/welcome/background.png) center center #3E4982;
  z-index: 1000;
}
@media only screen and (max-width: 800px) {
  /* line 3938, ../specific.scss */
  div.element.search.view {
    padding: 80px 20px;
  }
}
/* line 3953, ../specific.scss */
div.element.search.view a.close {
  position: absolute;
  top: 0;
  right: 0;
  background: #E3424A;
  color: #FFF;
  transition: 200ms;
  z-index: 10;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  height: 100px;
  width: 140px;
  border-radius: 0 0 0 100%;
  padding: 20px;
  padding-right: 10px;
  line-height: 80px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  /* line 3953, ../specific.scss */
  div.element.search.view a.close {
    width: 80px;
    height: 70px;
    padding: 0;
    line-height: 70px;
  }
  /* line 3976, ../specific.scss */
  div.element.search.view a.close img {
    max-width: 80%;
  }
}
/* line 3982, ../specific.scss */
div.element.search.view form.editSearch {
  text-align: center;
  margin-bottom: 40px;
}
/* line 3986, ../specific.scss */
div.element.search.view form.editSearch div.buttons {
  width: auto;
}
/* line 3991, ../specific.scss */
div.element.search.view div.resultContainer {
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-width: 90%;
  margin: auto;
  padding: 20px;
}
/* line 3998, ../specific.scss */
div.element.search.view div.resultContainer div.searchEmpty {
  text-align: center;
}
/* line 4002, ../specific.scss */
div.element.search.view div.resultContainer div.element.search {
  width: 100%;
  padding-left: 50px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 40px;
}
/* line 4010, ../specific.scss */
div.element.search.view div.resultContainer div.element.search:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 4021, ../specific.scss */
div.element.search.view div.resultContainer div.element.search:after {
  content: '';
  background: #06C4F4;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 4031, ../specific.scss */
div.element.search.view div.resultContainer div.element.search div.contentDescription {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 78%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 4031, ../specific.scss */
  div.element.search.view div.resultContainer div.element.search div.contentDescription {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }
}
/* line 4044, ../specific.scss */
div.element.search.view div.resultContainer div.element.search div.bottom {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20%;
}
@media only screen and (max-width: 800px) {
  /* line 4044, ../specific.scss */
  div.element.search.view div.resultContainer div.element.search div.bottom {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}
/* line 4054, ../specific.scss */
div.element.search.view div.resultContainer div.element.search div.bottom a {
  display: block;
  text-align: center;
}
/* line 4065, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.customBloc:before, div.element.search.view div.resultContainer div.element.search.customSubBloc:before, div.element.search.view div.resultContainer div.element.search.customEncart:before, div.element.search.view div.resultContainer div.element.search.customInfo:before, div.element.search.view div.resultContainer div.element.search.customText:before {
  background: url(data/image/page.svg) center center no-repeat #3E4982;
  background-size: contain;
}
/* line 4070, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.customBloc:after, div.element.search.view div.resultContainer div.element.search.customSubBloc:after, div.element.search.view div.resultContainer div.element.search.customEncart:after, div.element.search.view div.resultContainer div.element.search.customInfo:after, div.element.search.view div.resultContainer div.element.search.customText:after {
  background: #3E4982;
}
/* line 4076, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.evenement:before {
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
}
/* line 4080, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.evenement:after {
  background: #FF9827;
}
/* line 4086, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.presse:before {
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
}
/* line 4090, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.presse:after {
  background: #E3424A;
}
/* line 4096, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.question:before {
  background: url(data/image/question.svg) center center no-repeat #3E4982;
  background-size: contain;
}
/* line 4101, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.question:after {
  background: #3E4982;
}
/* line 4107, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.ged:before {
  background: url(data/image/download.svg) center center no-repeat #3E4982;
  background-size: contain;
}
/* line 4112, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.ged:after {
  background: #3E4982;
}
/* line 4119, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offre:before, div.element.search.view div.resultContainer div.element.search.offreCategory:before {
  background: url(data/image/loupe.png) center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 4124, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offre:after, div.element.search.view div.resultContainer div.element.search.offreCategory:after {
  background: #3E4982;
}
/* line 4130, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offreDocument:before {
  background: url(data/image/download.svg) center center no-repeat #3E4982;
  background-size: contain;
  background-size: 60%;
}
/* line 4136, ../specific.scss */
div.element.search.view div.resultContainer div.element.search.offreDocument:after {
  background: #3E4982;
}

/*
 * Qui sommes nous
 * ************************************************************************* */
/* line 4150, ../specific.scss */
div.divQui-sommes-nous img.implantation {
  width: 100% !important;
  height: auto !important;
}
/* line 4155, ../specific.scss */
div.divQui-sommes-nous div.divPage.divChiffre-cle:not(.notBackground) {
  background: none;
  margin-left: 0;
}

/*
 * Qui sommes nous (chiffres clés)
 * ************************************************************************* */
/* line 4165, ../specific.scss */
div.divChiffre-cle div.chiffres {
  text-align: center;
}
/* line 4168, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18%;
  margin: 1%;
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 4168, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre {
    width: 48%;
  }
}
@media only screen and (max-width: 670px) {
  /* line 4168, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre {
    width: 98%;
  }
  /* line 4181, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre:after {
    display: none;
  }
}
/* line 4187, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre div.picture img {
  width: 100%;
  max-width: 160px;
}
/* line 4193, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span {
  display: block;
}
/* line 4196, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.chiffre {
  font-size: 2.4em;
}
@media only screen and (max-width: 1380px) {
  /* line 4196, ../specific.scss */
  div.divChiffre-cle div.chiffres div.chiffre span.chiffre {
    font-size: 1.8em;
  }
}
/* line 4203, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.chiffre span {
  display: inline;
}
/* line 4208, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.title {
  font-size: 1.2em;
}
/* line 4212, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre span.title-small {
  font-size: 0.8em;
}
/* line 4217, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 10%;
  bottom: 10%;
  right: 0;
  height: 60%;
  background: #5E5E5E;
}
/* line 4229, ../specific.scss */
div.divChiffre-cle div.chiffres div.chiffre:last-child:after {
  display: none;
}

/*
 * Reglementation
 * ************************************************************************* */
/* line 4241, ../specific.scss */
div.divPage.divReglementation {
  background-size: 38%;
}
/* line 4244, ../specific.scss */
div.divPage.divReglementation > div.element.description,
div.divPage.divReglementation > div.element.presentation {
  max-width: 50%;
}
@media only screen and (max-width: 800px) {
  /* line 4244, ../specific.scss */
  div.divPage.divReglementation > div.element.description,
  div.divPage.divReglementation > div.element.presentation {
    max-width: 100%;
  }
}

/*
 * Partenaires
 * ************************************************************************* */
@media only screen and (max-width: 800px) {
  /* line 4258, ../specific.scss */
  div.element.partenaire.viewList {
    text-align: center;
  }
}
/* line 4263, ../specific.scss */
div.element.partenaire.viewList div.content {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 4269, ../specific.scss */
div.element.partenaire.listview {
  width: 14%;
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media only screen and (max-width: 800px) {
  /* line 4269, ../specific.scss */
  div.element.partenaire.listview {
    width: 23%;
  }
}
@media only screen and (max-width: 550px) {
  /* line 4269, ../specific.scss */
  div.element.partenaire.listview {
    width: 40%;
  }
}
@media only screen and (max-width: 350px) {
  /* line 4269, ../specific.scss */
  div.element.partenaire.listview {
    width: 98%;
    margin: 1%;
  }
}
/* line 4288, ../specific.scss */
div.element.partenaire.listview.alone {
  min-width: 300px;
}
/* line 4292, ../specific.scss */
div.element.partenaire.listview div.picture {
  position: relative;
  overflow: hidden;
}
/* line 4296, ../specific.scss */
div.element.partenaire.listview div.picture img {
  width: 100%;
  border-radius: 5px;
}
/* line 4301, ../specific.scss */
div.element.partenaire.listview div.picture a {
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #fff;
  border: 1px solid #fff;
}
/* line 4309, ../specific.scss */
div.element.partenaire.listview div.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('/data/css/sass/images/rgbapng/00000099-5.png?1759754585');
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  transition: all 0.2s ease;
}
/* line 4319, ../specific.scss */
div.element.partenaire.listview div.overlay .overlay-content {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
/* line 4331, ../specific.scss */
div.element.partenaire.listview h2 {
  margin-bottom: 15px;
  font-size: 1em;
}
/* line 4336, ../specific.scss */
div.element.partenaire.listview:hover div.overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4342, ../specific.scss */
div.element.partenaire.editWeightList .content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/*
 * Visuel equipe pluridisciplinaire
 * ************************************************************************* */
/* line 4352, ../specific.scss */
div.divPluridisciplinaire .rwd {
  display: none;
}
/* line 4356, ../specific.scss */
div.divPluridisciplinaire .bulle {
  margin: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 4361, ../specific.scss */
div.divPluridisciplinaire .bulle img {
  width: 250px;
}
/* line 4365, ../specific.scss */
div.divPluridisciplinaire .bulle .description {
  -ms-flex: 1;
      flex: 1;
}
@media only screen and (max-width: 800px) {
  /* line 4356, ../specific.scss */
  div.divPluridisciplinaire .bulle {
    display: block;
  }
  /* line 4372, ../specific.scss */
  div.divPluridisciplinaire .bulle img {
    display: block;
    margin: auto;
  }
}
/* line 4379, ../specific.scss */
div.divPluridisciplinaire div.pluriFull {
  position: relative;
  width: 100%;
  max-width: 800px;
  padding: 100px;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
}
/* line 4388, ../specific.scss */
div.divPluridisciplinaire div.pluriFull img.full {
  width: 80%;
  max-width: 800px;
}
/* line 4393, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri {
  position: absolute;
  width: 190px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
}
/* line 4399, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri img {
  transition: 200ms;
  width: 190px !important;
  height: 190px !important;
}
@media only screen and (max-width: 800px) {
  /* line 4393, ../specific.scss */
  div.divPluridisciplinaire div.pluriFull a.pluri {
    width: 150px;
  }
}
/* line 4410, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri:hover img {
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
}
/* line 4416, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-1 {
  bottom: 14%;
  left: 4%;
}
/* line 4421, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-2 {
  bottom: 55%;
  left: 7%;
}
/* line 4426, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-3 {
  top: 0;
  left: 24%;
}
/* line 4431, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-4 {
  top: -30px;
  left: 38%;
}
/* line 4436, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-5 {
  top: 16%;
  right: 7%;
}
/* line 4441, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-6 {
  bottom: 17%;
  right: 5%;
}
/* line 4446, ../specific.scss */
div.divPluridisciplinaire div.pluriFull a.pluri-medecin {
  bottom: 30%;
  left: 37%;
}
/* line 4452, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-1 {
  animation: equipe-1 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4457, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-2 {
  animation: equipe-2 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4462, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-3 {
  animation: equipe-3 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4467, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-4 {
  animation: equipe-4 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4472, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-5 {
  animation: equipe-5 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4477, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-6 {
  animation: equipe-6 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 4482, ../specific.scss */
div.divPluridisciplinaire div.pluriFull.active a.pluri-medecin {
  animation: equipe-7 1s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
@media only screen and (max-width: 1120px) {
  /* line 4490, ../specific.scss */
  div.divPluridisciplinaire div.pluriFull {
    display: none;
  }
  /* line 4494, ../specific.scss */
  div.divPluridisciplinaire .rwd {
    display: block;
  }
}

/* line 4502, ../specific.scss */
div.divPluridisciplinaire-info .element.description .description {
  box-sizing: border-box;
  padding: 20px;
  color: #fff;
}
/* line 4508, ../specific.scss */
div.divPluridisciplinaire-info.notAjax {
  width: 90%;
  margin: auto;
  color: #646464;
}
/* line 4513, ../specific.scss */
div.divPluridisciplinaire-info.notAjax .element.description .description {
  margin: 20px 0;
  color: #646464;
}

/*
 * Disque
 * ************************************************************************* */
/* line 4525, ../specific.scss */
div.divDisque div.left,
div.divDisque div.right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
}
@media only screen and (max-width: 800px) {
  /* line 4525, ../specific.scss */
  div.divDisque div.left,
  div.divDisque div.right {
    display: block;
    width: 100%;
    margin: 20px 0;
  }
}
/* line 4540, ../specific.scss */
div.divDisque div.left img {
  width: 100%;
  transition: 200ms;
}
/* line 4546, ../specific.scss */
div.divDisque div.left:hover img {
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
}
/* line 4552, ../specific.scss */
div.divDisque .legende {
  margin-top: 10px;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 4556, ../specific.scss */
div.divDisque .legende .line {
  box-sizing: border-box;
  transition: 200ms;
  cursor: pointer;
  margin: 10px 0;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 4567, ../specific.scss */
div.divDisque .legende .line.sis {
  background-color: #e09f35;
}
/* line 4570, ../specific.scss */
div.divDisque .legende .line.sis:hover {
  padding-left: 20px;
}
/* line 4575, ../specific.scss */
div.divDisque .legende .line.sia {
  background-color: #3E4982;
}
/* line 4578, ../specific.scss */
div.divDisque .legende .line.sia:hover {
  padding-left: 20px;
}
/* line 4583, ../specific.scss */
div.divDisque .legende .line.sir {
  background-color: #ca4f26;
}
/* line 4586, ../specific.scss */
div.divDisque .legende .line.sir:hover {
  padding-left: 20px;
}
/* line 4591, ../specific.scss */
div.divDisque .legende .line.ss {
  color: #333;
  background-color: #DDDCDE;
}
/* line 4595, ../specific.scss */
div.divDisque .legende .line.ss:hover {
  padding-left: 20px;
}

/* line 4604, ../specific.scss */
div.divDisque-cmaic {
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/data/css/sass/images/rgbapng/5e5e5ef2-5.png?1759754585');
  background: rgba(94, 94, 94, 0.95);
  z-index: 999;
}
/* line 4615, ../specific.scss */
div.divDisque-cmaic .wrap {
  width: 90%;
  height: 100%;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 4624, ../specific.scss */
div.divDisque-cmaic .closeDisque {
  z-index: 5;
}
/* line 4628, ../specific.scss */
div.divDisque-cmaic .bandeau {
  padding: 20px;
  padding-left: 50%;
  color: #fff;
  background: #3E4982;
  border-top-right-radius: 10px;
}
/* line 4636, ../specific.scss */
div.divDisque-cmaic .right {
  margin-left: -30%;
}
/* line 4640, ../specific.scss */
div.divDisque-cmaic .contenu {
  padding: 20px;
  padding-left: 50%;
  color: #646464;
  background-color: #fff;
  border-bottom-right-radius: 10px;
}
/* line 4648, ../specific.scss */
div.divDisque-cmaic .descriptionSpec {
  padding: 10px;
  padding-top: 50px;
  min-height: 200px;
  background: url("data/image/picto-infos.svg") center top no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 4648, ../specific.scss */
  div.divDisque-cmaic .descriptionSpec {
    min-height: 0;
  }
}
/* line 4659, ../specific.scss */
div.divDisque-cmaic a.turnRight {
  display: block;
  width: 100px;
  height: 52px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  background: url("data/image/fleche-tournoyante.png") center center no-repeat;
  background-size: 40%;
  background-color: #666;
  border-radius: 34px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
}
/* line 4674, ../specific.scss */
div.divDisque-cmaic a.turnRight:hover {
  box-shadow: none;
}
/* line 4679, ../specific.scss */
div.divDisque-cmaic div.disqueContainer {
  position: relative;
  width: 50%;
}
/* line 4684, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  right: 0;
  bottom: 100px;
  transition: 200ms;
  /*transform-origin: 0 50%;*/
  max-width: 100%;
}
/* line 4698, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img.front {
  position: absolute;
}
/* line 4702, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img:nth-child(1) {
  z-index: 1;
}
/* line 4706, ../specific.scss */
div.divDisque-cmaic div.disqueContainer > img:nth-child(2) {
  z-index: 2;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
}
/* line 4712, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 16%;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 52px);
}
/* line 4719, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a.turnLeft {
  left: 0;
}
/* line 4723, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a img {
  display: block;
  margin: 20px auto;
}
/* line 4728, ../specific.scss */
div.divDisque-cmaic div.disqueContainer a:hover {
  background: #5897c7;
}
/* line 4733, ../specific.scss */
div.divDisque-cmaic div.disqueContainer div.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 4739, ../specific.scss */
div.divDisque-cmaic div.disqueContainer div.bottom div.descriptionBottom {
  display: inline-block;
  vertical-align: bottom;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  color: #FFF;
}
/* line 4749, ../specific.scss */
div.divDisque-cmaic span {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  /*background: $blue;*/
  transition: 200ms;
  cursor: pointer;
  z-index: 2;
}
/* line 4760, ../specific.scss */
div.divDisque-cmaic span:before {
  position: absolute;
  top: 50%;
  content: '';
  background: #FFF;
  height: 4px;
  width: 100%;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 4770, ../specific.scss */
div.divDisque-cmaic span:after {
  position: absolute;
  top: 50%;
  content: '';
  background: #FFF;
  height: 4px;
  width: 100%;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
/* line 4780, ../specific.scss */
div.divDisque-cmaic span:hover {
  background: #323a68;
}
@media only screen and (max-width: 1200px) {
  /* line 4604, ../specific.scss */
  div.divDisque-cmaic {
    overflow-y: scroll;
  }
  /* line 4788, ../specific.scss */
  div.divDisque-cmaic .wrap {
    display: block;
    margin-top: 20px;
    height: auto;
  }
  /* line 4795, ../specific.scss */
  div.divDisque-cmaic div.disqueContainer {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  /* line 4803, ../specific.scss */
  div.divDisque-cmaic .right {
    margin-top: 20px;
    margin-left: 0;
  }
  /* line 4808, ../specific.scss */
  div.divDisque-cmaic .contenu,
  div.divDisque-cmaic .bandeau {
    padding: 20px;
  }
  /* line 4813, ../specific.scss */
  div.divDisque-cmaic .contenu {
    border-bottom-left-radius: 10px;
  }
  /* line 4817, ../specific.scss */
  div.divDisque-cmaic .bandeau {
    border-top-left-radius: 10px;
  }
}

/*
 * Carte des implantations
 * ************************************************************************* */
/* line 4828, ../specific.scss */
.element.etablissement.viewList .content {
  display: -ms-flexbox;
  display: flex;
}
/* line 4833, ../specific.scss */
.element.etablissement.listview {
  box-sizing: border-box;
  margin: 20px 0;
  padding: 20px;
  width: 33.33%;
}
/* line 4839, ../specific.scss */
.element.etablissement.listview h2 {
  margin-bottom: 10px;
  font-weight: normal;
}

/* line 4847, ../specific.scss */
div.divImplantation-cmaic div.mapContainer {
  position: relative;
  font-size: 20px;
}
/* line 4851, ../specific.scss */
div.divImplantation-cmaic div.mapContainer img {
  width: 100%;
}
/* line 4855, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo {
  position: absolute;
}
/* line 4858, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo h4 {
  font-size: 0.8em;
}
/* line 4862, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1250px) {
  /* line 4862, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer {
    display: block;
  }
}
/* line 4869, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription {
  margin: 6px;
  padding: 6px;
  box-sizing: border-box;
}
/* line 4874, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription.last {
  border-left: 2px solid #646464;
  margin-left: 0;
  padding-left: 8px;
}
@media only screen and (max-width: 1250px) {
  /* line 4874, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription.last {
    border: 0;
    margin-left: 6px;
    padding-left: 6px;
  }
}
/* line 4886, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription div.description {
  font-size: 60% !important;
  line-height: 1em;
}
@media only screen and (max-width: 1250px) {
  /* line 4886, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo div.mapInfoDescriptionContainer div.mapInfoDescription div.description {
    font-size: 1em !important;
  }
}
/* line 4897, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.carpiquet {
  width: 27%;
  top: 6%;
  left: 8%;
  text-align: center;
}
/* line 4903, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.carpiquet h4 {
  color: #f8c434;
}
/* line 4908, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.nonant {
  width: 28%;
  top: 17%;
  left: 0;
  text-align: center;
}
/* line 4914, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.nonant h4 {
  color: #59c9dd;
}
/* line 4919, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.villers {
  width: 16%;
  top: 38%;
  left: 2%;
  text-align: right;
}
/* line 4925, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.villers h4 {
  color: #885fb5;
}
/* line 4930, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.herouville {
  /*width: 24%; top: 72%; left: 0; text-align: right;*/
  width: 24%;
  top: 65%;
  left: 7%;
  text-align: center;
}
/* line 4937, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.herouville h4 {
  color: #91d44d;
}
/* line 4942, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.colombelles {
  /*width: 26%; top: 77%; left: 52%; text-align: center;*/
  width: 27%;
  top: 73%;
  left: 50%;
  text-align: center;
}
/* line 4949, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.colombelles h4 {
  color: #f3574b;
}
/* line 4954, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.moult {
  width: 20%;
  top: 49%;
  right: 0;
  text-align: left;
}
/* line 4960, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.moult h4 {
  color: #f3574b;
}
/* line 4965, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.dives {
  width: 20%;
  top: 37%;
  right: 0;
  text-align: left;
}
/* line 4971, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.dives h4 {
  color: #f3574b;
}
/* line 4976, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.eveque {
  width: 24%;
  top: 20%;
  right: 0;
  text-align: center;
}
/* line 4982, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.eveque h4 {
  color: #dd4cab;
}
/* line 4987, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.douvres {
  width: 22%;
  top: 14%;
  left: 50%;
  text-align: center;
}
/* line 4993, ../specific.scss */
div.divImplantation-cmaic div.mapContainer div.mapInfo.douvres h4 {
  color: #91d44d;
}
@media only screen and (max-width: 1250px) {
  /* line 5000, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer p {
    text-align: left !important;
  }
  /* line 5004, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo {
    position: static;
    width: 100%;
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 20px;
    width: calc(50% - 40px) !important;
  }
  /* line 5013, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer h4 {
    text-align: left;
    font-size: 1em;
  }
  /* line 5018, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer img {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  /* line 5024, ../specific.scss */
  div.divImplantation-cmaic div.mapContainer div.mapInfo {
    width: calc(100% - 40px) !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 5030, ../specific.scss */
  div.divImplantation-cmaic div.etablissements {
    display: none;
  }
}
/* line 5035, ../specific.scss */
div.divImplantation-cmaic div.etablissements.connected {
  display: block;
}
/* line 5039, ../specific.scss */
div.divImplantation-cmaic div.etablissements div.element.etablissement {
  width: 100%;
}

/*
 * Dirigeant et salariés
 * ************************************************************************* */
@media only screen and (max-width: 800px) {
  /* line 5048, ../specific.scss */
  div.divDirigeant-Salarie {
    padding: 20px;
  }
}
/* line 5053, ../specific.scss */
div.divDirigeant-Salarie div.element.title.view {
  margin-top: 6%;
  margin-bottom: 2%;
}
/* line 5057, ../specific.scss */
div.divDirigeant-Salarie div.element.title.view h1 {
  text-align: center;
  font-size: 80px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 5061, ../specific.scss */
div.divDirigeant-Salarie div.element.title.view h1:after {
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 5057, ../specific.scss */
  div.divDirigeant-Salarie div.element.title.view h1 {
    font-size: 46px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 5071, ../specific.scss */
div.divDirigeant-Salarie div.btns {
  text-align: center;
  margin-bottom: 2%;
}
/* line 5075, ../specific.scss */
div.divDirigeant-Salarie div.btns a {
  text-transform: uppercase;
  margin: 20px;
  font-weight: normal;
}
/* line 5080, ../specific.scss */
div.divDirigeant-Salarie div.btns a span {
  font-weight: bold;
}
/* line 5084, ../specific.scss */
div.divDirigeant-Salarie div.btns a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media only screen and (max-width: 800px) {
  /* line 5084, ../specific.scss */
  div.divDirigeant-Salarie div.btns a:before {
    display: none;
  }
}
/* line 5097, ../specific.scss */
div.divDirigeant-Salarie div.btns a.dirigeant:before {
  left: 0;
  right: 50%;
  background: url(data/image/qui-suis-je-dirigeant.png) center left no-repeat;
  background-size: contain;
  transition: 200ms;
}
@media only screen and (max-width: 1380px) {
  /* line 5097, ../specific.scss */
  div.divDirigeant-Salarie div.btns a.dirigeant:before {
    background-size: 60%;
  }
}
/* line 5111, ../specific.scss */
div.divDirigeant-Salarie div.btns a.salarie:before {
  right: 0;
  left: 50%;
  background: url(data/image/qui-suis-je-salarie.png) center right no-repeat;
  background-size: contain;
  transition: 200ms;
}
@media only screen and (max-width: 1380px) {
  /* line 5111, ../specific.scss */
  div.divDirigeant-Salarie div.btns a.salarie:before {
    background-size: 60%;
  }
}
/* line 5125, ../specific.scss */
div.divDirigeant-Salarie div.btns a:hover:before {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
/* line 5132, ../specific.scss */
div.divDirigeant-Salarie div.element.view.description,
div.divDirigeant-Salarie div.element.view.presentation {
  max-width: 30%;
  margin: auto;
  margin-bottom: 14%;
}
/* line 5138, ../specific.scss */
div.divDirigeant-Salarie div.element.view.description strong,
div.divDirigeant-Salarie div.element.view.presentation strong {
  color: #3E4982;
}
@media only screen and (max-width: 800px) {
  /* line 5132, ../specific.scss */
  div.divDirigeant-Salarie div.element.view.description,
  div.divDirigeant-Salarie div.element.view.presentation {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

/*
 * Tarifs ( A FAIRE)
 * ************************************************************************* */
/* line 5153, ../specific.scss */
div.divTarif div.tarifContainer {
  text-align: center;
  margin-top: 40px;
}
/* line 5157, ../specific.scss */
div.divTarif div.tarifContainer img {
  display: block;
  max-width: 100%;
  margin: auto;
}
/* line 5164, ../specific.scss */
div.divTarif div.bottomContainer {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* line 5172, ../specific.scss */
div.element.tarifCategory.listview {
  width: 100%;
}

/* line 5178, ../specific.scss */
div.element.tarif.listview {
  width: 100%;
}

/*
 * Recrutement
 * ************************************************************************* */
/* line 5186, ../specific.scss */
div.divRecrutement {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background: none !important;
}
@media only screen and (max-width: 1380px) {
  /* line 5186, ../specific.scss */
  div.divRecrutement {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divRecrutement:not(.notBackground) {
  background: url(data/image/backgroundPage/nous-rejoindre.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divRecrutement:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divRecrutement:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divRecrutement > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divRecrutement > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divRecrutement > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divRecrutement > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divRecrutement > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divRecrutement > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divRecrutement > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divRecrutement > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divRecrutement > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divRecrutement > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divRecrutement > div.element.description,
div.divRecrutement > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divRecrutement > div.element.description,
  div.divRecrutement > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divRecrutement > div.element.description,
  div.divRecrutement > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divRecrutement > div.element.description a:hover,
div.divRecrutement > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divRecrutement div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divRecrutement div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divRecrutement div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divRecrutement div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divRecrutement div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divRecrutement div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divRecrutement div.bottomDescription div.element.description div.description,
div.divRecrutement div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divRecrutement div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divRecrutement div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divRecrutement div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divRecrutement div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divRecrutement div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divRecrutement div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divRecrutement div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divRecrutement div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divRecrutement div.accesTemplate a:hover, div.divRecrutement div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divRecrutement div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divRecrutement div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divRecrutement div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divRecrutement div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divRecrutement div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divRecrutement div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 5190, ../specific.scss */
div.divRecrutement div.element.description,
div.divRecrutement div.element.presentation {
  max-width: 86%;
}
/* line 5194, ../specific.scss */
div.divRecrutement div.element.description img,
div.divRecrutement div.element.presentation img {
  max-width: 100%;
  height: auto !important;
  border: 12px solid #FFF;
  margin-right: 20px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1380px) {
  /* line 5190, ../specific.scss */
  div.divRecrutement div.element.description,
  div.divRecrutement div.element.presentation {
    max-width: 100%;
  }
  /* line 5206, ../specific.scss */
  div.divRecrutement div.element.description img,
  div.divRecrutement div.element.presentation img {
    display: block;
    float: none !important;
    margin: 10px auto !important;
  }
}
@media only screen and (max-width: 1380px) {
  /* line 5214, ../specific.scss */
  div.divRecrutement div.bottomDescription {
    margin-right: 0;
  }
}

/* line 5222, ../specific.scss */
div.element.recrutement.listview {
  width: 98%;
  margin-top: 40px;
  border-bottom: 1px solid #5E5E5E;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1380px) {
  /* line 5222, ../specific.scss */
  div.element.recrutement.listview {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* line 5234, ../specific.scss */
div.element.recrutement.listview > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box;
}
/* line 5238, ../specific.scss */
div.element.recrutement.listview > div.typeContract {
  width: 8%;
  text-align: center;
}
/* line 5242, ../specific.scss */
div.element.recrutement.listview > div.typeContract span {
  display: block;
  margin: auto;
  width: 80px;
  height: 80px;
  line-height: 80px;
  color: #FFF;
  background: #3E4982;
  padding: 6px;
  border-radius: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 5238, ../specific.scss */
  div.element.recrutement.listview > div.typeContract {
    width: 100%;
  }
  /* line 5257, ../specific.scss */
  div.element.recrutement.listview > div.typeContract span {
    width: 100%;
    height: auto;
    line-height: auto;
    border-radius: 0;
    margin-bottom: 10px;
  }
}
/* line 5267, ../specific.scss */
div.element.recrutement.listview > div.offreContainer {
  width: 46%;
  padding: 0 20px;
  border-right: 1px solid #5E5E5E;
}
@media only screen and (max-width: 1380px) {
  /* line 5267, ../specific.scss */
  div.element.recrutement.listview > div.offreContainer {
    width: 100%;
    padding: 10px 0;
    border-right: 0;
  }
}
/* line 5278, ../specific.scss */
div.element.recrutement.listview > div.offreContainer h2 {
  margin-bottom: 10px;
}
/* line 5282, ../specific.scss */
div.element.recrutement.listview > div.offreContainer div.description {
  font-style: italic;
  font-size: 0.88em;
  line-height: 1.5;
}
/* line 5289, ../specific.scss */
div.element.recrutement.listview > div.nbJob, div.element.recrutement.listview > div.dateContainer {
  width: 14%;
  padding: 0 20px;
  border-right: 1px solid #5E5E5E;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1380px) {
  /* line 5289, ../specific.scss */
  div.element.recrutement.listview > div.nbJob, div.element.recrutement.listview > div.dateContainer {
    width: 100%;
    padding: 10px 0;
    border-right: 0;
  }
}
/* line 5304, ../specific.scss */
div.element.recrutement.listview > div.nbJob span, div.element.recrutement.listview > div.dateContainer span {
  display: block;
  text-align: center;
}
/* line 5308, ../specific.scss */
div.element.recrutement.listview > div.nbJob span:last-child, div.element.recrutement.listview > div.dateContainer span:last-child {
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 5304, ../specific.scss */
  div.element.recrutement.listview > div.nbJob span, div.element.recrutement.listview > div.dateContainer span {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 50%;
  }
}
/* line 5320, ../specific.scss */
div.element.recrutement.listview > div.btns {
  width: 16%;
  padding-left: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 5320, ../specific.scss */
  div.element.recrutement.listview > div.btns {
    width: 100%;
    text-align: center;
  }
}
/* line 5329, ../specific.scss */
div.element.recrutement.listview > div.btns a {
  display: block;
  background: #FFF;
  color: #3E4982;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
/* line 5337, ../specific.scss */
div.element.recrutement.listview > div.btns a.formInPage {
  background: #3E4982;
  color: #FFF;
}
/* line 5343, ../specific.scss */
div.element.recrutement.listview > div.btns span {
  display: block;
  text-align: center;
}
/* line 5351, ../specific.scss */
div.element.recrutement.edit {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16);
}
/* line 5356, ../specific.scss */
div.element.recrutement.edit h3 {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
/* line 5362, ../specific.scss */
div.element.recrutement.edit div.text.title {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 78%;
  margin-right: 2%;
}
/* line 5368, ../specific.scss */
div.element.recrutement.edit div.file.document {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20%;
}
/* line 5373, ../specific.scss */
div.element.recrutement.edit div.select.typeContract,
div.element.recrutement.edit div.number.nbJob,
div.element.recrutement.edit div.date.dateEnd {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 5381, ../specific.scss */
div.element.recrutement.edit div.date.dateEnd {
  text-align: center;
}
/* line 5385, ../specific.scss */
div.element.recrutement.edit div.formLeft {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 70%;
}
@media only screen and (max-width: 800px) {
  /* line 5385, ../specific.scss */
  div.element.recrutement.edit div.formLeft {
    width: 100%;
  }
}
/* line 5393, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 2%;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 5393, ../specific.scss */
  div.element.recrutement.edit div.formLeft div.text {
    width: 100%;
    margin-right: 0;
  }
}
/* line 5407, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 50px;
  background: url(data/image/nom.png) center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 5418, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text label {
  display: none;
}
/* line 5422, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text input {
  padding: 16px;
  border: 1px solid #E8E8E8;
}
/* line 5427, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text.phone:before {
  background: url("data/image/tel.png") center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 5432, ../specific.scss */
div.element.recrutement.edit div.formLeft div.text.mail:before {
  background: url("data/image/mail.png") center center no-repeat #3E4982;
  background-size: 40%;
}
@media only screen and (max-width: 800px) {
  /* line 5393, ../specific.scss */
  div.element.recrutement.edit div.formLeft div.text {
    padding-left: 0;
  }
  /* line 5440, ../specific.scss */
  div.element.recrutement.edit div.formLeft div.text.phone:before, div.element.recrutement.edit div.formLeft div.text.mail:before, div.element.recrutement.edit div.formLeft div.text:before {
    display: none;
  }
}
/* line 5449, ../specific.scss */
div.element.recrutement.edit div.formRight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 28%;
  margin-left: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 5449, ../specific.scss */
  div.element.recrutement.edit div.formRight {
    width: 100%;
    margin-left: 0;
  }
}
/* line 5459, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset {
  padding-top: 0;
}
/* line 5462, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset label {
  font-size: 0.6em;
}
/* line 5466, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset span.inputFile {
  display: block;
  text-align: center;
}
/* line 5470, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset span.inputFile span {
  font-size: 0.8em;
}
/* line 5475, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset div.fileResult {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 6px;
  border: none;
}
/* line 5482, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset div.fileResult a.filePreview {
  display: block;
  background: #3E4982;
  color: #FFF;
}
/* line 5488, ../specific.scss */
div.element.recrutement.edit div.formRight fieldset div.fileResult a.removeFile {
  height: 100%;
  background: url(data/image/welcome/close.png) center center no-repeat;
  background-size: 50%;
}
/* line 5497, ../specific.scss */
div.element.recrutement.edit div.text.poste {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  margin-bottom: 2%;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
/* line 5505, ../specific.scss */
div.element.recrutement.edit div.text.poste:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 50px;
  background: url(data/image/nom.png) center center no-repeat #3E4982;
  background-size: 40%;
}
/* line 5516, ../specific.scss */
div.element.recrutement.edit div.text.poste label {
  display: none;
}
/* line 5520, ../specific.scss */
div.element.recrutement.edit div.text.poste input {
  padding: 16px;
  border: 1px solid #E8E8E8;
}
@media only screen and (max-width: 800px) {
  /* line 5497, ../specific.scss */
  div.element.recrutement.edit div.text.poste {
    padding-left: 0;
  }
  /* line 5528, ../specific.scss */
  div.element.recrutement.edit div.text.poste:before {
    display: none;
  }
}
/* line 5534, ../specific.scss */
div.element.recrutement.edit div.message {
  padding-left: 50px;
  position: relative;
}
/* line 5538, ../specific.scss */
div.element.recrutement.edit div.message:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3px;
  width: 50px;
  background: url(data/image/pen.png) center center no-repeat #3E4982;
  background-size: 50%;
}
/* line 5549, ../specific.scss */
div.element.recrutement.edit div.message label {
  display: none;
}
/* line 5553, ../specific.scss */
div.element.recrutement.edit div.message textarea {
  padding: 16px;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
@media only screen and (max-width: 800px) {
  /* line 5534, ../specific.scss */
  div.element.recrutement.edit div.message {
    padding-left: 0;
  }
  /* line 5562, ../specific.scss */
  div.element.recrutement.edit div.message:before {
    display: none;
  }
}
/* line 5575, ../specific.scss */
div.element.recrutement.sent {
  padding: 40px;
  text-align: center;
  color: #3E4982;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 5582, ../specific.scss */
div.element.recrutement.view {
  max-width: 80%;
  margin: auto;
  margin-top: 150px;
}
/* line 5587, ../specific.scss */
div.element.recrutement.view h1 {
  margin-bottom: 10px;
}
/* line 5591, ../specific.scss */
div.element.recrutement.view .infos {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 5596, ../specific.scss */
div.element.recrutement.view .infos > * {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}
/* line 5602, ../specific.scss */
div.element.recrutement.view .description {
  margin: 20px 0;
}
/* line 5606, ../specific.scss */
div.element.recrutement.view .bottom {
  text-align: right;
}
/* line 5609, ../specific.scss */
div.element.recrutement.view .bottom a {
  margin-left: 5px;
}
/* line 5615, ../specific.scss */
div.element.recrutement.view .typeContract span {
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  background: #3E4982;
  padding: 6px;
  border-radius: 100%;
}
/* line 5629, ../specific.scss */
div.element.recrutement.editWeight {
  max-height: 200px;
  overflow: hidden;
}

/* line 5636, ../specific.scss */
div#page div.element.recrutement.edit {
  margin-top: 50px;
  padding: 20px;
}

/*
 * Simulations
 * ************************************************************************* */
/* line 5645, ../specific.scss */
div.divSimulation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 5645, ../specific.scss */
  div.divSimulation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divSimulation:not(.notBackground) {
  background: url(data/image/backgroundPage/comment-adherer.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divSimulation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divSimulation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divSimulation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divSimulation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divSimulation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divSimulation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divSimulation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divSimulation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divSimulation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divSimulation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divSimulation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divSimulation > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divSimulation > div.element.description,
div.divSimulation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divSimulation > div.element.description,
  div.divSimulation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divSimulation > div.element.description,
  div.divSimulation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divSimulation > div.element.description a:hover,
div.divSimulation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divSimulation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divSimulation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divSimulation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divSimulation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divSimulation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divSimulation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divSimulation div.bottomDescription div.element.description div.description,
div.divSimulation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divSimulation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divSimulation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divSimulation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divSimulation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divSimulation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divSimulation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divSimulation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divSimulation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divSimulation div.accesTemplate a:hover, div.divSimulation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divSimulation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divSimulation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divSimulation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divSimulation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divSimulation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divSimulation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 5648, ../specific.scss */
div.divSimulation:not(.notBackground) {
  background-position: 75% 0;
  background-size: 30%;
}
/* line 5653, ../specific.scss */
div.divSimulation div.element.customEncart.viewList .content > * {
  -ms-flex-preferred-size: calc(45% - 60px);
      flex-basis: calc(45% - 60px);
}
/* line 5658, ../specific.scss */
div.divSimulation div.legendFormSimulator p {
  font-size: 0.8em;
  font-style: italic;
  color: #646464;
}

/* line 5670, ../specific.scss */
div.element.simulation.edit div.isAdh p input {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 20px;
  width: 20%;
  box-sizing: border-box;
}
/* line 5677, ../specific.scss */
div.element.simulation.edit div.isAdh p label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 74%;
  box-sizing: border-box;
}
/* line 5685, ../specific.scss */
div.element.simulation.edit div.buttons {
  text-align: left;
}
/* line 5688, ../specific.scss */
div.element.simulation.edit div.buttons input.save {
  background: #FF9827;
  color: #FFF;
  border: 1px solid #FF9827;
  padding: 10px 40px;
}
/* line 5694, ../specific.scss */
div.element.simulation.edit div.buttons input.save:hover {
  background: #FFF;
  color: #FF9827;
}
/* line 5701, ../specific.scss */
div.element.simulation.edit form.editBtp {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  /*            div.nbSalarieBtp, div.nbSalarieBtp2 { 
                  @include inline-block(top); width: 48%; box-sizing: border-box;
                  @include breakPoint(1115) { width: 100%; margin: 10px 0; }
              }
              div.nbSalarieBtp2{
                  padding-right: 60px; background: url(data/image/euro.png) right center no-repeat; margin-left: 4%;
                  @include breakPoint(1115) { margin-left: 0; }
                  @include breakPoint($breakPointMenu) {padding-right: 0; background: none;}
              }*/
}
/* line 5705, ../specific.scss */
div.element.simulation.edit form.editBtp label {
  display: none;
}
/* line 5709, ../specific.scss */
div.element.simulation.edit form.editBtp input {
  padding: 16px;
}
/* line 5713, ../specific.scss */
div.element.simulation.edit form.editBtp div.nbSalarieBtp {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  box-sizing: border-box;
  padding-right: 60px;
  background: url(data/image/euro.png) right center no-repeat;
}
/* line 5732, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.btpView {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 2%;
  width: 38%;
}
/* line 5737, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.btpView div.leftResult {
  box-sizing: border-box;
  padding: 20px;
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  color: #FFF;
  background: #3E4982;
}
/* line 5744, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.btpView div.leftResult div {
  text-align: center;
}
/* line 5750, ../specific.scss */
div.element.simulation.edit form.editInterpro {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
}
@media only screen and (max-width: 1160px) {
  /* line 5750, ../specific.scss */
  div.element.simulation.edit form.editInterpro {
    width: 40%;
  }
}
@media only screen and (max-width: 890px) {
  /* line 5750, ../specific.scss */
  div.element.simulation.edit form.editInterpro {
    width: 100%;
  }
}
/* line 5762, ../specific.scss */
div.element.simulation.edit form.editInterpro label {
  display: none;
}
/* line 5766, ../specific.scss */
div.element.simulation.edit form.editInterpro input {
  padding: 16px;
}
/* line 5770, ../specific.scss */
div.element.simulation.edit form.editInterpro div.select {
  margin: 1%;
}
/* line 5773, ../specific.scss */
div.element.simulation.edit form.editInterpro div.select select {
  padding: 16px;
}
/* line 5778, ../specific.scss */
div.element.simulation.edit form.editInterpro div.text {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
}
@media only screen and (max-width: 1160px) {
  /* line 5778, ../specific.scss */
  div.element.simulation.edit form.editInterpro div.text {
    width: 98%;
  }
}
/* line 5789, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 2%;
  width: 38%;
  margin-top: 10px;
}
@media only screen and (max-width: 1160px) {
  /* line 5789, ../specific.scss */
  div.element.simulation.edit div.element.simulation.view.interproView {
    width: 58%;
  }
}
@media only screen and (max-width: 890px) {
  /* line 5789, ../specific.scss */
  div.element.simulation.edit div.element.simulation.view.interproView {
    width: 100%;
    margin: 0;
  }
}
/* line 5804, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult {
  background: #3E4982;
  color: #FFF;
  padding: 20px;
  box-sizing: border-box;
}
/* line 5810, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.left,
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.right {
  width: 100%;
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin-left: 0;
}
/* line 5816, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.left div,
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult div.right div {
  padding-top: 10px;
}
/* line 5821, ../specific.scss */
div.element.simulation.edit div.element.simulation.view.interproView div.leftResult span.result {
  display: block;
  text-align: right;
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: bold;
}

/* line 5832, ../specific.scss */
form.editSimulator {
  max-width: 80%;
  margin: auto;
  background: #FFF;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 5839, ../specific.scss */
form.editSimulator div.text {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 5845, ../specific.scss */
form.editSimulator fieldset.buttons {
  text-align: center;
}

/*
 * Adhesion (A FAIRE)
 * ************************************************************************* */
/* line 5853, ../specific.scss */
div.divAdhesion {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 32% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 5853, ../specific.scss */
  div.divAdhesion {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divAdhesion:not(.notBackground) {
  background: url(data/image/backgroundPage/comment-adherer.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divAdhesion:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divAdhesion:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divAdhesion > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divAdhesion > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divAdhesion > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divAdhesion > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divAdhesion > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divAdhesion > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divAdhesion > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divAdhesion > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdhesion > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divAdhesion > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divAdhesion > div.element.description,
div.divAdhesion > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divAdhesion > div.element.description,
  div.divAdhesion > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divAdhesion > div.element.description,
  div.divAdhesion > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divAdhesion > div.element.description a:hover,
div.divAdhesion > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divAdhesion div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divAdhesion div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divAdhesion div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divAdhesion div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divAdhesion div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divAdhesion div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divAdhesion div.bottomDescription div.element.description div.description,
div.divAdhesion div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divAdhesion div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divAdhesion div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divAdhesion div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divAdhesion div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divAdhesion div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divAdhesion div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divAdhesion div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divAdhesion div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divAdhesion div.accesTemplate a:hover, div.divAdhesion div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divAdhesion div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divAdhesion div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divAdhesion div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divAdhesion div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divAdhesion div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divAdhesion div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 5858, ../specific.scss */
div.divAdherent {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 5858, ../specific.scss */
  div.divAdherent {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divAdherent:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-adherent.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divAdherent:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divAdherent:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divAdherent > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divAdherent > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divAdherent > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divAdherent > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divAdherent > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divAdherent > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divAdherent > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divAdherent > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdherent > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divAdherent > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdherent > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divAdherent > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divAdherent > div.element.description,
div.divAdherent > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divAdherent > div.element.description,
  div.divAdherent > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divAdherent > div.element.description,
  div.divAdherent > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divAdherent > div.element.description a:hover,
div.divAdherent > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divAdherent div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divAdherent div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divAdherent div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divAdherent div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divAdherent div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divAdherent div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divAdherent div.bottomDescription div.element.description div.description,
div.divAdherent div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divAdherent div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divAdherent div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divAdherent div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divAdherent div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divAdherent div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divAdherent div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divAdherent div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divAdherent div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divAdherent div.accesTemplate a:hover, div.divAdherent div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divAdherent div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divAdherent div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divAdherent div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divAdherent div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divAdherent div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divAdherent div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 5862, ../specific.scss */
div.divAdherer {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 5862, ../specific.scss */
  div.divAdherer {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divAdherer:not(.notBackground) {
  background: url(data/image/backgroundPage/puis-je-adherer.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divAdherer:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divAdherer:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divAdherer > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divAdherer > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divAdherer > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divAdherer > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divAdherer > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divAdherer > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divAdherer > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divAdherer > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divAdherer > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divAdherer > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divAdherer > div.element.description,
div.divAdherer > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divAdherer > div.element.description,
  div.divAdherer > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divAdherer > div.element.description,
  div.divAdherer > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divAdherer > div.element.description a:hover,
div.divAdherer > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divAdherer div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divAdherer div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divAdherer div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divAdherer div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divAdherer div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divAdherer div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divAdherer div.bottomDescription div.element.description div.description,
div.divAdherer div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divAdherer div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divAdherer div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divAdherer div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divAdherer div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divAdherer div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divAdherer div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divAdherer div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divAdherer div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divAdherer div.accesTemplate a:hover, div.divAdherer div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divAdherer div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divAdherer div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divAdherer div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divAdherer div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divAdherer div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divAdherer div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 5866, ../specific.scss */
div.element.adhesion.edit {
  margin-top: 20px;
  background: url(data/image/MIST.png) 90% 10% no-repeat #F2F2F2;
  background-size: 20%;
  padding: 40px 0;
}
@media only screen and (max-width: 800px) {
  /* line 5866, ../specific.scss */
  div.element.adhesion.edit {
    background: #F2F2F2;
  }
}
/* line 5876, ../specific.scss */
div.element.adhesion.edit h2 {
  color: #5E5E5E;
  padding: 10px 0;
  padding-left: 73px;
  text-transform: uppercase;
  background: url("data/image/arrow-blue.png") left center no-repeat;
}
@media only screen and (max-width: 620px) {
  /* line 5876, ../specific.scss */
  div.element.adhesion.edit h2 {
    padding-left: 0;
    background: none;
  }
}
/* line 5889, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer {
  margin-left: 20px;
  padding-left: 50px;
  border-left: 3px solid #3E4982;
  max-width: 60%;
}
@media only screen and (max-width: 800px) {
  /* line 5889, ../specific.scss */
  div.element.adhesion.edit div.adhesionEligContainer {
    max-width: 100%;
  }
}
/* line 5899, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer form {
  max-width: 80%;
}
/* line 5902, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer form div.postalCode {
  margin-bottom: 0;
}
/* line 5907, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.list {
  position: relative;
}
/* line 5913, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.submit {
  position: absolute;
  right: 0;
  bottom: 0;
}
/* line 5919, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer select {
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
  border: 0;
}
/* line 5926, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.postalCode.error + div.submit {
  bottom: 30px;
}
/* line 5930, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer [type=submit] {
  display: block;
  margin: 0;
  font-size: 0;
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  padding: 20px 17px 17px 17px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow: none;
  background-size: 50%;
}
/* line 5942, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer fieldset.fieldsetName {
  position: relative;
}
/* line 5945, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer fieldset.fieldsetName div.submit {
  margin-right: 0;
  margin-bottom: 0;
}
/* line 5951, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer fieldset.fieldsetName div.postalCode input {
  border: 1px solid #FFF;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  height: 40px;
}
/* line 5960, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.buttons {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 8%;
  margin-bottom: 0;
  margin-top: 28px;
}
/* line 5966, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.buttons div.submit {
  display: block;
  margin-bottom: 6px;
}
/* line 5970, ../specific.scss */
div.element.adhesion.edit div.adhesionEligContainer div.buttons div.submit input {
  display: block;
  margin: 0;
  font-size: 0;
  background: url(data/image/loupe.png) center center no-repeat #5E5E5E;
  padding: 16px 17px 17px 17px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  box-shadow: none;
  background-size: 50%;
}
/* line 5985, ../specific.scss */
div.element.adhesion.edit div.element.mist.view {
  padding: 20px;
  background: #F2F2F2;
}
/* line 5990, ../specific.scss */
div.element.adhesion.edit div.element.mist.view div.bottom a {
  margin: 10px;
}

/* line 5998, ../specific.scss */
div.element.adhesion.edit {
  max-width: 100%;
  text-align: left;
}
/* line 6004, ../specific.scss */
div.element.adhesion.edit div.firstStep div.select span.error {
  display: block;
  text-align: center;
  padding: 6px;
  margin: 6px;
  background: #3E4982;
  color: #FFF;
}
/* line 6016, ../specific.scss */
div.element.adhesion.result {
  box-sizing: border-box;
  margin: 20px;
  padding: 10px;
  color: #fff;
  background-color: #3E4982;
}
/* line 6023, ../specific.scss */
div.element.adhesion.result div.element.mist.view {
  background-color: #3E4982;
  max-width: 100%;
  margin: 0;
}
/* line 6028, ../specific.scss */
div.element.adhesion.result div.element.mist.view h1 {
  margin-top: 10px;
  color: #fff;
}
/* line 6032, ../specific.scss */
div.element.adhesion.result div.element.mist.view h1:after {
  background: #fff;
}
/* line 6037, ../specific.scss */
div.element.adhesion.result div.element.mist.view div.description {
  color: #fff;
}
/* line 6041, ../specific.scss */
div.element.adhesion.result div.element.mist.view .right {
  margin-top: 20px;
  text-align: center;
}
/* line 6046, ../specific.scss */
div.element.adhesion.result div.element.mist.view .left,
div.element.adhesion.result div.element.mist.view .right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px;
  width: calc(50% - 20px);
}
/* line 6053, ../specific.scss */
div.element.adhesion.result div.element.mist.view div.bottom {
  margin-top: 10px;
}
@media only screen and (max-width: 680px) {
  /* line 6059, ../specific.scss */
  div.element.adhesion.result div.element.mist.view .left,
  div.element.adhesion.result div.element.mist.view .right {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}

/*
 * Simulation (A FAIRE)
 * ************************************************************************* */
/* line 6075, ../specific.scss */
div.divSimulation > div.element.description,
div.divSimulation > div.element.presentation {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  margin-right: 10%;
}
@media only screen and (max-width: 800px) {
  /* line 6075, ../specific.scss */
  div.divSimulation > div.element.description,
  div.divSimulation > div.element.presentation {
    width: 100%;
    margin-right: 0;
  }
}
/* line 6087, ../specific.scss */
div.divSimulation div.simContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 28%;
  margin-left: 2%;
  float: right;
}
/* line 6093, ../specific.scss */
div.divSimulation div.simContainer div.sim {
  margin-bottom: 20px;
}
/* line 6096, ../specific.scss */
div.divSimulation div.simContainer div.sim img {
  width: 70%;
  display: block;
  margin: auto;
}

/*
 * Informations et actualités
 * ************************************************************************* */
/* line 6108, ../specific.scss */
div.divInformation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6108, ../specific.scss */
  div.divInformation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divInformation:not(.notBackground) {
  background: url(data/image/backgroundPage/en-ce-moment-au-cmaic.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divInformation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divInformation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divInformation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divInformation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divInformation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divInformation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divInformation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divInformation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divInformation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divInformation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divInformation > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divInformation > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divInformation > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divInformation > div.element.description,
div.divInformation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divInformation > div.element.description,
  div.divInformation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divInformation > div.element.description,
  div.divInformation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divInformation > div.element.description a:hover,
div.divInformation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divInformation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divInformation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divInformation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divInformation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divInformation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divInformation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divInformation div.bottomDescription div.element.description div.description,
div.divInformation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divInformation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divInformation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divInformation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divInformation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divInformation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divInformation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divInformation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divInformation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divInformation div.accesTemplate a:hover, div.divInformation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divInformation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divInformation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divInformation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divInformation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divInformation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divInformation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6111, ../specific.scss */
div.divInformation > div.element.description.view,
div.divInformation > div.element.presentation.view {
  margin-bottom: 80px;
}

/* line 6121, ../specific.scss */
div.divActualite {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6121, ../specific.scss */
  div.divActualite {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divActualite:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divActualite:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divActualite:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divActualite > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divActualite > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divActualite > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divActualite > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divActualite > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divActualite > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divActualite > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divActualite > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divActualite > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divActualite > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divActualite > div.element.description,
div.divActualite > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divActualite > div.element.description,
  div.divActualite > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divActualite > div.element.description,
  div.divActualite > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divActualite > div.element.description a:hover,
div.divActualite > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divActualite div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divActualite div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divActualite div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divActualite div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divActualite div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divActualite div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divActualite div.bottomDescription div.element.description div.description,
div.divActualite div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divActualite div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divActualite div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divActualite div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divActualite div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divActualite div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divActualite div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divActualite div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divActualite div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divActualite div.accesTemplate a:hover, div.divActualite div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divActualite div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divActualite div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divActualite div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divActualite div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divActualite div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divActualite div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6124, ../specific.scss */
div.divActualite > div.element.description.view,
div.divActualite > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6129, ../specific.scss */
div.divActualite > h2 {
  margin-bottom: 40px;
}

/* line 6135, ../specific.scss */
div.divDossiers {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6135, ../specific.scss */
  div.divDossiers {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divDossiers:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divDossiers:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divDossiers:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divDossiers > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divDossiers > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divDossiers > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divDossiers > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divDossiers > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divDossiers > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divDossiers > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divDossiers > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDossiers > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divDossiers > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDossiers > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divDossiers > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divDossiers > div.element.description,
div.divDossiers > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divDossiers > div.element.description,
  div.divDossiers > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divDossiers > div.element.description,
  div.divDossiers > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divDossiers > div.element.description a:hover,
div.divDossiers > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divDossiers div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divDossiers div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divDossiers div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divDossiers div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divDossiers div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divDossiers div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divDossiers div.bottomDescription div.element.description div.description,
div.divDossiers div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divDossiers div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divDossiers div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divDossiers div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divDossiers div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divDossiers div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divDossiers div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divDossiers div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divDossiers div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divDossiers div.accesTemplate a:hover, div.divDossiers div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divDossiers div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divDossiers div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divDossiers div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divDossiers div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divDossiers div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divDossiers div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6138, ../specific.scss */
div.divDossiers > div.element.description.view,
div.divDossiers > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6143, ../specific.scss */
div.divDossiers > h2 {
  margin-bottom: 40px;
}
/* line 6148, ../specific.scss */
div.divDossiers > .container {
  width: 80%;
  margin-right: auto;
}

/* line 6154, ../specific.scss */
div.element.dossier.view {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  margin-top: 100px;
  margin-left: 0;
}
@media only screen and (max-width: 1380px) {
  /* line 6154, ../specific.scss */
  div.element.dossier.view {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.element.dossier.view:not(.notBackground) {
  background: url(data/image/backgroundPage/transparent) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.element.dossier.view:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.element.dossier.view:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.element.dossier.view > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.element.dossier.view > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.element.dossier.view > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.element.dossier.view > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.element.dossier.view > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.element.dossier.view > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.element.dossier.view > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.element.dossier.view > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.element.dossier.view > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.element.dossier.view > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.element.dossier.view > div.element.description,
div.element.dossier.view > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.element.dossier.view > div.element.description,
  div.element.dossier.view > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.element.dossier.view > div.element.description,
  div.element.dossier.view > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.element.dossier.view > div.element.description a:hover,
div.element.dossier.view > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.element.dossier.view div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.element.dossier.view div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.element.dossier.view div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.element.dossier.view div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.element.dossier.view div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.element.dossier.view div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.element.dossier.view div.bottomDescription div.element.description div.description,
div.element.dossier.view div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.element.dossier.view div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.element.dossier.view div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.element.dossier.view div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.element.dossier.view div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.element.dossier.view div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.element.dossier.view div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.element.dossier.view div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.element.dossier.view div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.element.dossier.view div.accesTemplate a:hover, div.element.dossier.view div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.element.dossier.view div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.element.dossier.view div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.element.dossier.view div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.element.dossier.view div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.element.dossier.view div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.element.dossier.view div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
@media only screen and (max-width: 1380px) {
  /* line 6154, ../specific.scss */
  div.element.dossier.view {
    margin-top: 0;
  }
}
/* line 6163, ../specific.scss */
div.element.dossier.view h1 {
  max-width: 100%;
  text-align: left;
  margin-bottom: 40px;
  padding: 20px 0;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 6174, ../specific.scss */
div.element.dossier.view div.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 6178, ../specific.scss */
div.element.dossier.view div.flex div.right-dossier {
  margin-left: 30px;
}
/* line 6183, ../specific.scss */
div.element.dossier.view > div.element.description.view,
div.element.dossier.view > div.element.presentation.view {
  margin-bottom: 80px;
}

/* line 6195, ../specific.scss */
div.element.dossierContent.viewList div.content {
  display: block;
}
/* line 6199, ../specific.scss */
div.element.dossierContent.viewList div.content .listview:nth-of-type(odd) div.picture {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
/* line 6207, ../specific.scss */
div.element.dossierContent.viewList div.content .listview:nth-of-type(even) div.picture {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
/* line 6216, ../specific.scss */
div.element.dossierContent.listview {
  width: 100%;
  margin: 50px 0;
  clear: both;
}
/* line 6221, ../specific.scss */
div.element.dossierContent.listview h3 {
  margin-bottom: 5px;
}
/* line 6225, ../specific.scss */
div.element.dossierContent.listview div.description {
  display: inline;
}

/* line 6231, ../specific.scss */
div.divEvenement {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6231, ../specific.scss */
  div.divEvenement {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divEvenement:not(.notBackground) {
  background: url(data/image/backgroundPage/nos-evenements.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divEvenement:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divEvenement:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divEvenement > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divEvenement > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divEvenement > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divEvenement > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divEvenement > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divEvenement > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divEvenement > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divEvenement > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divEvenement > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divEvenement > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divEvenement > div.element.description,
div.divEvenement > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divEvenement > div.element.description,
  div.divEvenement > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divEvenement > div.element.description,
  div.divEvenement > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divEvenement > div.element.description a:hover,
div.divEvenement > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divEvenement div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divEvenement div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divEvenement div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divEvenement div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divEvenement div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divEvenement div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divEvenement div.bottomDescription div.element.description div.description,
div.divEvenement div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divEvenement div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divEvenement div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divEvenement div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divEvenement div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divEvenement div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divEvenement div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divEvenement div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divEvenement div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divEvenement div.accesTemplate a:hover, div.divEvenement div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divEvenement div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divEvenement div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divEvenement div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divEvenement div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divEvenement div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divEvenement div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6234, ../specific.scss */
div.divEvenement > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6238, ../specific.scss */
div.divEvenement > h2 {
  margin-bottom: 40px;
}

/* line 6244, ../specific.scss */
div.divPresse {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 6244, ../specific.scss */
  div.divPresse {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPresse:not(.notBackground) {
  background: url(data/image/backgroundPage/la-presse.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPresse:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPresse:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPresse > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPresse > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPresse > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPresse > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPresse > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPresse > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPresse > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPresse > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPresse > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPresse > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPresse > div.element.description,
div.divPresse > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPresse > div.element.description,
  div.divPresse > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPresse > div.element.description,
  div.divPresse > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPresse > div.element.description a:hover,
div.divPresse > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPresse div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPresse div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPresse div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPresse div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPresse div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPresse div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPresse div.bottomDescription div.element.description div.description,
div.divPresse div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPresse div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPresse div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPresse div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPresse div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPresse div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPresse div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPresse div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPresse div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPresse div.accesTemplate a:hover, div.divPresse div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPresse div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPresse div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPresse div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPresse div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPresse div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPresse div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 6247, ../specific.scss */
div.divPresse > div.element.description.view,
div.divPresse > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 6251, ../specific.scss */
div.divPresse > div.element.description.view a,
div.divPresse > div.element.presentation.view a {
  color: #5897c7;
  transition: all 0.2s ease;
}
/* line 2050, ../specific.scss */
div.divPresse > div.element.description.view a:hover,
div.divPresse > div.element.presentation.view a:hover {
  color: #3b7eb1;
}
/* line 6256, ../specific.scss */
div.divPresse > h2 {
  margin-bottom: 40px;
}

/* line 6262, ../specific.scss */
div.element.actualite.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.actualite.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6262, ../specific.scss */
  div.element.actualite.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6262, ../specific.scss */
  div.element.actualite.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.actualite.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.actualite.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.actualite.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.actualite.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.actualite.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.actualite.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.actualite.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #06C4F4;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.actualite.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.actualite.listview div.middle h3 a:focus, div.element.actualite.listview div.middle h3 a:hover {
  color: #06C4F4;
}
/* line 917, ../specific.scss */
div.element.actualite.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.actualite.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.actualite.listview div.picture a:focus img,
div.element.actualite.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.actualite.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.actualite.listview div.bottom a,
div.element.actualite.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.actualite.listview div.bottom a:focus, div.element.actualite.listview div.bottom a:hover,
div.element.actualite.listview div.bottom div.contentToShare:focus,
div.element.actualite.listview div.bottom div.contentToShare:hover {
  color: #06C4F4;
}
/* line 953, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.actualite.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}

/* line 6266, ../specific.scss */
div.element.presse.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.presse.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6266, ../specific.scss */
  div.element.presse.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6266, ../specific.scss */
  div.element.presse.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.presse.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.presse.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.presse.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.presse.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.presse.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.presse.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.presse.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #E3424A;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.presse.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.presse.listview div.middle h3 a:focus, div.element.presse.listview div.middle h3 a:hover {
  color: #E3424A;
}
/* line 917, ../specific.scss */
div.element.presse.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.presse.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.presse.listview div.picture a:focus img,
div.element.presse.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.presse.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.presse.listview div.bottom a,
div.element.presse.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.presse.listview div.bottom a:focus, div.element.presse.listview div.bottom a:hover,
div.element.presse.listview div.bottom div.contentToShare:focus,
div.element.presse.listview div.bottom div.contentToShare:hover {
  color: #E3424A;
}
/* line 953, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.presse.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}

/* line 6270, ../specific.scss */
div.element.evenement.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.evenement.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6270, ../specific.scss */
  div.element.evenement.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6270, ../specific.scss */
  div.element.evenement.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.evenement.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.evenement.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.evenement.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.evenement.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.evenement.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.evenement.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.evenement.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #FF9827;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.evenement.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.evenement.listview div.middle h3 a:focus, div.element.evenement.listview div.middle h3 a:hover {
  color: #FF9827;
}
/* line 917, ../specific.scss */
div.element.evenement.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.evenement.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.evenement.listview div.picture a:focus img,
div.element.evenement.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.evenement.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.evenement.listview div.bottom a,
div.element.evenement.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.evenement.listview div.bottom a:focus, div.element.evenement.listview div.bottom a:hover,
div.element.evenement.listview div.bottom div.contentToShare:focus,
div.element.evenement.listview div.bottom div.contentToShare:hover {
  color: #FF9827;
}
/* line 953, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.evenement.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}

/* line 6274, ../specific.scss */
div.element.dossier.listview {
  width: 31%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 841, ../specific.scss */
div.element.dossier.listview > *:not(.actions) {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  /* line 6274, ../specific.scss */
  div.element.dossier.listview {
    width: 48%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6274, ../specific.scss */
  div.element.dossier.listview {
    width: 98%;
  }
}
/* line 854, ../specific.scss */
div.element.dossier.listview small.admin {
  padding: 6px;
  background: #3E4982;
  color: #FFF;
  font-style: italic;
  display: block;
  text-align: center;
}
/* line 863, ../specific.scss */
div.element.dossier.listview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 868, ../specific.scss */
div.element.dossier.listview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 873, ../specific.scss */
div.element.dossier.listview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 877, ../specific.scss */
div.element.dossier.listview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #16A89F;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 889, ../specific.scss */
div.element.dossier.listview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 896, ../specific.scss */
div.element.dossier.listview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #16A89F;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 905, ../specific.scss */
div.element.dossier.listview div.middle h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 909, ../specific.scss */
div.element.dossier.listview div.middle h3 a:focus, div.element.dossier.listview div.middle h3 a:hover {
  color: #16A89F;
}
/* line 917, ../specific.scss */
div.element.dossier.listview div.picture {
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 923, ../specific.scss */
div.element.dossier.listview div.picture img {
  width: 100%;
  transition: all 0.2s ease;
}
/* line 930, ../specific.scss */
div.element.dossier.listview div.picture a:focus img,
div.element.dossier.listview div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 936, ../specific.scss */
div.element.dossier.listview div.bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 942, ../specific.scss */
div.element.dossier.listview div.bottom a,
div.element.dossier.listview div.bottom div.contentToShare {
  color: #646464;
  transition: all 0.2s ease;
}
/* line 947, ../specific.scss */
div.element.dossier.listview div.bottom a:focus, div.element.dossier.listview div.bottom a:hover,
div.element.dossier.listview div.bottom div.contentToShare:focus,
div.element.dossier.listview div.bottom div.contentToShare:hover {
  color: #16A89F;
}
/* line 953, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.dossier.listview div.bottom div.contentToShare.active > div {
  display: block;
}
@media only screen and (max-width: 500px) {
  /* line 957, ../specific.scss */
  div.element.dossier.listview div.bottom div.contentToShare > div {
    width: 90px;
    top: 100%;
  }
}
/* line 6277, ../specific.scss */
div.element.dossier.listview img {
  width: auto !important;
}

/* line 6282, ../specific.scss */
div.element.actualite.lightListview {
  position: relative;
  padding-left: 60px;
  margin-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  width: 80%;
  margin-right: 20%;
}
/* line 1102, ../specific.scss */
div.element.actualite.lightListview div.picture {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #FFF;
}
/* line 1108, ../specific.scss */
div.element.actualite.lightListview div.picture img {
  width: 100%;
}
/* line 1113, ../specific.scss */
div.element.actualite.lightListview > h3 {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1119, ../specific.scss */
div.element.actualite.lightListview > h3:hover {
  color: #3E4982;
}
/* line 1124, ../specific.scss */
div.element.actualite.lightListview:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1135, ../specific.scss */
div.element.actualite.lightListview:after {
  content: '';
  background: #06C4F4;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 1145, ../specific.scss */
div.element.actualite.lightListview div.bottom {
  clear: both;
}
/* line 1148, ../specific.scss */
div.element.actualite.lightListview div.bottom a.contact-us {
  background: #FF9827;
  margin-right: 20px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.actualite.lightListview div.bottom a.contact-us:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 6286, ../specific.scss */
div.element.presse.lightListview {
  position: relative;
  padding-left: 60px;
  margin-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  width: 80%;
  margin-right: 20%;
}
/* line 1102, ../specific.scss */
div.element.presse.lightListview div.picture {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #FFF;
}
/* line 1108, ../specific.scss */
div.element.presse.lightListview div.picture img {
  width: 100%;
}
/* line 1113, ../specific.scss */
div.element.presse.lightListview > h3 {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1119, ../specific.scss */
div.element.presse.lightListview > h3:hover {
  color: #3E4982;
}
/* line 1124, ../specific.scss */
div.element.presse.lightListview:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1135, ../specific.scss */
div.element.presse.lightListview:after {
  content: '';
  background: #E3424A;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 1145, ../specific.scss */
div.element.presse.lightListview div.bottom {
  clear: both;
}
/* line 1148, ../specific.scss */
div.element.presse.lightListview div.bottom a.contact-us {
  background: #FF9827;
  margin-right: 20px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.presse.lightListview div.bottom a.contact-us:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 6290, ../specific.scss */
div.element.evenement.lightListview {
  position: relative;
  padding-left: 60px;
  margin-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
  width: 80%;
  margin-right: 20%;
}
/* line 1102, ../specific.scss */
div.element.evenement.lightListview div.picture {
  float: left;
  margin-bottom: 20px;
  padding-right: 20px;
  background: #FFF;
}
/* line 1108, ../specific.scss */
div.element.evenement.lightListview div.picture img {
  width: 100%;
}
/* line 1113, ../specific.scss */
div.element.evenement.lightListview > h3 {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 1119, ../specific.scss */
div.element.evenement.lightListview > h3:hover {
  color: #3E4982;
}
/* line 1124, ../specific.scss */
div.element.evenement.lightListview:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1135, ../specific.scss */
div.element.evenement.lightListview:after {
  content: '';
  background: #FF9827;
  position: absolute;
  top: 50px;
  left: 20px;
  bottom: 0;
  width: 2px;
}
/* line 1145, ../specific.scss */
div.element.evenement.lightListview div.bottom {
  clear: both;
}
/* line 1148, ../specific.scss */
div.element.evenement.lightListview div.bottom a.contact-us {
  background: #FF9827;
  margin-right: 20px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.evenement.lightListview div.bottom a.contact-us:hover {
    background: #FFF;
    color: #FF9827;
  }
}

/* line 6294, ../specific.scss */
div.element.actualite.preview {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* float: right; */
  text-align: left;
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  /* line 6294, ../specific.scss */
  div.element.actualite.preview {
    width: 48%;
    margin: 1%;
    float: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6294, ../specific.scss */
  div.element.actualite.preview {
    width: 98%;
  }
}
/* line 987, ../specific.scss */
div.element.actualite.preview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 992, ../specific.scss */
div.element.actualite.preview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 997, ../specific.scss */
div.element.actualite.preview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 1001, ../specific.scss */
div.element.actualite.preview div.top > div.left a {
  color: #5E5E5E;
}
/* line 1005, ../specific.scss */
div.element.actualite.preview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1017, ../specific.scss */
div.element.actualite.preview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 1024, ../specific.scss */
div.element.actualite.preview h3 {
  /*height: 60px;*/
  margin-bottom: 10px;
}
/* line 1028, ../specific.scss */
div.element.actualite.preview h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 1032, ../specific.scss */
div.element.actualite.preview h3 a:hover {
  color: #06C4F4;
}
/* line 1038, ../specific.scss */
div.element.actualite.preview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #06C4F4;
  /*@include inline-block(top); width: 38%; margin-right: 2%;*/
}
/* line 1044, ../specific.scss */
div.element.actualite.preview div.middle div.description {
  height: 44px;
}
@media only screen and (max-width: 800px) {
  /* line 1044, ../specific.scss */
  div.element.actualite.preview div.middle div.description {
    height: auto;
  }
}
/* line 1053, ../specific.scss */
div.element.actualite.preview div.picture {
  /*@include inline-block(top); width: 40%;*/
  margin-top: 20px;
}
/* line 1057, ../specific.scss */
div.element.actualite.preview div.picture img {
  width: 100%;
}
/* line 1062, ../specific.scss */
div.element.actualite.preview div.bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1068, ../specific.scss */
div.element.actualite.preview div.bottom a,
div.element.actualite.preview div.bottom div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #646464;
  transition: all 0.2s ease;
}
/* line 1074, ../specific.scss */
div.element.actualite.preview div.bottom a:hover,
div.element.actualite.preview div.bottom div.contentToShare:hover {
  color: #06C4F4;
}
/* line 1079, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare.active > div {
  display: block;
}
/* line 1082, ../specific.scss */
div.element.actualite.preview div.bottom div.contentToShare > div {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}

/* line 6298, ../specific.scss */
div.element.actualite.preview {
  text-align: left;
}
/* line 6301, ../specific.scss */
div.element.actualite.preview div.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/* line 6306, ../specific.scss */
div.element.actualite.preview div.left,
div.element.actualite.preview div.bottom {
  text-align: left;
}

/* line 6312, ../specific.scss */
div.element.actualite.light {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
@media only screen and (max-width: 600px) {
  /* line 6312, ../specific.scss */
  div.element.actualite.light {
    height: auto !important;
  }
}
/* line 6321, ../specific.scss */
div.element.actualite.light div.picture {
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 600px) {
  /* line 6321, ../specific.scss */
  div.element.actualite.light div.picture {
    height: auto;
    position: static;
  }
}
/* line 6330, ../specific.scss */
div.element.actualite.light div.picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  position: absolute;
}
@media only screen and (max-width: 600px) {
  /* line 6330, ../specific.scss */
  div.element.actualite.light div.picture img {
    object-fit: contain;
    position: static;
  }
}
@media only screen and (min-width: 600px) and (max-width: 10000px) {
  /* line 6342, ../specific.scss */
  div.element.actualite.light div.picture img.img-rwd {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  /* line 6348, ../specific.scss */
  div.element.actualite.light div.picture img:not(.img-rwd) {
    display: none;
  }
}
/* line 6355, ../specific.scss */
div.element.actualite.light div.picture div.gradiant {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  /* line 6355, ../specific.scss */
  div.element.actualite.light div.picture div.gradiant {
    display: none;
    /*background: rgba(0,0,0,0.3);*/
  }
}
/* line 6373, ../specific.scss */
div.element.actualite.light div.text {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 51%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 2;
}
/* line 6381, ../specific.scss */
div.element.actualite.light div.text:before {
  content: '';
  background: url(data/image/picto-actus.png) center center/20px no-repeat #06C4F4;
  position: absolute;
  top: -13px;
  left: -70px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
@media only screen and (max-width: 600px) {
  /* line 6381, ../specific.scss */
  div.element.actualite.light div.text:before {
    display: none;
  }
}
/* line 6396, ../specific.scss */
div.element.actualite.light div.text:after {
  content: '';
  background-color: #06C4F4;
  position: absolute;
  top: 55px;
  left: -47px;
  width: 3px;
  height: 150px;
}
@media only screen and (max-width: 600px) {
  /* line 6396, ../specific.scss */
  div.element.actualite.light div.text:after {
    display: none;
  }
}
/* line 6410, ../specific.scss */
div.element.actualite.light div.text span,
div.element.actualite.light div.text h2,
div.element.actualite.light div.text a {
  color: #fff;
  font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 600px) {
  /* line 6410, ../specific.scss */
  div.element.actualite.light div.text span,
  div.element.actualite.light div.text h2,
  div.element.actualite.light div.text a {
    color: #646464;
  }
}
/* line 6421, ../specific.scss */
div.element.actualite.light div.text span {
  font-size: 1.2rem;
  font-weight: 700;
}
/* line 6426, ../specific.scss */
div.element.actualite.light div.text h2 {
  font-size: 1.8rem;
  line-height: 30px;
  margin: 20px 0 10px;
}
/* line 6431, ../specific.scss */
div.element.actualite.light div.text h2 a {
  font-weight: 700;
  text-transform: initial;
}
/* line 6437, ../specific.scss */
div.element.actualite.light div.text div.description {
  color: #fff;
  font-size: 1.2rem;
  width: 80%;
}
@media only screen and (max-width: 600px) {
  /* line 6437, ../specific.scss */
  div.element.actualite.light div.text div.description {
    color: #646464;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6373, ../specific.scss */
  div.element.actualite.light div.text {
    left: 15%;
  }
  /* line 6450, ../specific.scss */
  div.element.actualite.light div.text h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 600px) {
  /* line 6373, ../specific.scss */
  div.element.actualite.light div.text {
    position: static;
    width: 100%;
    -ms-transform: none;
        transform: none;
  }
  /* line 6460, ../specific.scss */
  div.element.actualite.light div.text h2 {
    font-size: 1.7rem;
  }
}
/* line 6466, ../specific.scss */
div.element.actualite.light div.bottom {
  position: absolute;
  right: 50px;
  bottom: 35px;
  z-index: 10;
}
@media only screen and (max-width: 600px) {
  /* line 6466, ../specific.scss */
  div.element.actualite.light div.bottom {
    position: static;
    margin-top: 10px;
  }
}
/* line 6477, ../specific.scss */
div.element.actualite.light div.bottom a {
  font-weight: 700;
  background-color: #06C4F4;
  color: #fff;
  padding: 15px 25px;
  font-size: 1rem;
  border-radius: 10px;
  transition: all 200ms ease-out;
  display: inline-block;
}
/* line 6487, ../specific.scss */
div.element.actualite.light div.bottom a:hover {
  background-color: #3E4982;
}
@media only screen and (max-width: 420px) {
  /* line 6466, ../specific.scss */
  div.element.actualite.light div.bottom {
    right: unset;
    left: 50px;
    bottom: 100px;
  }
}

/* line 6500, ../specific.scss */
div.element.presse.light,
div.element.presse.preview {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* float: right; */
  text-align: left;
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  /* line 6500, ../specific.scss */
  div.element.presse.light,
  div.element.presse.preview {
    width: 48%;
    margin: 1%;
    float: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6500, ../specific.scss */
  div.element.presse.light,
  div.element.presse.preview {
    width: 98%;
  }
}
/* line 987, ../specific.scss */
div.element.presse.light div.top,
div.element.presse.preview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 992, ../specific.scss */
div.element.presse.light div.top > div,
div.element.presse.preview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 997, ../specific.scss */
div.element.presse.light div.top > div.left,
div.element.presse.preview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 1001, ../specific.scss */
div.element.presse.light div.top > div.left a,
div.element.presse.preview div.top > div.left a {
  color: #5E5E5E;
}
/* line 1005, ../specific.scss */
div.element.presse.light div.top > div.left:before,
div.element.presse.preview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #E3424A;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1017, ../specific.scss */
div.element.presse.light div.top > div.right,
div.element.presse.preview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 1024, ../specific.scss */
div.element.presse.light h3,
div.element.presse.preview h3 {
  /*height: 60px;*/
  margin-bottom: 10px;
}
/* line 1028, ../specific.scss */
div.element.presse.light h3 a,
div.element.presse.preview h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 1032, ../specific.scss */
div.element.presse.light h3 a:hover,
div.element.presse.preview h3 a:hover {
  color: #E3424A;
}
/* line 1038, ../specific.scss */
div.element.presse.light div.middle,
div.element.presse.preview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #E3424A;
  /*@include inline-block(top); width: 38%; margin-right: 2%;*/
}
/* line 1044, ../specific.scss */
div.element.presse.light div.middle div.description,
div.element.presse.preview div.middle div.description {
  height: 44px;
}
@media only screen and (max-width: 800px) {
  /* line 1044, ../specific.scss */
  div.element.presse.light div.middle div.description,
  div.element.presse.preview div.middle div.description {
    height: auto;
  }
}
/* line 1053, ../specific.scss */
div.element.presse.light div.picture,
div.element.presse.preview div.picture {
  /*@include inline-block(top); width: 40%;*/
  margin-top: 20px;
}
/* line 1057, ../specific.scss */
div.element.presse.light div.picture img,
div.element.presse.preview div.picture img {
  width: 100%;
}
/* line 1062, ../specific.scss */
div.element.presse.light div.bottom,
div.element.presse.preview div.bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1068, ../specific.scss */
div.element.presse.light div.bottom a,
div.element.presse.light div.bottom div.contentToShare,
div.element.presse.preview div.bottom a,
div.element.presse.preview div.bottom div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #646464;
  transition: all 0.2s ease;
}
/* line 1074, ../specific.scss */
div.element.presse.light div.bottom a:hover,
div.element.presse.light div.bottom div.contentToShare:hover,
div.element.presse.preview div.bottom a:hover,
div.element.presse.preview div.bottom div.contentToShare:hover {
  color: #E3424A;
}
/* line 1079, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare,
div.element.presse.preview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare > div,
div.element.presse.preview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare > div a,
div.element.presse.preview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare.active > div,
div.element.presse.preview div.bottom div.contentToShare.active > div {
  display: block;
}
/* line 1082, ../specific.scss */
div.element.presse.light div.bottom div.contentToShare > div,
div.element.presse.preview div.bottom div.contentToShare > div {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}

/* line 6505, ../specific.scss */
div.element.evenement.light {
  text-align: left;
  width: calc(33.33% - 40px);
  box-sizing: border-box;
  padding: 30px;
  margin: 10px 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
  position: relative;
}
/* line 6515, ../specific.scss */
div.element.evenement.light div.date {
  position: absolute;
  top: -30px;
  right: -20px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  font-weight: 700;
}
/* line 6524, ../specific.scss */
div.element.evenement.light div.date div.bg-orange {
  background-color: #FC7922;
  height: 20px;
  width: 100%;
}
/* line 6530, ../specific.scss */
div.element.evenement.light div.date div.date-content {
  padding: 5px 15px;
}
/* line 6533, ../specific.scss */
div.element.evenement.light div.date div.date-content div.day {
  font-size: 1.7rem;
  line-height: 25px;
}
/* line 6538, ../specific.scss */
div.element.evenement.light div.date div.date-content div.month {
  font-size: 1rem;
}
/* line 6545, ../specific.scss */
div.element.evenement.light div.top h3 {
  line-height: 20px;
  width: 95%;
}
/* line 6549, ../specific.scss */
div.element.evenement.light div.top h3 a {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3rem;
}
/* line 6555, ../specific.scss */
div.element.evenement.light div.top div.description {
  margin: 20px 0;
  font-size: 0.8rem;
  width: 98%;
}
/* line 6563, ../specific.scss */
div.element.evenement.light div.middle img {
  width: 100%;
}
/* line 6568, ../specific.scss */
div.element.evenement.light div.bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 15px;
}
/* line 6573, ../specific.scss */
div.element.evenement.light div.bottom a {
  color: #707070;
  font-size: 0.9rem;
  font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 1380px) {
  /* line 6505, ../specific.scss */
  div.element.evenement.light {
    width: calc(50% - 40px);
    margin: 10px 20px 50px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6505, ../specific.scss */
  div.element.evenement.light {
    width: 100%;
  }
}

/* line 6590, ../specific.scss */
div.element.evenement.lightSmall {
  width: calc(33.33% - 40px);
  margin: 30px 20px;
}
/* line 6594, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 6598, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left {
  margin-right: 20px;
}
/* line 6601, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date {
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  font-weight: 700;
}
/* line 6607, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.bg-orange {
  background-color: #FC7922;
  height: 20px;
  width: 100%;
}
/* line 6613, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.date-content {
  padding: 5px 15px;
}
/* line 6616, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.date-content div.day {
  font-size: 1.7rem;
  line-height: 25px;
}
/* line 6621, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.left div.date div.date-content div.month {
  font-size: 1rem;
}
/* line 6629, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right h3 {
  line-height: 20px;
  width: 95%;
}
/* line 6633, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right h3 a {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3rem;
}
/* line 6639, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right div.bottom {
  margin-top: 5px;
}
/* line 6642, ../specific.scss */
div.element.evenement.lightSmall div.flex-evenements div.right div.bottom a {
  color: #707070;
  font-size: 0.9rem;
  font-family: "Raleway", sans-serif;
}
@media only screen and (max-width: 1380px) {
  /* line 6590, ../specific.scss */
  div.element.evenement.lightSmall {
    width: calc(50% - 40px);
  }
}
@media only screen and (max-width: 1024px) {
  /* line 6590, ../specific.scss */
  div.element.evenement.lightSmall {
    width: 100%;
  }
}

/* line 6661, ../specific.scss */
div.element.actualite.view {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
div.element.actualite.view strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
div.element.actualite.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  div.element.actualite.view.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
div.element.actualite.view > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  div.element.actualite.view > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
div.element.actualite.view > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
div.element.actualite.view div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  div.element.actualite.view div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
div.element.actualite.view div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
div.element.actualite.view div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
div.element.actualite.view div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
div.element.actualite.view div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  div.element.actualite.view div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.actualite.view div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
div.element.actualite.view div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
div.element.actualite.view div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  div.element.actualite.view div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
div.element.actualite.view div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
div.element.actualite.view div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  div.element.actualite.view div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
div.element.actualite.view div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
div.element.actualite.view div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
div.element.actualite.view div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}

/* line 6665, ../specific.scss */
div.element.presse.view {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
div.element.presse.view strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
div.element.presse.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  div.element.presse.view.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
div.element.presse.view > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  div.element.presse.view > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
div.element.presse.view > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
div.element.presse.view div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  div.element.presse.view div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
div.element.presse.view div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
div.element.presse.view div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
div.element.presse.view div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
div.element.presse.view div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  div.element.presse.view div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  div.element.presse.view div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  div.element.presse.view div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  div.element.presse.view div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.presse.view div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
div.element.presse.view div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
div.element.presse.view div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  div.element.presse.view div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
div.element.presse.view div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
div.element.presse.view div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  div.element.presse.view div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
div.element.presse.view div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
div.element.presse.view div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
div.element.presse.view div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}

/* line 6669, ../specific.scss */
div.element.evenement.view {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
div.element.evenement.view strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
div.element.evenement.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  div.element.evenement.view.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
div.element.evenement.view > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  div.element.evenement.view > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
div.element.evenement.view > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
div.element.evenement.view div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  div.element.evenement.view div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
div.element.evenement.view div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
div.element.evenement.view div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
div.element.evenement.view div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
div.element.evenement.view div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  div.element.evenement.view div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.view div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
div.element.evenement.view div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
div.element.evenement.view div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  div.element.evenement.view div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
div.element.evenement.view div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
div.element.evenement.view div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  div.element.evenement.view div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
div.element.evenement.view div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
div.element.evenement.view div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
div.element.evenement.view div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}

/* line 6673, ../specific.scss */
div.element.actualite.viewList div.element.actualite.view,
div.element.presse.viewList div.element.presse.view,
div.element.evenement.viewList div.element.evenement.view {
  max-width: 100%;
  margin: 0 auto;
}

/* line 6681, ../specific.scss */
div.element.actualite.viewList {
  max-width: 80%;
}
/* line 6684, ../specific.scss */
div.element.actualite.viewList div.content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  /* line 6681, ../specific.scss */
  div.element.actualite.viewList {
    max-width: 100%;
  }
}
/* line 6697, ../specific.scss */
div.element.actualite.view h3,
div.element.actualite.view strong {
  color: #3E4982;
}
/* line 6703, ../specific.scss */
div.element.actualite.view div.video iframe {
  width: 100%;
}
/* line 6708, ../specific.scss */
div.element.actualite.view div.bottom {
  text-align: left;
}
/* line 6713, ../specific.scss */
div.element.actualite.preview {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #646464;
  text-align: center;
}
/* line 6720, ../specific.scss */
div.element.actualite.preview:last-child {
  border-bottom: none;
}
/* line 6724, ../specific.scss */
div.element.actualite.preview div.picture {
  margin-bottom: 20px;
}
/* line 6729, ../specific.scss */
div.element.actualite.preview h4 a {
  color: #646464;
  font-size: 28px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 6735, ../specific.scss */
div.element.actualite.preview div.description {
  color: #646464;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 6741, ../specific.scss */
div.element.actualite.edit {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}
/* line 6748, ../specific.scss */
div.element.actualite.edit div.filecrop.previewImage {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18%;
  margin-right: 2%;
}
/* line 6754, ../specific.scss */
div.element.actualite.edit div.fieldsetRight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 80%;
}
/* line 6759, ../specific.scss */
div.element.actualite.edit div.dateStart,
div.element.actualite.edit div.dateEnd {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
}
/* line 6767, ../specific.scss */
div.element.actualite.edit div.description textarea {
  min-height: 400px;
}
/* line 6773, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewInputs {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  margin-bottom: 0;
}
/* line 6779, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
/* line 6787, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList h2 {
  text-align: center;
}
/* line 6791, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList div.element.actualite.previewList {
  width: 100%;
}
/* line 6794, ../specific.scss */
div.element.actualite.edit div.list.preview div.previewList div.element.actualite.previewList div.description {
  text-align: left;
}

/* line 6808, ../specific.scss */
form.editActualite:not(.forward-1) div.link,
form.editActualite:not(.forward-1) div.linkTitle {
  display: none;
}
/* line 6815, ../specific.scss */
form.editActualite.link- div.linkTitle {
  display: none;
}

/*
 * Evenement
 * ************************************************************************* */
/* line 6827, ../specific.scss */
div.element.evenement.viewList {
  max-width: 80%;
}
/* line 6830, ../specific.scss */
div.element.evenement.viewList div.content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  /* line 6827, ../specific.scss */
  div.element.evenement.viewList {
    max-width: 100%;
  }
}
/* line 6842, ../specific.scss */
div.element.evenement.light div.top {
  line-height: normal;
}
/* line 6846, ../specific.scss */
div.element.evenement.light div.top div.left {
  width: 100%;
}
/* line 6850, ../specific.scss */
div.element.evenement.light small {
  display: block;
}
/* line 6856, ../specific.scss */
div.element.evenement.listview div.top {
  margin-top: 20px;
}
/* line 6860, ../specific.scss */
div.element.evenement.listview div.right {
  margin: 20px 0;
  text-align: right;
}
/* line 6866, ../specific.scss */
div.element.evenement.preview {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* float: right; */
  text-align: left;
  width: 30%;
  box-sizing: border-box;
  padding: 30px;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
@media only screen and (max-width: 1100px) {
  /* line 6866, ../specific.scss */
  div.element.evenement.preview {
    width: 48%;
    margin: 1%;
    float: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 6866, ../specific.scss */
  div.element.evenement.preview {
    width: 98%;
  }
}
/* line 987, ../specific.scss */
div.element.evenement.preview div.top {
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
}
/* line 992, ../specific.scss */
div.element.evenement.preview div.top > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 997, ../specific.scss */
div.element.evenement.preview div.top > div.left {
  padding-left: 50px;
  position: relative;
}
/* line 1001, ../specific.scss */
div.element.evenement.preview div.top > div.left a {
  color: #5E5E5E;
}
/* line 1005, ../specific.scss */
div.element.evenement.preview div.top > div.left:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #06C4F4;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 1017, ../specific.scss */
div.element.evenement.preview div.top > div.right {
  text-align: right;
  color: #646464;
}
/* line 1024, ../specific.scss */
div.element.evenement.preview h3 {
  /*height: 60px;*/
  margin-bottom: 10px;
}
/* line 1028, ../specific.scss */
div.element.evenement.preview h3 a {
  color: #5E5E5E;
  transition: all 0.2s ease;
}
/* line 1032, ../specific.scss */
div.element.evenement.preview h3 a:hover {
  color: #06C4F4;
}
/* line 1038, ../specific.scss */
div.element.evenement.preview div.middle {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #06C4F4;
  /*@include inline-block(top); width: 38%; margin-right: 2%;*/
}
/* line 1044, ../specific.scss */
div.element.evenement.preview div.middle div.description {
  height: 44px;
}
@media only screen and (max-width: 800px) {
  /* line 1044, ../specific.scss */
  div.element.evenement.preview div.middle div.description {
    height: auto;
  }
}
/* line 1053, ../specific.scss */
div.element.evenement.preview div.picture {
  /*@include inline-block(top); width: 40%;*/
  margin-top: 20px;
}
/* line 1057, ../specific.scss */
div.element.evenement.preview div.picture img {
  width: 100%;
}
/* line 1062, ../specific.scss */
div.element.evenement.preview div.bottom {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1068, ../specific.scss */
div.element.evenement.preview div.bottom a,
div.element.evenement.preview div.bottom div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #646464;
  transition: all 0.2s ease;
}
/* line 1074, ../specific.scss */
div.element.evenement.preview div.bottom a:hover,
div.element.evenement.preview div.bottom div.contentToShare:hover {
  color: #06C4F4;
}
/* line 1079, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare.active > div {
  display: block;
}
/* line 1082, ../specific.scss */
div.element.evenement.preview div.bottom div.contentToShare > div {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}
/* line 6869, ../specific.scss */
div.element.evenement.preview div.picture {
  width: 48%;
}
/* line 6873, ../specific.scss */
div.element.evenement.preview div.rightContainer {
  width: 50%;
}
/* line 6882, ../specific.scss */
div.element.evenement.view div.description iframe {
  border: none;
  width: 100%;
}
/* line 6889, ../specific.scss */
div.element.evenement.edit {
  width: 100%;
}
/* line 6892, ../specific.scss */
div.element.evenement.edit div.formLeft {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 70%;
}
/* line 6896, ../specific.scss */
div.element.evenement.edit div.formLeft div.date,
div.element.evenement.edit div.formLeft div.dateEnd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin-right: 2%;
}
/* line 6903, ../specific.scss */
div.element.evenement.edit div.formLeft div.nbPlace {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
}
/* line 6908, ../specific.scss */
div.element.evenement.edit div.formLeft div.hour,
div.element.evenement.edit div.formLeft div.place {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 49%;
}
/* line 6914, ../specific.scss */
div.element.evenement.edit div.formLeft div.hour {
  margin-right: 2%;
}
/* line 6919, ../specific.scss */
div.element.evenement.edit div.formRight {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 28%;
  margin-left: 2%;
}
/* line 6925, ../specific.scss */
div.element.evenement.edit div.formRight div.picture span.inputFile {
  display: block;
  text-align: center;
}
/* line 6930, ../specific.scss */
div.element.evenement.edit div.formRight div.picture div.fileResult {
  width: 100%;
  box-sizing: border-box;
}
/* line 6934, ../specific.scss */
div.element.evenement.edit div.formRight div.picture div.fileResult img {
  width: 100%;
  max-width: 100%;
}
/* line 6943, ../specific.scss */
div.element.evenement.edit div.description textarea {
  min-height: 400px;
}

/* line 6951, ../specific.scss */
div.element.evenementDocument div.actions {
  display: block;
}
/* line 6955, ../specific.scss */
div.element.evenementDocument.viewList {
  margin-top: 40px;
}
/* line 6958, ../specific.scss */
div.element.evenementDocument.viewList h2 {
  margin-bottom: 20px;
}
/* line 6964, ../specific.scss */
div.element.evenementDocument.view div.topAdmin {
  text-align: center;
  margin-bottom: 20px;
}
/* line 6968, ../specific.scss */
div.element.evenementDocument.view div.topAdmin a {
  margin: 10px;
}
/* line 6973, ../specific.scss */
div.element.evenementDocument.view div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 20px;
}
/* line 6980, ../specific.scss */
div.element.evenementDocument.listview.connected {
  min-height: 80px;
}

/* line 6988, ../specific.scss */
div.element.inscription.view, div.element.inscription.edit {
  max-width: 100%;
}
/* line 6994, ../specific.scss */
div.element.inscription.edit h1 {
  padding-left: 50px;
  position: relative;
  text-align: left;
}
/* line 6999, ../specific.scss */
div.element.inscription.edit h1:before {
  content: '';
  background: url(data/image/picto-actus.png) center center no-repeat #FF9827;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
/* line 7011, ../specific.scss */
div.element.inscription.edit div.container {
  margin-left: 18px;
  padding-left: 20px;
  border-left: 4px solid #FF9827;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 94%;
  box-sizing: border-box;
}
/* line 7019, ../specific.scss */
div.element.inscription.edit div.container div.details {
  text-align: left;
}
/* line 7023, ../specific.scss */
div.element.inscription.edit div.container form {
  padding: 20px 40px;
}
/* line 7027, ../specific.scss */
div.element.inscription.edit div.container label {
  display: none;
}
/* line 7031, ../specific.scss */
div.element.inscription.edit div.container div.secteurSociety,
div.element.inscription.edit div.container div.effectifSociety {
  margin-bottom: 20px;
}
/* line 7035, ../specific.scss */
div.element.inscription.edit div.container div.secteurSociety label,
div.element.inscription.edit div.container div.effectifSociety label {
  display: block;
  font-size: 0.9rem;
}
/* line 7041, ../specific.scss */
div.element.inscription.edit div.container input {
  padding: 16px;
  border: 1px solid #E8E8E8;
}
/* line 7046, ../specific.scss */
div.element.inscription.edit div.container div.text {
  margin-bottom: 20px;
}
/* line 7050, ../specific.scss */
div.element.inscription.edit div.container div.buttons {
  text-align: left;
}
/* line 7053, ../specific.scss */
div.element.inscription.edit div.container div.buttons input.save {
  background: #FF9827;
  color: #FFF;
  border: 1px solid #FF9827;
  padding: 10px 40px;
  box-shadow: none;
}
/* line 7060, ../specific.scss */
div.element.inscription.edit div.container div.buttons input.save:hover {
  background: #FFF;
  color: #FF9827;
}
/* line 7069, ../specific.scss */
div.element.inscription.listview {
  width: 100%;
}
/* line 7072, ../specific.scss */
div.element.inscription.listview div.bottom {
  background: none;
}
/* line 7075, ../specific.scss */
div.element.inscription.listview div.bottom a {
  width: 100%;
}

/* line 7083, ../specific.scss */
div.element.thematique.viewList {
  margin-top: 20px;
}
/* line 7087, ../specific.scss */
div.element.thematique.listview {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #5E5E5E;
}
/* line 7093, ../specific.scss */
div.element.thematique.listview h2 {
  margin-bottom: 10px;
  width: 100%;
}
/* line 7099, ../specific.scss */
div.element.thematique.listview div.right div.details {
  border-bottom: none;
  padding-bottom: 10px;
}
/* line 7103, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
div.element.thematique.listview div.right div.details div.contentToShare.active > div {
  display: block;
}
/* line 7107, ../specific.scss */
div.element.thematique.listview div.right div.details > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48%;
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 7107, ../specific.scss */
  div.element.thematique.listview div.right div.details > div {
    padding-left: 0;
  }
}
@media only screen and (max-width: 400px) {
  /* line 7107, ../specific.scss */
  div.element.thematique.listview div.right div.details > div {
    width: 98%;
  }
}
/* line 7123, ../specific.scss */
div.element.thematique.listview div.right div.details > div a {
  color: #5E5E5E;
}
/* line 7128, ../specific.scss */
div.element.thematique.listview div.right div.details > div a.showShare img {
  max-height: 12px;
}
/* line 7133, ../specific.scss */
div.element.thematique.listview div.right div.details > div.date {
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 7133, ../specific.scss */
  div.element.thematique.listview div.right div.details > div.date {
    background: none;
  }
}
/* line 7141, ../specific.scss */
div.element.thematique.listview div.right div.details > div.lieu {
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 7141, ../specific.scss */
  div.element.thematique.listview div.right div.details > div.lieu {
    background: none;
  }
}
/* line 7149, ../specific.scss */
div.element.thematique.listview div.right div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
}
/* line 7155, ../specific.scss */
div.element.thematique.listview div.right div.description {
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-style: italic;
}
/* line 7161, ../specific.scss */
div.element.thematique.listview div.bottom {
  width: 100%;
  text-align: right;
}
/* line 7167, ../specific.scss */
div.element.thematique.edit {
  width: 100%;
}
/* line 7170, ../specific.scss */
div.element.thematique.edit div.date,
div.element.thematique.edit div.hour,
div.element.thematique.edit div.place,
div.element.thematique.edit div.isForAdh,
div.element.thematique.edit div.dateEnd,
div.element.thematique.edit div.nbPlace {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 7181, ../specific.scss */
div.element.thematique.edit div.date,
div.element.thematique.edit div.dateEnd {
  text-align: center;
}

/*
 * Presse
 * ************************************************************************* */
/* line 7192, ../specific.scss */
div.element.presse.viewList {
  max-width: 80%;
}
/* line 7195, ../specific.scss */
div.element.presse.viewList div.content {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 800px) {
  /* line 7192, ../specific.scss */
  div.element.presse.viewList {
    max-width: 100%;
  }
}
/* line 7210, ../specific.scss */
div.element.presse.edit {
  width: 100%;
}
/* line 7213, ../specific.scss */
div.element.presse.edit div.filecrop.previewImage {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18%;
  margin-right: 2%;
}
/* line 7219, ../specific.scss */
div.element.presse.edit div.formRight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 80%;
}
/* line 7224, ../specific.scss */
div.element.presse.edit div.file.document,
div.element.presse.edit div.dateStart,
div.element.presse.edit div.dateEnd {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
/* line 7233, ../specific.scss */
div.element.presse.edit div.description textarea {
  min-height: 400px;
}
/* line 7239, ../specific.scss */
div.element.presse.edit div.file.document span.inputFile {
  display: block;
  text-align: center;
}
/* line 7244, ../specific.scss */
div.element.presse.edit div.file.document div.fileResult {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 6px;
  border: none;
}
/* line 7251, ../specific.scss */
div.element.presse.edit div.file.document div.fileResult a.filePreview {
  display: block;
  background: #3E4982;
  color: #FFF;
}
/* line 7257, ../specific.scss */
div.element.presse.edit div.file.document div.fileResult a.removeFile {
  height: 100%;
  background: url(data/image/welcome/close.png) center center no-repeat;
  background-size: 50%;
}
/* line 7266, ../specific.scss */
div.element.presse.edit div.list.preview div.previewInputs {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  margin-bottom: 0;
}
/* line 7272, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
/* line 7280, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList h2 {
  text-align: center;
}
/* line 7284, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList div.element.presse.previewList {
  width: 100%;
}
/* line 7288, ../specific.scss */
div.element.presse.edit div.list.preview div.previewList div.element.presse.preview {
  width: 100%;
}
/* line 7293, ../specific.scss */
div.element.presse.edit div.list.preview div.top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/*
 * Notifications
 * ************************************************************************* */
/* line 7304, ../specific.scss */
div.divNotification {
  margin: 0 10% auto;
  position: relative;
  padding-bottom: 100px;
}
/* line 7309, ../specific.scss */
div.divNotification .flexContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* line 7315, ../specific.scss */
div.divNotification > div.element.title {
  text-align: center;
  margin-bottom: 60px;
}
/* line 7319, ../specific.scss */
div.divNotification > div.element.title h1 {
  padding: 20px 0;
  font-size: 80px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: bold;
  text-transform: uppercase;
}
/* line 7326, ../specific.scss */
div.divNotification > div.element.title h1 span {
  position: relative;
}
/* line 7330, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7336, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7342, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7348, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(4) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
/* line 7355, ../specific.scss */
div.divNotification > div.element.title h1 span:nth-child(4):after {
  content: "\A";
  white-space: pre;
}
/* line 7361, ../specific.scss */
div.divNotification > div.element.title h1:after {
  display: none;
}
/* line 7367, ../specific.scss */
div.divNotification > div.bottom {
  text-align: center;
  margin-bottom: 40px;
}
/* line 7372, ../specific.scss */
div.divNotification div.rightContainer {
  float: right;
}

/*
 * FAQ
 * ************************************************************************* */
/* line 7380, ../specific.scss */
div.divQuestion {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 7380, ../specific.scss */
  div.divQuestion {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divQuestion:not(.notBackground) {
  background: url(data/image/backgroundPage/le-saviez-vous.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divQuestion:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divQuestion:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divQuestion > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divQuestion > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divQuestion > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divQuestion > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divQuestion > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divQuestion > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divQuestion > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divQuestion > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divQuestion > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divQuestion > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divQuestion > div.element.description,
div.divQuestion > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divQuestion > div.element.description,
  div.divQuestion > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divQuestion > div.element.description,
  div.divQuestion > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divQuestion > div.element.description a:hover,
div.divQuestion > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divQuestion div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divQuestion div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divQuestion div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divQuestion div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divQuestion div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divQuestion div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divQuestion div.bottomDescription div.element.description div.description,
div.divQuestion div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divQuestion div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divQuestion div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divQuestion div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divQuestion div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divQuestion div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divQuestion div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divQuestion div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divQuestion div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divQuestion div.accesTemplate a:hover, div.divQuestion div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divQuestion div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divQuestion div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divQuestion div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divQuestion div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divQuestion div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divQuestion div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 7383, ../specific.scss */
div.divQuestion > div.element.description.view,
div.divQuestion > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 7388, ../specific.scss */
div.divQuestion > h2 {
  margin-bottom: 40px;
  text-align: center;
  color: #646464;
  font-style: italic;
}
/* line 7396, ../specific.scss */
div.divQuestion div.resultContent {
  display: block;
  max-width: 90%;
  margin-top: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 7396, ../specific.scss */
  div.divQuestion div.resultContent {
    max-width: 100%;
  }
}
/* line 7406, ../specific.scss */
div.divQuestion div.resultContent div.element.questionCategory.view {
  width: 100%;
  max-width: 100%;
}

/* line 7415, ../specific.scss */
div.element.questionCategory.viewList {
  max-width: 90%;
}
@media only screen and (max-width: 1380px) {
  /* line 7415, ../specific.scss */
  div.element.questionCategory.viewList {
    max-width: 100%;
  }
}
/* line 7422, ../specific.scss */
div.element.questionCategory.viewList > h2 {
  max-width: 100%;
  margin-bottom: 40px;
  text-align: center;
  color: #646464;
}
/* line 7430, ../specific.scss */
div.element.questionCategory.viewList div.content {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: visible;
}
@media only screen and (max-width: 950px) {
  /* line 7430, ../specific.scss */
  div.element.questionCategory.viewList div.content {
    display: block;
    text-align: center;
  }
}
/* line 7441, ../specific.scss */
div.element.questionCategory.listview {
  width: calc(100% / 5 - 2%);
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 31%;
    margin: 1%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    width: 48%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 7441, ../specific.scss */
  div.element.questionCategory.listview {
    width: 98%;
  }
}
/* line 7464, ../specific.scss */
div.element.questionCategory.listview h2 a {
  width: 100%;
  text-align: center;
}
/* line 7471, ../specific.scss */
div.element.questionCategory.listview:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  transition: 200ms;
  display: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0;
  border-top: 20px solid #FF9827;
}
@media only screen and (max-width: 950px) {
  /* line 7489, ../specific.scss */
  div.element.questionCategory.listview.active h2 a {
    background: #FFF;
    color: #FF9827;
  }
}
/* line 7496, ../specific.scss */
div.element.questionCategory.listview.active:after {
  display: block;
}
@media only screen and (max-width: 950px) {
  /* line 7496, ../specific.scss */
  div.element.questionCategory.listview.active:after {
    display: none;
  }
}
/* line 7507, ../specific.scss */
div.element.questionCategory.editWeightList div.content {
  display: -ms-flexbox;
  display: flex;
}
/* line 7512, ../specific.scss */
div.element.questionCategory.editWeight {
  width: calc(100% / 5 - 2%);
  position: relative;
}
/* line 7517, ../specific.scss */
div.element.questionCategory.view {
  margin-top: 40px;
}
/* line 7520, ../specific.scss */
div.element.questionCategory.view.notInAjax {
  max-width: 80%;
  margin: auto;
}
/* line 7524, ../specific.scss */
div.element.questionCategory.view.notInAjax h1 {
  margin-bottom: 20px;
}
/* line 7527, ../specific.scss */
div.element.questionCategory.view.notInAjax h1:after {
  display: none;
}
/* line 7532, ../specific.scss */
div.element.questionCategory.view.notInAjax div.bottom {
  margin: 20px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  /* line 7520, ../specific.scss */
  div.element.questionCategory.view.notInAjax {
    max-width: 98%;
  }
}

/* line 7545, ../specific.scss */
div.element.question.listview {
  padding: 20px;
  background: #FFF;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #5E5E5E;
}
/* line 7552, ../specific.scss */
div.element.question.listview a.toShow {
  transition: 200ms;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  position: absolute;
  top: 22px;
  right: 10px;
  height: 24px;
  width: 24px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.question.listview a.toShow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
/* line 7567, ../specific.scss */
div.element.question.listview.active a.toShow {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
/* line 7572, ../specific.scss */
div.element.question.listview:nth-child(odd) {
  background: #F8F8F8;
}
/* line 7576, ../specific.scss */
div.element.question.listview h2 {
  font-weight: normal;
}
/* line 7579, ../specific.scss */
div.element.question.listview h2 a {
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  display: block;
  padding: 10px;
  color: #5E5E5E;
  font-weight: bold;
}
/* line 7588, ../specific.scss */
div.element.question.listview div.description {
  padding: 10px;
  font-size: 0.88em;
}
/* line 7593, ../specific.scss */
div.element.question.listview div.bottom {
  background: none;
  text-align: right;
}
/* line 7597, ../specific.scss */
div.element.question.listview div.bottom a {
  margin-left: 10px;
}
/* line 7603, ../specific.scss */
div.element.question.view {
  max-width: 80%;
  margin: auto;
}
/* line 7607, ../specific.scss */
div.element.question.view div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 7612, ../specific.scss */
div.element.question.view div.bottom {
  margin: 20px;
  text-align: center;
}
/* line 7616, ../specific.scss */
div.element.question.view div.bottom a {
  margin: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 7603, ../specific.scss */
  div.element.question.view {
    max-width: 98%;
  }
}

/*
 * Documentation
 * ************************************************************************* */
/* line 7630, ../specific.scss */
div.divDocumentation {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  /*Page documentation*/
}
@media only screen and (max-width: 1380px) {
  /* line 7630, ../specific.scss */
  div.divDocumentation {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divDocumentation:not(.notBackground) {
  background: url(data/image/backgroundPage/le-saviez-vous.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divDocumentation:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divDocumentation:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divDocumentation > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divDocumentation > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divDocumentation > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divDocumentation > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divDocumentation > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divDocumentation > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divDocumentation > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divDocumentation > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDocumentation > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divDocumentation > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divDocumentation > div.element.description,
div.divDocumentation > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divDocumentation > div.element.description,
  div.divDocumentation > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divDocumentation > div.element.description,
  div.divDocumentation > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divDocumentation > div.element.description a:hover,
div.divDocumentation > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divDocumentation div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divDocumentation div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divDocumentation div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divDocumentation div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divDocumentation div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divDocumentation div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divDocumentation div.bottomDescription div.element.description div.description,
div.divDocumentation div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divDocumentation div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divDocumentation div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divDocumentation div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divDocumentation div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divDocumentation div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divDocumentation div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divDocumentation div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divDocumentation div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divDocumentation div.accesTemplate a:hover, div.divDocumentation div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divDocumentation div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divDocumentation div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divDocumentation div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 7633, ../specific.scss */
div.divDocumentation div.topPage {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 40%;
  margin-right: 4%;
}
@media only screen and (max-width: 900px) {
  /* line 7633, ../specific.scss */
  div.divDocumentation div.topPage {
    width: 100%;
    margin-right: 0;
  }
}
/* line 7645, ../specific.scss */
div.divDocumentation div.topPage > div.element.title {
  text-align: left;
  margin-bottom: 20px;
}
/* line 7649, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
  /* line 7649, ../specific.scss */
  div.divDocumentation div.topPage > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
    line-height: normal;
  }
}
/* line 7662, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 span {
  position: relative;
}
/* line 7667, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 7649, ../specific.scss */
  div.divDocumentation div.topPage > div.element.title h1 {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 7679, ../specific.scss */
div.divDocumentation div.topPage > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 7687, ../specific.scss */
div.divDocumentation div.topPage > div.element.description,
div.divDocumentation div.topPage > div.element.presentation {
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
/* line 7697, ../specific.scss */
div.divDocumentation div.randomInTemplate {
  position: static;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
  margin-right: 10%;
  text-align: center;
  z-index: 2;
}
@media only screen and (max-width: 1380px) {
  /* line 7697, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    width: 56%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 900px) {
  /* line 7697, ../specific.scss */
  div.divDocumentation div.randomInTemplate {
    position: static;
    width: 100%;
    margin-top: 40px;
  }
}
/* line 7716, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random {
  max-width: 300px;
  margin: auto;
}
/* line 7721, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 a {
  display: block;
  transition: 200ms;
}
/* line 7725, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random h2 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 7732, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 7736, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a img {
  transition: 200ms;
}
/* line 7741, ../specific.scss */
div.divDocumentation div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}

/* line 7752, ../specific.scss */
div.element.gedCategory.viewList {
  margin-top: 40px;
  max-width: 80%;
}
@media only screen and (max-width: 1380px) {
  /* line 7752, ../specific.scss */
  div.element.gedCategory.viewList {
    max-width: 100%;
  }
}
/* line 7761, ../specific.scss */
div.element.gedCategory.view {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 80%;
  margin: auto;
}
/* line 7768, ../specific.scss */
div.element.gedCategory.listview {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 20px;
}
/* line 7775, ../specific.scss */
div.element.gedCategory.listview a.toShow {
  transition: 200ms;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  position: absolute;
  top: 22px;
  right: 10px;
  height: 24px;
  width: 24px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  div.element.gedCategory.listview a.toShow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  }
}
/* line 7790, ../specific.scss */
div.element.gedCategory.listview.active a.toShow {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
/* line 7795, ../specific.scss */
div.element.gedCategory.listview h2 {
  margin-bottom: 10px;
  font-style: italic;
}
/* line 7799, ../specific.scss */
div.element.gedCategory.listview h2 a {
  color: #5E5E5E;
  display: block;
}
/* line 7805, ../specific.scss */
div.element.gedCategory.listview.toShowNow .element.ged.viewList {
  display: block !important;
}
@media only screen and (max-width: 800px) {
  /* line 7809, ../specific.scss */
  div.element.gedCategory.listview div.no-rwd {
    display: none;
  }
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 7815, ../specific.scss */
  div.element.gedCategory.listview div.rwd {
    display: none;
  }
}
/* line 7822, ../specific.scss */
div.element.gedCategory.editWeight {
  width: 80%;
}
/* line 7825, ../specific.scss */
div.element.gedCategory.editWeight div.element.ged.viewList {
  display: none;
}

/* line 7832, ../specific.scss */
div.element.ged.viewList {
  width: 100%;
  margin-top: 20px;
}
/* line 7836, ../specific.scss */
div.element.ged.viewList .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
/* line 7845, ../specific.scss */
div.element.ged.listview {
  width: calc(50% - 40px);
}
@media only screen and (max-width: 800px) {
  /* line 7845, ../specific.scss */
  div.element.ged.listview {
    width: 100%;
  }
}
/* line 7852, ../specific.scss */
div.element.ged.listview a {
  box-sizing: border-box;
  width: 100%;
}
/* line 7858, ../specific.scss */
div.element.ged.listview.connected {
  min-height: 100px;
}
/* line 7863, ../specific.scss */
div.element.ged.edit {
  text-align: center;
  width: 100%;
}
/* line 7867, ../specific.scss */
div.element.ged.edit div.title,
div.element.ged.edit div.file.picture,
div.element.ged.edit div.file.document,
div.element.ged.edit div.forward {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23%;
  margin: 1%;
  text-align: left;
}

/*
 * Historique
 * ************************************************************************* */
/* line 7882, ../specific.scss */
div.divHistorique {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 7882, ../specific.scss */
  div.divHistorique {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divHistorique:not(.notBackground) {
  background: url(data/image/backgroundPage/) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divHistorique:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divHistorique:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divHistorique > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divHistorique > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divHistorique > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divHistorique > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divHistorique > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divHistorique > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divHistorique > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divHistorique > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divHistorique > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divHistorique > div.element.title h1 span:nth-child(1):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divHistorique > div.element.description,
div.divHistorique > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divHistorique > div.element.description,
  div.divHistorique > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divHistorique > div.element.description,
  div.divHistorique > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divHistorique > div.element.description a:hover,
div.divHistorique > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divHistorique div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divHistorique div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divHistorique div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divHistorique div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divHistorique div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divHistorique div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divHistorique div.bottomDescription div.element.description div.description,
div.divHistorique div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divHistorique div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divHistorique div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divHistorique div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divHistorique div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divHistorique div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divHistorique div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divHistorique div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divHistorique div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divHistorique div.accesTemplate a:hover, div.divHistorique div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divHistorique div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divHistorique div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divHistorique div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divHistorique div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divHistorique div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divHistorique div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
@media only screen and (min-width: 768px) and (max-width: 10000px) {
  /* line 7892, ../specific.scss */
  div.divHistorique div.swiper-button-prev,
  div.divHistorique div.swiper-button-next {
    display: none;
  }
}
/* line 7898, ../specific.scss */
div.divHistorique .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 80%;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
@media only screen and (max-width: 800px) {
  /* line 7898, ../specific.scss */
  div.divHistorique .container {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 7898, ../specific.scss */
  div.divHistorique .container {
    padding-left: 0;
  }
}
/* line 7917, ../specific.scss */
div.divHistorique .title:not(.element) {
  font-size: 38px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  color: #616161;
  font-style: italic;
  font-weight: 800;
}
/* line 7925, ../specific.scss */
div.divHistorique .slide-2019 p.timeline-text {
  font-size: 16px !important;
}
/* line 7930, ../specific.scss */
div.divHistorique .slide-2019 .with-img-float-left a {
  float: left;
}
/* line 7935, ../specific.scss */
div.divHistorique .slide-2019 .logo {
  width: calc(20% - 40px) !important;
}
/* line 7941, ../specific.scss */
div.divHistorique .slide-2021 p.timeline-text {
  font-size: 16px !important;
}
/* line 7945, ../specific.scss */
div.divHistorique .slide-2021 .logo {
  width: calc(20% - 40px) !important;
}
/* line 7951, ../specific.scss */
div.divHistorique .timeline {
  width: 100%;
  background: url(data/image/background-mirror.png) left bottom #FFF no-repeat;
  background-size: contain;
  background-color: #fff;
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
  /*@include breakPoint($breakPointMenu) {*/
}
/* line 7958, ../specific.scss */
div.divHistorique .timeline .swiper-container {
  height: 700px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 800px) {
  /* line 7958, ../specific.scss */
  div.divHistorique .timeline .swiper-container {
    height: 1000px;
    padding: 10px;
    box-sizing: border-box;
  }
}
/* line 7970, ../specific.scss */
div.divHistorique .timeline .logo {
  margin: 20px;
  width: calc(25% - 40px);
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*&.small{width: calc(50% - 40px);}*/
}
@media only screen and (max-width: 800px) {
  /* line 7970, ../specific.scss */
  div.divHistorique .timeline .logo {
    width: calc(50% - 40px);
  }
}
/* line 7981, ../specific.scss */
div.divHistorique .timeline .logo img {
  width: 100%;
  transition: 200ms;
}
/* line 7987, ../specific.scss */
div.divHistorique .timeline .logo:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 7993, ../specific.scss */
div.divHistorique .timeline .swiper-wrapper {
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
/* line 7997, ../specific.scss */
div.divHistorique .timeline .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 8005, ../specific.scss */
div.divHistorique .timeline .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 60%;
  /*max-width: 310px;*/
  left: 4%;
  top: 13%;
  -ms-transform: translate(50%, 0);
      transform: translate(50%, 0);
  font-size: 12px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  z-index: 2;
  text-align: left;
}
/* line 8019, ../specific.scss */
div.divHistorique .timeline .swiper-slide .timeline-year {
  display: block;
  font-style: italic;
  font-size: 30px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin-bottom: 50px;
  transform: translate3d(20px, 0, 0);
  color: #FF9827;
  font-weight: 300;
  opacity: 0;
  transition: .2s ease .4s;
}
/* line 8031, ../specific.scss */
div.divHistorique .timeline .swiper-slide .timeline-title {
  font-weight: 800;
  font-size: 20px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin: 0 0 30px;
  transform: translate3d(0, 0, 0);
  transition: .2s ease .5s;
  color: #3E4982;
}
/* line 8040, ../specific.scss */
div.divHistorique .timeline .swiper-slide h4.timeline-title {
  font-weight: 800;
  font-size: 16px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  margin: 0 0 30px;
  transform: translate3d(0, 0, 0);
  transition: .2s ease .5s;
  color: #FF9827;
}
/* line 8049, ../specific.scss */
div.divHistorique .timeline .swiper-slide .timeline-text {
  line-height: 1.5;
  font-size: 22px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: .2s ease .6s;
  color: #5E5E5E;
}
@media only screen and (max-width: 800px) {
  /* line 8049, ../specific.scss */
  div.divHistorique .timeline .swiper-slide .timeline-text {
    font-size: 18px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 8063, ../specific.scss */
div.divHistorique .timeline .swiper-slide ul li {
  text-align: right;
  color: #646464;
  list-style-type: none;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 8072, ../specific.scss */
div.divHistorique .timeline .swiper-slide-active .timeline-year {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: .4s ease 1.6s;
}
/* line 8078, ../specific.scss */
div.divHistorique .timeline .swiper-slide-active .timeline-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: .4s ease 1.7s;
}
/* line 8084, ../specific.scss */
div.divHistorique .timeline .swiper-slide-active .timeline-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: .4s ease 1.8s;
}
/* line 8092, ../specific.scss */
div.divHistorique .timeline .swiper-pagination {
  right: 15% !important;
  height: 100%;
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  z-index: 1;
}
/* line 8103, ../specific.scss */
div.divHistorique .timeline .swiper-pagination::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(62, 73, 130, 0.2);
}
/* line 8113, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #d4a024;
  margin: 15px 0 !important;
  position: relative;
  transition: all 0.2s ease;
}
/* line 8124, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -32.5px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #d4a024;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: .2s;
}
/* line 8137, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet:hover {
  color: #3E4982;
}
/* line 8141, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet-active {
  color: #3E4982;
  -ms-transform: translateX(20px);
      transform: translateX(20px);
  transition: all 0.2s ease;
}
/* line 8147, ../specific.scss */
div.divHistorique .timeline .swiper-pagination-bullet-active::before {
  -ms-transform: scale(1) translateX(-20px);
      transform: scale(1) translateX(-20px);
}
/* line 8154, ../specific.scss */
div.divHistorique .timeline .swiper-button-next,
div.divHistorique .timeline .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: .2s;
}
/* line 8165, ../specific.scss */
div.divHistorique .timeline .swiper-button-prev {
  left: 8%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
/* line 8169, ../specific.scss */
div.divHistorique .timeline .swiper-button-prev:hover {
  -ms-transform: translateX(-3px);
      transform: translateX(-3px);
}
/* line 8174, ../specific.scss */
div.divHistorique .timeline .swiper-button-next {
  right: 8%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
/* line 8178, ../specific.scss */
div.divHistorique .timeline .swiper-button-next:hover {
  -ms-transform: translateX(3px);
      transform: translateX(3px);
}
@media screen and (min-width: 800px) {
  /* line 7951, ../specific.scss */
  div.divHistorique .timeline {
    /*            .swiper-slide-content{
                    width: 98% !important; left: 1% !important; right: 1% !important; transform: translate(0) !important;
                }*/
  }
  /* line 8185, ../specific.scss */
  div.divHistorique .timeline .container {
    width: 100%;
  }
  /* line 8190, ../specific.scss */
  div.divHistorique .timeline .swiper-slide::after {
    right: -30%;
    bottom: -8%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
  }
  /* line 8198, ../specific.scss */
  div.divHistorique .timeline .swiper-slide-content {
    left: 4%;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    /*width: 310px;*/
    font-size: 12px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
    text-align: right;
  }
  /* line 8207, ../specific.scss */
  div.divHistorique .timeline .swiper-slide .timeline-year {
    margin-bottom: 0;
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
  /* line 8212, ../specific.scss */
  div.divHistorique .timeline .swiper-slide .timeline-title {
    font-size: 32px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
    margin: 0;
  }
  /* line 8218, ../specific.scss */
  div.divHistorique .timeline .swiper-pagination {
    display: -ms-flexbox;
    display: flex;
  }
  /* line 8222, ../specific.scss */
  div.divHistorique .timeline .swiper-button-prev {
    top: 15%;
    left: auto;
    right: 15%;
    -ms-transform: rotate(90deg) translate(0, 10px);
        transform: rotate(90deg) translate(0, 10px);
  }
  /* line 8228, ../specific.scss */
  div.divHistorique .timeline .swiper-button-prev:hover {
    -ms-transform: rotate(90deg) translate(-3px, 10px);
        transform: rotate(90deg) translate(-3px, 10px);
  }
  /* line 8233, ../specific.scss */
  div.divHistorique .timeline .swiper-button-next {
    top: auto;
    bottom: 15%;
    right: 15%;
    -ms-transform: rotate(90deg) translate(0, 10px);
        transform: rotate(90deg) translate(0, 10px);
  }
  /* line 8239, ../specific.scss */
  div.divHistorique .timeline .swiper-button-next:hover {
    -ms-transform: rotate(90deg) translate(3px, 10px);
        transform: rotate(90deg) translate(3px, 10px);
  }
  /* line 8248, ../specific.scss */
  div.divHistorique .timeline .swiper-slide::after {
    right: -20%;
    bottom: -12%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
  }
  /* line 8256, ../specific.scss */
  div.divHistorique .timeline .swiper-slide-content {
    right: 25%;
  }
}

@media only screen and (max-width: 800px) {
  /* line 8265, ../specific.scss */
  div.divHistorique .timeline .swiper-slide-content {
    width: 98% !important;
    left: 1% !important;
    right: 1% !important;
    -ms-transform: translate(0) !important;
        transform: translate(0) !important;
    text-align: center !important;
  }
}
/*
 * Vidéos
 * ************************************************************************* */
/* line 8277, ../specific.scss */
div.divVideos {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 36% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 8277, ../specific.scss */
  div.divVideos {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divVideos:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divVideos:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divVideos:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divVideos > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divVideos > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divVideos > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divVideos > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divVideos > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divVideos > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divVideos > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divVideos > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divVideos > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(3) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divVideos > div.element.title h1 span:nth-child(3) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divVideos > div.element.title h1 span:nth-child(3):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divVideos > div.element.description,
div.divVideos > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divVideos > div.element.description,
  div.divVideos > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divVideos > div.element.description,
  div.divVideos > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divVideos > div.element.description a:hover,
div.divVideos > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divVideos div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divVideos div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divVideos div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divVideos div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divVideos div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divVideos div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divVideos div.bottomDescription div.element.description div.description,
div.divVideos div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divVideos div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divVideos div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divVideos div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divVideos div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divVideos div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divVideos div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divVideos div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divVideos div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divVideos div.accesTemplate a:hover, div.divVideos div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divVideos div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divVideos div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divVideos div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divVideos div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divVideos div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divVideos div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8281, ../specific.scss */
div.divVideos > div.element.description.view,
div.divVideos > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 8286, ../specific.scss */
div.divVideos > h2 {
  margin-bottom: 40px;
}
/* line 8291, ../specific.scss */
div.divVideos > .container {
  width: 80%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 240px;
}

/* line 8301, ../specific.scss */
.element.video.listview h2 {
  margin-bottom: 10px;
}
/* line 8304, ../specific.scss */
.element.video.listview h2 a {
  transition-duration: 175ms;
}
/* line 8307, ../specific.scss */
.element.video.listview h2 a:hover {
  color: #FF9827;
}
/* line 8313, ../specific.scss */
.element.video.listview .middle {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 8318, ../specific.scss */
.element.video.listview .bottom {
  padding: 5px;
}
/* line 8322, ../specific.scss */
.element.video.listview.webinaire {
  width: calc(100% / 4 - 2%);
}
/* line 8327, ../specific.scss */
.element.video.view.webinaire {
  margin: auto;
  padding: 20px;
  max-width: 80%;
  margin: 5% auto;
}
/* line 1166, ../specific.scss */
.element.video.view.webinaire strong {
  color: #3E4982;
}
/* line 1170, ../specific.scss */
.element.video.view.webinaire.notInAjax {
  max-width: 80%;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  /* line 1170, ../specific.scss */
  .element.video.view.webinaire.notInAjax {
    max-width: 98%;
  }
}
/* line 1179, ../specific.scss */
.element.video.view.webinaire > div.picture {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  margin-right: 2%;
}
@media only screen and (max-width: 800px) {
  /* line 1179, ../specific.scss */
  .element.video.view.webinaire > div.picture {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1190, ../specific.scss */
.element.video.view.webinaire > div.picture img {
  width: 100%;
}
/* line 1195, ../specific.scss */
.element.video.view.webinaire div.rightContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
}
@media only screen and (max-width: 800px) {
  /* line 1195, ../specific.scss */
  .element.video.view.webinaire div.rightContainer {
    width: 98%;
    margin-right: 0;
    margin: 1%;
  }
}
/* line 1205, ../specific.scss */
.element.video.view.webinaire div.rightContainer h1 {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 1210, ../specific.scss */
.element.video.view.webinaire div.rightContainer h1:after {
  display: none;
}
/* line 1215, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle {
  border-bottom: 1px solid #5E5E5E;
  padding-bottom: 10px;
}
/* line 1219, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare {
  text-align: right;
  position: relative;
}
/* line 55, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle div.contentToShare.active > div {
  display: block;
}
/* line 1223, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.underTitle > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  box-sizing: border-box;
}
/* line 1230, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 800px) {
  /* line 1230, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details {
    display: block;
  }
}
/* line 1241, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div {
  margin: 1%;
  font-size: 14px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  padding-left: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  /* line 1241, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details > div {
    padding-left: 0;
    width: 100%;
  }
}
/* line 1252, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div a {
  color: #5E5E5E;
}
/* line 1256, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div a.showShare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1260, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div a.showShare img {
  margin-right: 5px;
  max-height: 18px;
}
/* line 1266, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/calendar.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1266, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details > div.date {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1278, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.lieu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/place.png) left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 1278, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.details > div.lieu {
    background: none;
    display: block;
    margin-bottom: 6px;
  }
}
/* line 1290, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.document {
  background: url(data/image/download.png) left center no-repeat;
  padding-left: 20px;
}
/* line 1295, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare {
  text-align: right;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 55, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.details > div.contentToShare.active > div {
  display: block;
}
/* line 1303, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.description {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 1307, ../specific.scss */
.element.video.view.webinaire div.rightContainer div.description img {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 1380px) {
  /* line 1307, ../specific.scss */
  .element.video.view.webinaire div.rightContainer div.description img {
    display: block;
    float: none !important;
  }
}
/* line 1319, ../specific.scss */
.element.video.view.webinaire div.bottom {
  margin-top: 20px;
}
/* line 1322, ../specific.scss */
.element.video.view.webinaire div.bottom a {
  margin-right: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 1327, ../specific.scss */
  .element.video.view.webinaire div.bottom a {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
/* line 1336, ../specific.scss */
.element.video.view.webinaire div.bottomContainer {
  margin-top: 30px;
}
/* line 1339, ../specific.scss */
.element.video.view.webinaire div.bottomContainer h3 {
  color: #5E5E5E;
  display: block;
  width: 100%;
  text-align: left;
}
/* line 1346, ../specific.scss */
.element.video.view.webinaire div.bottomContainer a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 46%;
}
/* line 8330, ../specific.scss */
.element.video.view.webinaire .text-center {
  text-align: center;
}
/* line 8334, ../specific.scss */
.element.video.view.webinaire > div.picture {
  width: 20%;
}
/* line 8338, ../specific.scss */
.element.video.view.webinaire div.rightContainer {
  width: 78%;
}
/* line 8342, ../specific.scss */
.element.video.view.webinaire div.video {
  margin-top: 20px;
}
/* line 8345, ../specific.scss */
.element.video.view.webinaire div.video iframe {
  width: 100%;
  min-height: 800px;
}

/*
 * E-learning
 * ************************************************************************* */
/* line 8356, ../specific.scss */
div.divWebinaire {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 36% !important;
}
@media only screen and (max-width: 1380px) {
  /* line 8356, ../specific.scss */
  div.divWebinaire {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divWebinaire:not(.notBackground) {
  background: url(data/image/backgroundPage/notre-actualite.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divWebinaire:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divWebinaire:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divWebinaire > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divWebinaire > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divWebinaire > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divWebinaire > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divWebinaire > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divWebinaire > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divWebinaire > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divWebinaire > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divWebinaire > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divWebinaire > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divWebinaire > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divWebinaire > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divWebinaire > div.element.description,
div.divWebinaire > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divWebinaire > div.element.description,
  div.divWebinaire > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divWebinaire > div.element.description,
  div.divWebinaire > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divWebinaire > div.element.description a:hover,
div.divWebinaire > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divWebinaire div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divWebinaire div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divWebinaire div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divWebinaire div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divWebinaire div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divWebinaire div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divWebinaire div.bottomDescription div.element.description div.description,
div.divWebinaire div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divWebinaire div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divWebinaire div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divWebinaire div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divWebinaire div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divWebinaire div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divWebinaire div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divWebinaire div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divWebinaire div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divWebinaire div.accesTemplate a:hover, div.divWebinaire div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divWebinaire div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divWebinaire div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divWebinaire div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divWebinaire div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divWebinaire div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divWebinaire div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8360, ../specific.scss */
div.divWebinaire > div.element.description.view,
div.divWebinaire > div.element.presentation.view {
  margin-bottom: 80px;
}
/* line 8365, ../specific.scss */
div.divWebinaire a.btn-logout {
  background: #E3424A;
  color: #FFF;
  font-weight: bold;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
}
/* line 8374, ../specific.scss */
div.divWebinaire > h2 {
  margin-bottom: 40px;
}
/* line 8379, ../specific.scss */
div.divWebinaire > .container {
  width: 80%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 240px;
  padding-left: 0;
}
/* line 8386, ../specific.scss */
div.divWebinaire > .container > h2 {
  margin-bottom: 40px;
}

/*
 * E-learning
 * ************************************************************************* */
/* line 8397, ../specific.scss */
div.divE-learning div.bottom {
  padding: 20px;
  text-align: right;
}
/* line 8401, ../specific.scss */
div.divE-learning div.bottom img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
@media only screen and (max-width: 550px) {
  /* line 8401, ../specific.scss */
  div.divE-learning div.bottom img {
    width: 98%;
  }
}
/* line 8411, ../specific.scss */
div.divE-learning div.bottom div.text {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
  text-align: left;
}
@media only screen and (max-width: 800px) {
  /* line 8411, ../specific.scss */
  div.divE-learning div.bottom div.text {
    width: 98%;
  }
}
/* line 8422, ../specific.scss */
div.divE-learning div.bottom div.linkContainer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 31%;
  margin: 1%;
}
@media only screen and (max-width: 800px) {
  /* line 8422, ../specific.scss */
  div.divE-learning div.bottom div.linkContainer {
    width: 98%;
  }
}
/* line 8431, ../specific.scss */
div.divE-learning div.bottom div.linkContainer a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #3E4982;
  border: 1px solid #3E4982;
  color: #FFF;
  border-radius: 20px;
  padding: 10px 20px;
  transition: 200ms;
}
@media only screen and (max-width: 800px) {
  /* line 8431, ../specific.scss */
  div.divE-learning div.bottom div.linkContainer a {
    display: block;
    margin-top: 20px;
  }
}
/* line 8445, ../specific.scss */
div.divE-learning div.bottom div.linkContainer a:hover {
  background: #FFF;
  color: #3E4982;
}
/* line 8453, ../specific.scss */
div.divE-learning div.iframeContainer {
  text-align: center;
  margin: 0 auto;
}

/*
 * Contact
 * ************************************************************************* */
/* line 8463, ../specific.scss */
div.divContact > div.element.title {
  max-width: 60%;
  margin: auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1350px) {
  /* line 8463, ../specific.scss */
  div.divContact > div.element.title {
    max-width: 100%;
    width: 98%;
    margin: 1%;
    padding: 20px;
    box-sizing: border-box;
  }
}
/* line 8476, ../specific.scss */
div.divContact > div.element.title h1 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 8480, ../specific.scss */
div.divContact > div.element.title h1 span:first-child {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
}
/* line 8484, ../specific.scss */
div.divContact > div.element.title h1 span:first-child:after {
  content: "\A";
  white-space: pre;
}
/* line 8490, ../specific.scss */
div.divContact > div.element.title h1 span:nth-child(2) {
  font-size: 80px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 8497, ../specific.scss */
div.divContact div.middleContainer {
  max-width: 60%;
  margin: auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1350px) {
  /* line 8497, ../specific.scss */
  div.divContact div.middleContainer {
    max-width: 100%;
    width: 98%;
    margin: 1%;
    padding: 20px;
    box-sizing: border-box;
  }
}
/* line 8510, ../specific.scss */
div.divContact div.middleContainer > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 8513, ../specific.scss */
div.divContact div.middleContainer > div.left {
  width: 40%;
  margin-right: 10%;
}
@media only screen and (max-width: 1350px) {
  /* line 8513, ../specific.scss */
  div.divContact div.middleContainer > div.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/* line 8524, ../specific.scss */
div.divContact div.middleContainer > div.left .element.presentation div.description {
  font-size: 1.1rem;
}
/* line 8530, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  text-align: center;
  color: #5E5E5E;
}
@media only screen and (max-width: 450px) {
  /* line 8530, ../specific.scss */
  div.divContact div.middleContainer > div.left div.links a {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* line 8541, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a img {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  transition: 200ms;
  max-width: 100px;
}
/* line 8549, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a span {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  /*display: block;*/
}
/* line 8557, ../specific.scss */
div.divContact div.middleContainer > div.left div.links a:hover img {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
/* line 8565, ../specific.scss */
div.divContact div.middleContainer > div.right {
  width: 50%;
}
@media only screen and (max-width: 1350px) {
  /* line 8565, ../specific.scss */
  div.divContact div.middleContainer > div.right {
    width: 100%;
  }
}
/* line 8573, ../specific.scss */
div.divContact div.middleContainer > div.right .rgpdContact label {
  color: #707070;
}
/* line 8581, ../specific.scss */
div.divContact div.bottomContainer {
  background: url(data/image/welcome/background.png) center center #5897c7;
  padding: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 1250px) {
  /* line 8581, ../specific.scss */
  div.divContact div.bottomContainer {
    padding: 20px;
  }
}
/* line 8590, ../specific.scss */
div.divContact div.bottomContainer > div {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 8593, ../specific.scss */
div.divContact div.bottomContainer > div h2 {
  color: #FFF;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
}
/* line 8601, ../specific.scss */
div.divContact div.bottomContainer > div.left {
  width: 50%;
}
@media only screen and (max-width: 800px) {
  /* line 8601, ../specific.scss */
  div.divContact div.bottomContainer > div.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
/* line 8610, ../specific.scss */
div.divContact div.bottomContainer > div.left form.editContact {
  max-width: 70%;
  margin: auto;
}
@media only screen and (max-width: 1250px) {
  /* line 8610, ../specific.scss */
  div.divContact div.bottomContainer > div.left form.editContact {
    max-width: 90%;
  }
}
/* line 8620, ../specific.scss */
div.divContact div.bottomContainer > div.right {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  /* line 8620, ../specific.scss */
  div.divContact div.bottomContainer > div.right {
    width: 100%;
  }
}
/* line 8628, ../specific.scss */
div.divContact div.bottomContainer > div.right div.element.description.view,
div.divContact div.bottomContainer > div.right div.element.presentation.view {
  padding: 0 4%;
}
/* line 8632, ../specific.scss */
div.divContact div.bottomContainer > div.right div.element.description.view iframe,
div.divContact div.bottomContainer > div.right div.element.presentation.view iframe {
  width: 100%;
  border: 12px solid #FFF;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 8646, ../specific.scss */
div.element.contact.edit {
  max-width: 100%;
}
/* line 8650, ../specific.scss */
div.element.contact span.sent {
  display: block;
  padding: 40px;
  background: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #3E4982;
}

/* line 114, ../_vars.scss */
form.editContact textarea {
  height: 120px;
}
/* line 115, ../_vars.scss */
form.editContact div.select,
form.editContact div.text {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin: 1%;
  /*        &:nth-child(even){margin: 0; margin-left: 1%; margin-bottom: 2%;}
          &:nth-child(odd){margin: 0; margin-right: 2%; margin-bottom: 2%;}*/
}
@media only screen and (max-width: 730px) {
  /* line 115, ../_vars.scss */
  form.editContact div.select,
  form.editContact div.text {
    width: 98%;
    margin-right: 0;
    /*            &:nth-child(even){margin-left: 0;}
                &:nth-child(odd){margin-right: 0;}*/
  }
}
/* line 127, ../_vars.scss */
form.editContact div.buttons {
  text-align: center;
}
/* line 129, ../_vars.scss */
form.editContact div.buttons input {
  border: 0;
  padding: 10px 20px;
  cursor: pointer;
}
/* line 133, ../_vars.scss */
form.editContact input[type=text] {
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #ccc;
}
/* line 135, ../_vars.scss */
form.editContact input[type=text]:focus {
  border: 1px solid #DEDEDE;
}
/* line 137, ../_vars.scss */
form.editContact select {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #ccc;
}
/* line 138, ../_vars.scss */
form.editContact textarea {
  border: 1px solid #ccc;
}
/* line 140, ../_vars.scss */
form.editContact textarea:focus {
  border: 1px solid #DEDEDE;
}
/* line 142, ../_vars.scss */
form.editContact label {
  transition: all .2s ease;
}
/* line 143, ../_vars.scss */
form.editContact .focus label {
  margin-left: 10px;
  color: #DEDEDE;
}
/* line 8664, ../specific.scss */
form.editContact div.text input {
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
/* line 8670, ../specific.scss */
form.editContact div.text.name, form.editContact div.text.fonction, form.editContact div.text.mail {
  margin-left: 0;
  width: 49%;
}
@media only screen and (max-width: 1250px) {
  /* line 8670, ../specific.scss */
  form.editContact div.text.name, form.editContact div.text.fonction, form.editContact div.text.mail {
    width: 100%;
    margin-right: 0;
  }
}
/* line 8682, ../specific.scss */
form.editContact div.text.forname, form.editContact div.text.phone, form.editContact div.text.numAdh {
  margin-right: 0;
  width: 49%;
}
@media only screen and (max-width: 1250px) {
  /* line 8682, ../specific.scss */
  form.editContact div.text.forname, form.editContact div.text.phone, form.editContact div.text.numAdh {
    width: 100%;
    margin-left: 0;
  }
}
/* line 8694, ../specific.scss */
form.editContact div.text.society {
  width: 100%;
  margin-left: 0;
}
/* line 8700, ../specific.scss */
form.editContact div.numAdh {
  position: relative;
}
/* line 8703, ../specific.scss */
form.editContact div.numAdh div.help {
  position: absolute;
  top: 12px;
  right: 6px;
  width: 30px;
  height: 30px;
  margin-left: auto;
  background: url(data/image/icon/help.svg) no-repeat;
}
/* line 8712, ../specific.scss */
form.editContact div.numAdh div.help div.help-content {
  background: #3E4982;
  color: #FFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 8720, ../specific.scss */
form.editContact div.object,
form.editContact div.departement {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 8726, ../specific.scss */
form.editContact div.object label,
form.editContact div.departement label {
  display: none;
}
/* line 8730, ../specific.scss */
form.editContact div.object select,
form.editContact div.departement select {
  padding: 16px;
  background: #FFF;
  color: #646464;
  border: 1px solid #CCC;
  border-radius: 6px;
}
/* line 8739, ../specific.scss */
form.editContact div.object-autre {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 8746, ../specific.scss */
form.editContact:not(.object-autre) div.object-autre {
  display: none;
}
/* line 8751, ../specific.scss */
form.editContact div.message {
  margin-top: 1%;
}
/* line 8754, ../specific.scss */
form.editContact div.message textarea {
  border-radius: 6px;
  font-family: 'Roboto', sans-serif;
  color: #646464;
}
/* line 8765, ../specific.scss */
form.editContact span.error {
  text-align: center;
  display: block;
  padding: 4px;
  font-size: 0.6em;
  margin: 4px;
  border-radius: 4px;
  color: #fff;
  background-color: #E3424A;
  background: url('/data/css/sass/images/rgbapng/e3424acc-5.png?1759754585');
  background: rgba(227, 66, 74, 0.8);
}
/* line 8779, ../specific.scss */
form.editContact div.rgpd input,
form.editContact div.rgpd label {
  display: inline;
  width: auto;
}
/* line 8785, ../specific.scss */
form.editContact div.rgpd label {
  color: #FFF;
}

/*
 * Plan du site
 * ************************************************************************* */
/* line 85, ../_vars.scss */
div.divSitemap div#sitemap ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 88, ../_vars.scss */
div.divSitemap div#sitemap ul li:before {
  content: "";
  background: #FF9827;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
/* line 93, ../_vars.scss */
div.divSitemap div#sitemap ul li ul li:before {
  content: "";
  background: #3E4982;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
/* line 98, ../_vars.scss */
div.divSitemap div#sitemap ul li ul li ul li:before {
  content: "";
  background: #FF9827;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

/* line 8796, ../specific.scss */
div.divSitemap {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 8796, ../specific.scss */
  div.divSitemap {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divSitemap:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divSitemap:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divSitemap:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divSitemap > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divSitemap > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divSitemap > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divSitemap > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divSitemap > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divSitemap > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divSitemap > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divSitemap > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divSitemap > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divSitemap > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divSitemap > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divSitemap > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divSitemap > div.element.description,
div.divSitemap > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divSitemap > div.element.description,
  div.divSitemap > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divSitemap > div.element.description,
  div.divSitemap > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divSitemap > div.element.description a:hover,
div.divSitemap > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divSitemap div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divSitemap div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divSitemap div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divSitemap div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divSitemap div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divSitemap div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divSitemap div.bottomDescription div.element.description div.description,
div.divSitemap div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divSitemap div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divSitemap div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divSitemap div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divSitemap div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divSitemap div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divSitemap div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divSitemap div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divSitemap div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divSitemap div.accesTemplate a:hover, div.divSitemap div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divSitemap div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divSitemap div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divSitemap div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divSitemap div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divSitemap div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divSitemap div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/* line 8800, ../specific.scss */
div.divMentions {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 8800, ../specific.scss */
  div.divMentions {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divMentions:not(.notBackground) {
  background: url(data/image/backgroundPage/) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divMentions:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divMentions:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divMentions > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divMentions > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divMentions > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divMentions > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divMentions > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divMentions > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divMentions > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divMentions > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divMentions > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divMentions > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divMentions > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divMentions > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divMentions > div.element.description,
div.divMentions > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divMentions > div.element.description,
  div.divMentions > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divMentions > div.element.description,
  div.divMentions > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divMentions > div.element.description a:hover,
div.divMentions > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divMentions div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divMentions div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divMentions div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divMentions div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divMentions div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divMentions div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divMentions div.bottomDescription div.element.description div.description,
div.divMentions div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divMentions div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divMentions div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divMentions div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divMentions div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divMentions div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divMentions div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divMentions div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divMentions div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divMentions div.accesTemplate a:hover, div.divMentions div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divMentions div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divMentions div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divMentions div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divMentions div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divMentions div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divMentions div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8803, ../specific.scss */
div.divMentions .element.presentation .description a {
  color: #5897c7;
  transition: all 0.2s ease;
}
/* line 2050, ../specific.scss */
div.divMentions .element.presentation .description a:hover {
  color: #3b7eb1;
}

/* line 8808, ../specific.scss */
div.divDonnees-personnelles {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 8808, ../specific.scss */
  div.divDonnees-personnelles {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divDonnees-personnelles:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divDonnees-personnelles:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divDonnees-personnelles:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divDonnees-personnelles > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divDonnees-personnelles > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divDonnees-personnelles > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divDonnees-personnelles > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divDonnees-personnelles > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divDonnees-personnelles > div.element.description,
div.divDonnees-personnelles > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divDonnees-personnelles > div.element.description,
  div.divDonnees-personnelles > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divDonnees-personnelles > div.element.description,
  div.divDonnees-personnelles > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divDonnees-personnelles > div.element.description a:hover,
div.divDonnees-personnelles > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divDonnees-personnelles div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divDonnees-personnelles div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divDonnees-personnelles div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divDonnees-personnelles div.bottomDescription div.element.description div.description,
div.divDonnees-personnelles div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divDonnees-personnelles div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divDonnees-personnelles div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divDonnees-personnelles div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a:hover, div.divDonnees-personnelles div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divDonnees-personnelles div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divDonnees-personnelles div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divDonnees-personnelles div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divDonnees-personnelles div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divDonnees-personnelles div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 8811, ../specific.scss */
div.divDonnees-personnelles:not(.notBackground) {
  background: none;
}
/* line 8815, ../specific.scss */
div.divDonnees-personnelles > div.element.title {
  max-width: 60%;
}
/* line 8819, ../specific.scss */
div.divDonnees-personnelles > div.element.presentation {
  max-width: 80%;
}

/*Footer*/
/* line 8825, ../specific.scss */
footer#footer {
  background: #5E5E5E;
  box-sizing: border-box;
  padding: 80px 300px;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
/* line 8833, ../specific.scss */
footer#footer div.flex-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 8838, ../specific.scss */
footer#footer div.leftFooter {
  width: 82%;
  margin-right: 2%;
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  /* line 8838, ../specific.scss */
  footer#footer div.leftFooter {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 8838, ../specific.scss */
  footer#footer div.leftFooter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
/* line 8856, ../specific.scss */
footer#footer div.leftFooter div.menuContainer {
  margin: 0 20px;
}
/* line 8859, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul {
  text-align: left;
}
/* line 8862, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li {
  padding-left: 0;
  display: block;
}
/* line 8866, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li a {
  color: #FFF;
  font-size: 0.9rem;
  text-transform: uppercase;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  transition: all 0.2s ease;
}
/* line 8873, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 60 ")";
}
@media only screen and (max-width: 1450px) {
  /* line 8862, ../specific.scss */
  footer#footer div.leftFooter div.menuContainer ul li {
    padding-right: 10px;
  }
}
/* line 8884, ../specific.scss */
footer#footer div.leftFooter div.menuContainer ul li.menu-doc a {
  white-space: nowrap;
}
@media only screen and (max-width: 800px) {
  /* line 8856, ../specific.scss */
  footer#footer div.leftFooter div.menuContainer {
    margin: 0 20px 20px;
  }
}
/* line 8896, ../specific.scss */
footer#footer div.rightFooter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 16%;
}
@media only screen and (max-width: 1200px) {
  /* line 8896, ../specific.scss */
  footer#footer div.rightFooter {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    width: auto;
    margin-top: 30px;
  }
}
/* line 8911, ../specific.scss */
footer#footer div.rightFooter a {
  text-align: center;
}
/* line 8914, ../specific.scss */
footer#footer div.rightFooter a.btnFooter {
  width: 170px;
  margin: 0;
  background: none;
  border: 1px solid #FFF;
  color: #FFF;
  box-shadow: none;
  padding: 10px;
}
@media (hover: hover) {
  /* line 57, ../_vars.scss */
  footer#footer div.rightFooter a.btnFooter:hover {
    background: #FFF;
    color: #5E5E5E;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 8914, ../specific.scss */
  footer#footer div.rightFooter a.btnFooter {
    margin: 20px;
  }
}
/* line 8935, ../specific.scss */
footer#footer div.rightFooter div.pictos {
  text-align: center;
}
/* line 8938, ../specific.scss */
footer#footer div.rightFooter div.pictos div {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1380px) {
  /* line 8938, ../specific.scss */
  footer#footer div.rightFooter div.pictos div {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 50%;
  }
}
/* line 8948, ../specific.scss */
footer#footer div.rightFooter div.pictos div span {
  display: block;
  color: #FFF;
  margin-bottom: 10px;
}
/* line 8955, ../specific.scss */
footer#footer div.rightFooter div.pictos a:not(.showShare),
footer#footer div.rightFooter div.pictos div.contentToShare {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 20%;
}
/* line 8960, ../specific.scss */
footer#footer div.rightFooter div.pictos a:not(.showShare) img,
footer#footer div.rightFooter div.pictos div.contentToShare img {
  max-width: 100%;
  transition: 200ms;
}
/* line 8966, ../specific.scss */
footer#footer div.rightFooter div.pictos a:not(.showShare):hover img,
footer#footer div.rightFooter div.pictos div.contentToShare:hover img {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}
@media only screen and (max-width: 1200px) {
  /* line 8955, ../specific.scss */
  footer#footer div.rightFooter div.pictos a:not(.showShare),
  footer#footer div.rightFooter div.pictos div.contentToShare {
    margin: 10px;
    width: auto;
  }
}
/* line 8977, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare {
  text-align: right;
  position: relative;
  text-align: center;
  margin: 0;
}
/* line 55, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  background-color: #fff;
}
/* line 64, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare > div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px;
  width: auto;
}
/* line 72, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare.active > div {
  display: block;
}
/* line 8982, ../specific.scss */
footer#footer div.rightFooter div.pictos div.contentToShare > div {
  top: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  background: transparent;
}
/* line 8998, ../specific.scss */
footer#footer div.bottomAccesNwsl {
  text-align: center;
}
/* line 9001, ../specific.scss */
footer#footer div.bottomAccesNwsl a {
  margin: 10px;
}
@media only screen and (max-width: 1450px) {
  /* line 8825, ../specific.scss */
  footer#footer {
    padding: 80px 150px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8825, ../specific.scss */
  footer#footer {
    padding: 80px 50px;
  }
}

/* line 9016, ../specific.scss */
div.accessNewsletter {
  text-align: center;
  padding: 10px;
  background: #5E5E5E;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
}
/* line 9024, ../specific.scss */
div.accessNewsletter div.presentiel {
  max-width: 400px;
}
/* line 9027, ../specific.scss */
div.accessNewsletter div.presentiel a {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin: 1%;
}
/* line 9033, ../specific.scss */
div.accessNewsletter div.presentiel a img {
  width: 90%;
}
/* line 9039, ../specific.scss */
div.accessNewsletter a.btn-nwsl {
  background: #3E4982;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  padding: 16px 36px;
}

/* line 9050, ../specific.scss */
div.divCmaic-newsletter p a {
  color: #3E4982;
  text-decoration: underline;
}

/* line 9056, ../specific.scss */
.pas-form {
  box-shadow: none !important;
}

/*
 * Modal box
 * ************************************************************************* */
/* line 148, ../_vars.scss */
div#modulebox-container {
  background: #FFF;
  /*border:2px solid $border;*/
}
/* line 152, ../_vars.scss */
div#modulebox-container div.divLogin > div {
  max-width: 100%;
}
/* line 153, ../_vars.scss */
div#modulebox-container div.divLogin {
  border: none;
  padding: 0;
  background: none;
}

/* line 155, ../_vars.scss */
div#modulebox-close {
  border: 1px solid #FFF;
  z-index: 1;
  background: #3E4982;
  height: 20px;
  width: 20px;
  margin-left: -32px;
}
/* line 157, ../_vars.scss */
div#modulebox-close:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 1px;
  width: 20px;
  background: #FFF;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
/* line 158, ../_vars.scss */
div#modulebox-close:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 1px;
  width: 20px;
  background: #FFF;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

/* line 160, ../_vars.scss */
div#modulebox-top-center, div#modulebox-bottom-center, div#modulebox-middle, div#modulebox-middle-right {
  background: none;
  padding: 0;
}

/* line 164, ../_vars.scss */
div.divPage.divLogin.login legend {
  color: #3E4982;
}
/* line 166, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange, div.divPage.divLogin.passwordForgotten, div.divPage.divLogin.passwordForgottenSent, div.divPage.divLogin.login, div.divPage.divLogin.changePassword, div.divPage.divLogin.espaceConnexion {
  background: #FFF;
  max-width: 30%;
  color: #3E4982;
  padding: 2%;
  margin: 10px auto;
}
@media only screen and (max-width: 800px) {
  /* line 166, ../_vars.scss */
  div.divPage.divLogin.passwordForgottenChange, div.divPage.divLogin.passwordForgotten, div.divPage.divLogin.passwordForgottenSent, div.divPage.divLogin.login, div.divPage.divLogin.changePassword, div.divPage.divLogin.espaceConnexion {
    max-width: 60%;
  }
}
/* line 169, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange fieldset.buttons, div.divPage.divLogin.passwordForgotten fieldset.buttons, div.divPage.divLogin.passwordForgottenSent fieldset.buttons, div.divPage.divLogin.login fieldset.buttons, div.divPage.divLogin.changePassword fieldset.buttons, div.divPage.divLogin.espaceConnexion fieldset.buttons {
  text-align: center;
}
/* line 170, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange div.submit, div.divPage.divLogin.passwordForgotten div.submit, div.divPage.divLogin.passwordForgottenSent div.submit, div.divPage.divLogin.login div.submit, div.divPage.divLogin.changePassword div.submit, div.divPage.divLogin.espaceConnexion div.submit {
  text-align: center;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
/* line 172, ../_vars.scss */
div.divPage.divLogin.passwordForgottenChange div.submit input, div.divPage.divLogin.passwordForgotten div.submit input, div.divPage.divLogin.passwordForgottenSent div.submit input, div.divPage.divLogin.login div.submit input, div.divPage.divLogin.changePassword div.submit input, div.divPage.divLogin.espaceConnexion div.submit input {
  cursor: pointer;
  /*border: 0;*/
}
/* line 178, ../_vars.scss */
div.divPage.divLogin.login {
  border: none;
}

/* line 9065, ../specific.scss */
div#modulebox-overlay {
  z-index: 999;
}

/* line 9071, ../specific.scss */
div#modulebox-container h1:after {
  display: none;
  margin-bottom: 20px;
}
/* line 9078, ../specific.scss */
div#modulebox-container div.rgpd label {
  color: #5E5E5E;
}
/* line 9084, ../specific.scss */
div#modulebox-container div.element.adhesion.edit {
  background: #E8E8E8;
  margin-top: 0;
  padding: 20px;
}
/* line 9089, ../specific.scss */
div#modulebox-container div.element.adhesion.edit div.adhesionEligContainer {
  max-width: 100%;
}
/* line 9092, ../specific.scss */
div#modulebox-container div.element.adhesion.edit div.adhesionEligContainer form {
  max-width: 100%;
}
/* line 9096, ../specific.scss */
div#modulebox-container div.element.adhesion.edit div.adhesionEligContainer form fieldset.fieldsetName div.postalCode input {
  width: 98%;
}

/*
 * Slicknav
 * ************************************************************************* */
/*@include slickNav(#DEDEDE, #333);*/
/*
 * Cropper
 * ************************************************************************* */
/* line 9114, ../specific.scss */
div.cropperOverlay {
  background: #3E4982;
  z-index: 99999;
}
/* line 9118, ../specific.scss */
div.cropperOverlay div.img-content {
  padding: 10px;
  box-sizing: border-box;
}
/* line 9122, ../specific.scss */
div.cropperOverlay div.img-content h1 {
  text-align: center;
  color: #3E4982;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 9114, ../specific.scss */
  div.cropperOverlay {
    overflow: scroll;
  }
  /* line 9132, ../specific.scss */
  div.cropperOverlay div.img-container {
    float: none;
    width: 90%;
    margin: 5% auto;
    text-align: center;
  }
  /* line 9139, ../specific.scss */
  div.cropperOverlay div.img-content {
    float: none;
    width: 90%;
    margin: 5% auto;
  }
}
/* line 9148, ../specific.scss */
div.cropperOverlay div.cropper input.save,
div.cropperOverlay div.cropper input.cancel {
  background: #FFF;
  color: #3E4982;
}
/* line 9153, ../specific.scss */
div.cropperOverlay div.cropper input.save:hover,
div.cropperOverlay div.cropper input.cancel:hover {
  background: #3E4982;
  color: #FFF;
}
/* line 73, ../_vars.scss */
div.cropperOverlay div.cropper.editActualitePicture div.img-content div.img-preview {
  width: 250px;
  height: 250px;
}

/* line 9163, ../specific.scss */
div.divError {
  margin: 20px auto;
  text-align: center;
}

/* line 9173, ../specific.scss */
body.pdf-inscription {
  padding: 40px;
}
/* line 9176, ../specific.scss */
body.pdf-inscription h1 {
  margin-bottom: 40px;
}
/* line 9180, ../specific.scss */
body.pdf-inscription h2 {
  margin-bottom: 20px;
}

/*div.divWelcome div.centerAccess h1 span {
    display: block;
    // border-right: .15em solid $green;
    font-family: "Courier";
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}
div.divWelcome div.centerAccess h1 span:nth-child(1) {
    width: 10em; margin: auto;
    // -webkit-animation: type 2s steps(40, end);
    // animation: type 2s steps(40, end);
    // -webkit-animation-fill-mode: forwards;
    // animation-fill-mode: forwards;
}

div.divWelcome div.centerAccess h1 span:nth-child(2) {
    width: 9em; margin: auto;
    // opacity: 0;
    // -webkit-animation: type2 2s steps(40, end);
    // animation: type2 2s steps(40, end);
    // -webkit-animation-delay: 2s;
    // animation-delay: 2s;
    // -webkit-animation-fill-mode: forwards;
    // animation-fill-mode: forwards;
}*/
@keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: 0.15em solid #3E4982;
  }
  100% {
    border: none;
  }
}
@keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  99.9% {
    border-right: 0.15em solid #3E4982;
  }
  100% {
    opacity: 1;
    border: none;
  }
}
@keyframes blink {
  50% {
    border-color: transparent;
  }
}
/*
 * Pour test
 * ************************************************************************* */
/* line 9293, ../specific.scss */
.divPage.divTest {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
}
@media only screen and (max-width: 1380px) {
  /* line 9293, ../specific.scss */
  .divPage.divTest {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
.divPage.divTest:not(.notBackground) {
  background: url(data/image/backgroundPage/je-suis-dirigeant.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  .divPage.divTest:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  .divPage.divTest:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
.divPage.divTest > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  .divPage.divTest > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  .divPage.divTest > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
.divPage.divTest > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  .divPage.divTest > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  .divPage.divTest > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
.divPage.divTest > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
.divPage.divTest > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .divPage.divTest > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
.divPage.divTest > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .divPage.divTest > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
.divPage.divTest > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
.divPage.divTest > div.element.description,
.divPage.divTest > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  .divPage.divTest > div.element.description,
  .divPage.divTest > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  .divPage.divTest > div.element.description,
  .divPage.divTest > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
.divPage.divTest > div.element.description a:hover,
.divPage.divTest > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
.divPage.divTest div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
.divPage.divTest div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
.divPage.divTest div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
.divPage.divTest div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
.divPage.divTest div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  .divPage.divTest div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
.divPage.divTest div.bottomDescription div.element.description div.description,
.divPage.divTest div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
.divPage.divTest div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
.divPage.divTest div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  .divPage.divTest div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  .divPage.divTest div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
.divPage.divTest div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
.divPage.divTest div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
.divPage.divTest div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
.divPage.divTest div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
.divPage.divTest div.accesTemplate a:hover, .divPage.divTest div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
.divPage.divTest div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  .divPage.divTest div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
.divPage.divTest div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  .divPage.divTest div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  .divPage.divTest div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
.divPage.divTest div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}

/*
 * Les blocs de texte customisables
 * ************************************************************************* */
/* line 9301, ../specific.scss */
div.element.customEncart.listview {
  background-color: #f9f9f9;
  margin: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* line 9307, ../specific.scss */
div.element.customBloc.edit, div.element.customSubBloc.edit, div.element.customText.edit {
  width: 1400px;
  display: block;
  max-width: 100%;
}
@media only screen and (max-width: 1500px) {
  /* line 9307, ../specific.scss */
  div.element.customBloc.edit, div.element.customSubBloc.edit, div.element.customText.edit {
    width: 800px;
  }
}

/* line 9318, ../specific.scss */
div.element.customBloc.listview {
  margin: 40px 0;
  width: 100%;
}
/* line 9326, ../specific.scss */
div.element.customBloc.listview strong {
  color: #3E4982;
}
/* line 9330, ../specific.scss */
div.element.customBloc.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9335, ../specific.scss */
div.element.customBloc.listview p {
  margin: 0;
}
/* line 9340, ../specific.scss */
div.element.customBloc.listview .bloc-blanc .bloc-title {
  padding: 10px 0;
  padding-left: 73px;
  text-transform: uppercase;
  background: url("data/image/arrow-blue.png") left center no-repeat;
}
@media only screen and (max-width: 800px) {
  /* line 9340, ../specific.scss */
  div.element.customBloc.listview .bloc-blanc .bloc-title {
    padding: 10px;
    background: none;
    font-size: 1.2em;
  }
}
/* line 9353, ../specific.scss */
div.element.customBloc.listview .bloc-blanc .bloc-content {
  margin-left: 20px;
  padding-left: 50px;
  border-left: 3px solid #3E4982;
}
@media only screen and (max-width: 800px) {
  /* line 9353, ../specific.scss */
  div.element.customBloc.listview .bloc-blanc .bloc-content {
    padding: 10px;
    margin-left: 0;
    border: none;
  }
}
/* line 9365, ../specific.scss */
div.element.customBloc.listview .bloc-blanc .chapo {
  margin: 20px 0;
}
/* line 9370, ../specific.scss */
div.element.customBloc.listview .bloc-vert {
  padding: 40px 100px;
  color: #fff;
  background-color: #3E4982;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 120px;
}
@media only screen and (max-width: 1380px) {
  /* line 9370, ../specific.scss */
  div.element.customBloc.listview .bloc-vert {
    padding: 20px;
  }
}
/* line 9380, ../specific.scss */
div.element.customBloc.listview .bloc-vert strong {
  color: #FFF;
}
/* line 9387, ../specific.scss */
div.element.customBloc.listview .bloc-vert .bloc-title {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 2em;
  /*writing-mode: vertical-rl;*/
  text-decoration: underline;
  text-align: center;
  text-transform: uppercase;
  -ms-transform: rotate(-90deg) translateY(-50%);
      transform: rotate(-90deg) translateY(-50%);
}
@media only screen and (max-width: 1380px) {
  /* line 9387, ../specific.scss */
  div.element.customBloc.listview .bloc-vert .bloc-title {
    display: none;
  }
}
/* line 9406, ../specific.scss */
div.element.customBloc.listview .bloc-vert ul {
  margin: 0;
  list-style-type: none;
}
/* line 9410, ../specific.scss */
div.element.customBloc.listview .bloc-vert ul li {
  margin: 0;
  padding-left: 30px;
  background: url("data/image/arrow-right-white.png") left center no-repeat;
  background-size: 24px;
}
/* line 9426, ../specific.scss */
div.element.customBloc.editWeight div.bloc-content {
  display: none;
}

/* line 9434, ../specific.scss */
div.element.customSubBloc.viewList .content {
  overflow: visible;
}
/* line 9439, ../specific.scss */
div.element.customSubBloc.listview {
  margin: 30px 0;
  width: 100%;
}
/* line 9444, ../specific.scss */
div.element.customSubBloc.listview a img {
  max-width: 100%;
  height: auto !important;
}
/* line 9451, ../specific.scss */
div.element.customSubBloc.listview a.planInDescription img {
  transition: 200ms;
}
/* line 9456, ../specific.scss */
div.element.customSubBloc.listview a.planInDescription:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 9466, ../specific.scss */
div.element.customSubBloc.listview strong {
  color: #3E4982;
}
/* line 9470, ../specific.scss */
div.element.customSubBloc.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9475, ../specific.scss */
div.element.customSubBloc.listview p {
  margin: 0;
}
/* line 9479, ../specific.scss */
div.element.customSubBloc.listview .subbloc-title {
  margin-bottom: 20px;
  color: #3E4982;
  text-transform: uppercase;
}
/* line 9485, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris {
  padding: 30px;
  background-color: #3E4982;
  color: #FFF;
  margin: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 800px) {
  /* line 9485, ../specific.scss */
  div.element.customSubBloc.listview.subbloc-gris {
    margin: 0;
  }
}
/* line 9496, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris h3 {
  color: #FFF;
}
/* line 9500, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris div.element.customText.listview {
  border-color: #FFF;
}
/* line 9504, ../specific.scss */
div.element.customSubBloc.listview.subbloc-gris strong {
  color: #FFF;
}
/* line 9512, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple .subbloc-title {
  position: relative;
  padding-left: 20px;
  color: #646464;
  text-transform: none;
}
/* line 9518, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple .subbloc-title:before {
  content: '';
  position: absolute;
  left: -50px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  height: 2px;
  width: 50px;
  background-color: #3E4982;
  z-index: 1;
}
/* line 252, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 9535, ../specific.scss */
div.element.customSubBloc.listview.subbloc-simple div.element.customText.listview ul li {
  font-weight: normal;
}
/* line 9542, ../specific.scss */
div.element.customSubBloc.listview.subbloc-liste {
  box-sizing: border-box;
  padding: 20px;
  background-color: #F9F9F9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
}
/* line 9548, ../specific.scss */
div.element.customSubBloc.listview.subbloc-liste .subbloc-title {
  margin-left: 80px;
  margin-bottom: 20px;
  color: #3E4982;
  font-size: 0.9em;
  text-transform: uppercase;
}

/* line 9565, ../specific.scss */
form.editCustomSubBloc:not(.typeBloc-template) div.listTemplateBloc {
  display: none;
}

/* line 9574, ../specific.scss */
div.element.customText.viewList .content {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
}
@media only screen and (max-width: 1024px) {
  /* line 9574, ../specific.scss */
  div.element.customText.viewList .content {
    display: block;
  }
}
/* line 9583, ../specific.scss */
div.element.customText.viewList .content > * {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
}
/* line 9586, ../specific.scss */
div.element.customText.viewList .content > *#customText-67- {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 20px;
  border: none;
}
/* line 9593, ../specific.scss */
.subbloc-liste div.element.customText.viewList .content {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0 80px;
}
@media only screen and (max-width: 800px) {
  /* line 9574, ../specific.scss */
  div.element.customText.viewList .content {
    display: block;
  }
}
/* line 9605, ../specific.scss */
div.element.customText.viewList .list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.2em;
  font-weight: bold;
}
/* line 9612, ../specific.scss */
div.element.customText.viewList .number {
  width: 50px;
  height: 50px;
  color: #3E4982;
  border: 1px solid #3E4982;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* line 9624, ../specific.scss */
div.element.customText.listview {
  padding: 0 30px;
  width: 100%;
}
/* line 9625, ../specific.scss */
div.element.customText.listview + div.element.customText.listview {
  border-left: 1px solid #000;
}
/* line 9636, ../specific.scss */
div.element.customText.listview strong {
  color: #3E4982;
}
/* line 9640, ../specific.scss */
div.element.customText.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9645, ../specific.scss */
div.element.customText.listview p {
  margin: 0;
}
/* line 9649, ../specific.scss */
.subloc-liste div.element.customText.listview {
  text-align: left;
}
/* line 9654, ../specific.scss */
div.element.customText.edit {
  margin: 0 30px;
  box-sizing: border-box;
  padding: 10px;
  -ms-flex: 0;
      flex: 0;
}
/* line 9661, ../specific.scss */
div.element.customText.edit textarea {
  box-sizing: border-box;
}
/* line 9665, ../specific.scss */
div.element.customText.edit div.element.list.saveList {
  box-sizing: border-box;
}

/* line 9673, ../specific.scss */
div.element.customEncart.viewList .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin: 0 -30px;
}
/* line 9679, ../specific.scss */
div.element.customEncart.viewList .content > * {
  -ms-flex-preferred-size: calc(25% - 60px);
      flex-basis: calc(25% - 60px);
  margin: 30px;
}
@media only screen and (max-width: 800px) {
  /* line 9679, ../specific.scss */
  div.element.customEncart.viewList .content > * {
    display: block;
    width: 90%;
    margin: 5% auto;
  }
}
/* line 9692, ../specific.scss */
div.element.customEncart.listview {
  width: 100%;
  min-width: 350px;
}
/* line 9701, ../specific.scss */
div.element.customEncart.listview .encart-title {
  padding: 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #646464;
}
/* line 9709, ../specific.scss */
div.element.customEncart.listview .encart-content {
  padding: 20px;
  color: #848484;
}
/* line 9714, ../specific.scss */
div.element.customEncart.listview div.description {
  line-height: 1.6em;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 9719, ../specific.scss */
div.element.customEncart.listview p {
  margin: 0;
}
/* line 9724, ../specific.scss */
div.element.customEncart.edit {
  margin: 0 30px;
}

/* line 9731, ../specific.scss */
div.element.customInfo.listview, div.element.customInfo.edit {
  padding-left: 100px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  background: url("data/image/phylacteres.svg") 40px center no-repeat #FF9827;
}
/* line 9739, ../specific.scss */
div.element.customInfo.listview strong, div.element.customInfo.edit strong {
  color: #FFF;
}
/* line 9743, ../specific.scss */
div.element.customInfo.listview div.description, div.element.customInfo.edit div.description {
  line-height: 1.6em;
  font-size: 22px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-size: 1.2em !important;
}
/* line 9749, ../specific.scss */
div.element.customInfo.listview p, div.element.customInfo.edit p {
  margin: 0;
}
/* line 9753, ../specific.scss */
div.element.customInfo.listview a, div.element.customInfo.edit a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 9757, ../specific.scss */
div.element.customInfo.listview a:hover, div.element.customInfo.edit a:hover {
  color: #FFF;
  font-weight: bold;
}
@media only screen and (max-width: 620px) {
  /* line 9731, ../specific.scss */
  div.element.customInfo.listview, div.element.customInfo.edit {
    padding: 20px;
    text-align: center;
    background: none;
    background-color: #FF9827;
  }
}
/* line 9772, ../specific.scss */
div.element.customInfo.listview#customInfo-17- .description a {
  display: block;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
  font-size: 1.2em;
  color: #fff;
}
/* line 9782, ../specific.scss */
div.element.customInfo.edit {
  padding: 20px 20px 20px 100px;
}

/*
 * Login
 * ************************************************************************* */
/* line 9790, ../specific.scss */
.divPage.divLogin.login div.submit input {
  color: #fff;
  background-color: #3E4982;
  border: 1px solid #3E4982;
  box-shadow: none;
  transition: all 0.2s ease;
}
/* line 9797, ../specific.scss */
.divPage.divLogin.login div.submit input:hover {
  color: #3E4982;
  background-color: #fff;
}

/*Newsletter*/
/* line 292, ../_vars.scss */
div.waitingWrapWrapLong {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('/data/css/sass/images/rgbapng/808080cc-5.png?1759754585');
  background: rgba(128, 128, 128, 0.8);
  z-index: 1001;
  text-shadow: 1px 1px 5px grey;
}
/* line 294, ../_vars.scss */
div.waitingWrapWrapLong div.waitingWrapWrap {
  height: 100px;
  top: 50%;
  margin-top: -50px;
  position: absolute;
  width: 100%;
}
/* line 295, ../_vars.scss */
div.waitingWrapWrapLong div.waitingText {
  top: 50%;
  margin-top: 60px;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #3F4156;
}

/* line 298, ../_vars.scss */
div.newsletter.edit {
  min-height: 800px;
}
/* line 300, ../_vars.scss */
div.newsletter.edit > h1 {
  margin-top: 15px;
}
/* line 301, ../_vars.scss */
div.newsletter.edit div.elements h4 {
  text-transform: uppercase;
  font-size: 1.3em;
  margin: 25px 0 15px 0;
  text-align: center;
  color: #eee;
}
/* line 305, ../_vars.scss */
div.newsletter.edit div.element.newsletter {
  position: relative;
  color: #eee;
  font-size: 12pt;
}
/* line 307, ../_vars.scss */
div.newsletter.edit div.element.newsletter td {
  vertical-align: top;
}
/* line 310, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.text {
  overflow: hidden;
  margin: 6px;
  text-align: center;
}
/* line 311, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.description {
  font-size: 10pt;
  text-align: left;
  margin-top: 10px;
}
/* line 312, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.picture {
  /*                width: 135px; height: 135px; 
                  img { max-width: 135px; max-height: 135px; }*/
}
/* line 316, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.nl-bottom {
  text-align: right;
  overflow: hidden;
  margin-top: 5px;
}
/* line 318, ../_vars.scss */
div.newsletter.edit div.element.newsletter div.nl-bottom a {
  display: inline-block;
  margin: 0 10px;
  color: #aeb2b1;
  text-decoration: underline;
  font-style: italic;
  font-size: 10pt;
}
/* line 321, ../_vars.scss */
div.newsletter.edit div.editContainer {
  position: relative;
  overflow: hidden;
}
/* line 324, ../_vars.scss */
div.newsletter.edit div.editContainer > div.elements div.removeButton {
  display: none;
}
/* line 327, ../_vars.scss */
div.newsletter.edit div.elements {
  width: 48%;
  margin: 0 1%;
  float: left;
  position: relative;
  max-height: 800px;
  /*div.ui-sortable { max-height: 390px; overflow: auto; min-height: 100px; }*/
}
/* line 329, ../_vars.scss */
div.newsletter.edit div.elements.fixedOnTop {
  position: fixed;
  top: 0;
  width: 43%;
}
/* line 330, ../_vars.scss */
div.newsletter.edit div.elements.fixedOnBottom {
  position: absolute;
  bottom: 0;
}
/* line 331, ../_vars.scss */
div.newsletter.edit div.elements div.ui-sortable {
  overflow: auto;
  min-height: 100px;
}
/* line 333, ../_vars.scss */
div.newsletter.edit div.elements > div {
  border: 2px solid #eee;
  margin-bottom: 10px;
  min-height: 50px;
  background: #D6DDE5;
}
/* line 335, ../_vars.scss */
div.newsletter.edit div.elements > div.emptyContent {
  width: 98%;
}
/* line 337, ../_vars.scss */
div.newsletter.edit div.elements > div.emptyContent div.element.newsletter {
  margin: 2%;
  border: 1px dashed #3E4982;
  background: #FFF;
  margin: 10px;
}
/* line 338, ../_vars.scss */
div.newsletter.edit div.elements > div.emptyContent strong, div.newsletter.edit div.elements > div.emptyContent div.description {
  color: #646464;
  display: block;
  padding: 10px;
}
/* line 340, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents {
  width: 98%;
  height: 420px;
  overflow-y: scroll;
}
/* line 342, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.connectedSortable {
  display: none;
}
/* line 343, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.elementTypeHead {
  background: url(data/image/fleche-sous-menu.svg) 96% center no-repeat #3E4982;
  margin: 10px;
  padding: 10px;
  font-weight: bold;
  font-size: 1.2em;
  transition: 200ms;
  cursor: pointer;
  color: #FFF;
}
/* line 346, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.elementTypeHead:hover {
  background: url(data/image/fleche-sous-menu.svg) 96% center no-repeat #323a68;
}
/* line 348, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.element.newsletter {
  margin: 5px 2%;
  border: 1px dashed #3E4982;
  background: #FFF;
}
/* line 350, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.actualite strong {
  color: #646464;
  max-width: 90%;
  display: block;
  padding-top: 4px;
}
/* line 351, ../_vars.scss */
div.newsletter.edit div.elements > div.elementTypeContents div.actualite div.description {
  color: #646464;
}
/* line 355, ../_vars.scss */
div.newsletter.edit div.elements > div.element {
  position: fixed;
  width: 450px;
}
/* line 357, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.text {
  text-align: center;
}
/* line 358, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.picture {
  width: 100%;
}
/* line 360, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.picture img {
  max-width: 100%;
  max-height: 100%;
}
/* line 362, ../_vars.scss */
div.newsletter.edit div.elements div.element.newsletter div.nl-bottom {
  display: none;
}
/* line 365, ../_vars.scss */
div.newsletter.edit div.modelContainer {
  float: right;
  width: 48%;
  margin: 1%;
}
/* line 367, ../_vars.scss */
div.newsletter.edit div.modelContainer td.noneInView {
  display: none;
}
/* line 368, ../_vars.scss */
div.newsletter.edit div.modelContainer div.nl-bottom {
  display: none;
}
/* line 370, ../_vars.scss */
div.newsletter.edit div.model {
  box-shadow: 1px 1px 5px #eee;
  width: 800px;
  margin: auto;
  border: 1px solid #ddd;
  background: #ffffff;
}
/* line 372, ../_vars.scss */
div.newsletter.edit div.model div.connectedSortable.ui-sortable {
  margin: 5px 0;
  min-height: 140px;
  width: 800px;
  margin: auto;
}
/* line 373, ../_vars.scss */
div.newsletter.edit div.model tr.showText {
  background: url(data/image/icon/nl-text.jpg) top center no-repeat;
}
/* line 375, ../_vars.scss */
div.newsletter.edit div.model tr.showText > div {
  background: none !important;
}
/* line 377, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form,
div.newsletter.edit div.model form.inplacericheditor-form {
  width: auto;
}
/* line 380, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button {
  width: 60px;
  line-height: 28px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #eee;
  padding: 1px 6px;
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 383, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button:hover,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 384, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button.cancel,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button.cancel {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 386, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button.cancel:hover,
div.newsletter.edit div.model form.inplacericheditor-form input.editor_ok_button.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 390, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form {
  margin-bottom: 25px;
}
/* line 392, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_field {
  width: 65%;
}
/* line 393, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form input.editor_ok_button {
  cursor: pointer;
}
/* line 395, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form a.editor_cancel,
div.newsletter.edit div.model form.inplacericheditor-form a.editor_cancel {
  display: inline-block;
  width: 50px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  background: #3E4982;
  color: #eee;
  padding: 1px 6px;
}
/* line 397, ../_vars.scss */
div.newsletter.edit div.model form.inplaceeditor-form a.editor_cancel:hover,
div.newsletter.edit div.model form.inplacericheditor-form a.editor_cancel {
  text-decoration: none;
}
/* line 400, ../_vars.scss */
div.newsletter.edit div.model form.jeditableInplaceImage button[type="cancel"], div.newsletter.edit div.model form.jeditableInplaceImage button[type="submit"] {
  display: inline-block;
  width: 80px;
  border: 0;
  margin: 4px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  background: #3E4982;
  color: #eee;
  padding: 1px 6px;
  cursor: pointer;
}
/* line 401, ../_vars.scss */
div.newsletter.edit div.model form.jeditableInplaceImage button[type="submit"] {
  background: #3E4982;
}
/* line 403, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter {
  min-height: 140px;
  background: #FFF;
  color: #5E6977;
  /*                &.even{
                      background: #FFF; color: #5E6977;
                      td.td-img{padding-left: 0;}
                  }
                  &.odd{
                      background: #FFF;
                      td.td-img{padding-right: 0;}
                  }*/
}
/* line 404, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter form.inplacericheditor-form textarea {
  height: auto;
}
/* line 405, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter form.inplacericheditor-form {
  width: 98%;
}
/* line 406, ../_vars.scss */
div.newsletter.edit div.model div.element.newsletter form.inplacericheditor-form textarea {
  height: 150px;
}
/* line 419, ../_vars.scss */
div.newsletter.edit form.newsletter {
  clear: both;
}
/* line 421, ../_vars.scss */
div.newsletter.edit form.newsletter textarea,
div.newsletter.edit form.newsletter label,
div.newsletter.edit form.newsletter div {
  display: none;
}
/* line 424, ../_vars.scss */
div.newsletter.edit form.newsletter div.button {
  display: block;
  text-align: center;
  float: none;
}
/* line 426, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input {
  padding: 10px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #eee;
  font-weight: bold;
}
/* line 428, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.saveReturn {
  background: url('/data/css/sass/images/rgbapng/ff9827cc-5.png?1759754585');
  background: rgba(255, 152, 39, 0.8);
}
/* line 430, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.saveReturn:hover {
  background: url('/data/css/sass/images/rgbapng/ff9827ff-5.png?1759754585');
  background: #ff9827;
}
/* line 432, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.save {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 434, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.save:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 436, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.cancel {
  background: url('/data/css/sass/images/rgbapng/e3424acc-5.png?1759754585');
  background: rgba(227, 66, 74, 0.8);
}
/* line 438, ../_vars.scss */
div.newsletter.edit form.newsletter div.button input.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/e3424aff-5.png?1759754585');
  background: #e3424a;
}
/* line 443, ../_vars.scss */
div.newsletter.edit div.dragButton {
  position: absolute;
  cursor: move;
  width: 32px;
  height: 32px;
  right: 5px;
  background: url(data/image/icon/drag.png) no-repeat;
}
/* line 444, ../_vars.scss */
div.newsletter.edit div.removeButton {
  position: absolute;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: 6px;
  right: 8px;
  background: url(data/image/icon/trash.png) no-repeat;
  background-size: 100%;
}
/* line 445, ../_vars.scss */
div.newsletter.edit div.hasInplaceeditorimage img:hover {
  box-shadow: 0px 0px 5px black;
  cursor: pointer;
}

/* line 447, ../_vars.scss */
div.use-tabs.newsletter {
  padding: 0;
  overflow: hidden;
  border: none;
  background: none;
  margin-top: 20px;
  min-height: 400px;
}
/* line 449, ../_vars.scss */
div.use-tabs.newsletter > ul {
  height: 46px;
  background: none;
  border: none;
  margin: 10px 0px;
  overflow: hidden;
}
/* line 451, ../_vars.scss */
div.use-tabs.newsletter > ul li {
  width: 50%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
}
/* line 453, ../_vars.scss */
div.use-tabs.newsletter > ul li.ui-state-active {
  background: #FF9827;
}
/* line 455, ../_vars.scss */
div.use-tabs.newsletter > ul li.ui-state-active a {
  color: #eee;
}
/* line 457, ../_vars.scss */
div.use-tabs.newsletter > ul li a {
  text-align: center;
  margin: auto;
  display: block;
  text-align: center;
  width: 95%;
}
/* line 466, ../_vars.scss */
div.use-tabs.newsletter > div.ui-tabs-panel {
  padding: 0;
  text-align: center;
}

/* line 468, ../_vars.scss */
div.sendError {
  text-align: center;
}
/* line 470, ../_vars.scss */
div.sendError h1 {
  display: block;
}

/** Liste des Newsletter : table avec liste de Newsletter
 *************************************************************************** */
/* line 474, ../_vars.scss */
div.newsletterBoard {
  /*div.listnotsent { margin-left: 2%; }*/
}
/* line 475, ../_vars.scss */
div.newsletterBoard > h1 {
  margin-top: 15px;
}
/* line 476, ../_vars.scss */
div.newsletterBoard.ui-tabs-panel {
  padding: 10px;
}
/* line 478, ../_vars.scss */
div.newsletterBoard div.listTable {
  text-align: center;
  display: inline-block;
  margin: 3% 0 3% 2%;
  vertical-align: top;
  width: 41%;
}
@media only screen and (max-width: 800px) {
  /* line 478, ../_vars.scss */
  div.newsletterBoard div.listTable {
    width: 96%;
    margin: 2%;
  }
}
/* line 483, ../_vars.scss */
div.newsletterBoard div.listTable h2 {
  color: #eee;
}
/* line 484, ../_vars.scss */
div.newsletterBoard div.listTable.listnotsent {
  text-align: center;
  width: 56%;
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  /* line 484, ../_vars.scss */
  div.newsletterBoard div.listTable.listnotsent {
    width: 96%;
    margin: 2%;
  }
}
/* line 490, ../_vars.scss */
div.newsletterBoard div.listTable.listsent {
  padding-bottom: 200px;
}
/* line 492, ../_vars.scss */
div.newsletterBoard a.groups {
  display: block;
}
/* line 493, ../_vars.scss */
div.newsletterBoard h2 {
  width: auto;
  margin: 0 0 10px 0;
  text-align: center;
}
/* line 494, ../_vars.scss */
div.newsletterBoard div.listnotsent table.newsletterList {
  margin-bottom: 50px;
  width: 100%;
}
/* line 495, ../_vars.scss */
div.newsletterBoard table.newsletterList {
  border-color: #3E4982;
  color: #3E4982;
  box-shadow: 0 0 6px #B1B1B1;
  float: right;
  width: 100%;
  /** Liste des Newsletter : détail au hover des newsletter
   *************************************************************************** */
}
@media only screen and (max-width: 800px) {
  /* line 495, ../_vars.scss */
  div.newsletterBoard table.newsletterList {
    float: none;
  }
}
/* line 501, ../_vars.scss */
div.newsletterBoard table.newsletterList tr:hover {
  background: rgba(114, 58, 121, 0.2);
  transition: 0.2s;
}
/* line 503, ../_vars.scss */
div.newsletterBoard table.newsletterList th,
div.newsletterBoard table.newsletterList td {
  padding: 10px 5px;
}
/* line 505, ../_vars.scss */
div.newsletterBoard table.newsletterList thead tr {
  font-size: 16px;
  text-align: center;
  font-size: 0.9em;
  color: #FFF;
}
/* line 506, ../_vars.scss */
div.newsletterBoard table.newsletterList thead tr th {
  background: #EAEDEE;
}
/* line 508, ../_vars.scss */
div.newsletterBoard table.newsletterList thead tr th:first-child {
  width: 420px;
}
@media only screen and (max-width: 800px) {
  /* line 508, ../_vars.scss */
  div.newsletterBoard table.newsletterList thead tr th:first-child {
    width: auto;
  }
}
/* line 515, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td {
  max-width: 340px;
  border-bottom: 1px solid #3E4982;
}
/* line 517, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td a {
  color: #3E4982;
}
/* line 519, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a, div.newsletterBoard table.newsletterList tbody tr td.action a {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  text-align: center;
  vertical-align: top;
}
/* line 522, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 524, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.edit {
  background: url(data/image/icon/icons.png) 5px -44px no-repeat #eee;
}
/* line 525, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.delete {
  background: url(data/image/icon/icons.png) 5px -94px no-repeat #eee;
}
/* line 526, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.duplicate {
  background: url(data/image/icon/copy.png) no-repeat #eee;
}
/* line 527, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 531, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send {
  background: url(data/image/icon/send.png) no-repeat 4px 10px #eee;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  width: 50px;
  height: 50px;
}
/* line 534, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 537, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.date {
  font-style: italic;
  font-size: 0.9em;
}
/* line 538, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create {
  padding: 0;
}
/* line 540, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create {
  display: block;
  margin: 0 auto;
  background: #F2F6F5;
  text-decoration: none;
  padding: 5px;
  transition: 0.3s;
}
/* line 542, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create:hover {
  background: #FAFCFB;
}
/* line 543, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create span {
  height: 35px;
  line-height: 35px;
  display: inline-block;
  padding-left: 40px;
  position: relative;
}
/* line 545, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.create a.create span:before {
  content: '';
  background: url(data/image/icon/add-nl.png) center center no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
}
/* line 560, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail {
  background: url(data/image/icon/help-nl.png) no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}
/* line 562, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.detail-content {
  box-shadow: -1px 1px 10px #eee;
  display: none;
  background: #EAEDEE;
  position: absolute;
  z-index: 9;
  padding: 5px;
  margin-left: -390px;
  margin-top: -75px;
}
/* line 566, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail:hover div.detail-content {
  display: block;
}
/* line 567, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos {
  background: #f8f8f8;
  padding: 2px;
  width: 364px;
}
/* line 569, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 2px;
}
/* line 570, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div:first-child {
  margin-top: 0;
}
/* line 571, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div span {
  display: block;
  padding: 5px 3px;
  background: #EAEDEE;
}
/* line 572, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div span.info {
  font-weight: bold;
}
/* line 573, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div span.value {
  background: #FFF;
  font-style: italic;
  margin-top: 2px;
}
/* line 574, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.half {
  width: 181px;
}
/* line 575, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.half.left {
  margin-right: 2px;
}
/* line 577, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-mailing span img {
  width: 100%;
}
/* line 579, ../_vars.scss */
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-NewsletterID,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-FromName,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-FromEmail,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-TestMessage,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Subject,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Date,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Recipients,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Groups,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Filters,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Delivered,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-ClickTroughRate,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Forwards,
div.newsletterBoard table.newsletterList tbody tr td.detail div.infos > div.info-Permalink {
  display: none;
}

/** Vue d'une Newsletter : actions
 *************************************************************************** */
/* line 600, ../_vars.scss */
div.newsletterDisplay {
  text-align: center;
  margin-top: 20px;
}
/* line 602, ../_vars.scss */
div.newsletterDisplay > h1 {
  margin: 20px 0;
  color: #3E4982;
}
/* line 603, ../_vars.scss */
div.newsletterDisplay > div.actions {
  margin: 10px;
  position: static;
  text-align: center;
}
/* line 605, ../_vars.scss */
div.newsletterDisplay > div.actions a {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  text-align: center;
  vertical-align: top;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
}
/* line 608, ../_vars.scss */
div.newsletterDisplay > div.actions a.edit {
  background: url(data/image/icon/icons.png) 5px -44px no-repeat #FF9827;
}
/* line 609, ../_vars.scss */
div.newsletterDisplay > div.actions a.delete {
  background: url(data/image/icon/icons.png) 5px -94px no-repeat #FF9827;
}
/* line 610, ../_vars.scss */
div.newsletterDisplay > div.actions a.send {
  background: url(data/image/icon/send.png) no-repeat #FF9827;
}
/* line 611, ../_vars.scss */
div.newsletterDisplay > div.actions a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 612, ../_vars.scss */
div.newsletterDisplay > div.actions a > div.infos p span {
  font-weight: bold;
}
/* line 613, ../_vars.scss */
div.newsletterDisplay > div.actions a > div.newsletterBody {
  width: 600px;
  margin: auto;
  padding: 10px;
  background: white;
}
/* line 615, ../_vars.scss */
div.newsletterDisplay > div.actions div.bottom {
  margin-top: 20px;
}
/* line 617, ../_vars.scss */
div.newsletterDisplay > div.actions div.bottom a {
  width: auto;
  transition: 200ms;
  text-decoration: none;
}
/* line 619, ../_vars.scss */
div.newsletterDisplay > div.actions div.bottom a:hover {
  color: #323a68;
}
/* line 623, ../_vars.scss */
div.newsletterDisplay div.newsletterBody {
  background: #DEDEDE;
}
/* line 625, ../_vars.scss */
div.newsletterDisplay div.newsletterBody center {
  display: inline-block;
}

/** Groupes et contacts Newsletter
 *************************************************************************** */
/* line 632, ../_vars.scss */
div.newsletters-groups {
  overflow: hidden;
  padding: 25px 10px;
  background: #FFF;
  /** Groupes et contacts Newsletter : liste de contacts
   *************************************************************************** */
  /*div.groups li div.button{display: none;}*/
}
/* line 634, ../_vars.scss */
div.newsletters-groups .newsletterSend .styleButtonInput {
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}
/* line 635, ../_vars.scss */
div.newsletters-groups .ui-widget {
  font-size: 1em;
}
/* line 636, ../_vars.scss */
div.newsletters-groups div.filter {
  text-align: right;
  background: white;
}
/* line 638, ../_vars.scss */
div.newsletters-groups div.filter input.search {
  max-width: 200px;
  height: 20px;
  border: 1px solid #eee;
  background: url(data/image/icon/icone_loupe.png) 153px 2px no-repeat #ffffff;
}
/* line 640, ../_vars.scss */
div.newsletters-groups form.filters {
  margin-bottom: 20px;
}
/* line 643, ../_vars.scss */
div.newsletters-groups form.filters select:hover {
  cursor: pointer;
}
/* line 648, ../_vars.scss */
div.newsletters-groups div.contacts {
  display: inline-block;
  width: 32%;
  margin-bottom: 10px;
}
/* line 651, ../_vars.scss */
div.newsletters-groups div.contacts ul li p.tooltip {
  display: none;
}
/* line 653, ../_vars.scss */
div.newsletters-groups div.contacts ul li:hover p.tooltip {
  display: block;
}
/* line 657, ../_vars.scss */
div.newsletters-groups h2 {
  text-align: center;
  margin: 0  0 20px 0;
  color: #eee;
}
/* line 658, ../_vars.scss */
div.newsletters-groups div.groups {
  display: inline-block;
  width: 73%;
  margin: 0 0 20px 1%;
  vertical-align: top;
}
/* line 660, ../_vars.scss */
div.newsletters-groups div.groups div.content {
  position: relative;
  font-size: 0.9em;
}
/* line 662, ../_vars.scss */
div.newsletters-groups div.groups div.content h3 {
  text-align: left;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 10px;
}
/* line 669, ../_vars.scss */
div.newsletters-groups ul.list {
  margin: 0;
  margin: 10px 0;
}
/* line 670, ../_vars.scss */
div.newsletters-groups div.button input {
  height: 37px;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  width: 130px;
}
/* line 672, ../_vars.scss */
div.newsletters-groups div.contacts input.search {
  width: 96%;
  padding: 2%;
  background: url(data/image/icon/icone_loupe.png) 265px 2px no-repeat #ffffff;
}
/* line 674, ../_vars.scss */
div.newsletters-groups div.contacts ul.list {
  height: 308px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #3E4982;
  max-width: 97%;
}
/* line 676, ../_vars.scss */
div.newsletters-groups div.contacts ul.list.hover {
  border-color: #AAA;
}
/* line 681, ../_vars.scss */
div.newsletters-groups div.groups div.actions {
  display: block;
  width: 90px;
  height: 32px;
}
/* line 683, ../_vars.scss */
div.newsletters-groups div.groups div.actions a {
  cursor: pointer;
  display: inline-block !important;
  width: 34px;
  height: 34px;
  padding: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  margin: 4px;
  margin-top: 0;
  box-sizing: border-box;
}
/* line 686, ../_vars.scss */
div.newsletters-groups div.groups div.actions a.save {
  background: url(data/image/icon/icons.png) 5px -44px no-repeat #e13f88;
}
/* line 687, ../_vars.scss */
div.newsletters-groups div.groups div.actions a.delete {
  background: url(data/image/icon/icons.png) 5px -94px no-repeat #e13f88;
}
/* line 688, ../_vars.scss */
div.newsletters-groups div.groups div.actions a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 694, ../_vars.scss */
div.newsletters-groups div.groups div.use-tabs div.container.ui-tabs-panel {
  padding: 10px;
}
/* line 695, ../_vars.scss */
div.newsletters-groups div.groups div.description {
  display: inline-block;
  width: 66%;
  margin-right: 2%;
}
/* line 697, ../_vars.scss */
div.newsletters-groups div.groups div.description span {
  font-weight: bold;
}
/* line 699, ../_vars.scss */
div.newsletters-groups div.groups ul.list {
  min-height: 238px;
  height: 560px;
  border: 1px solid #3E4982;
  overflow-y: auto;
  padding-top: 5px;
}
/* line 701, ../_vars.scss */
div.newsletters-groups div.groups ul.list.hover {
  border-color: #AAA;
}
/* line 703, ../_vars.scss */
div.newsletters-groups div.groups ul.list li.contact div.infosContact {
  text-align: center;
}
/* line 708, ../_vars.scss */
div.newsletters-groups div.groups div.delFromGroup {
  float: right;
  width: 58%;
  margin-right: 1%;
  height: 30px;
  line-height: 30px;
  border: 2px dashed #FF9827;
}
/* line 710, ../_vars.scss */
div.newsletters-groups div.groups div.delFromGroup.hover {
  background: url('/data/css/sass/images/rgbapng/77777733-5.png?1759754585');
  background: rgba(119, 119, 119, 0.2);
}
/* line 715, ../_vars.scss */
div.newsletters-groups li.contact {
  list-style: none;
  margin: 5px 0;
  position: relative;
  display: block;
  overflow: hidden;
  color: #5C5C5C;
  /*            &:before{
                  content: 'Ajouter ce contact au groupe'; position: absolute; top: 0; right: 4px; width: 100%; height: 12px;
                  font-size: 12px; text-align: right;
              }*/
}
/* line 717, ../_vars.scss */
div.newsletters-groups li.contact.hidden {
  display: none;
}
/* line 718, ../_vars.scss */
div.newsletters-groups li.contact div.infosContact {
  padding: 5px;
  text-align: left;
  padding-top: 12px;
  display: block;
  height: auto;
  min-height: 28px;
  margin: 0;
  background: #FFF;
  border: solid 1px #FF9827;
  border-bottom-width: 2px;
  font-size: 0.9em;
}
/* line 721, ../_vars.scss */
div.newsletters-groups li.contact div.infosContact span {
  color: #eee;
}
/* line 722, ../_vars.scss */
div.newsletters-groups li.contact div.infosContact span.name {
  color: #eee;
  display: none;
}
/* line 724, ../_vars.scss */
div.newsletters-groups li.contact:hover div.infosContact {
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
  border-color: transparent;
}
/* line 727, ../_vars.scss */
div.newsletters-groups li.contact div.button {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
}
/* line 729, ../_vars.scss */
div.newsletters-groups li.contact div.button a {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  background: url(data/image/icon/icons.png) 6px -19px no-repeat #FF9827;
  background-size: 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  margin: 4px;
}
/* line 732, ../_vars.scss */
div.newsletters-groups li.contact div.button a.delete {
  background-position: 6px -46px;
}
/* line 733, ../_vars.scss */
div.newsletters-groups li.contact div.button a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 736, ../_vars.scss */
div.newsletters-groups li.contact div.slide {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 36%;
  box-sizing: border-box;
  background: url(data/image/icon/arrowSlide.png) center no-repeat #3E4982;
  bottom: -100%;
  left: 32%;
}
/* line 739, ../_vars.scss */
div.newsletters-groups li.contact div.slide:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 742, ../_vars.scss */
div.newsletters-groups li.contact.opened div.slide {
  background-image: url(data/image/icon/arrowSlideHover.png);
}
/* line 744, ../_vars.scss */
div.newsletters-groups li.contact:hover div.slide {
  bottom: 0;
}
/* line 745, ../_vars.scss */
div.newsletters-groups li.contact.ui-sortable-helper:hover div.slide {
  bottom: -100%;
}
/* line 746, ../_vars.scss */
div.newsletters-groups li.contact div.slide span {
  display: block;
  height: 16px;
}
/* line 748, ../_vars.scss */
div.newsletters-groups li.contact.opened div.slide span {
  background-position: center bottom;
}
/* line 750, ../_vars.scss */
div.newsletters-groups li.contact div.infos-client {
  text-align: left;
  display: none;
  padding: 10px;
  padding-bottom: 20px;
  position: relative;
  border: 1px solid #ddd;
  border-top: none;
}
/* line 753, ../_vars.scss */
div.newsletters-groups li.contact.ui-sortable-helper div.infos-client {
  display: none !important;
}
/* line 758, ../_vars.scss */
div.newsletters-groups li.contact small.move {
  position: absolute;
  font-size: 0px;
  display: block;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
  width: 36px;
  height: 28px;
  right: 4px;
  top: 15px;
  background: url(data/image/icon/icons.png) #FF9827 6px -444px no-repeat;
}
/* line 761, ../_vars.scss */
div.newsletters-groups li.contact small.move:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
}
/* line 766, ../_vars.scss */
div.newsletters-groups div.groups li.contact {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 5px;
  /*                &:before{
                      content: 'Retirer ce contact du groupe'; position: absolute; top: 0; left: 4px; width: 100%; height: 12px;
                      font-size: 10px; text-align: left;
                  }*/
}
/* line 768, ../_vars.scss */
div.newsletters-groups div.groups li.contact div.infosContact {
  text-align: right !important;
}
/* line 769, ../_vars.scss */
div.newsletters-groups div.groups li.contact.hidden {
  display: none;
}
/* line 774, ../_vars.scss */
div.newsletters-groups div.groups li.contact small.move {
  background-position: 6px -394px;
  left: 18%;
}
/* line 778, ../_vars.scss */
div.newsletters-groups div.groups div.ui-tabs div.ui-tabs-panel {
  padding: 0;
  padding-right: 0;
  min-height: 304px;
}
/* line 779, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup {
  width: 240px;
  margin: auto;
  border: 1px solid #3E4982;
  padding: 1%;
}
/* line 782, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup label {
  text-align: center;
}
/* line 783, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup input {
  width: 94%;
}
/* line 784, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.description {
  width: auto;
  display: block;
  margin: 0 0 10px 0;
}
/* line 785, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup textarea {
  width: 94%;
  height: 80px;
}
/* line 787, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input {
  padding: 10px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #FFF;
}
/* line 789, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.save {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 791, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.save:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 793, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.cancel {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 795, ../_vars.scss */
div.newsletters-groups div.groups form.editNewsletterGroup div.buttons input.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 802, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist {
  margin: 10px 0;
  text-align: center;
}
/* line 804, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.groupsCheckboxes {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 10px 1%;
}
/* line 805, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.segmentationFilters {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 10px 1%;
}
/* line 806, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button {
  margin-top: 20px;
}
/* line 809, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button input.send {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 811, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button input.send:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 814, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button a {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}
/* line 816, ../_vars.scss */
div.newsletters-groups div.sending form.grouplist div.button a:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 820, ../_vars.scss */
div.newsletters-groups div.sending form div.nbClient {
  margin-top: 10px;
}
/* line 821, ../_vars.scss */
div.newsletters-groups div.sending span.sendCount {
  font-weight: bold;
}
/* line 825, ../_vars.scss */
div.newsletters-groups.newsletters div.sending form.grouplist label {
  font-weight: normal;
  background: #eaedee;
  display: inline-block;
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
  margin: 5px;
  cursor: pointer;
}
/* line 827, ../_vars.scss */
div.newsletters-groups.newsletters div.sending form.grouplist label > span {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}
/* line 828, ../_vars.scss */
div.newsletters-groups.newsletters div.sending form.grouplist label.selected {
  font-weight: bold;
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
}
/* line 831, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all {
  border-radius: 0px;
  padding: 0;
}
/* line 832, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller {
  overflow: auto;
  background: #3E4982;
  max-height: 86px;
}
/* line 834, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul {
  background: none;
  border: none;
  overflow: hidden;
}
/* line 836, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #FFF;
  background: url('/data/css/sass/images/rgbapng/3e498233-5.png?1759754585');
  background: rgba(62, 73, 130, 0.2);
}
/* line 840, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li:hover {
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
}
/* line 841, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li.ui-state-active {
  background: #FF9827;
  border: 1px solid #eee;
}
/* line 844, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li.ui-state-active a {
  color: #FFF;
}
/* line 846, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li a {
  text-align: center;
  margin: auto;
  display: block;
  text-align: center;
}
/* line 848, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > ul li a img {
  vertical-align: middle;
  width: 16px;
}
/* line 852, ../_vars.scss */
div.newsletters-groups.newsletters .ui-corner-all div.scroller > div.ui-tabs-panel {
  padding: 0;
  text-align: center;
}
/* line 854, ../_vars.scss */
div.newsletters-groups.newsletters .ui-widget-header {
  border: none;
  background: #3E4982;
  float: left;
}
/* line 855, ../_vars.scss */
div.newsletters-groups.newsletters .ui-state-active,
div.newsletters-groups.newsletters .ui-widget-content,
div.newsletters-groups.newsletters .ui-widget-content .ui-state-active,
div.newsletters-groups.newsletters .ui-widget-header .ui-state-active {
  background: none;
  border: none;
}
/* line 861, ../_vars.scss */
div.newsletters-groups.without-newsletter div.buttonModifContact {
  display: none;
}
/* line 863, ../_vars.scss */
div.newsletters-groups div.buttonModifContact a.loadContact {
  color: #FFF;
  text-decoration: none;
}
/* line 865, ../_vars.scss */
div.newsletters-groups.with-newsletter div.wrap-contact {
  display: none;
}
/* line 866, ../_vars.scss */
div.newsletters-groups div.deleteContact {
  min-height: 230px;
  border: 1px solid #3E4982;
  float: left;
  width: 24.5%;
  padding: 10px;
  margin-right: 15px;
  vertical-align: top;
}
/* line 868, ../_vars.scss */
div.newsletters-groups div.deleteContact h2 {
  margin-bottom: 10px;
  color: #eee;
}
/* line 869, ../_vars.scss */
div.newsletters-groups div.deleteContact ul.list {
  height: 190px;
  margin: 0px;
  border: 2px dashed #3E4982;
  background: url(data/image/icon/trash.png) center center no-repeat;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")";
}
/* line 872, ../_vars.scss */
div.newsletters-groups div.deleteContact ul.list.hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  border-color: #AAA;
}
/* line 873, ../_vars.scss */
div.newsletters-groups div.deleteContact ul.list li {
  display: none;
}
/* line 875, ../_vars.scss */
div.newsletters-groups div.deleteContact div.overlayDelete {
  color: red;
  padding: 2%;
}
/* line 878, ../_vars.scss */
div.newsletters-groups div.addContact {
  min-height: 180px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #3E4982;
}
/* line 880, ../_vars.scss */
div.newsletters-groups div.addContact h2 {
  margin-bottom: 10px;
  color: #eee;
}
/* line 881, ../_vars.scss */
div.newsletters-groups div.addContact div.buttons div.submit input {
  transition: 200ms;
  background: url('/data/css/sass/images/rgbapng/3e498299-5.png?1759754585');
  background: rgba(62, 73, 130, 0.6);
  border: 0;
  padding: 10px;
  cursor: pointer;
  color: #eee;
}
/* line 883, ../_vars.scss */
div.newsletters-groups div.addContact div.buttons div.submit input:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
}
/* line 885, ../_vars.scss */
div.newsletters-groups div.addContact form div.buttons div.cancel,
div.newsletters-groups div.addContact form div.buttons div.delete {
  display: none;
}

/* line 889, ../_vars.scss */
form.editNewsletterContact {
  overflow: hidden;
  /*        div.l1{width: 35%; display: inline-block; margin-right: 2%;}
          div.l2{width: 62%; display: inline-block; vertical-align: top;}*/
}
/* line 891, ../_vars.scss */
form.editNewsletterContact div.text.nom,
form.editNewsletterContact div.text.prenom {
  width: 49%;
  float: left;
}
/* line 893, ../_vars.scss */
form.editNewsletterContact div.text.nom {
  margin-right: 2%;
}
/* line 894, ../_vars.scss */
form.editNewsletterContact div.text.nom input,
form.editNewsletterContact div.text.prenom input {
  width: 92%;
}
/* line 896, ../_vars.scss */
form.editNewsletterContact div.mail input {
  width: 96%;
}
/* line 897, ../_vars.scss */
form.editNewsletterContact div.checkbox {
  width: 100%;
  margin: 0;
}
/* line 898, ../_vars.scss */
form.editNewsletterContact div.checkbox div.help-content {
  z-index: 1;
  background: #99DDE0;
}
/* line 899, ../_vars.scss */
form.editNewsletterContact div.checkbox > label {
  text-align: center;
  margin: 5px 0;
}
/* line 900, ../_vars.scss */
form.editNewsletterContact div.help {
  background: url(data/image/icon/help-nl.png) center center no-repeat;
  margin: 8px 0 3px 58%;
  width: 26px;
  height: 26px;
}
/* line 903, ../_vars.scss */
form.editNewsletterContact div.l2 {
  margin-bottom: 0;
}
/* line 904, ../_vars.scss */
form.editNewsletterContact div.checkbox p {
  text-align: center;
  margin: 5px 0;
}
/* line 905, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required) {
  cursor: pointer;
  background: url('/data/css/sass/images/rgbapng/3e498233-5.png?1759754585');
  background: rgba(62, 73, 130, 0.2);
  display: inline-block;
  text-align: center;
  margin: 2px;
}
/* line 907, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required):hover {
  background: url('/data/css/sass/images/rgbapng/3e498266-5.png?1759754585');
  background: rgba(62, 73, 130, 0.4);
}
/* line 908, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required) label {
  margin-bottom: 0;
}
/* line 909, ../_vars.scss */
form.editNewsletterContact div.checkbox span:not(.required).checked {
  background: #3E4982;
  color: #FFF;
}
/* line 911, ../_vars.scss */
form.editNewsletterContact div.checkbox span input {
  display: none;
}
/* line 912, ../_vars.scss */
form.editNewsletterContact div.checkbox span label {
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  font-weight: normal;
}

/* line 915, ../_vars.scss */
form.editNewsletterContact div.buttons {
  width: 100%;
}
/* line 917, ../_vars.scss */
form.editNewsletterContact div.buttons input {
  padding: 10px;
  margin: 10px;
  border: 0;
  cursor: pointer;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/ff9827cc-5.png?1759754585');
  background: rgba(255, 152, 39, 0.8);
}
/* line 920, ../_vars.scss */
form.editNewsletterContact div.buttons input:hover {
  background: url('/data/css/sass/images/rgbapng/ff9827ff-5.png?1759754585');
  background: #ff9827;
}
/* line 921, ../_vars.scss */
form.editNewsletterContact div.buttons input.cancel {
  background: url('/data/css/sass/images/rgbapng/ff0000cc-5.png?1759754585');
  background: rgba(255, 0, 0, 0.8);
}
/* line 923, ../_vars.scss */
form.editNewsletterContact div.buttons input.cancel:hover {
  background: url('/data/css/sass/images/rgbapng/ff0000ff-5.png?1759754585');
  background: red;
}

/* line 928, ../_vars.scss */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-radius: 0px;
}

/* line 932, ../_vars.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  color: black;
}

/* line 935, ../_vars.scss */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ddd;
  background: url('/data/css/sass/images/rgbapng/f3920033-5.png?1759754585');
  background: rgba(243, 146, 0, 0.2);
}

/* line 938, ../_vars.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #f8f8f8;
}

/* line 939, ../_vars.scss */
div.groups .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #f8f8f8;
  box-shadow: none;
}

/* line 940, ../_vars.scss */
.ui-tabs .ui-tabs-nav li a {
  color: #eee;
  display: block;
  text-align: center;
}

/*.ui-widget-content{background:none;}*/
/* line 942, ../_vars.scss */
.ui-widget-content h1 {
  display: none;
}

/* line 943, ../_vars.scss */
.inplaceEditorHover {
  text-shadow: 0px 0px 1px black;
}

/* line 945, ../_vars.scss */
div.groups .ui-tabs .ui-tabs-nav li {
  width: auto;
  margin: 1px 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 3px 0px 10px #ddd inset;
}

/* line 946, ../_vars.scss */
div.newsletters.newsletters-groups.without-newsletter, div.newsletters.newsletters-groups.with-newsletter {
  text-align: center;
}

/* line 947, ../_vars.scss */
div.newsletters-groups .ui-tabs .ui-tabs-nav li {
  padding-bottom: 0;
}

/* line 948, ../_vars.scss */
div.newsletters-groups .ui-tabs .ui-tabs-nav li a {
  padding: 8px 10px;
}

/* line 950, ../_vars.scss */
div.newsletters-groups ul.ui-tabs-nav > li {
  padding-right: 15px;
}

/* line 951, ../_vars.scss */
div.newsletters.newsletters-groups.without-newsletter div.sending {
  display: none;
}

/* line 954, ../_vars.scss */
div.contacts input.search,
div.groups input.search,
div.addContact input.mail,
div.addContact input.nom,
div.addContact input.prenom {
  border: 1px solid #FF9827;
}

/* line 960, ../_vars.scss */
div#nwsl-groups-with-newsletter {
  text-align: center;
}

/* line 961, ../_vars.scss */
#nwsl-groups, #nwsl-send {
  text-align: center;
}

/* line 962, ../_vars.scss */
div#nwsl-groups h1 {
  margin-top: 40px;
  color: #3E4982;
  background: none;
  display: inline-block;
  border-top: 1px solid #3E4982;
  border-bottom: 1px solid #3E4982;
  padding-top: 4px;
  padding-bottom: 2px;
  position: relative;
  margin-bottom: 10px;
}

/* line 968, ../_vars.scss */
div.newsletter.edit {
  text-align: center;
}
/* line 970, ../_vars.scss */
div.newsletter.edit h1 {
  display: inline-block;
  color: #eee;
}
/* line 971, ../_vars.scss */
div.newsletter.edit h4 {
  display: inline-block;
  width: auto;
}
/* line 972, ../_vars.scss */
div.newsletter.edit a.defaultRefresh {
  position: absolute;
  right: 0;
}
/* line 974, ../_vars.scss */
div.newsletter.edit a.defaultRefresh:hover {
  cursor: pointer;
}

/* line 978, ../_vars.scss */
div.newsletter .editoImage {
  height: 150px;
  width: 150px;
  overflow: hidden;
}
/* line 980, ../_vars.scss */
div.newsletter .editoImage img {
  max-height: 125px;
  max-width: 125px;
}
/* line 981, ../_vars.scss */
div.newsletter .editoImage form {
  height: 125px;
  width: 300px;
}
/* line 983, ../_vars.scss */
div.newsletter .editoImage form input[type=file] {
  margin-bottom: 10px;
}
/* line 984, ../_vars.scss */
div.newsletter .editoImage form input[type=submit] {
  margin-left: 5px;
}

/* line 988, ../_vars.scss */
.ui-tooltip, .arrow:after {
  background: #f8f8f8;
  border: 1px solid white;
  box-shadow: 2px 2px 5px #A7ABAA;
}

/* line 990, ../_vars.scss */
a:focus {
  outline: 0px;
}

/* line 992, ../_vars.scss */
div.divSent, div.divDelete {
  text-align: center;
  margin-top: 10px;
  margin-top: 30px;
}
/* line 994, ../_vars.scss */
div.divSent a, div.divDelete a {
  text-decoration: none;
  transition: 200ms;
}
/* line 996, ../_vars.scss */
div.divSent a:hover, div.divDelete a:hover {
  color: #cc7a1f;
}
/* line 998, ../_vars.scss */
div.divSent p, div.divDelete p {
  background: #FFF;
  padding: 2%;
}

/* line 1000, ../_vars.scss */
div.divSent {
  max-width: 40%;
  margin: 20px auto;
}
/* line 1002, ../_vars.scss */
div.divSent h1 {
  color: #eee;
}
/* line 1003, ../_vars.scss */
div.divSent a {
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
  color: #FFF;
  text-decoration: none;
  padding: 2% 4%;
  display: inline-block;
}
/* line 1005, ../_vars.scss */
div.divSent a:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
  color: #DEDEDE;
}

/* line 1011, ../_vars.scss */
form div.button input.styleButtonInput,
form div.button input.send.styleButtonInput,
a:link.styleButtonInput,
a:visited.styleButtonInput,
.styleButtonInput {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  width: auto;
  line-height: 20px;
  height: auto;
  margin: 0 10px;
  border: 0;
  border-width: 1px 0;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/3e4982cc-5.png?1759754585');
  background: rgba(62, 73, 130, 0.8);
}

/* line 1020, ../_vars.scss */
form div.button input.styleButtonInput:hover,
form div.button input.send.styleButtonInput:hover,
a:link.styleButtonInput:hover,
a:visited.styleButtonInput:hover,
.styleButtonInput:hover {
  background: url('/data/css/sass/images/rgbapng/3e4982ff-5.png?1759754585');
  background: #3e4982;
  text-decoration: none;
  transition: 0.2s;
}

/* line 1025, ../_vars.scss */
div.smallBoxOverlay {
  width: 100%;
  height: 100%;
  background: rgba(49, 49, 49, 0.8);
  z-index: 10;
  position: fixed;
  transition: 200ms;
  text-align: center;
  top: 0;
  left: 0;
}
/* line 1028, ../_vars.scss */
div.smallBoxOverlay form.editNewsletterContact div.l1 {
  width: 98%;
}

/* line 1031, ../_vars.scss */
div.smallBoxContainer {
  display: none;
  background: #FFF;
  padding: 20px;
  position: relative;
  display: inline-block;
  box-shadow: 0 0 6px #000;
  border: 2px solid #DEDEDE;
  margin-top: 5%;
  max-height: 80%;
}

/* line 1032, ../_vars.scss */
div.smallBoxContainer.positioned {
  position: fixed;
  margin-top: 0;
}

/* line 9809, ../specific.scss */
div.newsletter.edit {
  max-width: 90%;
  margin: auto;
  background: #FFF;
}
/* line 9814, ../specific.scss */
div.newsletter.edit > p {
  color: #646464;
}
/* line 9820, ../specific.scss */
div.newsletter.edit div.elements > h4,
div.newsletter.edit div.modelContainer > h4 {
  display: block;
  background: #FF9827;
  padding: 10px;
}
/* line 9828, ../specific.scss */
div.newsletter.edit div.modelContainer > h4 {
  margin-top: 25px;
}

/* line 9836, ../specific.scss */
.page-newsletter h1 {
  margin-bottom: 0;
  color: #3E4982;
  font-style: normal;
  text-align: center;
}
/* line 9844, ../specific.scss */
.page-newsletter hr {
  width: 55%;
  margin: 0 auto 20px;
  border-color: #FF9827;
}

/* line 9852, ../specific.scss */
div#nwsl-groups h1 {
  margin-bottom: 0;
  color: #3E4982;
  border-top: none;
  border-bottom: 2px solid #FF9827;
  font-style: normal;
  text-align: center;
  padding: 20px 80px;
  background: none;
  margin-bottom: 20px;
  margin-top: 0;
  color: #FF9827;
  border: 0;
}

/* line 9869, ../specific.scss */
div.bottomNwsl a.createNwsl {
  display: inline-block;
}

/* line 9874, ../specific.scss */
div.use-tabs.newsletter > ul li:not(.ui-state-active) {
  color: #FF9827;
}
/* line 9877, ../specific.scss */
div.use-tabs.newsletter > ul li:not(.ui-state-active) a {
  color: #333;
}
/* line 9882, ../specific.scss */
div.use-tabs.newsletter div.bottom {
  text-align: center;
}
/* line 9885, ../specific.scss */
div.use-tabs.newsletter div.bottom a.createNwsl {
  background: #3E4982;
  text-decoration: none;
  color: #FFF;
  border-radius: 10px;
  transition: 200ms;
}
/* line 9893, ../specific.scss */
div.use-tabs.newsletter div.bottom a.createNwsl:hover {
  background: #4a589c;
}

/* line 9901, ../specific.scss */
#nwsl-newsletter h2 {
  color: #3E4982;
}
/* line 9906, ../specific.scss */
#nwsl-newsletter .newsletterList tr th {
  background-color: #3E4982;
}
/* line 9911, ../specific.scss */
#nwsl-newsletter .newsletterList tbody tr {
  background: #FFF;
}
/* line 9914, ../specific.scss */
#nwsl-newsletter .newsletterList tbody tr td.create a.create {
  background-color: #3E4982;
  color: #FFF;
}
/* line 9918, ../specific.scss */
#nwsl-newsletter .newsletterList tbody tr td.create a.create:hover {
  background-color: #323a68;
}

/* line 9927, ../specific.scss */
#nwsl-newsletter h2 {
  padding: 10px;
  color: #fff;
  background-color: #3E4982;
}

/* line 9933, ../specific.scss */
.newsletterList {
  border-spacing: 0;
}

/* line 9937, ../specific.scss */
#nwsl-newsletter .newsletterList tr th {
  color: #E3424A;
  background-color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #3E4982;
}

/* line 9944, ../specific.scss */
#nwsl-newsletter .newsletterList tr td {
  border-color: #c2c2c2;
}

/* line 9950, ../specific.scss */
div.newsletters-groups h2,
div.newsletters-groups div.addContact h2 {
  color: #3E4982;
}
/* line 9955, ../specific.scss */
div.newsletters-groups li.contact {
  color: #3E4982;
}
/* line 9958, ../specific.scss */
div.newsletters-groups li.contact div.infosContact span {
  color: #3E4982;
}
/* line 9963, ../specific.scss */
div.newsletters-groups div.wrap-contact > div.groups {
  width: 67%;
}
/* line 9967, ../specific.scss */
div.newsletters-groups div.nwlgroups-contacts {
  width: 32%;
}

/* line 9974, ../specific.scss */
div.newsletters-groups div.groups div.actions a.save,
div.newsletters-groups div.groups div.actions a.delete {
  background-color: #FF9827;
}

/* line 9980, ../specific.scss */
div.newsletterBoard table.newsletterList {
  box-shadow: none;
}

/* line 9984, ../specific.scss */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 0;
  padding: 0;
}

/*div.newsletters-groups li.contact small.move { background-position: 6px 2px; }*/
/*div.newsletters-groups div.groups li.contact small.move { background-position: 6px -98px; }*/
/* line 9991, ../specific.scss */
div.newsletters-groups div.groups li.contact small.move {
  left: 4px;
}

/* line 9995, ../specific.scss */
div.newsletterBoard div.listTable.listnotsent,
div.newsletterBoard div.listTable.listsent {
  width: 49%;
  margin-top: 0;
}
/* line 10000, ../specific.scss */
div.newsletterBoard div.listTable.listnotsent:first-child,
div.newsletterBoard div.listTable.listsent:first-child {
  margin-right: 1%;
}
/* line 10004, ../specific.scss */
div.newsletterBoard div.listTable.listnotsent:last-child,
div.newsletterBoard div.listTable.listsent:last-child {
  margin-left: 1%;
}

/* line 10009, ../specific.scss */
div.newsletterBoard table.newsletterList thead tr th:first-child {
  width: 320px;
}

/* line 10014, ../specific.scss */
div.newsletterBoard table.newsletterList tr a {
  text-decoration: none;
  transition: 200ms;
}
/* line 10018, ../specific.scss */
div.newsletterBoard table.newsletterList tr a:hover {
  color: #323a68;
}

/* line 10024, ../specific.scss */
div.newsletterBoard table.newsletterList tbody tr td.action a.edit,
div.newsletterBoard table.newsletterList tbody tr td.action a.delete,
div.newsletterBoard table.newsletterList tbody tr td.action a.duplicate,
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send {
  background-color: #3E4982;
}

/* line 10031, ../specific.scss */
div.newsletter.edit h1,
div.newsletter.edit h4,
div.divSent h1 {
  color: #FF9827;
}

/* line 10037, ../specific.scss */
.hasInplaceeditor:hover {
  cursor: pointer;
}

/* line 10041, ../specific.scss */
div.newsletter.edit {
  /*p { color: #fff; }*/
}
/* line 10044, ../specific.scss */
div.newsletter.edit div.modelContainer {
  margin-top: 0;
}
/* line 10048, ../specific.scss */
div.newsletter.edit div.modelContainer h4 {
  text-transform: uppercase;
  font-size: 1.3em;
  text-align: center;
  color: #eee;
}
/* line 10055, ../specific.scss */
div.newsletter.edit div.model {
  margin-top: 20px;
}
/* line 10059, ../specific.scss */
div.newsletter.edit div.help {
  border: 2px solid #3E4982;
}
/* line 10062, ../specific.scss */
div.newsletter.edit div.help div {
  margin: 10px;
  text-align: left;
}
/* line 10068, ../specific.scss */
div.newsletter.edit tr.showText > td {
  position: relative;
}
/* line 10071, ../specific.scss */
div.newsletter.edit tr.showText > td:before {
  content: 'Glissez / déposer les arrivages ici pour les ajouter à la newsletter';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  color: #333;
}

/* line 10083, ../specific.scss */
div.newsletterBoard table.newsletterList tbody tr td.envoyer a.send {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  padding: 5px;
  background: url(data/image/icon/send.png) center top no-repeat #3E4982;
  background-size: cover;
}

/* line 10093, ../specific.scss */
div#site.standard header#banner {
  position: absolute;
}
/* line 10097, ../specific.scss */
div#site.standard h1 {
  text-align: center;
}
/* line 10101, ../specific.scss */
div#site.standard div.use-tabs.newsletter {
  max-width: 80%;
  margin: auto;
}

/* line 10107, ../specific.scss */
div.actualite.element.newsletter {
  background-color: #FFF !important;
}

/* line 10113, ../specific.scss */
div.editContainer div.elements div.emptyContent {
  padding-top: 20px;
}
/* line 10116, ../specific.scss */
div.editContainer div.elements div.emptyContent div.emptyContent.element {
  max-width: 80% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin: auto !important;
  margin-bottom: 20px !important;
}
/* line 10126, ../specific.scss */
div.editContainer div.elements div.actualite {
  padding-top: 20px;
}
/* line 10129, ../specific.scss */
div.editContainer div.elements div.actualite div.actualite.element.newsletter {
  max-width: 80% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin: auto !important;
  margin-bottom: 20px !important;
}

/* line 10142, ../specific.scss */
div.modelContainer div.helper {
  position: relative;
}
/* line 10145, ../specific.scss */
div.modelContainer div.helper:before {
  content: 'Glissez-déposez ici vos éléments';
  font-size: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 10160, ../specific.scss */
div.divCmaic-newsletter {
  max-width: 1350px;
  margin: 20px auto;
}
/* line 10164, ../specific.scss */
div.divCmaic-newsletter div.news-insc {
  max-width: 80%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 10164, ../specific.scss */
  div.divCmaic-newsletter div.news-insc {
    max-width: 98%;
    margin: 1% auto;
  }
}
/* line 10175, ../specific.scss */
div.divCmaic-newsletter div.news-insc iframe {
  overflow: visible !important;
  max-width: 600px;
  max-height: 200px;
}

/*Codiv 19*/
/* line 10185, ../specific.scss */
div.divPage.divCovid19 div.headerTemplate {
  width: 80%;
  text-align: center;
}
/* line 10189, ../specific.scss */
div.divPage.divCovid19 div.headerTemplate img {
  max-width: 100%;
  display: block;
  margin: auto;
}
/* line 10196, ../specific.scss */
div.divPage.divCovid19 > div.element.presentation {
  max-width: 80%;
}

/* line 252, ../specific.scss */
div.Covid19-permanence-CMAIC ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.Covid19-permanence-CMAIC ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.Covid19-permanence-CMAIC ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.Covid19-permanence-CMAIC ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.Covid19-permanence-CMAIC ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.Covid19-permanence-CMAIC ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.Covid19-permanence-CMAIC ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}

@keyframes covid {
  0% {
    bottom: -60%;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: -60%;
  }
}
/* line 10219, ../specific.scss */
a.covid-welcome-btn {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 60px;
  width: 300px;
  overflow: hidden;
  transition: 200ms;
}
/* line 10228, ../specific.scss */
a.covid-welcome-btn img {
  width: 100%;
}
@media only screen and (max-width: 1168px) {
  /* line 10219, ../specific.scss */
  a.covid-welcome-btn {
    left: 0;
    width: 200px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10219, ../specific.scss */
  a.covid-welcome-btn {
    display: none;
  }
}
/* line 10241, ../specific.scss */
a.covid-welcome-btn span.text-container {
  background: #E3424A;
  display: block;
  padding: 10px;
  padding-left: 50px;
  text-align: right;
  border: 3px solid #FFF;
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: 200ms;
}
/* line 10252, ../specific.scss */
a.covid-welcome-btn span.text-container span,
a.covid-welcome-btn span.text-container strong {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 180px;
  margin-right: 0;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}
/* line 10262, ../specific.scss */
a.covid-welcome-btn span.text-container span {
  font-size: 15px;
  letter-spacing: 0;
}
/* line 10267, ../specific.scss */
a.covid-welcome-btn span.text-container strong {
  font-size: 25px;
  letter-spacing: 0;
}
/* line 10273, ../specific.scss */
a.covid-welcome-btn:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

@keyframes fall-covid {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
/* line 10288, ../specific.scss */
a.covid-plateforme-welcome-btn {
  position: absolute;
  z-index: 10;
  left: calc(50% - 160px);
  top: -100%;
  width: 320px;
  overflow: hidden;
  transition: 200ms;
  animation-name: fall-covid;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-duration: 1s;
}
/* line 10302, ../specific.scss */
a.covid-plateforme-welcome-btn img {
  width: 100%;
}
@media only screen and (max-width: 1168px) {
  /* line 10288, ../specific.scss */
  a.covid-plateforme-welcome-btn {
    left: 0;
    width: 200px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10288, ../specific.scss */
  a.covid-plateforme-welcome-btn {
    display: none;
  }
}
/* line 10315, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container {
  background: #E3424A;
  display: block;
  padding: 10px;
  padding-left: 50px;
  text-align: right;
  border: 3px solid #FFF;
  border-radius: 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: 200ms;
}
/* line 10326, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container span,
a.covid-plateforme-welcome-btn span.text-container strong {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 180px;
  margin-right: 0;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
}
/* line 10336, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container span {
  font-size: 15px;
  letter-spacing: 0;
}
/* line 10341, ../specific.scss */
a.covid-plateforme-welcome-btn span.text-container strong {
  font-size: 25px;
  letter-spacing: 0;
}
/* line 10347, ../specific.scss */
a.covid-plateforme-welcome-btn:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

/* line 10352, ../specific.scss */
div.covid-disclaimer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/data/css/sass/images/rgbapng/00000099-5.png?1759754585');
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 10352, ../specific.scss */
  div.covid-disclaimer {
    display: none;
  }
}
/* line 10368, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content {
  max-width: 80%;
  background: #E3424A;
  padding: 40px;
  margin-top: 40px;
  box-sizing: border-box;
  border-radius: 18px;
  border: 10px solid #FFF;
}
@media only screen and (max-width: 500px) {
  /* line 10368, ../specific.scss */
  div.covid-disclaimer div.covid-disclaimer-content {
    max-width: 96%;
    padding: 10px;
  }
}
/* line 10382, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.picture {
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: center;
}
@media only screen and (max-width: 500px) {
  /* line 10382, ../specific.scss */
  div.covid-disclaimer div.covid-disclaimer-content div.picture {
    -ms-transform: translateY(-40%);
        transform: translateY(-40%);
  }
}
/* line 10391, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidContainer {
  margin-top: -60px;
}
/* line 10395, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content span {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  display: block;
}
/* line 10402, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content span:nth-child(1) {
  font-size: 22px;
}
/* line 10406, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content span:nth-child(2) {
  font-size: 37px;
}
/* line 10411, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidDescription {
  color: #FFF;
  font-style: italic;
  padding-top: 6px;
}
/* line 10416, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidDescription a {
  color: #FFF;
}
/* line 10421, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom {
  margin-top: 6px;
}
/* line 10424, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a {
  display: block;
  color: #FFF;
  padding: 16px;
  margin-bottom: 16px;
  text-align: center;
  /*transition: 200ms;*/
}
@media only screen and (max-width: 500px) {
  /* line 10424, ../specific.scss */
  div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a {
    margin-bottom: 10px;
  }
}
/* line 10436, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a:nth-child(1) {
  background: #3E4982;
  border: 1px solid #3E4982;
  /*&:hover{background: none;}*/
}
/* line 10442, ../specific.scss */
div.covid-disclaimer div.covid-disclaimer-content div.covidBottom a:nth-child(2) {
  background: none;
  border: 1px solid #FFF;
  /*&:hover{background: none;}*/
}

/* line 10460, ../specific.scss */
div.divPage.divCovid19 div.accesTemplate,
div.divPage.divCovid19-permanence-CMAIC div.accesTemplate,
div.divPage.divInformation-coronavirus div.accesTemplate,
div.divPage.divEntreprise-coronavirus div.accesTemplate,
div.divPage.divSalarie-coronavirus div.accesTemplate,
div.divPage.divCoronavirus-en-normandie-situation div.accesTemplate,
div.divPage.divCoronavirus-recommandations div.accesTemplate,
div.divPage.divReprise-du-travail-apres-le-confinement div.accesTemplate {
  top: 200px;
}
/* line 10465, ../specific.scss */
div.divPage.divCovid19 div.description .miseEnAvant,
div.divPage.divCovid19-permanence-CMAIC div.description .miseEnAvant,
div.divPage.divInformation-coronavirus div.description .miseEnAvant,
div.divPage.divEntreprise-coronavirus div.description .miseEnAvant,
div.divPage.divSalarie-coronavirus div.description .miseEnAvant,
div.divPage.divCoronavirus-en-normandie-situation div.description .miseEnAvant,
div.divPage.divCoronavirus-recommandations div.description .miseEnAvant,
div.divPage.divReprise-du-travail-apres-le-confinement div.description .miseEnAvant {
  /*            font-weight: bold; color: $orange; transition: 200ms; border-bottom: 2px solid transparent;
              &:hover{
                  border-bottom: 2px solid $orange;
              }*/
}
/* line 252, ../specific.scss */
div.divPage.divCovid19 div.description ul,
div.divPage.divCovid19-permanence-CMAIC div.description ul,
div.divPage.divInformation-coronavirus div.description ul,
div.divPage.divEntreprise-coronavirus div.description ul,
div.divPage.divSalarie-coronavirus div.description ul,
div.divPage.divCoronavirus-en-normandie-situation div.description ul,
div.divPage.divCoronavirus-recommandations div.description ul,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul {
  line-height: 1.6em;
  list-style-type: none;
}
/* line 256, ../specific.scss */
div.divPage.divCovid19 div.description ul li,
div.divPage.divCovid19-permanence-CMAIC div.description ul li,
div.divPage.divInformation-coronavirus div.description ul li,
div.divPage.divEntreprise-coronavirus div.description ul li,
div.divPage.divSalarie-coronavirus div.description ul li,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li,
div.divPage.divCoronavirus-recommandations div.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li {
  font-weight: bold;
  margin-left: 0;
}
/* line 260, ../specific.scss */
div.divPage.divCovid19 div.description ul li a,
div.divPage.divCovid19-permanence-CMAIC div.description ul li a,
div.divPage.divInformation-coronavirus div.description ul li a,
div.divPage.divEntreprise-coronavirus div.description ul li a,
div.divPage.divSalarie-coronavirus div.description ul li a,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li a,
div.divPage.divCoronavirus-recommandations div.description ul li a,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li a {
  color: #5E5E5E;
  transition: 200ms;
}
/* line 264, ../specific.scss */
div.divPage.divCovid19 div.description ul li a:hover,
div.divPage.divCovid19-permanence-CMAIC div.description ul li a:hover,
div.divPage.divInformation-coronavirus div.description ul li a:hover,
div.divPage.divEntreprise-coronavirus div.description ul li a:hover,
div.divPage.divSalarie-coronavirus div.description ul li a:hover,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li a:hover,
div.divPage.divCoronavirus-recommandations div.description ul li a:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li a:hover {
  padding-left: 20px;
}
/* line 270, ../specific.scss */
div.divPage.divCovid19 div.description ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.description ul li:before,
div.divPage.divInformation-coronavirus div.description ul li:before,
div.divPage.divEntreprise-coronavirus div.description ul li:before,
div.divPage.divSalarie-coronavirus div.description ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li:before,
div.divPage.divCoronavirus-recommandations div.description ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 282, ../specific.scss */
div.divPage.divCovid19 div.description ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.description ul li ul li:before,
div.divPage.divInformation-coronavirus div.description ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.description ul li ul li:before,
div.divPage.divSalarie-coronavirus div.description ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.description ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 294, ../specific.scss */
div.divPage.divCovid19 div.description ul li ul li ul li:before,
div.divPage.divCovid19-permanence-CMAIC div.description ul li ul li ul li:before,
div.divPage.divInformation-coronavirus div.description ul li ul li ul li:before,
div.divPage.divEntreprise-coronavirus div.description ul li ul li ul li:before,
div.divPage.divSalarie-coronavirus div.description ul li ul li ul li:before,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li ul li ul li:before,
div.divPage.divCoronavirus-recommandations div.description ul li ul li ul li:before,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li ul li ul li:before {
  content: "";
  background: url(data/image/arrow-blue.png) center center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 10px;
}
/* line 10476, ../specific.scss */
div.divPage.divCovid19 div.description ul li,
div.divPage.divCovid19-permanence-CMAIC div.description ul li,
div.divPage.divInformation-coronavirus div.description ul li,
div.divPage.divEntreprise-coronavirus div.description ul li,
div.divPage.divSalarie-coronavirus div.description ul li,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li,
div.divPage.divCoronavirus-recommandations div.description ul li,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li {
  font-weight: normal;
}
/* line 10480, ../specific.scss */
div.divPage.divCovid19 div.description ul li a.download:hover,
div.divPage.divCovid19-permanence-CMAIC div.description ul li a.download:hover,
div.divPage.divInformation-coronavirus div.description ul li a.download:hover,
div.divPage.divEntreprise-coronavirus div.description ul li a.download:hover,
div.divPage.divSalarie-coronavirus div.description ul li a.download:hover,
div.divPage.divCoronavirus-en-normandie-situation div.description ul li a.download:hover,
div.divPage.divCoronavirus-recommandations div.description ul li a.download:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.description ul li a.download:hover {
  padding-left: 70px !important;
  color: #FFF !important;
}
/* line 10488, ../specific.scss */
div.divPage.divCovid19 div.description a.linkOrange,
div.divPage.divCovid19-permanence-CMAIC div.description a.linkOrange,
div.divPage.divInformation-coronavirus div.description a.linkOrange,
div.divPage.divEntreprise-coronavirus div.description a.linkOrange,
div.divPage.divSalarie-coronavirus div.description a.linkOrange,
div.divPage.divCoronavirus-en-normandie-situation div.description a.linkOrange,
div.divPage.divCoronavirus-recommandations div.description a.linkOrange,
div.divPage.divReprise-du-travail-apres-le-confinement div.description a.linkOrange {
  font-weight: bold;
  color: #FF9827 !important;
  transition: 200ms;
  border-bottom: 2px solid transparent;
}
/* line 10494, ../specific.scss */
div.divPage.divCovid19 div.description a.linkOrange:hover,
div.divPage.divCovid19-permanence-CMAIC div.description a.linkOrange:hover,
div.divPage.divInformation-coronavirus div.description a.linkOrange:hover,
div.divPage.divEntreprise-coronavirus div.description a.linkOrange:hover,
div.divPage.divSalarie-coronavirus div.description a.linkOrange:hover,
div.divPage.divCoronavirus-en-normandie-situation div.description a.linkOrange:hover,
div.divPage.divCoronavirus-recommandations div.description a.linkOrange:hover,
div.divPage.divReprise-du-travail-apres-le-confinement div.description a.linkOrange:hover {
  border-bottom: 2px solid #FF9827;
  padding-left: 0 !important;
}

/* line 10504, ../specific.scss */
div.divCovid19-permanence-CMAIC div.fullPicture img {
  width: 100%;
}
/* line 10509, ../specific.scss */
div.divCovid19-permanence-CMAIC div.mobilePicture {
  margin-bottom: 20px;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 10509, ../specific.scss */
  div.divCovid19-permanence-CMAIC div.mobilePicture {
    display: none;
  }
}
/* line 10516, ../specific.scss */
div.divCovid19-permanence-CMAIC div.mobilePicture img {
  max-width: 100%;
}

/* line 10524, ../specific.scss */
div.rgpdContact input,
div.rgpdContact label {
  display: inline;
  width: auto;
}
/* line 10530, ../specific.scss */
div.rgpdContact label {
  color: #FFF;
  font-size: 12px;
}

/* line 10538, ../specific.scss */
div#modulebox-container div.rgpdContact label {
  color: #3E4982;
}
/* line 10543, ../specific.scss */
div#modulebox-container iframe.video {
  width: 800px;
  height: 450px;
}
@media only screen and (max-width: 800px) {
  /* line 10543, ../specific.scss */
  div#modulebox-container iframe.video {
    width: auto;
    height: auto;
  }
}

/* line 10557, ../specific.scss */
form.editCandidature div.secteurSociety,
form.editCandidature div.effectifSociety,
form.editInscription div.secteurSociety,
form.editInscription div.effectifSociety {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* line 10563, ../specific.scss */
form.editCandidature div.secteurSociety label,
form.editCandidature div.effectifSociety label,
form.editInscription div.secteurSociety label,
form.editInscription div.effectifSociety label {
  display: block;
  text-align: left;
}
/* line 10568, ../specific.scss */
form.editCandidature div.secteurSociety select,
form.editCandidature div.effectifSociety select,
form.editInscription div.secteurSociety select,
form.editInscription div.effectifSociety select {
  padding: 16px;
  background: #FFF;
  color: #646464;
  border: 1px solid #CCC;
  border-radius: 6px;
}
/* line 10580, ../specific.scss */
form.editCandidature div.rgpd input,
form.editCandidature div.rgpd label,
form.editCandidature div.rgpdInscription input,
form.editCandidature div.rgpdInscription label,
form.editInscription div.rgpd input,
form.editInscription div.rgpd label,
form.editInscription div.rgpdInscription input,
form.editInscription div.rgpdInscription label {
  display: inline !important;
  width: auto;
}
/* line 10586, ../specific.scss */
form.editCandidature div.rgpd label,
form.editCandidature div.rgpdInscription label,
form.editInscription div.rgpd label,
form.editInscription div.rgpdInscription label {
  color: #3E4982;
}

/* line 10595, ../specific.scss */
div.rgpdPostuler input,
div.rgpdPostuler label,
div.rgpdInscription input,
div.rgpdInscription label {
  display: inline;
  width: auto;
}
/* line 10601, ../specific.scss */
div.rgpdPostuler label,
div.rgpdInscription label {
  color: #3E4982;
  font-size: 12px;
}

/* line 10607, ../specific.scss */
div.lines-webinaire {
  margin-top: 20px;
}
/* line 10610, ../specific.scss */
div.lines-webinaire > h3 {
  margin-bottom: 10px;
  display: block;
  text-align: center;
}
/* line 10616, ../specific.scss */
div.lines-webinaire div.line-webinaire {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #333;
}
/* line 10621, ../specific.scss */
div.lines-webinaire div.line-webinaire div.details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1rem;
  padding: 4px;
}
/* line 10627, ../specific.scss */
div.lines-webinaire div.line-webinaire div.details div {
  width: 30%;
  margin: 4px;
}

/* line 114, ../_vars.scss */
.element.account.edit form textarea {
  height: 120px;
}
/* line 115, ../_vars.scss */
.element.account.edit form div.select,
.element.account.edit form div.text {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin: 1%;
  /*        &:nth-child(even){margin: 0; margin-left: 1%; margin-bottom: 2%;}
          &:nth-child(odd){margin: 0; margin-right: 2%; margin-bottom: 2%;}*/
}
@media only screen and (max-width: 730px) {
  /* line 115, ../_vars.scss */
  .element.account.edit form div.select,
  .element.account.edit form div.text {
    width: 98%;
    margin-right: 0;
    /*            &:nth-child(even){margin-left: 0;}
                &:nth-child(odd){margin-right: 0;}*/
  }
}
/* line 127, ../_vars.scss */
.element.account.edit form div.buttons {
  text-align: center;
}
/* line 129, ../_vars.scss */
.element.account.edit form div.buttons input {
  border: 0;
  padding: 10px 20px;
  cursor: pointer;
}
/* line 133, ../_vars.scss */
.element.account.edit form input[type=text] {
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #ccc;
}
/* line 135, ../_vars.scss */
.element.account.edit form input[type=text]:focus {
  border: 1px solid "#DEDEDE";
}
/* line 137, ../_vars.scss */
.element.account.edit form select {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #ccc;
}
/* line 138, ../_vars.scss */
.element.account.edit form textarea {
  border: 1px solid #ccc;
}
/* line 140, ../_vars.scss */
.element.account.edit form textarea:focus {
  border: 1px solid "#DEDEDE";
}
/* line 142, ../_vars.scss */
.element.account.edit form label {
  transition: all .2s ease;
}
/* line 143, ../_vars.scss */
.element.account.edit form .focus label {
  margin-left: 10px;
  color: "#DEDEDE";
}
/* line 10643, ../specific.scss */
.element.account.edit form .rgpdWebinaire {
  margin: 1%;
}
/* line 10646, ../specific.scss */
.element.account.edit form .rgpdWebinaire label {
  font-size: 14px;
}
/* line 10652, ../specific.scss */
.element.account.edit legend {
  text-align: center;
}

/*
 * Offres
 * ************************************************************************* */
/* line 10661, ../specific.scss */
div.divPage.divVotre-offre-de-services {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background-size: 20% !important;
  margin-top: 0;
}
@media only screen and (max-width: 1380px) {
  /* line 10661, ../specific.scss */
  div.divPage.divVotre-offre-de-services {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
div.divPage.divVotre-offre-de-services:not(.notBackground) {
  background: url(data/image/backgroundPage/page-offre.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  div.divPage.divVotre-offre-de-services:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  div.divPage.divVotre-offre-de-services:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.description,
div.divPage.divVotre-offre-de-services > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.description,
  div.divPage.divVotre-offre-de-services > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.description,
  div.divPage.divVotre-offre-de-services > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.description a:hover,
div.divPage.divVotre-offre-de-services > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.description div.description,
div.divPage.divVotre-offre-de-services div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
div.divPage.divVotre-offre-de-services div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a:hover, div.divPage.divVotre-offre-de-services div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
div.divPage.divVotre-offre-de-services div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
div.divPage.divVotre-offre-de-services div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 10667, ../specific.scss */
div.divPage.divVotre-offre-de-services div.pictures-in-page > h2 {
  margin-top: 20px;
  margin-bottom: 40px;
}
/* line 10672, ../specific.scss */
div.divPage.divVotre-offre-de-services div.pictures-in-page img {
  max-width: 80%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1380px) {
  /* line 10672, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.pictures-in-page img {
    max-width: 66%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10672, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.pictures-in-page img {
    max-width: 100%;
  }
}
/* line 10686, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.bottomDescription {
  margin-top: 4vw;
}
@media only screen and (min-width: 800px) and (max-width: 1380px) {
  /* line 10686, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.bottomDescription {
    margin-right: 32%;
  }
}
/* line 10694, ../specific.scss */
div.divPage.divVotre-offre-de-services > div.element.description,
div.divPage.divVotre-offre-de-services > div.element.presentation {
  max-width: 50%;
}
@media only screen and (max-width: 800px) {
  /* line 10694, ../specific.scss */
  div.divPage.divVotre-offre-de-services > div.element.description,
  div.divPage.divVotre-offre-de-services > div.element.presentation {
    max-width: 100%;
  }
}
/* line 10703, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services {
  text-align: center;
  max-width: 60%;
  margin-left: 10%;
}
@media only screen and (max-width: 1400px) {
  /* line 10703, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services {
    max-width: 70%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10703, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services {
    max-width: 100%;
  }
}
/* line 10717, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services div.titleLeft,
div.divPage.divVotre-offre-de-services div.services div.titleRight {
  display: inline-block;
  vertical-align: top;
  width: 44%;
  margin: 1%;
}
/* line 10724, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services div.titleLeft p,
div.divPage.divVotre-offre-de-services div.services div.titleRight p {
  font-size: 1.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 800px) {
  /* line 10724, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services div.titleLeft p,
  div.divPage.divVotre-offre-de-services div.services div.titleRight p {
    font-size: 1rem;
  }
}
/* line 10734, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/* line 10739, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div span {
  display: inline-block;
  padding: 20px 60px;
  border-radius: 40px;
  background: #3E4982;
  color: #FFF;
  font-weight: bold;
}
@media only screen and (max-width: 1400px) {
  /* line 10739, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services > div span {
    padding: 10px 30px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 10739, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services > div span {
    padding: 10px;
    border-radius: 20px;
    font-size: 14px;
  }
}
/* line 10759, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div a {
  max-width: 120px;
  margin: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 10759, ../specific.scss */
  div.divPage.divVotre-offre-de-services div.services > div a {
    max-width: 60px;
    margin: 10px;
  }
}
/* line 10768, ../specific.scss */
div.divPage.divVotre-offre-de-services div.services > div a img {
  width: 100%;
}

/* line 10777, ../specific.scss */
.element.offreCategory.previewList {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  overflow-y: auto;
  height: 100%;
}
/* line 10784, ../specific.scss */
.element.offreCategory.preview {
  margin-top: 10px;
  width: 100%;
}
/* line 10789, ../specific.scss */
.element.offreCategory.preview.visible h3 a {
  background: url(data/image/fleche-sous-menu-top.svg) 98% center/18px no-repeat, #3E4982;
}
/* line 10794, ../specific.scss */
.element.offreCategory.preview h3 {
  margin-bottom: 6px;
}
/* line 10795, ../specific.scss */
.element.offreCategory.preview h3 a {
  background: url(data/image/fleche-sous-menu.svg) 98% center/18px no-repeat, #3E4982;
  color: #FFF;
  display: block;
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
  font-size: 1.2rem;
}
/* line 10810, ../specific.scss */
.element.offreCategory.viewList div.content {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}
/* line 10815, ../specific.scss */
.element.offreCategory.listview {
  margin-bottom: 40px;
  width: calc(100% / 4 - 2%);
}
@media only screen and (max-width: 1380px) {
  /* line 10815, ../specific.scss */
  .element.offreCategory.listview {
    width: calc(100% / 2 - 2%);
  }
}
@media only screen and (max-width: 800px) {
  /* line 10815, ../specific.scss */
  .element.offreCategory.listview {
    width: calc(100% / 1 - 2%);
  }
}
/* line 10827, ../specific.scss */
.element.offreCategory.listview h2 {
  margin-bottom: 30px;
  padding-left: 20px;
  border-left: 4px solid #FF9827;
}
/* line 10832, ../specific.scss */
.element.offreCategory.listview h2 a {
  color: #5E5E5E;
  transition-duration: 175ms;
}
/* line 10836, ../specific.scss */
.element.offreCategory.listview h2 a:hover {
  color: #FF9827;
}
/* line 10842, ../specific.scss */
.element.offreCategory.listview div.bottom {
  padding-bottom: 10px;
}
/* line 10845, ../specific.scss */
.element.offreCategory.listview div.bottom a {
  display: inline-block;
}
@media only screen and (min-width: 800px) and (max-width: 1380px) {
  /* line 10815, ../specific.scss */
  .element.offreCategory.listview {
    width: calc(100% / 2 - 2%);
  }
}
/* line 10855, ../specific.scss */
.element.offreCategory.view {
  margin-left: 14%;
  padding-bottom: 10%;
  position: relative;
  /*Element en aléatoire dans un template*/
  background: none !important;
  padding-top: 100px;
}
@media only screen and (max-width: 1380px) {
  /* line 10855, ../specific.scss */
  .element.offreCategory.view {
    margin-left: 0;
    padding: 20px;
  }
}
/* line 447, ../specific.scss */
.element.offreCategory.view:not(.notBackground) {
  background: url(data/image/backgroundPage/page-offre.png) 74% 0 no-repeat;
  background-size: 46%;
  animation: templateBackground 1s;
}
@media only screen and (max-width: 1380px) {
  /* line 447, ../specific.scss */
  .element.offreCategory.view:not(.notBackground) {
    background-size: 32%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 447, ../specific.scss */
  .element.offreCategory.view:not(.notBackground) {
    background: none;
  }
}
/* line 461, ../specific.scss */
.element.offreCategory.view > div.element.title {
  max-width: 40%;
  text-align: left;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1380px) {
  /* line 461, ../specific.scss */
  .element.offreCategory.view > div.element.title {
    max-width: 54%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 461, ../specific.scss */
  .element.offreCategory.view > div.element.title {
    max-width: 100%;
  }
}
/* line 474, ../specific.scss */
.element.offreCategory.view > div.element.title h1 {
  padding: 20px 0;
  font-size: 60px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  line-height: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  /* line 474, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 {
    line-height: 55px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 474, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 {
    font-size: 40px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 490, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span {
  position: relative;
}
/* line 495, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span:nth-child(1) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 span:nth-child(1) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 495, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span:nth-child(2) {
  font-size: 40px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  font-weight: normal;
  text-transform: none;
}
@media only screen and (max-width: 800px) {
  /* line 495, ../specific.scss */
  .element.offreCategory.view > div.element.title h1 span:nth-child(2) {
    font-size: 28px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 507, ../specific.scss */
.element.offreCategory.view > div.element.title h1 span:nth-child(2):after {
  content: "\A";
  white-space: pre;
}
/* line 515, ../specific.scss */
.element.offreCategory.view > div.element.description,
.element.offreCategory.view > div.element.presentation {
  max-width: 40%;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 1380px) {
  /* line 515, ../specific.scss */
  .element.offreCategory.view > div.element.description,
  .element.offreCategory.view > div.element.presentation {
    max-width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 515, ../specific.scss */
  .element.offreCategory.view > div.element.description,
  .element.offreCategory.view > div.element.presentation {
    max-width: 100%;
  }
}
/* line 532, ../specific.scss */
.element.offreCategory.view > div.element.description a:hover,
.element.offreCategory.view > div.element.presentation a:hover {
  color: #FF9827;
  font-weight: bold;
}
/* line 392, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 399, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  text-align: center;
  color: #FFF;
  background: url('/data/css/sass/images/rgbapng/5e5e5ecc-5.png?1759754585');
  background: rgba(94, 94, 94, 0.8);
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 409, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light a span {
  position: relative;
  padding-left: 35px;
  text-transform: uppercase;
}
/* line 414, ../specific.scss */
.element.offreCategory.view div.bottomAcces.light a span:before {
  content: '';
  background: url(data/image/arrow-down-2.png) center left no-repeat;
  height: 40px;
  width: 20px;
  position: absolute;
  top: -50%;
  left: 0;
  bottom: 0;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
  transition: .2s;
  background-size: 100%;
  animation-name: mouse-light;
  animation-duration: .6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* line 540, ../specific.scss */
.element.offreCategory.view div.bottomDescription {
  margin-right: 18%;
  margin-top: 40px;
}
@media only screen and (max-width: 800px) {
  /* line 540, ../specific.scss */
  .element.offreCategory.view div.bottomDescription {
    margin-right: 0;
  }
}
/* line 552, ../specific.scss */
.element.offreCategory.view div.bottomDescription div.element.description div.description,
.element.offreCategory.view div.bottomDescription div.element.presentation div.description {
  overflow: visible;
}
/* line 557, ../specific.scss */
.element.offreCategory.view div.bottomDescription div.bottom {
  text-align: center;
  margin-top: 40px;
}
/* line 563, ../specific.scss */
.element.offreCategory.view div.accesTemplate {
  position: fixed;
  top: 240px;
  right: 0;
  width: 14%;
  z-index: 8;
  animation: accesTemplate 1.6s;
  font-size: 0.7em;
}
@media only screen and (max-width: 1380px) {
  /* line 563, ../specific.scss */
  .element.offreCategory.view div.accesTemplate {
    width: 30%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 563, ../specific.scss */
  .element.offreCategory.view div.accesTemplate {
    position: static;
    width: 100%;
  }
}
/* line 581, ../specific.scss */
.element.offreCategory.view div.accesTemplate a {
  border-radius: 50px 0 0 50px;
  transition: 200ms;
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: 40px;
}
/* line 592, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:before {
  content: '';
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -40px;
  bottom: 0;
  background: url(data/image/fleche-menu.svg) center center no-repeat;
  background-size: contain;
}
/* line 604, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:first-child {
  text-transform: uppercase;
  margin-left: 0;
}
/* line 608, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:first-child:before {
  display: none;
}
/* line 613, ../specific.scss */
.element.offreCategory.view div.accesTemplate a:hover, .element.offreCategory.view div.accesTemplate a.active {
  padding-right: 20px;
  padding-left: 40px;
  background: #FFF;
  color: #FF9827;
}
/* line 621, ../specific.scss */
.element.offreCategory.view div.accesTemplate a.active {
  padding-left: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 581, ../specific.scss */
  .element.offreCategory.view div.accesTemplate a {
    border-radius: 50px;
    text-align: center;
  }
}
/* line 633, ../specific.scss */
.element.offreCategory.view div.randomInTemplate {
  position: absolute;
  top: 20px;
  right: 28%;
  width: 20%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  /* line 633, ../specific.scss */
  .element.offreCategory.view div.randomInTemplate {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 633, ../specific.scss */
  .element.offreCategory.view div.randomInTemplate {
    position: static;
    width: 50%;
    margin: auto;
  }
}
/* line 650, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* line 658, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random h2 {
  margin-bottom: 20px;
}
/* line 661, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random h2 a {
  color: #5E5E5E;
  transition: 200ms;
  display: block;
  text-align: center;
}
/* line 669, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture {
  margin-bottom: 20px;
}
/* line 672, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture a {
  display: block;
  overflow: hidden;
}
/* line 676, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture a img {
  width: 100%;
  transition: 200ms;
}
/* line 682, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random div.picture a:hover img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 691, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random.actualite h2 a:hover {
  color: #06C4F4;
}
/* line 699, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random.evenement h2 a:hover {
  color: #FF9827;
}
/* line 707, ../specific.scss */
.element.offreCategory.view div.randomInTemplate div.element.random.presse h2 a:hover {
  color: #E3424A;
}
/* line 10860, ../specific.scss */
.element.offreCategory.view .serviceInPage {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 10864, ../specific.scss */
.element.offreCategory.view .serviceInPage a {
  display: inline-block;
  vertical-align: middle;
  max-width: 80px;
  margin-right: 20px;
}
/* line 10870, ../specific.scss */
.element.offreCategory.view .serviceInPage a img {
  width: 100%;
}
/* line 10875, ../specific.scss */
.element.offreCategory.view .serviceInPage span {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 40px;
  background: #3E4982;
  color: #FFF;
  font-weight: bold;
}
/* line 10884, ../specific.scss */
.element.offreCategory.view .serviceInPage > div {
  margin-bottom: 20px;
}
/* line 10889, ../specific.scss */
.element.offreCategory.view div.description {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 80%;
}
@media only screen and (max-width: 1380px) {
  /* line 10889, ../specific.scss */
  .element.offreCategory.view div.description {
    max-width: 100%;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1380px) {
  /* line 10855, ../specific.scss */
  .element.offreCategory.view {
    padding-right: 32%;
  }
}

/* line 10907, ../specific.scss */
.element.offre.edit, .element.offre.editWeight {
  width: 80%;
}
/* line 10911, ../specific.scss */
.element.offre.edit div.description, .element.offre.editWeight div.description {
  width: 100% !important;
  max-width: 100% !important;
}
/* line 10915, ../specific.scss */
.element.offre.edit div.description textarea, .element.offre.editWeight div.description textarea {
  min-height: 400px;
}
/* line 10921, ../specific.scss */
.element.offre.previewList {
  padding: 10px;
}
/* line 10925, ../specific.scss */
.element.offre.preview {
  width: 100%;
  margin-bottom: 6px;
}
/* line 10930, ../specific.scss */
.element.offre.preview h4 a {
  display: block;
  padding: 6px;
  color: #FFF;
  background: #3E4982;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 30px 0;
}
/* line 10942, ../specific.scss */
.element.offre.preview div.picture {
  text-align: center;
  padding: 6px;
}
/* line 10946, ../specific.scss */
.element.offre.preview div.picture img {
  width: 50%;
}
/* line 10951, ../specific.scss */
.element.offre.preview div.bottom {
  text-align: right;
}
/* line 10954, ../specific.scss */
.element.offre.preview div.bottom a {
  display: inline-block;
  background: #3E4982;
  color: #FFF;
  border-radius: 50% 0 0 0;
  padding: 6px;
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
}
/* line 10968, ../specific.scss */
.element.offre.listview {
  width: 100%;
  margin-bottom: 40px;
}
/* line 10972, ../specific.scss */
.element.offre.listview > img,
.element.offre.listview h2 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
/* line 10977, ../specific.scss */
.element.offre.listview > img {
  max-width: 60px;
  margin: 10px;
  margin-top: 0;
}

/* line 10985, ../specific.scss */
form.editOffre {
  width: 80%;
}

/* line 10990, ../specific.scss */
.element.offreDocument.viewList {
  max-width: 80%;
}
@media only screen and (max-width: 700px) {
  /* line 10990, ../specific.scss */
  .element.offreDocument.viewList {
    max-width: 100%;
  }
}
/* line 10998, ../specific.scss */
.element.offreDocument.listview {
  display: inline-block;
  width: 48%;
  margin: 1%;
  padding: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  /* line 10998, ../specific.scss */
  .element.offreDocument.listview {
    width: calc(100% - 2%);
  }
}
/* line 11009, ../specific.scss */
.element.offreDocument.listview:not(.document-download) {
  box-shadow: 0 0 10px #DEDEDE;
}
/* line 11013, ../specific.scss */
.element.offreDocument.listview.document-download {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 11023, ../specific.scss */
.element.offreDocument.listview h3 {
  padding-left: 20px;
  border-left: 4px solid #FF9827;
}
/* line 11028, ../specific.scss */
.element.offreDocument.listview div.picture {
  width: 28%;
  margin-right: 2%;
  box-sizing: border-box;
}
/* line 11033, ../specific.scss */
.element.offreDocument.listview div.picture .offres {
  margin-top: 6px;
}
/* line 11037, ../specific.scss */
.element.offreDocument.listview div.picture img {
  width: 100%;
}
@media only screen and (max-width: 700px) {
  /* line 11028, ../specific.scss */
  .element.offreDocument.listview div.picture {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
/* line 11048, ../specific.scss */
.element.offreDocument.listview div.right {
  width: 70%;
  padding-left: 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 700px) {
  /* line 11048, ../specific.scss */
  .element.offreDocument.listview div.right {
    padding-left: 0;
    width: 100%;
  }
}

/* line 11063, ../specific.scss */
form.editOffreDocument:not(.typeElem-video) div.videolink {
  display: none;
}
/* line 11069, ../specific.scss */
form.editOffreDocument:not(.typeElem-document) div.document {
  display: none;
}

/* line 11076, ../specific.scss */
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

/* line 11080, ../specific.scss */
.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

/* line 11084, ../specific.scss */
.w-100 {
  width: 100% !important;
}

/* line 11088, ../specific.scss */
.h-100 {
  height: 100% !important;
}

/* line 11092, ../specific.scss */
.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

/* line 11096, ../specific.scss */
.flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 11100, ../specific.scss */
.justify-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 4, ../specific_mist.scss */
div#site.mist, div#site.cmaic-action {
  /*background: none;*/
  /*background: url(data/image/MIST/background.png) 100% 120px no-repeat #FFF; background-size: 60%;*/
}
/* line 7, ../specific_mist.scss */
div#site.mist div.policeSize a, div#site.cmaic-action div.policeSize a {
  color: #3E4982;
}
/* line 12, ../specific_mist.scss */
div#site.mist header#banner .bandeau-vert, div#site.cmaic-action header#banner .bandeau-vert {
  background-color: #3E4982;
}
/* line 15, ../specific_mist.scss */
div#site.mist header#banner .bandeau-vert div.logo a.mist, div#site.cmaic-action header#banner .bandeau-vert div.logo a.mist {
  float: left;
}
/* line 17, ../specific_mist.scss */
div#site.mist header#banner .bandeau-vert form.editSearch input.save, div#site.cmaic-action header#banner .bandeau-vert form.editSearch input.save {
  background: url(data/image/header/loupe_mist.png) center center no-repeat #FFF;
  background-size: 50%;
}
/* line 21, ../specific_mist.scss */
div#site footer#footer {
  margin-top: 0;
}

@keyframes fall-garage {
  from {
    top: -100%;
  }
  to {
    top: 20%;
  }
}
@keyframes fall-entreprise {
  from {
    top: -100%;
  }
  to {
    top: 48%;
  }
}
@keyframes fall-devdurable {
  from {
    top: -100%;
  }
  to {
    top: 42%;
  }
}
@keyframes fall-mist {
  from {
    top: -100%;
  }
  to {
    top: 4%;
  }
}
@keyframes fall-coiffeur {
  from {
    top: -100%;
  }
  to {
    top: 28%;
  }
}
/* line 44, ../specific_mist.scss */
div#page.mist,
div#page.cmaic-action {
  margin-top: 0;
}
@media only screen and (max-width: 1280px) {
  /* line 44, ../specific_mist.scss */
  div#page.mist,
  div#page.cmaic-action {
    margin-top: 225px;
  }
}

/* line 51, ../specific_mist.scss */
div.divMist .innerContainer, div.divCmaic-Action .innerContainer {
  width: 100%;
  max-width: 1600px;
  box-sizing: border-box;
  margin: auto;
  padding: 0 20px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 1280px) {
  /* line 51, ../specific_mist.scss */
  div.divMist .innerContainer, div.divCmaic-Action .innerContainer {
    display: block;
  }
}

/* line 62, ../specific_mist.scss */
div.divMist div.topContainer, div.divCmaic-Action div.topContainer {
  position: relative;
  height: calc(100vh - 150px);
  padding-bottom: 64px;
}
@media screen and (max-height: 780px), screen and (max-width: 1280px) {
  /* line 62, ../specific_mist.scss */
  div.divMist div.topContainer, div.divCmaic-Action div.topContainer {
    height: auto;
  }
}

/* line 66, ../specific_mist.scss */
div.divMist div.topContainer div.bottomAcces, div.divCmaic-Action div.topContainer div.bottomAcces {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 73, ../specific_mist.scss */
div.divMist div.topContainer div.bottomAcces > a, div.divCmaic-Action div.topContainer div.bottomAcces > a,
div.divMist div.topContainer div.bottomAcces > div,
div.divCmaic-Action div.topContainer div.bottomAcces > div {
  position: relative;
  box-sizing: border-box;
  color: #FFF;
  background: #3E4982;
  margin-top: 0;
  width: 100%;
  display: block;
  text-align: center;
  padding: 20px;
}
/* line 80, ../specific_mist.scss */
div.divMist div.topContainer div.bottomAcces > a span, div.divCmaic-Action div.topContainer div.bottomAcces > a span,
div.divMist div.topContainer div.bottomAcces > div span,
div.divCmaic-Action div.topContainer div.bottomAcces > div span {
  position: relative;
  padding-left: 40px;
}
/* line 84, ../specific_mist.scss */
div.divMist div.topContainer div.bottomAcces > a span:before, div.divCmaic-Action div.topContainer div.bottomAcces > a span:before,
div.divMist div.topContainer div.bottomAcces > div span:before,
div.divCmaic-Action div.topContainer div.bottomAcces > div span:before {
  content: '';
  background: url(data/image/welcome/scroll.png) center center no-repeat;
  background-size: auto;
  height: 40px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  transition: 200ms;
  background-size: 100%;
  animation: mouse 0.6s infinite alternate;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
/* line 98, ../specific_mist.scss */
div.divMist div.topContainer div.bottomAcces > .element.description, div.divCmaic-Action div.topContainer div.bottomAcces > .element.description {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  height: 100%;
}

/* line 106, ../specific_mist.scss */
div.divMist {
  margin-top: 90px;
}
@media only screen and (max-width: 800px) {
  /* line 106, ../specific_mist.scss */
  div.divMist {
    padding: 0;
    margin-top: 170px;
  }
}
/* line 110, ../specific_mist.scss */
div.divMist div.element.title {
  margin-bottom: 30px;
}
/* line 113, ../specific_mist.scss */
div.divMist div.element.title h1:after {
  display: none;
}
@media only screen and (max-width: 500px) {
  /* line 116, ../specific_mist.scss */
  div.divMist div.topContainer {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 800px) {
  /* line 116, ../specific_mist.scss */
  div.divMist div.topContainer {
    position: static;
    height: auto;
  }
}
/* line 126, ../specific_mist.scss */
div.divMist div.topContainer div.left {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 49%;
  margin-top: 5%;
  margin-right: 1%;
  margin-top: 0;
}
@media only screen and (max-width: 1280px) {
  /* line 126, ../specific_mist.scss */
  div.divMist div.topContainer div.left {
    width: 100%;
    margin-right: 0;
  }
}
/* line 134, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer {
  position: absolute;
  top: 4%;
  right: 0;
  bottom: 4%;
  width: 46%;
  text-align: center;
  transition: 200ms;
  position: static;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 49%;
  margin-left: 1%;
  background: url(data/image/MIST/accueil-plan-complet.png) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1280px) {
  /* line 134, ../specific_mist.scss */
  div.divMist div.topContainer div.mistAccueilContainer {
    margin-top: 40px;
    width: 100%;
    position: static;
    margin-left: 0;
  }
}
@media only screen and (max-width: 500px) {
  /* line 134, ../specific_mist.scss */
  div.divMist div.topContainer div.mistAccueilContainer {
    display: none;
  }
}
/* line 145, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 100%;
  position: relative;
}
/* line 147, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer img {
  max-width: 100%;
  max-height: 100%;
}
/* line 148, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails {
  position: absolute;
  top: -100%;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
}
/* line 154, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails > a {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 10%;
  padding-bottom: 20px;
  transition: 200ms;
}
/* line 156, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails > a img {
  width: 100%;
}
/* line 158, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails div.descriptionContainer {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 2%;
  width: 88%;
}
/* line 160, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails div.descriptionContainer > div.description {
  background: #FFF;
  transition: 200ms;
  border: 2px solid transparent;
  border-radius: 20px;
  width: 100%;
  display: none;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
  color: #5E5E5E;
}
/* line 163, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails div.descriptionContainer > div.description div.element.description {
  padding: 10px;
}
/* line 165, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails div.descriptionContainer > div.description div.element.description p {
  font-size: 0.88em;
}
/* line 167, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails div.descriptionContainer > div.description div.bottom {
  text-align: left;
  padding: 6px 10px;
}
/* line 169, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails div.descriptionContainer > div.description div.bottom a {
  color: #E3424A;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 174, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails:hover > a {
  padding-top: 20px;
  padding-bottom: 0;
}
/* line 176, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails:hover div.descriptionContainer > div.description {
  border: 2px solid #E3424A;
  display: block;
  text-align: left;
  padding: 10px;
}
/* line 179, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.entreprise {
  /*top: 48%; */
  left: 8%;
  width: 50%;
  animation-name: fall-entreprise;
  animation-delay: 0.2s;
}
/* line 184, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.devdurable {
  /* top: 42%;*/
  left: 20%;
  width: 50%;
  text-align: right;
  animation-name: fall-devdurable;
  animation-delay: 0.4s;
}
/* line 188, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.devdurable div.descriptionContainer {
  display: block;
}
/* line 190, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.mist {
  /*top: 4%;*/
  left: 48%;
  width: 50%;
  text-align: center;
  animation-name: fall-mist;
  z-index: 2;
  animation-delay: 0.6s;
}
/* line 194, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.mist div.descriptionContainer {
  display: block;
}
/* line 196, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.coiffeur {
  /*top: 28%;*/
  width: 50%;
  right: 8%;
  text-align: right;
  animation-name: fall-coiffeur;
  animation-delay: 0.8s;
}
/* line 200, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.coiffeur div.descriptionContainer {
  display: block;
}
/* line 202, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.garage {
  /*top: 20%;*/
  width: 50%;
  left: 8%;
  text-align: left;
  animation-name: fall-garage;
  animation-delay: 1s;
}
/* line 206, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails.garage div.descriptionContainer {
  display: block;
}
/* line 208, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer div.imgContainer div.btnShowDetails a.noLink {
  cursor: default;
}
/* line 211, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer.entreprise {
  background: url(data/image/MIST/accueil-plan-entreprise.png) center center no-repeat;
  background-size: contain;
}
/* line 214, ../specific_mist.scss */
div.divMist div.topContainer div.mistAccueilContainer.mist {
  background: url(data/image/MIST/accueil-plan-mist.png) center center no-repeat;
  background-size: contain;
}
/* line 219, ../specific_mist.scss */
div.divMist div.mistMobile {
  margin-top: 20px;
}
@media only screen and (min-width: 500px) and (max-width: 10000px) {
  /* line 219, ../specific_mist.scss */
  div.divMist div.mistMobile {
    display: none;
  }
}
/* line 221, ../specific_mist.scss */
div.divMist div.mistMobile > div {
  padding: 20px;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
/* line 223, ../specific_mist.scss */
div.divMist div.mistMobile > div > a {
  display: block;
  text-align: center;
}
/* line 225, ../specific_mist.scss */
div.divMist div.mistMobile > div > a img {
  max-width: 100%;
}
/* line 228, ../specific_mist.scss */
div.divMist div.mistMobile > div > div.description div.element.description {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 231, ../specific_mist.scss */
div.divMist div.mistMobile > div > div.description div.bottom {
  text-align: right;
}
/* line 233, ../specific_mist.scss */
div.divMist div.mistMobile > div > div.description div.bottom a {
  color: #E3424A;
}
/* line 238, ../specific_mist.scss */
div.divMist div.bottomContainer {
  background: #FFF;
  margin-top: 0;
}
@media only screen and (max-width: 500px) {
  /* line 238, ../specific_mist.scss */
  div.divMist div.bottomContainer {
    padding-top: 0;
  }
}
/* line 242, ../specific_mist.scss */
div.divMist div.bottomContainer div.bottomAcces a {
  color: #FFF;
  background: #3E4982;
  margin-top: 0;
}
/* line 244, ../specific_mist.scss */
div.divMist div.bottomContainer div.bottomAcces a span:before {
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
}
/* line 248, ../specific_mist.scss */
div.divMist div.mapContainer {
  margin-top: 40px;
  padding-bottom: 40px;
  background: #E8E8E8;
}
/* line 250, ../specific_mist.scss */
div.divMist div.mapContainer h2 {
  margin-bottom: 20px;
  padding: 30px;
  text-align: center;
  background: #E3424A;
  color: #FFF;
  text-transform: uppercase;
}
/* line 251, ../specific_mist.scss */
div.divMist div.mapContainer iframe {
  width: 60%;
  display: block;
  margin: 40px auto;
  border: 10px solid #FFF;
  box-shadow: 4px 10px 6px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 800px) {
  /* line 251, ../specific_mist.scss */
  div.divMist div.mapContainer iframe {
    width: 80%;
  }
}

/* line 258, ../specific_mist.scss */
div.element.mist.viewList {
  padding: 2% 10%;
  transition: 400ms;
}
@media only screen and (max-width: 800px) {
  /* line 258, ../specific_mist.scss */
  div.element.mist.viewList {
    padding: 20px;
  }
}
/* line 261, ../specific_mist.scss */
div.element.mist.viewList div.content {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
/* line 263, ../specific_mist.scss */
div.element.mist.viewList div.content div.resultContent {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 265, ../specific_mist.scss */
div.element.mist.viewList div.content div.resultContent:after {
  content: '';
  background: #F2F2F2;
  position: absolute;
  left: 100%;
  right: -100%;
  top: 0;
  bottom: 0;
}
/* line 268, ../specific_mist.scss */
div.element.mist.viewList.active {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media only screen and (max-width: 800px) {
  /* line 268, ../specific_mist.scss */
  div.element.mist.viewList.active {
    width: 98%;
    padding: 20px;
    box-sizing: border-box;
    margin: 1%;
  }
}
/* line 271, ../specific_mist.scss */
div.element.mist.viewList.active div.element.mist.listview {
  width: 100%;
}
/* line 274, ../specific_mist.scss */
div.element.mist.viewList.active div.element.mist.listview h2 a {
  padding: 6px;
  font-size: 18px;
  /*    @include breakPoint(1380){font-size: $size * 0.8;}
      @for $i from 20 through 1{
          @if (($i * 100 * $size) > $baseWidth){
              @include breakPoint($i * 100){ 
                  font-size: $i * 100 * $size / $baseWidth;
              }
          }
      }*/
}
/* line 279, ../specific_mist.scss */
div.element.mist.listview {
  width: calc(100% / 4 - 2%);
  transition: 600ms;
}
@media only screen and (max-width: 1380px) {
  /* line 279, ../specific_mist.scss */
  div.element.mist.listview {
    width: calc(100% / 2 - 2%);
  }
}
@media only screen and (max-width: 800px) {
  /* line 279, ../specific_mist.scss */
  div.element.mist.listview {
    width: calc(100% / 1 - 2%);
  }
}
/* line 285, ../specific_mist.scss */
div.element.mist.listview h2 {
  margin: 10px 0;
  border: 2px solid #3E4982;
  border-radius: 40px;
  text-align: center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
/* line 290, ../specific_mist.scss */
div.element.mist.listview h2 a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #3E4982;
  transition: 200ms;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
/* line 298, ../specific_mist.scss */
div.element.mist.listview h2 a:hover {
  background: #3E4982;
  color: #FFF;
}
@media only screen and (max-width: 1380px) {
  /* line 290, ../specific_mist.scss */
  div.element.mist.listview h2 a {
    font-size: 26px;
    /*    @include breakPoint(1380){font-size: $size * 0.8;}
        @for $i from 20 through 1{
            @if (($i * 100 * $size) > $baseWidth){
                @include breakPoint($i * 100){ 
                    font-size: $i * 100 * $size / $baseWidth;
                }
            }
        }*/
  }
}
/* line 304, ../specific_mist.scss */
div.element.mist.listview.active h2 a {
  background: #3E4982;
  color: #FFF;
}
/* line 309, ../specific_mist.scss */
div.element.mist.listview div.picture a img {
  width: auto;
  max-width: 100%;
}
/* line 312, ../specific_mist.scss */
div.element.mist.listview.connected {
  min-height: 180px;
}
/* line 316, ../specific_mist.scss */
div.element.mist.view {
  max-width: 80%;
  margin: 5% auto;
}
/* line 318, ../specific_mist.scss */
div.element.mist.view div.picture img {
  width: 250px;
  max-width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 318, ../specific_mist.scss */
  div.element.mist.view div.picture img {
    width: 100%;
  }
}
/* line 322, ../specific_mist.scss */
div.element.mist.view h1 {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
/* line 323, ../specific_mist.scss */
div.element.mist.view .contact {
  margin-top: 20px;
}
/* line 325, ../specific_mist.scss */
div.element.mist.view div.left div.bottom a {
  display: block;
  margin: 80px 0;
  width: 100%;
  max-width: 380px;
  text-align: center;
}
/* line 333, ../specific_mist.scss */
div.element.mist.view div.left,
div.element.mist.view div.right {
  display: block;
  width: 100%;
  margin: 10px 0;
}
/* line 340, ../specific_mist.scss */
div.element.mist.view.notInAjax div.picture {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
}
/* line 342, ../specific_mist.scss */
div.element.mist.view.notInAjax div.picture img {
  width: 100%;
}
/* line 344, ../specific_mist.scss */
div.element.mist.view.notInAjax div.right {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 68%;
  margin-left: 2%;
}
/* line 346, ../specific_mist.scss */
div.element.mist.view.notInAjax div.right div.bottom {
  text-align: center;
}
/* line 348, ../specific_mist.scss */
div.element.mist.view.notInAjax div.right div.bottom a {
  margin: 10px;
}
/* line 353, ../specific_mist.scss */
div.element.mist.edit {
  max-width: 80%;
  margin: 5% auto;
  width: 100%;
}
/* line 356, ../specific_mist.scss */
div.element.mist.preview {
  text-align: center;
}
/* line 358, ../specific_mist.scss */
div.element.mist.preview h2 {
  padding: 10px;
  background: none;
}
/* line 362, ../specific_mist.scss */
div.element.mist.preview div.picture {
  margin: 20px 0;
}
/* line 364, ../specific_mist.scss */
div.element.mist.editWeightList {
  text-align: center;
  transition: none;
}
/* line 367, ../specific_mist.scss */
div.element.mist.editWeight {
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  transition: none;
}
/* line 371, ../specific_mist.scss */
div.element.mist.editWeight h2 a:hover {
  background: #FFF;
  color: #3E4982;
}

/* line 377, ../specific_mist.scss */
div.mistShowContainer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 54%;
  margin: 2%;
}
/* line 379, ../specific_mist.scss */
div.mistShowContainer div.element.mist.view {
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  /* line 377, ../specific_mist.scss */
  div.mistShowContainer {
    width: 98%;
    margin: 1%;
    padding: 20px;
    box-sizing: border-box;
  }
}

/* line 383, ../specific_mist.scss */
div.divCmaic-Action {
  margin-top: 90px;
}
@media only screen and (max-width: 800px) {
  /* line 383, ../specific_mist.scss */
  div.divCmaic-Action {
    padding: 0;
    margin-top: 170px;
  }
}
/* line 386, ../specific_mist.scss */
div.divCmaic-Action .innerContainer {
  position: relative;
}
@media only screen and (max-width: 1380px) {
  /* line 383, ../specific_mist.scss */
  div.divCmaic-Action {
    padding: 20px;
  }
}
/* line 391, ../specific_mist.scss */
div.divCmaic-Action div.element.title {
  margin-bottom: 40px;
}
/* line 394, ../specific_mist.scss */
div.divCmaic-Action div.element.title h1:after {
  display: none;
}
@media screen and (max-height: 780px), screen and (max-width: 1380px) {
  /* line 397, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer {
    height: 700px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 397, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer {
    height: auto;
  }
}
/* line 408, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.intro-entreprise-type {
  margin-top: 40px;
}
/* line 411, ../specific_mist.scss */
div.divCmaic-Action div.topContainer a.visiteAuto {
  position: absolute;
  bottom: 100px;
  left: 50%;
  z-index: 12;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
@media only screen and (max-width: 800px) {
  /* line 411, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer a.visiteAuto {
    display: none;
  }
}
/* line 416, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left {
  position: absolute;
  bottom: 40px;
  top: 40px;
  left: -100%;
  width: 30%;
  z-index: 12;
  transition: 200ms;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 1000px) {
  /* line 416, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left {
    width: 36%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 416, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left {
    width: 98%;
    position: static;
    display: block;
  }
}
/* line 421, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left.active {
  left: 80px;
}
@media only screen and (max-width: 1000px) {
  /* line 421, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left.active {
    left: 0;
  }
}
/* line 425, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.lightPlanMist,
div.divCmaic-Action div.topContainer div.left div.lightPlanEntreprise {
  text-align: center;
}
/* line 427, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.lightPlanMist a,
div.divCmaic-Action div.topContainer div.left div.lightPlanEntreprise a {
  position: relative;
  overflow: hidden;
  display: block;
}
/* line 429, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.lightPlanMist img,
div.divCmaic-Action div.topContainer div.left div.lightPlanEntreprise img {
  max-width: 100%;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 425, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.lightPlanMist,
  div.divCmaic-Action div.topContainer div.left div.lightPlanEntreprise {
    display: none;
  }
}
/* line 434, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.showContainer {
  display: none;
  min-height: 240px;
  margin-bottom: 60px;
  /*                &.default-mist{
                      div.description{
                          h3{@include font-size(40px); display: block; font-family: 'Roboto Condensed', sans-serif; }
                      }
                  }*/
}
@media only screen and (max-width: 800px) {
  /* line 434, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 98%;
    margin: 1%;
    min-height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /* line 441, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer:first-child {
    width: 98%;
  }
}
@media only screen and (max-width: 800px) {
  /* line 434, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer {
    display: block;
    margin-bottom: 40px;
  }
  /* line 445, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer div.element.title {
    width: 100%;
  }
}
/* line 447, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.showContainer h2 {
  width: 100%;
}
/* line 448, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.showContainer div.picture {
  text-align: center;
  width: 200px;
}
@media only screen and (min-width: 800px) and (max-width: 10000px) {
  /* line 448, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer div.picture {
    display: none;
  }
}
/* line 452, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.showContainer div.picture img {
  max-width: 100%;
}
@media only screen and (max-width: 800px) {
  /* line 448, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer div.picture {
    width: 100%;
  }
}
/* line 457, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.showContainer div.description {
  line-height: 1.6em;
  -ms-flex: 1;
      flex: 1;
}
/* line 466, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.left div.showContainer.active {
  display: block;
}
@media only screen and (max-width: 800px) {
  /* line 466, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.left div.showContainer.active {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
/* line 472, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0px;
  width: 60%;
  text-align: center;
  transition: cubic-bezier(0.5, -0.1, 0.7, 1.31) 400ms;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/MIST/MIST/plan-MIST-couleurs.png) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 800px) {
  /* line 472, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.mistActionContainer {
    display: none;
  }
}
/* line 477, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*height: 100%;*/
  width: 100%;
  position: relative;
}
/* line 479, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer img {
  width: 100%;
}
/* line 480, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a {
  position: absolute;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  width: 10%;
  transition: 200ms;
  /*                    &:hover, &.active{
                          @include opacity(1);
                      }*/
}
/* line 482, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a img {
  width: 100%;
}
/* line 486, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.reunion-mist {
  top: 44%;
  left: 82%;
}
/* line 489, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.conf {
  top: 34%;
  left: 64%;
}
/* line 492, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.medecin {
  top: 42%;
  left: 9%;
}
/* line 495, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.accueil {
  top: 53%;
  left: 34%;
}
/* line 498, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.bureau {
  top: 12%;
  left: 46%;
}
/* line 501, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.posture {
  top: 18%;
  left: 42%;
}
/* line 504, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.entretien {
  top: 30%;
  left: 26%;
}
/* line 507, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.handicap {
  top: 44%;
  left: 64%;
}
/* line 510, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.oeil {
  top: 61%;
  left: 59%;
}
/* line 513, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer div.imgContainer > a.hall-mist {
  top: 40%;
  left: 46%;
}
/* line 521, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer:not(.inactive) div.imgContainer > a img {
  transition: 200ms;
}
/* line 522, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer:not(.inactive) div.imgContainer > a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  /* width: 22%; */
  /*width: 150px; height: 150px;*/
}
/* line 524, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer:not(.inactive) div.imgContainer > a.active img {
  -ms-transform: scale(3);
      transform: scale(3);
}
/* line 532, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer:not(.inactive):not(.visiteStarted) div.imgContainer > a img {
  transition: 200ms;
}
/* line 533, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer:not(.inactive):not(.visiteStarted) div.imgContainer > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  /*width: 22%; */
  /* width: 150px; height: 150px; */
}
/* line 535, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer:not(.inactive):not(.visiteStarted) div.imgContainer > a:hover img {
  -ms-transform: scale(3);
      transform: scale(3);
}
/* line 593, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer.visiteStarted div.imgContainer > a {
  transition: cubic-bezier(0.5, -0.1, 0.7, 1.31) 400ms;
  width: 22%;
}
/* line 595, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer.visiteStarted div.imgContainer > a.active {
  top: 30%;
  left: 30%;
  bottom: 30%;
  right: 30%;
  transition: cubic-bezier(0.5, -0.1, 0.7, 1.31) 800ms;
}
/* line 599, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer.hover {
  background: url(data/image/MIST/MIST/plan-mist-NB.png) center center no-repeat;
  background-size: contain;
}
/* line 602, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer.inactive {
  top: 66%;
  /*bottom: auto;*/
  width: 10%;
  z-index: 12;
}
/* line 604, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.mistActionContainer.inactive div.btnShowDetails {
  display: none;
}
/* line 607, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 10px;
  width: 60%;
  text-align: center;
  transition: cubic-bezier(0.5, -0.1, 0.7, 1.31) 400ms;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: url(data/image/MIST/entreprise/plan-global-couleur.png) center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 800px) {
  /* line 607, ../specific_mist.scss */
  div.divCmaic-Action div.topContainer div.entrepriseActionContainer {
    display: none;
  }
}
/* line 612, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*height: 100%;*/
  position: relative;
}
/* line 614, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer img {
  width: 100%;
}
/* line 615, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a {
  position: absolute;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
  width: 10%;
  transition: 200ms;
  /*                    &:hover, &.active{
                          @include opacity(1);
                      }*/
}
/* line 617, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a img {
  width: 100%;
}
/* line 621, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.reunion {
  top: 22%;
  left: 50%;
}
/* line 624, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.directeur {
  top: 14%;
  left: 38%;
}
/* line 627, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.couloir {
  top: 30%;
  left: 59%;
}
/* line 630, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.cafet {
  top: 26%;
  left: 22%;
}
/* line 633, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.parking {
  top: 58%;
  left: 52%;
}
/* line 636, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.hall {
  top: 34%;
  left: 33%;
}
/* line 639, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.entrepot {
  top: 42%;
  left: 70%;
}
/* line 642, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer div.imgContainer > a.menage {
  top: 42%;
  left: 45%;
}
/* line 650, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer:not(.inactive) div.imgContainer > a img {
  transition: 200ms;
}
/* line 651, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer:not(.inactive) div.imgContainer > a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  /*width: 22%;*/
  /*width: 150px; height: 150px; */
}
/* line 653, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer:not(.inactive) div.imgContainer > a.active img {
  -ms-transform: scale(3);
      transform: scale(3);
}
/* line 661, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer:not(.inactive):not(.visiteStarted) div.imgContainer > a img {
  transition: 200ms;
}
/* line 662, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer:not(.inactive):not(.visiteStarted) div.imgContainer > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  /* width: 22%; */
  /*width: 150px; height: 150px;*/
}
/* line 664, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer:not(.inactive):not(.visiteStarted) div.imgContainer > a:hover img {
  -ms-transform: scale(3);
      transform: scale(3);
}
/* line 706, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer.visiteStarted div.imgContainer > a {
  transition: cubic-bezier(0.5, -0.1, 0.7, 1.31) 400ms;
  width: 22%;
}
/* line 708, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer.visiteStarted div.imgContainer > a.active {
  top: 30%;
  left: 30%;
  bottom: 30%;
  right: 30%;
  transition: cubic-bezier(0.5, -0.1, 0.7, 1.31) 800ms;
}
/* line 712, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer.hover {
  background: url(data/image/MIST/entreprise/plan-global-NB.png) center center no-repeat;
  background-size: contain;
}
/* line 715, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer.inactive {
  top: 60%;
  width: 10%;
  z-index: 12;
}
/* line 717, ../specific_mist.scss */
div.divCmaic-Action div.topContainer div.entrepriseActionContainer.inactive div.btnShowDetails {
  display: none;
}
/* line 721, ../specific_mist.scss */
div.divCmaic-Action a.changePlan {
  background: #3E4982;
  position: absolute;
  bottom: 0;
  right: 40px;
  padding: 10px 30px;
  border-radius: 10px 10px 0 0;
  color: #FFF;
  cursor: pointer;
}
@media only screen and (max-width: 800px) {
  /* line 721, ../specific_mist.scss */
  div.divCmaic-Action a.changePlan {
    display: none;
  }
}
/* line 725, ../specific_mist.scss */
div.divCmaic-Action div.bottomContainer {
  background: #FFF;
  z-index: 14;
}
/* line 727, ../specific_mist.scss */
div.divCmaic-Action div.bottomContainer h2.mistTitle {
  margin-top: 20px;
  text-align: center;
}
/* line 728, ../specific_mist.scss */
div.divCmaic-Action div.bottomContainer div.bottomAcces {
  color: #FFF;
  background: #3E4982;
  margin-top: 0;
  padding: 20px;
  text-align: center;
  /*            a{
              }*/
}
/* line 734, ../specific_mist.scss */
div.divCmaic-Action div.mapContainer {
  margin-top: 40px;
  padding-bottom: 40px;
  background: #E8E8E8;
}
/* line 736, ../specific_mist.scss */
div.divCmaic-Action div.mapContainer h2 {
  margin-bottom: 20px;
  padding: 30px;
  text-align: center;
  background: #E3424A;
  color: #FFF;
  text-transform: uppercase;
}
/* line 737, ../specific_mist.scss */
div.divCmaic-Action div.mapContainer iframe {
  width: 60%;
  display: block;
  margin: 40px auto;
  border: 10px solid #FFF;
  box-shadow: 4px 10px 6px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 800px) {
  /* line 737, ../specific_mist.scss */
  div.divCmaic-Action div.mapContainer iframe {
    width: 80%;
  }
}