/*
Theme Name: SocioDataManagement
Author: SDM - OH
Author URI: http://www.socio-dm.com
Description: Theme Wordpress multilingue Socio Data Management 2025
*/

html {
  min-width: 1150px;
  -webkit-text-size-adjust: 100%;
}

/* == Styles wordpress par defaut == */

.entry-content img {
  margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.alignright,
img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
.gallery dl {
}
.gallery dt {
}
.gallery dd {
}
.gallery dl a {
}
.gallery dl img {
}
.gallery-caption {
}

.size-full {
}
.size-large {
}
.size-medium {
}
.size-thumbnail {
}

/* == Fin des styles wordpress par defaut == */

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  /*line-height: normal;*/
  /*color: #505064;*/
  color: #5a5a69;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}

img {
  display: inline-block;
}

html,
html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
}

.clear {
  display: block;
  clear: both;
}

.couleurSDM {
  color: #6c253f;
}

/* HEADER */

#barretop {
  height: 25px;
  overflow: hidden;
  background: #f0f0f3;
  position: relative;
  z-index: 10;
}

#barretop .cont-barretop {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#barretop .cont-barretop .textwidget {
  display: inline;
}

#barretop .cont-barretop a.lien-contact {
  display: block;
  height: 25px;
  /*background: #787887;*/
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 0 15px;
  line-height: 24px;
  font-size: 13px;
  transition: background 0.5s;
  background: #6c253f;
}

#barretop .cont-barretop a.lien-contact:hover {
  /*background: #00747f;*/
  background: yellowgreen;
}

#barretop .cont-barretop a.lien-blog {
  display: block;
  height: 25px;
  background: yellowgreen;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 0 15px;
  line-height: 24px;
  font-size: 13px;
  transition: background 0.5s;
}

#barretop .cont-barretop a.btn-rjd {
  display: block;
  height: 25px;
  /*background: #787887;*/
  color: #fff;
  float: right;
  text-decoration: none;
  padding: 0 15px;
  line-height: 24px;
  font-size: 13px;
  transition: background 0.5s;
  background: #ffa400;
}

#barretop .cont-barretop a.btn-rjd:hover {
  /*background: #00747f;*/
  background: yellowgreen;
}

#barretop ul.rsxsoc {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

#barretop ul.rsxsoc li {
  float: right;
  margin-right: 10px;
  padding-top: 2px;
}

#barretop ul.rsxsoc li a {
  display: block;
}

#barretop ul.rsxsoc a.rsx-slideshare {
  width: 10px;
  height: 10px;
  background: url(img/ico-slideshare-gris.png) no-repeat;
}

#barretop ul.rsxsoc a.rsx-twitter {
  width: 20px;
  height: 20px;
  background: url(img/ico-mini-twitter-noir.png) no-repeat;
}

#barretop ul.rsxsoc a.rsx-facebook {
  width: 5px;
  height: 10px;
  background: url(img/ico-facebook-gris.png) no-repeat;
  margin-top: 0px;
}

#barretop ul.rsxsoc a.rsx-linkedin {
  width: 20px;
  height: 20px;
  background: url(img/ico-mini-linkedin-noir.png) no-repeat;
  margin-top: 0px;
}

#barretop .lien-support {
  float: right;
  font-size: 13px;
  color: #fff;
  background: #ffa400;
  text-decoration: none;
  margin-right: 10px;
  padding: 1px 15px 2px 15px;
  transition: background 0.5s;
}

#barretop .lien-support:hover {
  background: #787887;
}

#barretop .lien-blog {
  float: right;
  font-size: 13px;
  color: white;
  text-decoration: none;
  margin-right: 0px;
  padding: 1px 15px 2px 15px;
}

#barretop .lien-blog:hover {
  color: #f59e00;
  transition: color 0.5s;
}

/* Ici les reseaux top */

#btn-mobile,
#label-navm {
  display: none;
}

#header .bande-menu {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  /*margin-top: 58px;*/
}

#header .conteneur-menu.main-nav-scrolled {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  height: 96px;
  /*background: #00747f;*/
  transition: background 0.3s;
}

/*#header .main-nav-scrolled .bande-menu {
margin-top: 24px;
}*/

#btn-loupe {
  width: 14px;
  height: 13px;
  background: url(img/ico-loupe.png) no-repeat;
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
}

#header .mdr {
  position: absolute;
  right: -5px;
  top: 40px;
  display: none;
  transition: top 0.5s;
}

#header .mdr.mdrvisi {
  top: 46px;
}

#header .mdr input[type="text"] {
  width: 200px;
  height: 30px;
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
  padding-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Open Sans", sans-serif;
  color: #6c253f;
  background: #f0f0f3 none repeat scroll 0 0;
}

#header .mdr ::-webkit-input-placeholder {
  color: #6c253f;
}

#header .mdr :-moz-placeholder {
  /* Firefox 18- */
  color: #6c253f;
}

#header .mdr ::-moz-placeholder {
  /* Firefox 19+ */
  color: #6c253f;
}

#header .mdr :-ms-input-placeholder {
  color: #6c253f;
}

#header .bloc-logo {
  float: left;
}

#header .bloc-logo h1 {
  margin: 0;
}

#header .menu-principal-container {
  float: right;
  padding-top: 16px;
  position: relative;
}

.menu {
  list-style: none;
  margin: 0;
  line-height: 44px;
}

.menu li {
  float: left;
  margin-right: 52px;
  /* opacity: 0; */
}

.menu li:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.menu li:nth-child(3) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.menu li:nth-child(4) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.menu li:nth-child(5) {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}

.menu li:nth-child(6) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

.menu li:nth-child(7) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.menu li a {
  /*color: #fff;*/
  color: #727272;
  text-decoration: none;
  text-transform: uppercase;
}

.menu li a:hover {
  color: #6c253f;
}

#magic-line {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100px;
  height: 3px;
  background: #ffa400;
  float: none !important;
  margin: 0 !important;
}

.page-template-accueil #magic-line {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100px;
  height: 3px;
  background: #ffa400;
}

/*Sous menu*/

.menu .sub-menu {
  position: absolute;
  /*left: -367px;*/
  padding: 0;
  margin: 0;
  list-style: none;
  height: 35px;
  background: #6c253f;
  padding-left: 15px;
  top: 34px;
  line-height: 32px;
  display: none;
}

.menu #menu-item-23 .sub-menu {
  width: 1100px;
}

.menu .sub-menu li {
  float: left;
  margin-right: 10px;
}

.menu .sub-menu li a {
  font-size: 13px;
  color: #fff;
}

.menu .sub-menu li a:hover {
  color: #ffa400;
}

/*Fin sous-menu*/

.chargeur {
  display: none; /*Temporaire*/
}

#rsx-lateral {
  position: fixed;
  right: 0;

  width: 37px;
  height: 90px;
  background: #787887;
  top: 176px;
  z-index: 1000;

  -moz-box-shadow: 0px 0px 10px 0px #383737;
  -webkit-box-shadow: 0px 0px 10px 0px #383737;
  -o-box-shadow: 0px 0px 10px 0px #383737;
  box-shadow: 0px 0px 10px 0px #383737;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#383737, Direction=NaN, Strength=10);
}

#rsx-lateral ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

#rsx-lateral ul li a {
  display: block;
}

#rsx-lateral ul li a.rsxl-mail {
  width: 100%;
  height: 36px;
  background: #6c253f url(img/rsxl-ico-mail.png) no-repeat center;
}

#rsx-lateral ul li a.rsxl-linkedin {
  width: 100%;
  height: 28px;
  background: url(img/rsxl-ico-linkedin.png) no-repeat center;
}

#rsx-lateral ul li a.rsxl-twitter {
  width: 100%;
  height: 26px;
  background: url(img/rsxl-ico-twitter.png) no-repeat center;
}

#rsx-lateral ul li a.rsxl-twitter-x {
  width: 100%;
  height: 26px;
  background: url(img/rsxl-ico-twitter-x.png) no-repeat center;
}

#slider-hp {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  /*margin-top: -108px;*/
  float: left;
  /* margin-top: -54px; */
  margin-top: 46px;
  margin-bottom: 30px;
}

#slider-hp .flex-viewport {
  height: 100%;
}

#slider-hp .slides {
  height: 100%;
}

#slider-hp .slides li {
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
}

#slider-hp .slides li img {
  width: 100%;
}

#slider-hp .cont-cont-txt-slide {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
}

#slider-hp .cont-txt-slide {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 28px;
}

#slider-hp .txt-slide {
  float: left;
  max-width: 650px;
  position: relative;
}
/* Si à droite */
#slider-hp .slides li.textright .txt-slide {
  float: right;
  text-align: right;
}

#slider-hp .txt-slide .barre-horizontale {
  width: 50px;
  height: 5px;
  float: left;
  background: #ffffff;
  margin-top: 0px;
}

/* Si à droite */
#slider-hp .slides li.textright .txt-slide .barre-horizontale {
  float: right;
}

#slider-hp .cont-txt-slide h2 {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  margin-top: 50px;
  margin-bottom: 30px;
}

#slider-hp .cont-txt-slide h2 .gras {
  display: block;
  font-weight: 700;
}

#slider-hp .cont-txt-slide a.btn-lm {
  display: block;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  font-size: 18px;
  font-weight: 700;
  padding: 0 15px;
  background: #ffa400;
  float: left;
  text-decoration: none;
  line-height: 40px;
  letter-spacing: 2px;
  transition: background 0.5s;
}

#slider-hp .cont-txt-slide a.btn-lm-hover {
  display: none;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  font-size: 18px;
  font-weight: 700;
  padding: 0 15px;
  /*background: #ffa400;*/
  float: left;
  text-decoration: none;
  line-height: 40px;
  letter-spacing: 2px;
  transition: background 0.5s;
  position: absolute;
  left: 0;
}

/* Si à droite */
#slider-hp .slides li.textright .cont-txt-slide a.btn-lm {
  float: right;
}

#slider-hp .slides li.textright .cont-txt-slide a.btn-lm-hover {
  left: auto;
  right: 0;
}

#slider-hp .cont-txt-slide a.btn-lm:hover {
  /*background: #6c253f;*/
}

#slider-hp .flex-prev {
  width: 15px;
  height: 50px;
  background: url(img/fleche-slide-prec.png) no-repeat;
  position: absolute;
  left: 60px;
  top: 50%;
  text-indent: -90000px;
}

#slider-hp.chargement .flex-prev {
  background: url(img/fleche-slide-prec.png) no-repeat;
}

#slider-hp .flex-next {
  width: 17px;
  height: 50px;
  background: url(img/fleche-slide-suiv.png) no-repeat;
  position: absolute;
  right: 60px;
  top: 50%;
  text-indent: -90000px;
}

#slider-hp .flex-control-paging {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  text-align: center;
}

#slider-hp .flex-control-paging li {
  display: inline-block;
}

#slider-hp .flex-control-paging li a {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #fff;
  text-indent: -90000px;
  margin-right: 11px;
  cursor: pointer;
}

#slider-hp .flex-control-paging li a.flex-active {
  background: #ffa400;
}

/*Position : milieu*/
#bande-accroche {
  display: block;
  height: 150px;
  /*background: #00747f;*/
  text-align: center;
  box-sizing: border-box;
  padding-top: 0px;
  margin-bottom: 30px;
  margin-top: 70px;
  margin-left: 10%;
  margin-right: 10%;
}

#bande-accroche .interieure {
  margin-left: 30px;
  margin-right: 30px;
}

#bande-accroche.Gauche {
  text-align: left;
}

#bande-accroche.Droite {
  text-align: right;
}

#bande-accroche h3 {
  color: #5a5a69;
  font-weight: 700;
  margin: 0px 0px 5px 0px;
  /*margin-top: 0;
margin-bottom: 5px;*/
  font-size: 28px;
  letter-spacing: 0px;
}

#bande-accroche h2 {
  width: 50px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-accroche.Gauche h2 {
  width: 50px;
  height: 5px;
  margin-left: 0px;
  /*margin-left: 20px;*/
}

#bande-accroche.Droite h2 {
  width: 50px;
  height: 5px;
  margin-right: 0px;
  /*margin-right: 10px;*/
  /*margin: 20px 20px 20px;*/
}

#bande-accroche h4 {
  font-size: 18px;
  font-weight: 400;
  color: #5a5a69;
  margin-top: 70;
  margin-bottom: 0;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

#bande-repete {
  width: 100%;
}

#bande-repete .conteneur {
  width: 100%;
}

#bande-repete .contenu_repete {
}

#bande-repete .contenu_repete .b1 {
  /*display: inline-block;*/
  float: left;
  width: 50%;
  height: 400px;
  /*background-repeat:no-repeat;*/
  background: #f0f0f3;
  background-position: center;
  background-repeat: no-repeat;
  /*text-align: center;*/
  overflow: hidden;
}

#bande-repete .contenu_repete .b1:nth-child(odd) {
  /*margin-right: 40px;*/
}

#bande-repete .contenu_repete .b1 h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 35px;
  margin: 50px 10% 15px;
  color: #5a5a69;
}

#bande-repete .contenu_repete .b1 .colonne-text-barre {
  width: 50px;
  height: 5px;
  margin: 20px 10% 20px;
  background-color: #ffa400;
}

#bande-repete .contenu_repete .b1 .colonne-text-barre-rejoindre {
  width: 70px;
  height: 5px;
  margin: 20px 10% 20px;
  background-color: yellowgreen;
}

#bande-repete .contenu_repete .b1 .texte {
  font-size: 15px;
  /*font-weight: 100;*/
  line-height: 22px;
  margin: 20px 10% 20px;
  color: #5a5a69;
}

#bande-repete .contenu_repete .b1 a.btn {
  display: block;
  margin: 20px 10% 20px;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  width: 190px;
  font-size: 18px;
  font-weight: 700;
  /*padding: 0 15px;*/
  background-color: #6c253f;
  /*float: left;*/
  text-decoration: none;
  line-height: 40px;
  letter-spacing: 1px;
  transition: background 0.5s;
  text-align: center;
}

#bande-repete .contenu_repete .b1 a.btn:hover {
  background-color: #ffa400;
}

#bande-repete .contenu_repete .b1 .image {
  display: block;
  margin: 0 auto;
  width: 100%;
}

#bande-repete .contenu_repete .b1 .legende {
  margin-top: 165px;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
}

#bande-repete .contenu_repete .b1 .colonne-image-barre {
  width: 50px;
  height: 5px;
  margin: 20px auto;
}

#bande-pourquoi {
  display: block;
  height: 150px;
  /*background: #00747f;*/
  text-align: center;
  box-sizing: border-box;
  padding-top: 40px;
  margin-top: 50px;
}

#bande-pourquoi h3 {
  color: #5a5a69;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 30px;
  letter-spacing: 0px;
  text-transform: none;
}

#bande-pourquoi h2 {
  width: 100px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-pourquoi-accueil {
  display: block;
  height: 150px;
  /*background: #00747f;*/
  text-align: center;
  box-sizing: border-box;
  padding-top: 40px;
  margin-top: 50px;
}

#bande-pourquoi-accueil h3 {
  color: #5a5a69;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 30px;
  letter-spacing: 0px;
  text-transform: none;
}

#bande-pourquoi-accueil h2 {
  width: 100px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-pourquoi-a-propos {
  display: block;
  height: 150px;
  /*background: #00747f;*/
  text-align: center;
  box-sizing: border-box;
  padding-top: 40px;
  margin-top: 50px;
}

#bande-pourquoi-a-propos h3 {
  color: #5a5a69;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 24px;
  letter-spacing: 0px;
  text-transform: none;
}

#bande-pourquoi-a-propos h2 {
  width: 70px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-pourquoi-sdm {
  display: block;
  height: 150px;
  /*background: #00747f;*/
  text-align: center;
  box-sizing: border-box;
  padding-top: 40px;
  margin-top: 50px;
}

#bande-pourquoi-sdm h3 {
  color: #5a5a69;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 26px;
  letter-spacing: 0px;
  text-transform: none;
}

#bande-pourquoi-sdm h2 {
  width: 70px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-pourquoi-orians {
  display: block;
  height: 110px;
  /*background: #00747f;*/
  text-align: center;
  box-sizing: border-box;
  padding-top: 40px;
  margin-top: 10px;
}

#bande-pourquoi-orians h3 {
  color: #5a5a69;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 26px;
  letter-spacing: 0px;
  text-transform: none;
}

#bande-pourquoi-orians h2 {
  width: 70px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-actu-event {
  display: block;
  height: 150px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0px;
  margin-top: 100px;
}

#bande-actu-event h3 {
  color: #5a5a69;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 30px;
}

#bande-actu-event h2 {
  width: 50px;
  height: 5px;
  margin: 20px auto 20px;
}

#bande-blogs {
  height: 400px;
  max-width: 1100px;
  margin: 0 auto;
}

#bande-blogs .gauche {
  height: 100%;
  width: 45%;
  float: left;
  margin-right: 1%;
  text-align: center;
}

#bande-blogs .gauche .colonne-gauche {
  height: 100%;
  width: 49%;
  float: left;
  position: relative;
}

#bande-blogs .gauche .colonne-gauche #blog1 {
  height: 49%;
  width: 100%;
  /*margin-bottom: 1%;*/
  /*background-position: center;*/
  background-repeat: no-repeat;
  position: relative;
}

#bande-blogs .gauche .colonne-gauche #blog1 .haut {
  height: 100%;
  width: 100%;
  position: relative;
}

#bande-blogs .gauche .colonne-gauche #blog1 .haut-hover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#bande-blogs .gauche .colonne-gauche #bas {
  height: 49%;
  width: 100%;
  /*background-position: center;*/
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
}

#bande-blogs .gauche .colonne-gauche #bas #blog2 {
  height: 100%;
  width: 100%;
  position: relative;
}

#bande-blogs .gauche .colonne-gauche #bas #blog2 .bas {
  height: 100%;
  width: 100%;
}

#bande-blogs .gauche .colonne-gauche #bas #blog2 .bas-hover {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
}

#bande-blogs .gauche .colonne-droite {
  height: 100%;
  width: 49%;
  float: right;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#bande-blogs .gauche .colonne-droite .not-hover {
  height: 100%;
  width: 100%;
}

#bande-blogs .gauche .colonne-droite .hover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#bande-blogs .droite {
  height: 100%;
  width: 53%;
  float: right;
  overflow: hidden;
  text-align: left;
}

#bande-blogs .droite h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  margin: 20px 10% 20px;
  color: #5a5a69;
}

#bande-blogs .droite .colonne-text-barre {
  width: 50px;
  height: 5px;
  margin-left: 10%;
  background-color: #ffa400;
}

#bande-blogs .droite .texte {
  font-size: 15px;
  /*font-weight: 100;*/
  line-height: 22px;
  margin: 20px 10% 20px;
  color: #5a5a69;
  max-height: 230px;
}

#bande-blogs .droite a.btn {
  display: block;
  margin-left: 10%;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  width: 160px;
  font-size: 18px;
  font-weight: 700;
  padding: 0 10px;
  background-color: #6c253f;
  /*float: left;*/
  text-decoration: none;
  line-height: 40px;
  letter-spacing: 1px;
  transition: background 0.5s;
}

#bande-blogs .droite a.btn:hover {
  background-color: yellowgreen;
}

#nombre-blocs-expertise {
  display: none;
}

#blocs-services {
  /*width: 100%;*/
  /*margin: 40px auto;*/
  max-width: 1100px;
  margin: 0 auto;
  padding-right: 10px;
  box-sizing: border-box;
}

#blocs-services .cont-bandeblog {
  max-width: 1095px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

/* #blocs-services .cont-bandeblog .slides li {
	margin-right: 40px;
	position: relative;
} */

/* #blocs-services .cont-bandeblog .slides li .bloc-service {
display: block;
height: 300px;
text-align: center;
font-size: 14px;
line-height: 22px;
color: #5A5A69;
box-shadow: 10px 10px 10px #bfbfbf;
background: white;
text-decoration: none;
margin-bottom: 30px;
padding-top: 10px;
} */

#blocs-services .bloc-service {
  display: block;
  height: 300px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #5a5a69;
  box-shadow: 10px 10px 10px #bfbfbf;
  background: white;
  text-decoration: none;
  margin-bottom: 30px;
  padding-top: 10px;
  width: 330px;
  float: left;
  margin-right: 50px;
}

#blocs-services .bloc-service:nth-child(3),
#blocs-services .bloc-service:nth-child(6) {
  margin-right: 0px;
}

/* 
#blocs-services .flex-next {
display: block;
position: absolute;
right: -200px;
top: 140px;
width: 45px;
height: 28px;
background: url(img/fleche-carou-suiv.png) no-repeat;
text-indent: -9000px;
}

#blocs-services .flex-prev {
display: block;
position: absolute;
left: -200px;
top: 140px;
width: 45px;
height: 28px;
background: url(img/fleche-carou-prec.png) no-repeat;
text-indent: -9000px;
}

#blocs-services .slides {
	width: 800%;
} */

/* #blocs-services .bloc-service:nth-child(3) {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}

#blocs-services .bloc-service:nth-child(4) {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}

#blocs-services .bloc-service:nth-child(5) {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}

#blocs-services .bloc-service:nth-child(6) {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
} */

/* #blocs-services .cont-bandeblog .slides li .bloc-service:hover {
background: #5a5a69;
color: #fff;
}

#blocs-services .cont-bandeblog .slides li .bloc-service:hover .picto-service {
background-image: none;
}

#blocs-services .cont-bandeblog .slides li .bloc-service:hover .hover-picto {
display: block;
} */

#blocs-services .bloc-service:hover {
  background: #5a5a69;
  color: #fff;
}

#blocs-services .bloc-service:hover .picto-service {
  background-image: none !important;
}

#blocs-services .bloc-service:hover .hover-picto {
  display: block !important;
}

#blocs-services .bloc-service .picto-service {
  width: 110px;
  height: 110px;
  margin: 10px auto 10px auto;
  background-position: top center;
}

#blocs-services .bloc-service .picto-service .hover-picto {
  width: 110px;
  height: 110px;
  /*left: 110px;*/
  position: absolute;
  display: none;
  background-position: center;
  background-repeat: no-repeat;
}

#blocs-services .bloc-service h4 {
  color: #5a5a69;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin: 13px 10px 23px;
  position: relative;
}

#blocs-services .bloc-service:hover h4 {
  color: #fff;
}

#blocs-services .bloc-service:hover h4 .couleurSDM {
  color: #fff;
}

#blocs-services .bloc-service h4::after {
  content: "";
  width: 60px;
  height: 4px;
  background: #6c253f;
  position: absolute;
  bottom: -14px;
  left: 120px;
}

#blocs-services .bloc-service:hover h4::after {
  background: #ffa400;
}

#blocs-services .bloc-service p {
  max-width: 295px;
  margin: 0 auto;
}

#bande-blog {
  /*background: #f3f3f3;*/
  /*float: left;
width: 100%;*/
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 80px;
  padding-top: 13px;
}

#bande-blog .cont-bandeblog {
  max-width: 1095px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

#bande-blog .cont-bandeblog h3 {
  color: #6c253f;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 10px;
}

#bande-blog .cont-bandeblog h3 .gras {
  font-weight: 700;
}

#bande-blog .cont-bandeblog .accrochebb {
  font-size: 18px;
  display: block;
  margin-top: 21px;
  margin-bottom: 32px;
}

#bande-blog .cont-bandeblog .slides li {
  margin-right: 40px;
  border: solid 1px #e7e7e7;
}

#bande-blog .cont-bandeblog .slides li .tutu {
  padding-left: 15px;
  padding-right: 15px;
  /*border: solid 1px #e7e7e7;*/
  height: 250px;
  position: relative;
}

#bande-blog .cont-bandeblog .slides li a {
  text-decoration: none;
  color: #5a5a69;
}

#bande-blog .cont-bandeblog .slides li a .vignette-actu {
  /*max-width: 100%;
height: 170px;*/
  /*width: 336px;*/
  /*height: 243px;*/
  height: 170px;
  overflow: hidden;
  position: relative;
  display: block;
}

#bande-blog .cont-bandeblog .slides li a .vignette-actu::before {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  background: url(img/croix-actu.png) no-repeat center;
  top: 60px;
}

#bande-blog .cont-bandeblog .slides li a .vignette-actu .img {
  /*width: 100%;
height: 100%;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center center;
  /*background-size: cover;*/
}

#bande-blog .cont-bandeblog .slides li:hover a .vignette-actu .img {
  opacity: 0.5;
}

#bande-blog .cont-bandeblog .slides li .introactu p {
  margin: 0;
  max-height: 85px;
  overflow: hidden;
}

#bande-blog .cont-bandeblog .slides li h4 {
  font-size: 18px;
  font-weight: 620px;
  margin-bottom: 5px;
  margin-top: 20px;
  /*text-transform: uppercase;*/
  /*max-height: 65px;*/
  overflow: hidden;
}

#bande-blog .cont-bandeblog .slides li .catetdate {
  display: block;
  color: #6c253f;
  margin-bottom: 4px;
  height: 20px;
}

.btn-esp-actu {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #ffa400;
  display: block;
  float: left;
  padding: 4px 14px;
  letter-spacing: 1px;
  margin-top: 10px;
  transition: background 0.5s;
  position: absolute;
  bottom: 15px;
  text-transform: uppercase;
}

.btn-esp-actu:hover {
  background: #6c253f;
}

#bande-blog .flex-next {
  display: block;
  position: absolute;
  right: 0;
  top: -70px;
  width: 45px;
  height: 28px;
  background: url(img/fleche-carou-suiv.png) no-repeat;
  text-indent: -9000px;
}

#bande-blog .flex-prev {
  display: block;
  position: absolute;
  right: 50px;
  top: -70px;
  width: 45px;
  height: 28px;
  background: url(img/fleche-carou-prec.png) no-repeat;
  text-indent: -9000px;
}

#bande-confiance {
  padding-top: 60px;
  padding-bottom: 50px;
}

#bande-confiance .cont-confiance {
  width: 1090px;
  margin: 0 auto;
  position: relative;
}

#bande-confiance .cont-confiance h3 {
  color: #5a5a69;
  font-size: 26px;
  font-weight: 650;
  margin-bottom: 20px;
  text-align: center;
}

#bande-confiance .cont-confiance h3 .gras {
  font-weight: 700;
}

#bande-confiance .cont-confiance .barre-horizontale {
  width: 70px;
  background: #6c253f;
  height: 5px;
  margin: 0 auto 20px;
}

#bande-confiance .accroche-confi {
  display: block;
  font-size: 16px;
  margin-bottom: 55px;
  text-align: center;
}

#bande-confiance .lien-refs {
  position: absolute;
  right: 108px;
  top: 42px;
  font-size: 18px;
  color: #00747f;
  text-decoration: none;
  transition: color 0.5s;
}

#bande-confiance .lien-refs:hover {
  color: #ffa400;
}

#bande-confiance .flex-next {
  display: block;
  position: absolute;
  right: 0;
  top: 05px;
  width: 45px;
  height: 28px;
  background: url(img/fleche-carou-suiv.png) no-repeat;
  text-indent: -9000px;
}

#bande-confiance .flex-prev {
  display: block;
  position: absolute;
  right: 50px;
  top: 05px;
  width: 45px;
  height: 28px;
  background: url(img/fleche-carou-prec.png) no-repeat;
  text-indent: -9000px;
}

#bande-confiance .slides li {
  text-align: center;
}

#bande-confiance .slides li img {
  max-width: 100%;
}

/* FOOTER */
#footer {
  background: #f0f0f3;
  box-sizing: border-box;
  min-height: 282px;
  padding-bottom: 40px;
  padding-top: 48px;
  width: 100%;
}

#footer h5 {
  font-size: 15px;
  color: #727272;
  position: relative;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
}

#footer h5::after {
  content: "";
  width: 40px;
  height: 3px;
  background: #6c253f;
  position: absolute;
  left: 0;
  bottom: -11px;
}

#footer .cont-footer {
  width: 1094px;
  margin: 0 auto;
}

#footer .col-txt-footer {
  width: 35%;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#footer .col-txt-footer a {
  text-decoration: none;
  color: #727272;
}

#footer .col-txt-footer a:hover {
  text-decoration: none;
  color: #6c253f;
}

#footer .col-txt-footer a.contact {
  text-decoration: none;
  font-weight: 700;
  color: white;
  background: #ffa400;
  display: inline-block;
  padding: 0 1em;
  line-height: 2em;
  margin-top: 1em;
}

#footer .col-txt-footer a.contact:hover {
  background: #6c253f;
  transition: background 0.5s;
}

#footer .logo-footer {
  cursor: pointer;
  margin-bottom: -13px;
  margin-left: -20px;
}

#footer .col-rapide {
  width: 35%;
  margin-right: 0;
  margin-left: 65px;
  float: left;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 1px;
  margin-top: 1px;
}

#footer .col-rapide h5 {
  letter-spacing: 0;
}

#footer .col-rapide ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

#footer .col-rapide ul a {
  text-decoration: none;
  color: #727272;
}

#footer .col-rapide ul a:hover {
  color: #6c253f;
}

#footer .rsx-footer {
  margin-top: 0;
  width: 128px;
}

#footer .rsx-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .rsx-footer ul li {
  float: left;
}

#footer .rsx-footer ul li a {
  display: block;
  width: 34px;
  height: 34px;
  background-position: top;
  margin-right: 7px;
}

#footer .rsx-footer ul li a:hover {
  background-position: bottom;
}

#footer .rsx-footer ul li a.rsxf-linkedin {
  background-image: url(img/picto-carre-linkedin-new.png);
}

#footer .rsx-footer ul li a.rsxf-twitter {
  background-image: url(img/picto-carre-twitter-new.png);
}

#footer .rsx-footer ul li a.rsxf-twitter-x {
  background-image: url(img/picto-carre-twitter-x-new.png);
}

#footer .clo-formufooter {
  float: right;
}

#footer .intro-nlf {
  text-transform: uppercase;
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
  margin-top: -3px;
}

#sous-footer {
  width: 100%;
  /*height: 37px;*/
  text-align: center;
  background: #787887;
  color: #fff;
  line-height: 38px;
  font-size: 12px;
  /*margin-top: -12px;*/
}

#sous-footer a {
  color: #fff;
  text-decoration: none;
  transition: color 1s;
}

#sous-footer a:hover {
  color: #6c253f;
}

#sous-footer p {
  margin-top: 0;
  margin-bottom: 0;
}

/* Formulaire de contact Footer */

#formfooter {
  font-size: 14px;
  max-width: 388px;
}

#formfooter .blocform {
  width: 186px;
  float: left;
}

#formfooter .blocform input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 5px;
  border: none;
  height: 31px;
  margin-top: 3px;
  margin-bottom: 10px;
}

#formfooter .blocform.marged {
  margin-right: 16px;
}

#formfooter textarea {
  width: 100%;
  border: none;
  box-sizing: border-box;
  height: 62px;
}

#formfooter [type="submit"] {
  cursor: pointer;
  color: #fff;
  background: #ffa400;
  border: none;
  padding: 10px 25px;
  transition: background 0.5s;
  -webkit-appearance: none;
}

#formfooter [type="submit"]:hover {
  background: #00747f;
}

/* Page interne */

#page-interne {
  min-height: 200px;
}

#bandeau-page {
  width: 100%;
  height: 284px;
  background-size: cover;
  /* margin-top: -114px; */
  margin-top: 101px;
  /*position: relative;*/
  text-align: center;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#bandeau-page.erreur,
#bandeau-page.search {
  background-image: url(img/bandeau-blog.jpg);
}

#bandeau-page h1 {
  padding-top: 130px;
  color: #fff;
  width: 100%;
}

#bandeau-page h1 .gras {
  font-weight: 700;
}

#bandeau-page .interieure {
  margin-left: 20px;
  margin-right: 20px;
  height: 100%;
}

#bandeau-page .barre-horizontale {
  width: 70px;
  height: 5px;
}

#bandeau-page.Milieu h1 {
  text-align: center;
}

#bandeau-page.Milieu .barre-horizontale {
  margin: 20px auto 20px;
}

#bandeau-page.Gauche h1 {
  text-align: left;
}

#bandeau-page.Gauche .barre-horizontale {
  margin: 20px auto 20px 0;
}

#bandeau-page.Droite h1 {
  text-align: right;
}

#bandeau-page.Droite .barre-horizontale {
  margin: 20px 0 20px auto;
}

/* PAGE QUI SOMMES NOUS */

#bande-a-propos {
  min-height: 400px;
  /*width: 100%;*/
  /*background: #f0f0f3;*/
  max-width: 1100px;
  margin: 0 auto;
}

#bande-a-propos .gauche {
  float: right;
  width: 40%;
  /*margin-left: 10%;*/
  margin-right: 5%;
  background: #f0f0f3;
  padding-left: 3%;
  padding-right: 1%;
  min-height: 260px;
  padding-top: 20px;
}

.page-template-qui-sommes-nous #bande-a-propos .gauche {
  width: 30%;
}

#bande-a-propos .gauche ul {
  list-style: none;
  margin-left: -40px;
}

#bande-a-propos .gauche ul li {
  margin-bottom: 11px;
}

.page-template-qui-sommes-nous #bande-a-propos .gauche ul li {
  margin-bottom: 50px;
}

ul #orange {
  padding-left: 26px;
  background: url("img/fleche-jaune-mini.png") no-repeat left 6px;
}

ul #vert {
  padding-left: 26px;
  background: url("img/mini-fleche-yellowgreen.png") no-repeat left 6px;
}

#bande-a-propos .droite {
  float: left;
  width: 45%;
  /*margin-left: 5%;*/
  /*margin-right: 10%;*/
  /*background: #f0f0f3;*/
  /*padding-left: 2%;
	padding-right: 2%;*/
  /*height: 310px;*/
}

.page-template-qui-sommes-nous #bande-a-propos .droite {
  width: 55%;
}

#bande-a-propos .droite .image {
  height: 310px;
  background-repeat: no-repeat;
  background-position: center center;
}

#bande-a-propos .element-liste span {
  color: #5a5a69;
}

#bande-accroche-a-propos {
  display: block;
  height: 130px;
  background: #6c253f;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 20px;
  color: #ffffff;
}

#bande-accroche-a-propos h4 {
  font-size: 20px;
  font-weight: 400;
  padding-top: 50px;
  max-width: 1100px;
  margin: 0 auto;
}

#slider-temoignage .cont-txt-slide .image {
  height: 70px;
  width: 150px;
  margin: 0 auto 20px;
}

#slider-temoignage .cont-txt-slide .texte-a-propos {
  text-align: center;
}

#slider-temoignage {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  /*margin-top: -108px;*/
  float: left;
  /* margin-top: -54px; */
  /*margin-top: 46px;*/
}

#slider-entreprise {
  width: 100%;
  height: 340px;
  overflow: hidden;
  position: relative;
  /*margin-top: -108px;*/
  float: left;
  /* margin-top: -54px; */
  margin-top: -20px;
}

#slider-temoignage .flex-viewport {
  height: 100%;
}

#slider-entreprise .flex-viewport {
  height: 100%;
}

#slider-temoignage .slides {
  height: 100%;
}

#slider-entreprise .slides {
  height: 100%;
}

#slider-temoignage .slides li {
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
}

#slider-entreprise .slides li {
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
}

#slider-temoignage .slides li img {
  width: 100%;
}

#slider-temoignage .cont-cont-txt-slide {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
}

#slider-entreprise .cont-cont-txt-slide {
  position: absolute;
  top: 3%;
  left: 0;
  width: 100%;
}

#slider-temoignage .cont-txt-slide {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 28px;
}

#slider-entreprise .cont-txt-slide {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
}

#slider-temoignage .flex-prev {
  width: 15px;
  height: 50px;
  background: url(img/fleche-prec-grise.png) no-repeat;
  position: absolute;
  left: 60px;
  top: 50%;
  text-indent: -90000px;
}

#slider-entreprise .flex-prev {
  width: 15px;
  height: 50px;
  background: url(img/fleche-slide-prec.png) no-repeat;
  position: absolute;
  left: 60px;
  top: 45%;
  text-indent: -90000px;
}

#slider-temoignage.chargement .flex-prev {
  background: url(img/fleche-prec-grise.png) no-repeat;
}

#slider-entreprise.chargement .flex-prev {
  background: url(img/fleche-slide-prec.png) no-repeat;
}

#slider-temoignage .flex-next {
  width: 17px;
  height: 50px;
  background: url(img/fleche-suiv-grise.png) no-repeat;
  position: absolute;
  right: 60px;
  top: 50%;
  text-indent: -90000px;
}

#slider-entreprise .flex-next {
  width: 17px;
  height: 50px;
  background: url(img/fleche-slide-suiv.png) no-repeat;
  position: absolute;
  right: 60px;
  top: 45%;
  text-indent: -90000px;
}

#orians-a-propos {
  /*width: 100%;*/
  max-width: 1100px;
  margin: 0 auto;
}

#orians-a-propos .interieure {
  /*margin-left: 10%;
	margin-right: 10%;*/
}

#orians-a-propos .interieure .image {
  height: 130px;
  width: 50%;
  float: left;
  margin-right: 0px;
  /*margin-left: 250px;*/
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 100px;
}

#orians-a-propos .interieure .texte {
  /*height: 130px;*/
  width: 50%;
  float: left;
  margin-right: 0px;
  /*margin-left: 250px;*/
  margin-bottom: 20px;
  /*background-repeat: no-repeat;*/
}

.page-template-accueil #orians-a-propos {
  margin-top: 50px;
}

#slider-entreprise .cont-txt-slide .gauche {
  height: 329px;
  width: 50%;
  margin-left: -10%;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  /*background: url(img/actualite-ialu-normale.jpg); */
}

#slider-entreprise .cont-txt-slide .gauche .image {
  height: 100%;
  width: 100%;
}

#slider-entreprise .cont-txt-slide .droite {
  padding-top: 40px;
  height: 289px;
  width: 50%;
  margin-right: -10%;
  float: right;
  /*background: yellow;*/
}

#slider-entreprise .cont-txt-slide .droite .titre {
  font-size: 20px;
  font-weight: 700;
}

#slider-entreprise .cont-txt-slide .droite .barre-horizontale {
  width: 50px;
  height: 5px;
  margin-top: 15px;
}

#slider-entreprise .cont-txt-slide .droite .texte {
  font-size: 14px;
  /*margin-top: 40px;
	margin-bottom: 20px;*/
}

#slider-entreprise .cont-txt-slide .droite .bouton {
  color: #5a5a69;
  /*padding: 10px;*/
  /*margin-top: 20px;
	margin-bottom: 10px;*/
  width: 190px;
}

#slider-entreprise .cont-txt-slide .droite a {
  /*background: #6c253f;*/
  /*text-decoration: none;*/
  /*color: #5a5a69;*/
  /*padding: 10px;*/
  /*color: white;*/
  display: block;
  margin: 20px 0 20px;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  width: 190px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  line-height: 40px;
  letter-spacing: 1px;
  transition: background 0.5s;
  text-align: center;
}

#slider-entreprise .cont-txt-slide .droite a:hover {
  background-color: #6c253f !important;
  transition: 0.5s;
}

#bande-jaune a {
  background: #fff none repeat scroll 0 0;
  color: #00747f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 16px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

#bande-jaune-data-management {
  width: 100%;
  min-height: 130px;
  text-align: center;
  color: #fff;
  float: left;
}

#bande-jaune-data-management a {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 16px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

#bande-jaune-data-management h4 {
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 7px;
  margin-top: 28px;
}

#bande-jaune-data-management a:hover {
  background: #b8d24c !important;
}

#bande-jaune a:hover {
  color: #fff !important;
  background: #ffa400 !important;
}

#bande-jaune {
  width: 100%;
  float: left;
  min-height: 130px;
  /*background: #ffa400;*/
  /* Fin du jaune, gris à la place */
  background: #c3c3cd;
  color: #fff;
  text-align: center;
}

#bande-jaune h4 {
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 12px;
  margin-top: 28px;
}

/* FIN PAGE QUI SOMMES NOUS */

/* Page resultats de recherche */

#page-interne {
  width: 100%;
  max-width: 1070px;
  padding: 40px 15px 40px 15px;
  margin: 0 auto;
}

/* Fin page résultats de recherche */

/*#article-mea .infos-artmea a.btn-esp-actu */

#zone-articles {
  width: 100%;
  float: left;
  /*position: relative;*/
  top: 100px;
  background: #f7f7f7;
}

#categories-articles {
  width: 100%;
  max-width: 1000px;
  margin: 30px auto 0 auto;
  display: none;
}

#categories-articles.visible {
  display: block;
}

#categories-articles .btn-triecat {
  width: 183px;
  margin-left: 10px;
  background: #c3c3cd;
  height: 45px;
  float: left;
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 40px;
  cursor: pointer;
  transition: background 0.5s;
  text-transform: uppercase;
}

#categories-articles .btn-triecat::after {
  content: "";
  height: 5px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #6c253f;
  transition: background 0.5s;
}

#categories-articles .btn-triecat:hover,
#categories-articles .btn-triecat.actif {
  background: #6c253f;
}

#categories-articles .btn-triecat:hover::after,
#categories-articles .btn-triecat.actif::after {
  background: #ffa400;
}

#categories-articles .btn-triecat:first-child {
  margin-left: 0;
}

#liste-articles {
  width: 100%;
  max-width: 1109px;
  margin: 50px auto;
}

#liste-articles .un-article {
  width: 348px;
  margin: 9px;
  float: left;
  text-decoration: none;
  color: #5a5a69;
  border: solid 1px #e7e7e7;
  position: relative;
}

#liste-articles .un-article.dynadded {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  -ms-transition: -ms-transform 0.5s, opacity 0.5s;
  -o-transition: -o-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
#liste-articles .un-article.dynadded.smoothpop {
  opacity: 1;
}

/*#liste-articles*/
.un-article .vignette-article {
  width: 348px;
  /*height: 243px;*/
  height: 169px;
  overflow: hidden;
  position: relative;
  display: block;
}

/*#liste-articles*/
.un-article .vignette-article .img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center center;
  /*background-size:cover;*/
}

/*#liste-articles*/
.un-article:hover .vignette-article .img {
  opacity: 0.5;
}

/*#liste-articles*/
.un-article .hover-vignette {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(img/bg-bleu-transparent.png);
  opacity: 0;
  transition: opacity 0.5s;
}

/*#liste-articles*/
.un-article:hover .hover-vignette {
  opacity: 1;
}

/*#liste-articles */
.un-article .vignette-article::before {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  background: url(img/croix-actu.png) no-repeat center;
  top: 60px;
}

/*#liste-articles*/
.un-article .vignette-article img {
  display: block;
  min-width: 100%;
  height: auto;
}

/*#liste-articles*/
.un-article .infos-article {
  background: #fff none repeat scroll 0 0;
  /*border: 1px solid #e7e7e7;*/
  box-sizing: border-box;
  display: block;
  margin-top: -1px;
  height: 249px;
  padding: 0 22px;
  width: 100%;
  overflow: hidden;
}

/*#liste-articles */
.un-article .titre-article {
  color: #5a5a69;
  display: block;
  font-size: 16px;
  font-weight: 620;
  line-height: 22px;
  margin-bottom: 5px;
  margin-top: 15px;
  /*text-transform: uppercase;*/
}

/*#liste-articles*/
.un-article .catetdate {
  display: block;
  color: #6c253f;
}

/*#liste-articles*/
.un-article .introactu {
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}
#detail-article .btn-lls-article {
  font-size: 16px;
  font-weight: 700;
  color: #757676;
  padding-right: 23px;
  background: url(img/fleche-actu.png) no-repeat right bottom;
  height: 11px;
  display: block;
  float: left;
  line-height: 9px;
  margin-top: 22px;
  text-decoration: none;
}

#btn-plus-articles {
  background: #fff none repeat scroll 0 0;
  box-sizing: border-box;
  color: #6c253f;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  margin: 20px auto 40px;
  padding: 18px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  width: 200px;
}

#btn-plus-articles:hover {
  color: #fff;
  background: #6c253f;
}

/* Page detail d'une actu/d'un blog */

#detail-article {
  padding-bottom: 4em;
}

#detail-article .cont-det-article {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 20px;
}

#detail-article .bloc-top-article {
  width: 100%;
  height: 350px;
  background: #f7f7f7;
  /*position: relative;*/
  font-size: 14px;
  line-height: 22px;
  color: #757676;
  margin-top: 50px;
  margin-bottom: 50px;
  /*min-height: 279px;*/
  border: solid 1px #f0f0f3;
}

#detail-article .bloc-top-article .etiquette-bloctop {
  position: absolute;
  right: 4%;
  background: #00747f;
  color: #fff;
  padding: 5px 15px;
  font-weight: 700;
  text-transform: uppercase;
}

#detail-article .vignette-bloctop {
  /*position:absolute;*/
  /*left:0;
top:0;
bottom:0;*/
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}

#detail-article .infos-bloctop {
  float: right;
  max-width: 465px;
  padding-bottom: 4em;
  padding-right: 3em;
}

#detail-article .infos-bloctop h3 {
  color: #6c253f;
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 50px;
  text-transform: uppercase;
}

#detail-article .infos-bloctop .catetdate {
  display: block;
  color: #ffa400;
  margin-bottom: 20px;
}

#detail-article .infos-bloctop .txt-bloctop {
  color: #5a5a69;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

#detail-article .contenu-article {
  font-size: 14px;
  line-height: 22px;
  padding-top: 2em;
  width: 100%;
}

#detail-article .contenu-article h4 {
  font-size: 22px;
}

#detail-article .contenu-article h5 {
  font-size: 18px;
}

#detail-article .contenu-article .bloc-gris {
  width: 100%;
  float: left;
  text-align: center;
  background: #f7f7f7;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  box-sizing: border-box;
  padding: 10px 30px;
}

#detail-article .contenu-article .btn-centre {
  text-align: center;
}

#detail-article .contenu-article .boutonj {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  background: #ffa400;
  text-decoration: none;
  margin-top: 17px;
  margin-bottom: 40px;
  padding: 8px 20px 7px 20px;
}

#detail-article .contenu-article .boutonj:hover {
  background: #00747f none repeat scroll 0 0;
  transition: background 0.5s ease 0s;
}

/* PAGE CARRIERES */

/* Bandeau haut */
#bande-carriere {
  width: 100%;
  height: 355px;
  background: url(img/femme-sur-ordinateur-formation.jpg) no-repeat right;
}

#bande-carriere .txt-carriere {
  max-width: 546px;
  float: left;
  font-size: 16px;
  line-height: 24px;
}

#bande-carriere h3 {
  font-size: 34px;
  color: #00747f;
  line-height: 42px;
  font-weight: normal;
  margin-top: 52px;
  margin-bottom: 21px;
}

/* Les carrieres */

#liste-carrieres {
  /*background: pink;*/
  /*width: 100%;*/
  /*float: left;*/
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 60px;
}

/*#liste-carrieres {
background: #f7f7f7;
width: 100%;
float: left;
padding-bottom: 60px;
}*/

#liste-carrieres .cont-liste-carrieres {
  width: 100%;
  max-width: 1114px;
  margin: 0 auto;
}

#les-carrieres {
  float: left;
  width: 100%;
  margin-top: 40px;
  padding-bottom: 60px;
}

#les-carrieres .bloc-liste-carrieres {
  display: none;
}

#les-carrieres .bloc-liste-carrieres.lfactive {
  display: block;
}

#les-carrieres .une-carriere {
  width: 30%;
  float: left;
  margin: 10px;
}

#les-carrieres .une-carriere {
  width: 30%;
  float: left;
  margin: 10px;
}

#les-carrieres .une-offre {
  height: 380px;
  width: 300px;
  margin: 10px;
  float: left;
  text-decoration: none;
  color: #757676;
  border: solid;
  border-color: #f0f0f3;
  padding: 15px;
  position: relative;
}

#les-carrieres .une-offre a {
  text-decoration: none;
  color: #5a5a69;
}

#les-carrieres /*.une-offre*/ a:hover .image {
  opacity: 0.5;
}

#les-carrieres /*.une-offre*/ .image {
  width: 300px;
  height: 150px;
  margin-bottom: 10px;
}

#les-carrieres /*.une-offre*/ a:hover .image::before {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  background: url(img/croix-actu.png) no-repeat center;
  top: 60px;
}

#les-carrieres /*.une-offre*/ .titre {
  width: 300px;
  margin-bottom: -10px;
}

#les-carrieres /*.une-offre*/ .titre h3 {
  overflow: hidden;
}

#les-carrieres /*.une-offre*/ .cat {
  width: 300px;
  height: 30px;
}

#les-carrieres /*.une-offre .cat*/ .barre-verticale {
  color: orange;
}

#les-carrieres /*.une-offre*/ .barre-horizontale {
  width: 50px;
  height: 5px;
  background: #6c253f;
}

#les-carrieres /*.une-offre*/ .intro {
  width: 300px;
  height: 100px;
  overflow: hidden;
}

#les-carrieres /*.une-offre*/ .bouton {
  float: left;
  /*margin: 0 auto;*/
  background: #6c253f;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  /*width: 130px;*/
  margin-top: 20px;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

#les-carrieres /*.une-offre*/ .bouton {
  color: white;
}

#les-carrieres /*.une-offre*/ .bouton:hover {
  background: yellowgreen;
  /*color: #5a5a69;*/
}

#btn-voir-plus-doffres {
  text-align: center;
  margin: 0 auto 30px;
  height: 20px;
  width: 200px;
  padding: 10px;
  color: white;
  font-size: 16px;
  font-weight: 600;
}

#btn-voir-plus-doffres:hover {
  cursor: pointer;
  background: orange !important;
}

/*#btn-voir-plus-doffres a {
	color: white;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
}*/

/* PAGE CONTACT */
#blocs-contact {
  width: 100%;
  float: left;
  overflow: hidden;
  font-size: 16px;
  line-height: 22px;
}
#blocs-contact strong {
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
}
#blocs-contact .bloc-contact {
  width: 33%;
  float: left;
  height: 6.5em;
  padding-top: 3.5em;
  background: #f0f0f3; /* text-align:center;*/
}
#blocs-contact .bloc-contact .tout {
  width: 80%;
  margin: 0 auto;
  margin-top: -2%;
}
#blocs-contact .bloc-contact p {
  margin: 0;
}
#blocs-contact .bloc-contact.milieu {
  margin-left: 0.5%;
  margin-right: 0.5%;
}
/*#blocs-contact .bloc-contact .txt-contact-adresse { position:relative; display:inline-block; text-align:left; margin-left:2em;}
#blocs-contact .bloc-contact .txt-contact-adresse::before { content: ''; width:4em; height:4em; position: absolute; left: -5em; top:50%; margin-top:-2em; background-repeat:no-repeat; background-size:100% 100%; background-image:url('img/picto-bulle-pin-etoile.png');}*/
#blocs-contact .bloc-contact .tout .txt-contact-adresse {
  /*float: right;*/ /*margin-right: 40%;*/
}
#blocs-contact .bloc-contact .tout .img-contact-adresse {
  width: 74px;
  height: 74px;
  float: left; /*margin-left: 25%;*/
  margin-right: 5%; /*margin-top: -2%;*/
}
/*#blocs-contact .bloc-contact .txt-contact-mail { position:relative; display:inline-block; text-align:left; margin-left:2em;}
#blocs-contact .bloc-contact .txt-contact-mail::before { content: ''; width:4em; height:4em; position: absolute; left: -5em; top:50%; margin-top:-2em; background-repeat:no-repeat; background-size:100% 100%;  background-image: url('img/picto-bulle-enveloppes.png');}*/
#blocs-contact .bloc-contact .txt-contact-mail {
  /*float: right; margin-right: 10%;*/
}
#blocs-contact .bloc-contact .img-contact-mail {
  width: 74px;
  height: 74px;
  float: left; /*margin-left: 25%; margin-top: -2%;*/
  margin-right: 5%;
}
#blocs-contact .bloc-contact .txt-contact-mail a {
  text-decoration: none;
  color: #5a5a69;
}
/*#blocs-contact .bloc-contact .txt-contact-telephone { position:relative; display:inline-block; text-align:left; margin-left:2em;}
#blocs-contact .bloc-contact .txt-contact-telephone::before { content: ''; width:4em; height:4em; position: absolute; left: -5em; top:50%; margin-top:-2em; background-repeat:no-repeat; background-size:100% 100%;  background-image: url('img/picto-bulle-telephone.png');}*/
#blocs-contact .bloc-contact .txt-contact-telephone {
  /*float: right; margin-right: 10%;*/
}
#blocs-contact .bloc-contact .img-contact-telephone {
  width: 74px;
  height: 74px;
  float: left; /*margin-left: 25%; margin-top: -2%;*/
  margin-right: 5%;
}
#blocs-contact .bloc-contact .txt-contact-telephone a {
  text-decoration: none;
  color: #5a5a69;
}

#zone-formu-contact {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}

#zone-formu-contact .intro-formucont {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 66px;
  position: relative;
}

#zone-formu-contact .intro-formucont::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -30px;
  background: url(img/souli-jaune.jpg) no-repeat center;
}

#zone-formu-contact .intro-formucont h3 {
  color: #5a5a69;
  font-size: 32px;
  font-weight: 700;
  margin-top: 64px;
}

#zone-formu-contact .intro-formucont h3 .gras {
  font-weight: 700;
}

#zone-ggmap1 {
  background: #f7f7f7 none repeat scroll 0 0;
  float: left;
  margin-bottom: 72px;
  min-height: 475px;
  width: 100%;
}

#zone-ggmap1 h4 {
  color: #5a5a69;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 60px;
  margin-top: 60px;
  text-align: center;
}

#zone-ggmap1 h4 .gras {
  font-weight: 700;
}

.cont-ggmap {
  /*width: 100%;*/
  max-width: 1100px;
  margin: 0 auto;
}

#ggmap1 {
  float: left;
}

.infos-ggmap {
  float: right;
  margin-left: 45px;
  font-size: 16px;
  line-height: 24px;
}

.infos-ggmap h5 {
  font-size: 24px;
  margin-bottom: 49px;
  margin-top: 0;
  position: relative;
}

.infos-ggmap h5::after {
  background: #6c253f none repeat scroll 0 0;
  bottom: -25px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 72px;
}

.adresse-ggmap {
  position: relative;
  margin-left: 54px;
  margin-bottom: 40px;
}

.adresse-ggmap::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: -54px;
  background: url(img/socio-dm-icon-place-orange40-40.png) no-repeat;
  top: 4px;
}

.telephone-ggmap {
  position: relative;
  margin-left: 54px;
}

.telephone-ggmap::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: -54px;
  background: url(img/socio-dm-icon-telephone40-40.png) no-repeat;
  top: -7px;
}

#zone-ggmap2 {
  padding-top: 6px;
  width: 100%;
  float: left;
  margin-bottom: 70px;
}

#ggmap2 {
  float: right;
}

#zone-ggmap2 .infos-ggmap {
  float: right;
  margin-right: 45px;
  margin-left: 0;
  text-align: right;
}

#zone-ggmap2 .infos-ggmap h5::after {
  right: 0;
  left: auto;
}

#zone-ggmap2 .adresse-ggmap {
  margin-right: 54px;
  margin-left: 0px;
}

#zone-ggmap2 .adresse-ggmap::before {
  left: auto;
  right: -54px;
}

#zone-ggmap2 .telephone-ggmap {
  margin-left: 0px;
  margin-right: 54px;
}

#zone-ggmap2 .telephone-ggmap::before {
  left: auto;
  right: -54px;
}

#formu-contact {
  width: 100%;
  max-width: 596px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 700;
  color: #5a5a69;
}

#formu-contact input[type="text"],
#formu-contact input[type="email"],
#formuforma input[type="text"],
#formuforma input[type="email"],
#formu-contact input[type="file"],
#formuforma select {
  background: #f0f0f3;
  border: none;
  height: 41px;
  box-sizing: border-box;
  padding-left: 15px;
  font-size: 16px;
  color: #5a5a69;
  margin-top: 5px;
  margin-bottom: 12px;
}

#formu-contact .blocform,
#formuforma .blocform {
  float: left;
}

#formu-contact .blocform.marged,
#formuforma .blocform.marged {
  margin-right: 44px;
}

#formu-contact .blocformfull input[type="text"],
#formuforma .blocformfull input[type="text"],
#formu-contact .blocformfull input[type="file"] {
  width: 596px;
}

#formu-contact .blocform input[type="text"],
#formu-contact .blocform input[type="email"],
#formuforma .blocform input[type="text"],
#formuforma .blocform input[type="email"],
#formuforma .blocform select {
  width: 276px;
}

#formu-contact .connaissance-sdm {
  width: 100%;
}
#formu-contact .connaissance-sdm select {
  width: 100%;
  background: #f0f0f3;
  border: none;
  height: 41px;
  box-sizing: border-box;
  padding-left: 15px;
  font-size: 16px;
  color: #6c253f;
  margin-top: 5px;
  margin-bottom: 12px;
}

#formu-contact .blocformfull textarea {
  width: 596px;
  height: 124px;
  background: #f0f0f3;
  border: none;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 10px 15px;
  font-family: "Open Sans", sans-serif;
  color: #6c253f;
}

.wpcf7-form-control-wrap {
  float: left;
}

#formu-contact input[type="submit"] {
  background: #ffa400 none repeat scroll 0 0;
  border: medium none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 15px;
  font-weight: 700;
  height: 47px;
  margin-left: 20px;
  margin-top: 12px;
  padding-top: 3px;
  transition: background 0.5s ease 0s;
  width: 272px;
  -webkit-appearance: none;
}

#formu-contact input[type="submit"]:hover {
  background: #6c253f;
}

/* FORMULAIRE D'INSCRIPTION A UNE FORMATION  */

#intro-formuforma {
  width: 100%;
  float: left;
  text-align: center;
}

#intro-formuforma .cont-intro-formuforma {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}

#intro-formuforma .cont-intro-formuforma h3 {
  font-size: 38px;
  font-weight: 400;
  color: #00747f;
  margin-top: 60px;
}

#intro-formuforma .cont-intro-formuforma h3 .gras {
  font-weight: 700;
}

#formuforma {
  width: 100%;
  float: left;
  /*background: #F0F0F3;*/
  padding-top: 39px;
  padding-bottom: 80px;
  margin-top: 50px;
}

#formuforma .cont-formuforma {
  width: 100%;
  max-width: 596px;
  margin: 0 auto;
}

/* Formulaire d'inscription à une formation */

#formuforma {
  font-size: 15px;
  font-weight: 700;
  color: #00747f;
}

#formuforma .formuiftop input[type="text"] {
  width: 596px;
  background: #00747f;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

#formuforma .formuiftop br {
  display: none;
}

.wpcf7-form-control-wrap.date-formation {
  float: right;
}

#formuforma .formuiftop input[type="date"] {
  background: #f0f0f3;
  border: none;
  height: 41px;
  box-sizing: border-box;
  padding-left: 15px;
  font-size: 16px;
  color: #00747f;
  margin-top: 5px;
  margin-bottom: 12px;
  width: 276px;
}

#formuforma h4 {
  float: left;
  color: #ffa400;
  font-size: 20px;
  position: relative;
  padding-right: 17px;
}

#formuforma h4::after {
  content: "";
  height: 1px;
  width: 596px;
  position: absolute;
  left: 0;
  bottom: 3px;
  background: #fcb23a;
}

#formuforma h4::before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3px;
  background: #fff;
  z-index: 10;
}

#formuforma .col-ville {
  float: left;
  width: 320px;
}

#formuforma .labeldateif {
  padding-top: 13px;
  display: block;
  float: left;
}

#formuforma textarea {
  background: #f0f0f3;
  border: none;
  height: 124px;
  box-sizing: border-box;
  padding-left: 15px;
  font-size: 16px;
  color: #00747f;
  margin-top: 5px;
  margin-bottom: 12px;
  width: 276px;
  font-family: "Open Sans", sans-serif;
}

#formuforma input[type="submit"] {
  float: left;
  width: 272px;
  height: 47px;
  border: none;
  background: #ffa400;
  box-sizing: border-box;
  padding-top: 3px;
  color: #fff;
  margin-left: 20px;
  font-weight: 700;
  margin-top: 12px;
  cursor: pointer;
  transition: background 0.5s;
  -webkit-appearance: none;
}

/* FORMULAIRE DE CONTACT */
#formu-contact .blocformfull input[type="file"] {
  padding: 0px;
}

/* PAGE AUDITS ET TEST D'INTRUSION */

#bande-ssservices {
  /*float: left;*/
  min-height: 350px;
  text-align: center;
  /*width: 100%;*/
  max-width: 1100px;
  margin: 0 auto;
}

#bande-ssservices .cont-ssservices {
  /*width: 50%;
max-width: 1095px;*/
  /*margin: 0 auto;*/
  margin-left: 10%;
}

#bande-ssservices .bloc-ssservice {
  background: #f0f0f3;
  cursor: pointer;
  float: left;
  height: 240px;
  margin-left: 11px;
  margin-top: 54px;
  padding-top: 15px;
  position: relative;
  width: 285px;
}

#bande-ssservices .bloc-ssservice::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -24px;
  height: 24px;
  width: 100%;
  background: url(img/triangle-gris.png) no-repeat center;
  display: none;
}

#bande-ssservices .bloc-ssservice.sssactif::after {
  display: block;
}

#bande-ssservices .bloc-ssservice.first {
  margin-left: 0px;
}

#bande-ssservices .bloc-ssservice h4 {
  font-size: 18px;
  line-height: 22px;
}

#bande-ssservices .bloc-ssservice .picto-service {
  width: 100%;
  height: 110px;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

#bande-ssservices .bloc-ssservice .picto-service .hover-picto-service {
  width: 100%;
  height: 110px;
  background-repeat: no-repeat;
  position: absolute;
  display: none;
  background-position: bottom center;
}

#bande-ssservices .bloc-ssservice:hover .hover-picto-service {
  display: block;
}

#bande-ssservices .bloc-ssservice:hover,
#bande-ssservices .bloc-ssservice.sssactif {
  background: #646478;
  color: #fff;
}

#bande-ssservices .bloc-ssservice:hover .hover-picto-service,
#bande-ssservices .bloc-ssservice.sssactif .hover-picto-service {
  display: block;
}

#bande-ssservices .bloc-ssservice .picto-service.code {
  background-image: url(img/picto-rond-audit-code.png);
}

#bande-ssservices .bloc-ssservice .picto-service.archi {
  background-image: url(img/picto-rond-architecture.png);
}

#bande-ssservices .bloc-ssservice .picto-service.config {
  background-image: url(img/picto-rond-audit-conf.png);
}

.descri-sssservice h4 {
  color: #5a5a69;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}

.descri-sssservice h4 .gras {
  font-weight: 700;
}

#bande-blocs-expert {
  width: 100%;
}

/*#bande-blocs-expert .intro-blocs-expert {
text-align: center;
font-size: 22px;
color: #00747f;
line-height: 26px;
padding-top: 30px;
}

#bande-blocs-expert .intro-blocs-expert .gras {
font-weight: 700;
}*/

#bande-blocs-expert .cont-blocs-expert {
  width: 100%;
  max-width: 616px;
  margin-left: 240px;
  padding-bottom: 70px;
}

#bande-blocs-expert .cont-blocs-expert ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#bande-blocs-expert .cont-blocs-expert ul li {
  padding-left: 26px;
  margin-bottom: 12px;
  background: url(img/fleche-jaune-mini.png) no-repeat left 6px;
}

#bande-blocs-expert .cont-blocs-expert .gras {
  font-weight: 700;
}

/*Affichage / Cachage des tabs audits et tests */
.tab-ssservice {
  display: none;
}

.tab-ssservice.onglet-1 #bande-blocs-expert .bloc-expertgf,
.tab-ssservice.onglet-1 #bande-blocs-expert .bloc-expertgc {
  min-height: 360px !important;
}

.tab-ssservice.tabactive {
  display: block;
  max-width: 1100px;
  margin: 0 auto;
}

.h3placement {
  font-size: 30px;
  text-align: center;
  color: #00747f;
  font-weight: 400;
}

#bande-blogs-data-management {
  background: #f0f0f3;
  padding-bottom: 40px;
  padding-top: 40px;
}

#bande-intro-data-management {
  text-align: left;
  /*width: 80%;*/
  max-width: 1040px;
  margin: 60px auto;
}

#bande-intro-data-management h3 {
  font-size: 26px;
  width: 100%;
  margin: 0 auto;
}

#bande-intro-data-management .texte {
  font-size: 15px;
  width: 100%;
  margin: 0 auto;
}

#bande-intro-data-management .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 225px;*/
  background: #6c253f;
}

#back-color-intro-dm-2 {
  background-color: #3c3c50;
  padding-top: 20px;
  padding-bottom: 20px;
}

#bande-intro-data-management-2.Gauche {
  text-align: left;
  /*width: 80%;*/
  max-width: 1040px;
  margin: 60px auto;
}

#bande-intro-data-management-2.Milieu {
  text-align: center;
  /*width: 80%;*/
  max-width: 1040px;
  margin: 60px auto;
}

#bande-intro-data-management-2.Droite {
  text-align: right;
  /*width: 80%;*/
  max-width: 1040px;
  margin: 60px auto;
}

#bande-intro-data-management-2 h3 {
  font-size: 26px;
  width: 100%;
  margin: 0 auto;
}

#bande-intro-data-management-2 .texte {
  font-size: 15px;
  width: 100%;
  margin: 0 auto;
}

#bande-intro-data-management-2.Gauche .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 225px;*/
  background: #6c253f;
}

#bande-intro-data-management-2.Milieu .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 225px;*/
  background: #6c253f;
  margin: 20px auto;
}

#bande-intro-data-management-2.Droite .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 225px;*/
  background: #6c253f;
  margin: 20px 0 20px auto;
}

#bande-intro-data-management-2 a {
  background: #fff none repeat scroll 0 0;
  color: #6c253f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 16px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

#bande-intro-data-management-2 a:hover {
  background: #ffa400 none repeat scroll 0 0;
  color: #fff;
  transition: all 0.5s ease 0s;
}

#bandeau-introduction-data-management {
  width: 100%;
  height: 160px;
  text-align: center;
}

#bandeau-introduction-data-management h3 {
  width: 50%;
  margin: 0 auto;
  color: white;
  font-size: 20px;
  padding-top: 40px;
  line-height: 28px;
}

#bande-into-data-ingenierie {
  text-align: left;
  /*width: 80%;*/
  max-width: 1040px;
  margin: 60px auto;
}

#bande-into-data-ingenierie h3 {
  font-size: 26px;
  /*margin-left : 220px;*/
}

#bande-into-data-ingenierie .texte {
  font-size: 15px;
  /*width: 70%;*/
  /*margin-left : 220px;*/
}

#bande-into-data-ingenierie .texte .gras {
  font-weight: 700;
}

#bande-into-data-ingenierie .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 220px;*/
  background: #6c253f;
}

#bande-solutions-techniques {
  padding-top: 20px;
  padding-bottom: 20px;
  /*width: 100%;*/
  min-height: 250px;
  /*background: #f0f0f3;*/
  max-width: 1100px;
  margin: 0 auto;
}

#bande-solutions-techniques h3 {
  /*margin-left: 37%;*/
  text-align: center;
}

#bande-solutions-techniques .barre-horizontale {
  width: 70px;
  height: 5px;
  margin-left: 48%;
  background: #6c253f;
}

#bande-solutions-techniques ul {
  list-style: none;
  margin-left: -40px;
}

#bande-solutions-techniques ul li {
  margin-bottom: 11px;
}

#bande-solutions-techniques .droite ul li {
  padding-left: 26px;
  /*background: url('img/mini-fleche-yellowgreen.png') no-repeat left 6px;*/
}

#bande-solutions-techniques .gauche ul li {
  padding-left: 26px;
  /*background: url('img/fleche-jaune-mini.png') no-repeat left 6px;*/
}

#bande-solutions-techniques .droite {
  float: right;
  width: 40%;
  /*margin-left: 5%;*/
  /*margin-right: 22%;*/
  background: #f0f0f3;
  padding-left: 3%;
  padding-right: 2%;
  padding-top: 40px;
  min-height: 210px;
}

#bande-solutions-techniques .gauche {
  float: left;
  width: 40%;
  /*margin-left: 22%;*/
  margin-right: 5%;
  background: #f0f0f3;
  padding-left: 3%;
  padding-right: 2%;
  min-height: 210px;
  padding-top: 40px;
}

#bande-solutions-techniques-2 {
  padding-top: 60px;
  padding-bottom: 10px;
  /*width: 100%;*/
  min-height: 400px;
  max-width: 1100px;
  margin: 0 auto;
}

#bande-solutions-techniques-2 ul {
  list-style: none;
  margin-left: 0px;
}

#bande-solutions-techniques-2 ul li {
  margin-bottom: 11px;
}

/*#bande-solutions-techniques-2 .gauche ul li {
	padding-left: 26px;
	background: url('img/mini-fleche-yellowgreen.png') no-repeat left 6px;
}*/

#bande-solutions-techniques-2 .droite {
  float: right;
  height: 400px;
  width: 50%;
  /*margin-left: 5%;
	margin-right: 10%;*/
}

#bande-solutions-techniques-2 .droite .image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

#bande-solutions-techniques-2 .gauche {
  float: left;
  width: 40%;
  /*margin-left: 10%;*/
  margin-right: 5%;
}

#background-repete-data-ingenierie #colonne-texte {
  background: white;
}

#background-repete-data-management #colonne-texte {
  background: white;
}

#background-repete-data-ingenierie #colonne-image {
  background-color: white;
}

#background-repete-data-management #colonne-image {
  background-color: white;
}

#bande-expertise-technologique {
  padding-top: 60px;
  padding-bottom: 60px;
}

#bande-expertise-technologique .cont-expertise {
  width: 1090px;
  margin: 0 auto;
  position: relative;
}

#bande-expertise-technologique .cont-expertise h3 {
  color: #5a5a69;
  font-size: 24px;
  font-weight: 650;
  margin-bottom: 20px;
  text-align: center;
}

#bande-expertise-technologique .cont-expertise h3 .gras {
  font-weight: 700;
}

#bande-expertise-technologique .cont-expertise .barre-horizontale {
  width: 70px;
  background: #6c253f;
  height: 5px;
  margin: 30px auto;
}

#bande-expertise-technologique .flex-next {
  display: block;
  position: absolute;
  right: 0;
  top: 05px;
  width: 45px;
  height: 28px;
  background: url(img/fleche-carou-suiv.png) no-repeat;
  text-indent: -9000px;
}

#bande-expertise-technologique .flex-prev {
  display: block;
  position: absolute;
  right: 50px;
  top: 05px;
  width: 45px;
  height: 28px;
  background: url(img/fleche-carou-prec.png) no-repeat;
  text-indent: -9000px;
}

#bande-expertise-technologique .slides li {
  text-align: center;
}

#bande-expertise-technologique .slides li img {
  max-width: 100%;
}

#bande-securite-donnees {
  width: 100%;
  min-height: 170px;
  padding-top: 30px;
  padding-bottom: 10px;
}

#bande-securite-donnees .droite {
  float: right;
  width: 30%;
  margin-left: 5%;
  margin-right: 21%;
}

#bande-securite-donnees .droite .texte {
  font-size: 15px;
}

#bande-securite-donnees .gauche {
  float: left;
  width: 20%;
  margin-left: 22%;
  margin-right: 1%;
}

#bande-securite-donnees .gauche h3 {
  font-size: 18px;
}

#bande-securite-donnees .gauche .barre-horizontale {
  width: 70px;
  height: 5px;
  background: orange;
}

#bande-expertise-sdm .titre1 {
  font-size: 26px;
}

#bande-expertise-sdm .titre2 {
  text-align: center;
  font-size: 24px;
}

#bande-expertise-sdm .barre-horizontale-1 {
  width: 100px;
  height: 5px;
  margin: 20px 0px 20px;
  background: #6c253f;
}

#bande-expertise-sdm .barre-horizontale-2 {
  width: 100px;
  height: 5px;
  margin: 20px auto 20px;
  background: #6c253f;
}

#bande-expertise-sdm .texte {
  font-size: 15px;
}

.aligncenter {
  margin-left: 0;
}

#bande-expertise-sdm {
  /*text-align: center;*/
  /*width: 80%;*/
  max-width: 1040px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

#bande-expertise-sdm .image {
  width: 100%;
  height: 400px;
  position: relative;
}

#bande-expertise-sdm .image .image-hover {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  display: none;
}

#bande-expertise-sdm .image:hover .image-hover {
  display: block;
}

#background-blocs-expertise {
  background: #f0f0f3;
  padding-top: 30px;
  padding-bottom: 10px;
  overflow: hidden;
}

#background-repete-expertise {
  padding-top: 0px;
}

#background-repete-expertise #colonne-texte {
  background: white;
}

/* Nouvelle page carriere */

#formulaire-carriere {
  display: none;
}

#formulaire-single-carriere {
  display: none;
}

#formulaire-actualite {
  display: none;
}

#bande-rejoindre-sdm {
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
}

#bande-rejoindre-sdm h3 {
  font-size: 26px;
  text-align: left;
  /*margin-left : 400px;*/
  padding-top: 40px;
}

#bande-rejoindre-sdm .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 400px;*/
  background: #6c253f;
}

#bande-rejoindre-sdm .texte {
  font-size: 15px;
  text-align: left;
  /*margin-left : 400px*/
}

.bandeaug-carriere {
  width: 100%;
  float: left;
  color: #fff;
  text-align: center;
  background: #646478;
}

.bandeaug-carriere h3 {
  font-size: 34px;
  font-weight: 400;
}

.bandeaug-carriere h3 .gras {
  font-weight: 700;
}
.intro-forensic {
  text-align: center;
}

.intro-forensic h4 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 15px;
}

.intro-forensic h5 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 400;
}

/*Page 404*/

.txtquatr {
  text-align: center;
  font-size: 26px;
  margin-top: 38px;
}

.txtquatr a {
  display: inline-block;
  border: 1px solid #6c253f;
  padding: 10px 20px;
  color: #6c253f;
  text-decoration: none;
  margin-top: 20px;
  text-transform: uppercase;
  transition: all 0.5s;
}

.txtquatr a:hover {
  color: #ffa400;
  border: 1px solid #ffa400;
}

/*Nouveau bandeau carriere*/

#bande-soumetcs {
  width: 100%;
  float: left;
  min-height: 260px;
  box-sizing: border-box;
  padding-top: 65px;
  background: #f0f0f3;
  margin-bottom: 30px;
}

#bande-soumetcs .cont-soumetcs {
  width: 100%;
  max-width: 890px;
  margin: 0 auto;
  text-align: center;
}

#bande-soumetcs .soumetcs-colg {
  width: 50%;
  float: left;
  position: relative;
  text-align: right;
  box-sizing: border-box;
  padding-right: 50px;
}

#bande-soumetcs .soumetcs-colg::after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 6px;
  height: 68px;
  background: orange;
}

#bande-soumetcs .soumetcs-colg h4 {
  font-size: 24px;
  line-height: 34px;
  margin-top: 8px;
}

#bande-soumetcs .soumetcs-colg h4 .bleu {
  font-weight: 400;
  /*color: #00747f;*/
  display: block;
  font-size: 22px;
}

#bande-soumetcs .soumetcs-cold {
  width: 50%;
  float: left;
  position: relative;
  box-sizing: border-box;
  padding-left: 50px;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

#bande-soumetcs .soumetcs-cold p {
  margin-top: 10px;
}

#bande-soumetcs a.btn-soumetcs {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 20px;
  background: #6c253f;
  /*border: 1px solid #ffce00;*/
  color: #fff;
  text-decoration: none;
  margin-top: 10px;
  letter-spacing: 1px;
  transition: background 0.5s;
}

#bande-soumetcs a.btn-soumetcs:hover {
  background: yellowgreen;
}

#bloc-ils-parlent {
  /*width: 80%;
	margin-left:10%;
	margin-right: 10%;*/
  max-width: 1000px;
  height: 500px;
  margin: 0 auto 30px;
}

#bloc-ils-parlent .gauche {
  width: 30%;
  height: 100%;
  float: left;
  /*margin-right: 5%;*/
}

#bloc-ils-parlent .gauche .haut {
  width: 100%;
  height: 32%;
  margin-bottom: 2%;
}

#bloc-ils-parlent .gauche .haut .gauche {
  width: 49%;
  height: 100%;
  /*background: orange;*/
  float: left;
  margin-right: 2%;
}

#bloc-ils-parlent .gauche .haut .droite {
  width: 49%;
  height: 100%;
  /*background: pink;*/
  float: right;
}

#bloc-ils-parlent .gauche .milieu {
  width: 100%;
  height: 32%;
  /*background: blue;*/
  margin-bottom: 2%;
}

#bloc-ils-parlent .gauche .bas {
  width: 100%;
  height: 32%;
}

#bloc-ils-parlent .gauche .bas .gauche {
  width: 49%;
  height: 100%;
  /*background: orange;*/
  float: left;
  margin-right: 2%;
}

#bloc-ils-parlent .gauche .bas .droite {
  width: 49%;
  height: 100%;
  /*background: pink;*/
  float: right;
}

#bloc-ils-parlent .droite {
  width: 65%;
  height: 100%;
  /*background: #f0f0f3;*/
  float: right;
}

#bloc-ils-parlent .droite div {
  padding-top: 10px;
  /*padding-left: 75px;*/
  text-align: left;
  width: 100%;
  font-size: 16px;
}

#restez-informe {
  width: 100%;
  height: 200px;
  background: #6c253f;
  text-align: center;
  padding-top: 20px;
  position: relative;
}

.page-template-car #restez-informe {
  height: 140px;
}

.page-template-car .single-abonnement {
  background-color: white;
  color: #6c253f;
}

.page-template-car .single-abonnement:hover {
  background-color: orange;
  color: #fff;
}

.page-template-actu #restez-informe {
  height: 140px;
}

.page-template-actu .single-abonnement {
  background-color: white;
  color: #6c253f;
}

.page-template-actu .single-abonnement:hover {
  background-color: orange;
  color: #fff;
}

#restez-informe h3 {
  color: white;
}

/* Résultats de recherche */

.resurech h3.post-title {
  margin-top: 40px;
  margin-bottom: 0;
}

.resurech h3.post-title a {
  font-size: 24px;
  text-decoration: none;
  color: #6c253f;
}

.resurech h1.titre-page {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 60px;
}

/* Nouvelle présentation de l'article mis en avant */

#detail-article.top-detart {
  /*width: 100%;*/
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 0;
}

/*Styles custom pour l'éditeur*/

.mfleche-bleu {
  padding-left: 20px;
  background: url(img/mini-fleche-bleue.png) no-repeat left 5px;
}

.mfleche-jaune {
  padding-left: 20px;
  background: url(img/fleche-jaune-mini.png) no-repeat left 5px;
}

.btnp-jaune a {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #ffa400;
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
  transition: background 0.5s;
  text-decoration: none;
}

.btnp-jaune a:hover {
  background: #6c253f;
}

.btnp-bleu a {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #6c253f;
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
  transition: background 0.5s;
  text-decoration: none;
}

.btnp-bleu a:hover {
  background: #ffa400;
}

.menu li.paddanim {
  animation-name: none;
}

/* Bande cette offre */

#bande-postuler {
  width: 100%;
  float: left;
  text-align: center;
  background: #6c253f;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}

#bande-postuler h4 {
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 25px;
}

#bande-postuler a {
  /*background: #fff none repeat scroll 0 0;
color: #6c253f;
display: inline-block;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
padding: 6px 16px;*/
  text-decoration: none;
  /*text-transform: uppercase;
transition: all 0.5s ease 0s;*/
}

#bande-postuler .btn-esp-carriere {
  cursor: pointer;
  background: #fff none repeat scroll 0 0;
  color: #6c253f;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 16px;
  /*text-decoration: none;*/
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 12px;
  display: block;
  margin-top: -12px;
  margin-bottom: 12px;
}

/* Nouveau style du menu */

/*.conteneur-menu {
background: #fff;
height: 100px;
z-index: 10000;
position: relative;
box-sizing: border-box;
padding-top: 24px;
}*/

.conteneur-menu {
  background: #fff;
  height: 100px;
  z-index: 10000;
  position: absolute;
  box-sizing: border-box;
  padding-top: 24px;
  width: 100%;
}

.logoa-mobile {
  display: none;
}

#bande-schemasoc img {
  max-width: 100%;
}

.illu-bandesoc {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}

.page-id-9 #bande-rejoindre {
  min-height: 0;
  margin-top: 0;
}

.page-id-108 .illu-bandesoc {
  float: right;
  margin-right: 20px;
  margin-top: 4px;
}

.illu-formation {
  float: right;
  max-width: 50%;
  margin-top: 60px;
}

.single-formations .illu-formation {
  margin-top: 88px;
}

#bande-intro-data-intelligence {
  text-align: left;
  /*width: 80%;*/
  max-width: 1040px;
  margin: 60px auto;
}

#bande-intro-data-intelligence h3 {
  font-size: 26px;
  /*margin-left : 220px;*/
}

#bande-intro-data-intelligence .texte {
  font-size: 15px;
  /*width: 70%;*/
  /*margin-left : 220px;*/
}

#bande-intro-data-intelligence .texte .gras {
  font-weight: 700;
}

#bande-intro-data-intelligence .barre-horizontale {
  width: 70px;
  height: 5px;
  /*margin-left: 220px;*/
  background: #6c253f;
}

#bandeau-data-intelligence {
  width: 100%;
  background: #f0f0f3;
  padding-top: 40px;
  padding-bottom: 40px;
}

#bandeau-data-intelligence .interieur {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

#bandeau-data-intelligence .interieur h3 {
  font-size: 20px;
}

#bandeau-data-intelligence .interieur .barre-horizontale {
  width: 50px;
  margin: 0 auto 20px;
  height: 5px;
}

#bandeau-data-intelligence .interieur .pictos-data-intelligence {
  width: 725px;
  margin: 0 auto;
  height: 170px;
}

#bandeau-data-intelligence
  .interieur
  .pictos-data-intelligence
  .picto-data-intelligence {
  float: left;
  font-size: 15px;
  width: 150px;
  font-weight: 700;
  margin-left: 70px;
  line-height: 20px;
}

#bandeau-data-intelligence
  .interieur
  .pictos-data-intelligence
  .picto-data-intelligence
  .legendepdi {
  margin-top: 10px;
}

#bande-solutions-data-visualisation {
  padding-top: 20px;
  padding-bottom: 10px;
  /*width: 100%;*/
  min-height: 400px;
  max-width: 1100px;
  margin: 0 auto;
}

#bande-solutions-data-visualisation h3 {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
}

#bande-solutions-data-visualisation .barre-horizontale {
  width: 50px;
  margin: 20px auto 20px;
  height: 5px;
}

#bande-solutions-data-visualisation ul {
  list-style: none;
  margin-left: 0px;
}

#bande-solutions-data-visualisation ul li {
  margin-bottom: 11px;
}

#bande-solutions-data-visualisation .gauche {
  float: left;
  width: 40%;
  margin-right: 5%;
}

/*#bande-solutions-data-visualisation .gauche ul li {
	padding-left: 26px;
	background: url('img/mini-fleche-yellowgreen.png') no-repeat left 6px;
}*/

#bande-solutions-data-visualisation .droite {
  float: right;
  height: 400px;
  width: 50%;
}

#bande-solutions-data-visualisation .droite .image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

#bandeau-simulateur-bayesien {
  padding-top: 50px;
  padding-bottom: 10px;
  /*width: 100%;*/
  min-height: 400px;
  max-width: 1100px;
  margin: 0 auto;
}

#bandeau-simulateur-bayesien h3 {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
}

#bandeau-simulateur-bayesien .barre-horizontale {
  width: 50px;
  margin: 20px auto 20px;
  height: 5px;
}

#bandeau-simulateur-bayesien ul {
  list-style: none;
  margin-left: 0px;
}

#bandeau-simulateur-bayesien ul li {
  margin-bottom: 11px;
}

#bandeau-simulateur-bayesien .droite {
  float: right;
  width: 40%;
}

#bandeau-simulateur-bayesien .gauche {
  float: left;
  height: 400px;
  width: 50%;
}

#bandeau-simulateur-bayesien .gauche .image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

#bandeau-simulateur-bayesien .droite .btn {
  display: block;
  margin: 00px 10% 20px;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  /*width: 190px;*/
  font-size: 18px;
  font-weight: 700;
  /*padding: 0 15px;*/
  /*background-color: #6c253f;*/
  /*float: left;*/
  text-decoration: none;
  line-height: 40px;
  letter-spacing: 1px;
  transition: background 0.5s;
  text-align: center;
}

#bandeau-simulateur-bayesien .droite .btn:hover {
  background-color: #6c253f !important;
}

.IN-widget {
  vertical-align: top !important;
}

.single-abonnement {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: #6c253f;
  display: inline-block;
  padding: 6px 16px;
  margin-top: 10px;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.single-abonnement:hover {
  background: orange;
}

/*-------------- Page Blog -----------------*/

#bande-accroche-blog {
  height: 100px;
  background: #6c253f;
  text-align: center;
  box-sizing: border-box;
  padding-top: 26px;
}

#bande-accroche-blog h3 {
  color: #fff;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#bande-accroche-blog h4 {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

/*Banniere cookies*/

#wt-cli-policy-link {
  text-decoration: none;
  border-bottom: 1px solid;
}

.cli-bar-message {
  width: 65%;
}

#wt-cli-settings-btn {
  margin-right: 30px;
}

.flex-disabled {
  display: none;
}