/* Général */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,700&display=swap');

:root {
    --main-color: #0064a5;
    --main-color-darker: #92C900;
}

/* header */
* {
  vertical-align : top;
}

.barre-couleur {
  height : 10px;
}

.barre-couleur div {
  height  : 10px;
  display : inline-block;
  float   : left;
}

#header .menu_haut .content {
  position : relative;
  padding  : 0;
}

#header .menu_haut {
  height : 31px;
}

#header .content {
  padding-top : 20px;
}

#header .content .logo {
  position: relative;
}

#header #baseline {
  position : absolute;
  top      : 12px;
}

.menu_haut ul {
  float        : left;
  margin-top   : 8px;
  margin-right : 10px;
}

.menu_haut ul li {
  display      : inline-block;
  padding      : 0 10px;
  border-right : 1px solid #8b9eb7
}

.menu_haut .recherche {
  padding-top : 6px;
  float       : left;
  position    : relative;
}

.menu_haut .recherche input {
  width         : 177px;
  height        : 19px;
  border        : none;
  border-radius : 6px;
  color         : #8b9eb7;
  font-size     : 12px;
  padding       : 1px 5px;
}

.menu_haut .recherche button {
  position   : absolute;
  right      : 3px;
  top        : 5px;
  cursor     : pointer;
  background : url(/images/picto_loupe.png) center center no-repeat;
  height     : 19px;
  width      : 19px;
  border     : none;
}

.menu_haut .espace_client {
  position : absolute;
  right    : 10px;
  top      : 0;
}

#head {
  height   : 129px;
  overflow : visible;
  position : relative;
}

#head .logo {
  position: relative;
}

#head .logo a {
  display      : inline-block;
  margin-right : 55px;
  margin-left  : 10px;
}


#head .logo a.octobre_rose {
  position: absolute;right: 10px;
  top: -8px; margin: 0;
}
#head .logo a.octobre_rose img {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}


#head .logo p {
  font-family: 'Barlow Condensed', sans-serif;
  color: #0069a9;
  font-size: 43px;
  display     : inline-block;
}

#head .menu ul li {
  display : inline-block;
}

/* header menu principal */
#head .menu {
  position: absolute;
}

#head .menu ul {
  margin-top : 30px;
}

#head .menu ul li a.menu-link {
  position : relative;
}

#head .menu ul li a.menu-link span {
  color          : #728499;
  font-size      : 12px;
  text-transform : uppercase;
  text-align     : left;
  border-right   : 1px solid #8b9eb7;
  padding        : 0 9px;
}

#head .menu ul li.last a.menu-link span {
  border : none;
}

#head .menu ul li a.menu-link:hover span {
  color : #009138
}

#head .menu ul li ul li {
  display     : inline-block;
  height      : 35px;
  line-height : 35px;
  overflow    : hidden;
}

#head .menu ul li a {
  display : inline-block;
  height  : auto;
  width   : auto;
}

#head .menu ul li .submenu {
  padding    : 10px;
  box-shadow : 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
  transition : top 0.3s;
  position   : absolute;
  top        : 100%;
  left       : 0;
  z-index    : 1000;
  background : #eeeeee;
  width      : 100%;
}

#head .menu ul li.has-sub a.menu-link:after {
  content     : "";
  height      : 0px;
  width       : 24px;
  transition  : height 0.3s, bottom 0.3s;
  background  : url(/images/fleche_blanche_bas.png) no-repeat;
  position    : absolute;
  display     : block;
  bottom      : 12px;
  left        : 50%;
  margin-left : -12px;
  z-index     : 1001;
}

#head .menu ul li.has-sub:hover a.menu-link:after {
  display    : block;
  height     : 14px;
  transition : height 0.3s, bottom 0.3s;
  bottom     : -2px;
}

#head .menu ul li.has-sub .submenu p {
  font-family    : Arial Rounded MT Bold, arial;
  font-size      : 15px;
  color          : #0065c8;
  display        : block;
  margin         : 10px 10px;
  text-transform : uppercase;
}

#head .menu ul li.has-sub .submenu li a {
  display      : inline-block;
  margin-right : 40px;
  width        : 300px;
}

#head .menu ul li.has-sub .menu-link {
  height : 27px;
}

#head .menu ul li.has-sub .menu-link + .submenu {
  border-top : none;
  padding    : 0;
  display    : inline-block;
  max-height : 0;
  overflow   : hidden;
  transition : max-height 1s;
}

#head .menu ul li.has-sub:hover .menu-link + .submenu {
  display    : inline-block;
  max-height : 400px;
  transition : max-height 1s;
}

/** footer **/
.menu_footer {
  border-top       : 3px solid #004491;
  background-color : #ffffff;
  margin-top       : 20px;
}

.menu_footer .content {
  padding : 0;
}

.footer div.col1 {
  vertical-align : top;
}

.footer a.title {
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 12px;
  color         : #ffffff;
  margin-bottom : 20px;
}

.footer a {
  display : block;
}

.footer .content {
  border-bottom : 1px solid #ffffff;
}

.footer p {
  font-family  : arial;
  font-size    : 13px;
  color        : #ffffff;
  text-align   : left;
  margin-right : 20px;
}

.footer p.info {
  text-align : right;
}

.footer .text_ref {
  border-bottom : none;
  text-align    : left;
}

.footer .text_ref p.titre {
  font-family   : Arial Rounded MT Bold, arial;
  text-align    : left;
  font-size     : 18px;
  margin-bottom : 10px;
}

/** home */
.home_contenu .label .infos {
  position   : relative;
  padding    : 20px;
  height     : 285px;
  width      : 100%;
  background : url(/images/bg_label.png) top right no-repeat #8a9eb8;
}

.home_contenu .label h2 {
  font-family    : Arial Rounded MT Bold, arial;
  font-size      : 18px;
  color          : #8a9eb8;
  margin-bottom  : 10px;
  text-transform : uppercase;
}

.home_contenu .label .infos p {
  background   : url(/images/picto_centre_conseil.png) no-repeat top left;
  color        : #ffffff;
  display      : inline-block;
  font-family  : Arial Rounded MT Bold, arial;
  font-size    : 25px;
  height       : 117px;
  line-height  : 27px;
  padding-left : 128px;
  padding-top  : 15px;
}

.home_contenu .label .infos span.texte {
  display     : block;
  font-family : Arial Rounded MT Bold, arial;
  color       : #ffffff;
  font-size   : 18px;
  margin-top  : 10px;
}

.home_contenu .label .infos a {
}

.home_contenu .label .infos span.btn_blanc {
  position : absolute;
  bottom   : 20px;
}

.home_contenu .label a:hover .btn_blanc {
  border            : none;
  box-shadow        : 0px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform : translateY(-2px);
  transform         : translateY(-2px);
  transition        : transform 0.3s
}

.home_contenu .label a:active .btn_blanc {
  box-shadow  : 0px 2px 2px rgba(0, 0, 0, 0.2) inset;
  border      : none;
  line-height : 39px;
  padding     : 0 15px;
}

#header {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
}

#content {
  margin-top : 170px;
}

.home_contenu .partenaire h2 {
  font-family    : Arial Rounded MT Bold, arial;
  font-size      : 18px;
  color          : #92c500;
  margin-bottom  : 10px;
  text-transform : uppercase;
}

.home_contenu .partenaire .infos {
  padding    : 20px;
  position   : relative;
  background : url(/images/bg_partenaire.png) bottom left #0a68c5 no-repeat;
  height     : 285px;
}

.home_contenu .partenaire .infos p {
  text-align  : center;
  font-size   : 30px;
  font-family : 'complete_in_himregular';
  color       : #ffffff;
  line-height : 29px;
}

.home_contenu .partenaire .infos p span {
  color     : #ffffff;
  font-size : 35px;
}

.home_contenu .partenaire .infos p span.vert {
  color          : #91cb00;
  font-size      : 39px;
  display        : inline-block;
  text-transform : uppercase;
}

.home_contenu .partenaire .infos a {
}

.home_contenu .partenaire .infos span.btn_blanc {
  position    : absolute;
  position    : absolute;
  bottom      : 20px;
  margin-left : -113px;
  left        : 50%;
}

.home_contenu .partenaire a:hover .btn_blanc {
  border            : none;
  box-shadow        : 0px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform : translateY(-2px);
  transform         : translateY(-2px);
  transition        : transform 0.3s
}

.home_contenu .partenaire a:active .btn_blanc {
  box-shadow  : 0px 2px 2px rgba(0, 0, 0, 0.2) inset;
  border      : none;
  line-height : 39px;
  padding     : 0 15px;
}

.home_contenu .reseau {
  position   : relative;
  background : #ffffff;
  height     : 290px;
  text-align : center;
  overflow   : auto;
}

.home_contenu .reseau p {
  text-transform : uppercase;
  font-family    : Arial Rounded MT Bold, arial;
  font-size      : 35px;
  color          : #0057ac;
  margin-top     : 20px;
}

.home_contenu .reseau p span {
  display   : block;
  color     : #009221;
  font-size : 15px;
}

.home_contenu .reseau a {
  height  : 100%;
  width   : 100%;
  display : block;
  padding : 20px;
}

.home_contenu .reseau span.btn_vert2 {
  position    : absolute;
  bottom      : 20px;
  margin-left : -71px;
  left        : 50%;
}

.home_contenu .reseau img {
  position : absolute;
  right    : 0;
  top      : 98px;
  height   : 115px !important;

}

.home_contenu .reseau a:hover .btn_vert2 {
  -webkit-transform : translateY(-2px);
  transform         : translateY(-2px);
  transition        : transform 0.3s;
  background        : #00ae32;
  box-shadow        : 0px 2px 2px rgba(0, 0, 0, 0.2)
}

.home_contenu .reseau a:active .btn_vert2 {
  background  : #00ae32;
  border      : none;
  box-shadow  : 0px 2px 2px rgba(0, 0, 0, 0.2) inset;
  line-height : 27px;
}

.home_contenu .carriere {
  text-align : center;
  position   : relative;
  background : url(/images/bg_recrutement.png) no-repeat bottom center #003984;
  height     : 290px;
}

.home_contenu .carriere a {
  padding : 20px;
  display : block;
  width   : 100%;
  height  : 100%;
}

.home_contenu .carriere p {
  text-transform : uppercase;
  font-family    : Arial Rounded MT Bold, arial;
  color          : #ffffff;
  font-size      : 35px;
}

.home_contenu .carriere p span {
  font-size : 15px;
  display   : block;
}

.home_contenu .carriere span.btn_blanc {
  position    : absolute;
  bottom      : 20px;
  margin-left : -71px;
  left        : 50%;
  height      : 33px;
  line-height : 33px;
}

.home_contenu .carriere a:hover .btn_blanc {
  border            : none;
  box-shadow        : 0px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform : translateY(-2px);
  transform         : translateY(-2px);
  transition        : transform 0.3s
}

.home_contenu .carriere a:active .btn_blanc {
  box-shadow  : 0px 2px 2px rgba(0, 0, 0, 0.2) inset;
  border      : none;
  line-height : 39px;
  padding     : 0 15px;
}

.home_contenu .actu {
  background : #ffffff;
  height     : 290px;
  position   : relative;
}

.home_contenu .actu img {
  max-width : 100%;
}

.home_contenu .actu p.sous_titre {
  margin         : 5px 10px;
  text-transform : uppercase;
  font-family    : Arial Rounded MT Bold, arial;
  font-size      : 11px;
  color          : #8a9eb8
}

.home_contenu .actu div.accroche {
  height      : 67px;
  margin      : 5px 10px;
  overflow    : hidden;
  font-family : ArialRoundedMTStd, arial;
  font-size   : 15px;
  color       : #0a66c5;
  line-height : 15px;
  text-align  : justify;
}

.home_contenu .actu a {
  height  : 100%;
  display : block;
}

.home_contenu .actu span.btn_blanc_bleu {
  position    : absolute;
  bottom      : 20px;
  margin-left : -60px;
  left        : 50%;
}

.home_contenu .actu a:hover .btn_blanc_bleu {
  -webkit-transform : translateY(-2px);
  transform         : translateY(-2px);
  transition        : transform 0.3s;
  color             : #00a0ea;
  box-shadow        : 0px 2px 2px rgba(0, 0, 0, 0.2);
  border            : 1px solid #00a0ea;
  line-height       : 33px
}

.home_contenu .actu a:active .btn_blanc_bleu {
  box-shadow  : none;
  border      : 1px solid #78e0fc;
  color       : #78e0fc;
  line-height : 33px
}

.menu_gauche li {
  overflow : hidden;
}

.block_rappel .content {
  padding : 0 10px;
}

/*refonte blocs haut*/

.home_contenu .bloc_gauche {
  width        : 32%;
  display      : inline-block;
  margin-right : -0.25em;
}

.home_contenu .bloc_gauche .mea, .home_contenu .bloc_centre .mea {
  -webkit-transition    : all 0.2s ease;
  -moz-transition       : all 0.2s ease;
  -ms-transition        : all 0.2s ease;
  -o-transition         : all 0.2s ease;
  transition            : all 0.2s ease;
  display               : inline-block;
  width                 : 100%;
  background            : #ffffff;
  height                : 327px;
  -webkit-box-shadow    : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow            : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  overflow              : hidden;
}

.home_contenu .bloc_gauche .mea img {
  width : 100%;
}

.home_contenu .bloc_gauche .sliderContainer, .home_contenu .bloc_centre .sliderContainer {
  height   : 100%;
  overflow : hidden;
  position : relative;
}

.home_contenu .bloc_gauche .sliderSlider, .home_contenu .bloc_centre .sliderSlider {
  height   : 100%;
  left     : 0;
  position : absolute;
  top      : 0;
  width    : 100%;
}

.home_contenu .bloc_gauche .sliderSlider .item, .home_contenu .bloc_centre .sliderSlider .item {
  opacity    : 0;
  position   : absolute;
  width      : 100%;
  background : #ffffff;
}

.home_contenu .bloc_gauche .mea img, .home_contenu .bloc_centre .mea img {
  width : 100%;
}

.home_contenu .bloc_gauche .mea:hover,
.home_contenu .bloc_gauche .mea:active,
.home_contenu .bloc_gauche .mea:focus,
.home_contenu .bloc_centre .mea:hover,
.home_contenu .bloc_centre .mea:active,
.home_contenu .bloc_centre .mea:focus {
  -webkit-box-shadow : 0 5px 30px 0 rgba(0, 0, 0, 0.30);
  box-shadow         : 0 5px 30px 0 rgba(0, 0, 0, 0.30);
}

.home_contenu .bloc_centre {
  width        : 20%;
  display      : inline-block;
  margin-left  : 2%;
  margin-right : -0.25em;
}

.home_contenu .bloc_droit {
  width        : 44%;
  display      : inline-block;
  margin-right : -0.25em;
  margin-left  : 2%;
}

.home_contenu .bloc_droit .remise_visuel {
  width                 : 48%;
  display               : inline-block;
  height                : 209px;
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  overflow              : hidden;
}

.home_contenu .bloc_droit .remise_visuel img {
  width   : auto;
  height  : 100%;
  display : inline-block;
}

.home_contenu .bloc_droit .actu {
  -webkit-box-shadow    : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow            : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  overflow              : hidden;
  width                 : 48%;
  display               : inline-block;
  float                 : right;
  background            : #ffffff;
  height                : 209px;
  position              : relative;
}

.home_contenu .bloc_droit .actu .img_container {
  max-width   : 50%;
  display     : inline-block;
  width       : 209px;
  height      : 209px;
  line-height : 209px;
  overflow    : hidden;
}

.home_contenu .bloc_droit .actu img {
  /*height    : 100%;*/
  width          : auto;
  display        : inline-block;
  vertical-align : bottom;
  max-width      : 100%;
}

.home_contenu .bloc_droit .actu .article {
  display : inline-block;
  width   : 100%;
  padding : 20px;
}

.home_contenu .bloc_droit .actu h2 {
  font-family : Arial Rounded MT Bold, arial;
  font-size   : 20px;
  color       : #0057ac;
  display     : inline-block;
  width       : 100%;
}

.home_contenu .bloc_droit .actu .sous_titre {
  font-family   : arial;
  font-weight   : bold;
  font-size     : 14px;
  color         : #737373;
  margin-bottom : 10px;
  display       : inline-block;
  width         : 100%;
}

.home_contenu .bloc_droit .actu .accroche {
  font-family : arial;
  font-weight : normal;
  font-size   : 14px;
  color       : #0064a5;
  display     : inline-block;
  width       : 100%;
  margin      : 5px 0;
}

.home_contenu .bloc_droit .actu .bouton_actu {
  text-align  : center;
  height      : 40px;
  line-height : 38px;
  padding     : 0;
}

.home_contenu .bloc_droit .actu .bouton_actu p {
  font-size : 14px;
}

.home_contenu .bloc_droit .remise_bulle {
  padding               : 0;
  position              : relative;
  -webkit-box-shadow    : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow            : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  width                 : 100%;
  display               : inline-block;
  float                 : right;
  height                : 98px;
  line-height           : 95px;
  margin-top            : 20px;
  background            : #005fad;
  background            : -moz-linear-gradient(-45deg, #005fad 0%, #0a66c5 100%);
  background            : -webkit-linear-gradient(-45deg, #005fad 0%, #0a66c5 100%);
  background            : linear-gradient(135deg, #005fad 0%, #0a66c5 100%);
  filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#005FAD', endColorstr='#0a66c5', GradientType=1);
}

.home_contenu .bloc_droit .remise_bulle:hover .pattern {
  background-size : 90%;
}

.home_contenu .bloc_droit .remise_bulle .pattern {
  -webkit-transition  : all 0.8s ease;
  -moz-transition     : all 0.8s ease;
  -ms-transition      : all 0.8s ease;
  -o-transition       : all 0.8s ease;
  transition          : all 0.8s ease;
  background-image    : url(/images/bg_bulle_remise_@2x.png);
  background-size     : 100%;
  display             : inline-block;
  width               : 100%;
  height              : 100%;
  padding             : 0 200px 0 20px;
  background-position : 50%;
}

.home_contenu .bloc_droit .remise_bulle h2 {
  display        : inline-block;
  vertical-align : middle;
  width          : 100%;
  font-family    : 'SF Comic Script';
  font-size      : 20px;
  line-height    : 25px;
  color          : #ffffff;
  padding-top    : 10px;
  text-shadow    : 0 0 10px rgba(0, 0, 0, 0.5);
}

.home_contenu .bloc_droit .remise_bulle:before {
  content         : ' ';
  background      : url(/images/fleche_bulle_remise_@2x.png);
  position        : absolute;
  background-size : cover;
  width           : 21px;
  height          : 58px;
  left            : 90px;
  top             : -58px;
  display         : none !important;
}

.home_contenu .bloc_droit .remise_bulle .bouton_remise {
  -webkit-transition    : all 0.2s ease;
  -moz-transition       : all 0.2s ease;
  -ms-transition        : all 0.2s ease;
  -o-transition         : all 0.2s ease;
  transition            : all 0.2s ease;
  padding               : 5px 10px;
  background            : #ffffff;
  height                : 40px;
  line-height           : 29px;
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  -webkit-box-shadow    : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow            : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  cursor                : pointer;
  width                 : 160px;
  text-align            : right;
  position              : absolute;
  right                 : 20px;
  top                   : 50%;
  margin-top            : -20px;
}

.home_contenu .bloc_droit .remise_bulle .bouton_remise:hover,
.home_contenu .bloc_droit .remise_bulle .bouton_remise:focus,
.home_contenu .bloc_droit .remise_bulle .bouton_remise:active {
  -webkit-box-shadow : 0 5px 30px 0 rgba(0, 0, 0, 0.30);
  box-shadow         : 0 5px 30px 0 rgba(0, 0, 0, 0.30);
}

.home_contenu .bloc_droit .remise_bulle .bouton_remise p {
  font-family  : arial;
  font-size    : 13px;
  font-weight  : bold;
  color        : #0064a5;
  position     : relative;
  padding-left : 15px;
}

.home_contenu .bloc_droit .remise_bulle .bouton_remise p:after {
  content         : ' ';
  position        : absolute;
  width           : 20px;
  height          : 19px;
  background      : url(/images/picto_remise_bouton_@2x.png) no-repeat;
  background-size : cover;
  top             : 5px;
  left            : -4px;
  display         : inline-block;
  vertical-align  : middle;
}

.home_contenu .bloc_full {
  width                 : 100%;
  display               : inline-block;
  -webkit-box-shadow    : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow            : 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  background            : #ffffff;
  position              : relative;
  margin-bottom         : 20px;
}

.home_contenu .bloc_full .img_container {
  max-width : 32%;
  display   : inline-block;
  width     : 327px;
  height    : 209px;
  overflow  : hidden;
}

.home_contenu .bloc_full .img_container img {
  height : 100%;
  width  : auto;
}

.home_contenu .bloc_full .contenu {
  display   : inline-block;
  min-width : 65.5%;
  max-width : 65.5%;
  padding   : 24px 0 24px 24px;
  height    : 209px;
}

.home_contenu .bloc_full h2 {
  font-family : Arial Rounded MT Bold, arial;
  font-size   : 20px;
  color       : #0057ac;
  display     : inline-block;
  width       : 100%;
}

.home_contenu .bloc_full .sous_titre {
  font-family   : arial;
  font-weight   : bold;
  font-size     : 14px;
  color         : #737373;
  margin-bottom : 10px;
  display       : inline-block;
  width         : 100%;
}

.home_contenu .bloc_full .apropos {
  position : relative;
}

.home_contenu .bloc_full .recrutement {
  margin-top  : 24px;
  padding-top : 16px;
  border-top  : 1px solid #dbdbdc;
  position    : relative;
}

.home_contenu .bloc_full .recrutement .btn_vert2 {
  bottom : 7px;
}

.home_contenu .bloc_full .apropos p.texte {
  max-width   : 64%;
  font-family : arial;
  font-weight : normal;
  font-size   : 14px;
  color       : #0064a5;
}

.home_contenu .bloc_full .btn_vert2 {
  text-align  : center;
  height      : 40px;
  line-height : 38px;
  padding     : 0;
  display     : inline-block;
  float       : right;
  position    : absolute;
  right       : 0;
  bottom      : 0;
  min-width   : 180px;
}

.home_contenu .bloc_full .btn_vert2 p {
  font-size : 14px;
}

.home_contenu .demi_bloc_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.home_contenu .demi_bloc {
  width                 : 49%;
  display               : inline-block;
  -webkit-border-radius : 2px;
  border-radius         : 2px;
  border                : 1px solid #b7b8b9;
  background            : transparent;
  position              : relative;
  padding               : 16px;
}

.home_contenu .demi_bloc .img_container {
  max-width : 22%;
  display   : inline-block;
  width     : 327px;
  padding   : 10px;
}

.home_contenu .demi_bloc .img_container img {
  height : 100%;
  width  : auto;
  max-width: 100%;
}

.home_contenu .demi_bloc .contenu {
  display   : inline-block;
  min-width : 76%;
  max-width : 76%;
}

.home_contenu .demi_bloc .contenu span {
  -webkit-transition : all 0.2s ease;
  -moz-transition    : all 0.2s ease;
  -ms-transition     : all 0.2s ease;
  -o-transition      : all 0.2s ease;
  transition         : all 0.2s ease;
  font-family        : arial;
  font-weight        : normal;
  font-size          : 14px;
  color              : #0064a5;
  text-decoration    : underline;
}

.home_contenu .demi_bloc .contenu img {
  width         : 50%;
  margin-bottom : 3px;
}

.home_contenu .demi_bloc .contenu span:hover,
.home_contenu .demi_bloc .contenu span:active,
.home_contenu .demi_bloc .contenu span:focus {
  color       : #00558c;
  font-weight : bold;
}

.home_contenu .demi_bloc .contenu.full {
  min-width : 100% !important;
  max-width : 100% !important;
}

.home_contenu .demi_bloc h2 {
  font-family : Arial Rounded MT Bold, arial;
  font-size   : 20px;
  color       : #0064a5;
  display     : inline-block;
  width       : 100%;
}

.home_contenu .demi_bloc .sous_titre {
  font-family   : arial;
  font-weight   : bold;
  font-size     : 14px;
  color         : #67798d;
  margin-bottom : 10px;
  display       : inline-block;
  width         : 100%;
}

.home_contenu .demi_bloc p.texte {
  font-family   : arial;
  font-weight   : normal;
  font-size     : 14px;
  color         : #0064a5;
  margin-bottom : 12px;
}

.home_contenu .demi_bloc.right {
  float : right;
}

/* home FAQ */
.home_faq h2 {
  font-family    : Arial Rounded MT Bold, arial;
  color          : #00e5ff;
  font-size      : 18px;
  text-transform : uppercase;
  text-align     : center;
  margin-bottom  : 20px;
}

.home_faq {
  padding-bottom : 26px;
  background     : url("/images/bg_faq_home.png") no-repeat top left;
}

.home_faq .content {
  position : relative;
}

.home_faq a.btn_bleu2 {
  top         : 15px;
  right       : 15px;
  display     : block;
  position    : absolute;
  text-align  : center;
  line-height : 33px;
}

/*breadcrumbs */
.row .breadcrumbs {
  height      : 35px;
  padding     : 0 10px;
  line-height : 35px;
  color       : #ffffff;
  font-size   : 14px;
}

.row .breadcrumbs a {
  color       : #ffffff;
  font-size   : 14px;
  font-family : arial;
}

.row .breadcrumbs a:hover {
  text-decoration : none;
}

.row .breadcrumbs span {
  font-family : arial;
}

.row .breadcrumbs span.last {
  font-weight : bold;
}

/* page contenu */
.row div.view-faq {
  padding-right : 10px;
  padding-left  : 10px
}

.content .cms {
  float : right;
  width : 670px;
}

.content .cms_full .cms {
  width : 100%;
}

.content .menu_page {
  float      : left;
  width      : 323px;
  margin-top : 10px;
}

.content_offre_contact p.titre {
  color : #005eb1;
}

.page_view .menu_page {
}

div#cookie-banner {
  text-align : center;
  z-index    : 20;
  position   : fixed;
  bottom     : 0;
  left       : 0;
  right      : 0;
  padding    : 2px 0;
  background : #666666;
}

div#cookie-banner div.texte {
  padding       : 6px;
  padding-right : 30px;
  font-size     : 11px;
  font-family   : 'roboto';
  color         : white;
}

div#cookie-banner div.texte a {
  color           : white;
  text-decoration : underline;
}

div#cookie-banner div.close {
  width             : 20px;
  background-image  : url("/images/croix_blanche.png");
  height            : 20px;
  background-repeat : no-repeat;
  position          : absolute;
  top               : 6px;
  right             : 6px;
}

h1 {
  font-family   : Arial Rounded MT Bold, arial;
  color         : #0053b8;
  font-size     : 25px;
  border-bottom : 1px solid #c2c5c9;
}

p.titre {
  font-family : Arial Rounded MT Bold, arial;
  font-size   : 28px;
}

/* Contact */
#contact_view h1 {
  border-bottom : 1px solid #c2c5c9;
  margin-bottom : 30px;
}

#contact_view {
  padding : 10px;
}

#contact_view #type {
  margin-bottom : 20px;
}

#contact_view #content_form {
  float    : left;
  position : relative;
  width    : 679px;
}

#contact_view #content_form .input_wrapper {
  margin-bottom : 15px;
  margin-right  : 5px;
}

#contact_view #content_form .validation-advice {
  width : 320px;
}

#contact_view #content_form #contact-form #adresse {
  width : 650px;
}

#contact_view #content_form .btn_bleu {
  margin        : 0 auto;
  display       : block;
  margin-bottom : 20px;
}

#contact_view #content_form .legende {
  position    : absolute;
  bottom      : 47px;
  left        : 0;
  font-family : Arial Rounded MT Bold, arial;
  color       : #000000;
  font-size   : 15px;
}

#contact_view #content_form legend {
  text-transform : uppercase;
  color          : #0053b8;
  width          : 100%;
  margin-bottom  : 25px;
  font-size      : 18px;
  border-bottom  : 1px solid #cccccc;
  display        : block;
  font-family    : Arial Rounded MT Bold, arial;
}

#contact_view .sidebar {
  width      : 255px;
  float      : right;
  background : url(/images/bg_sidebar.png) no-repeat;
  min-height : 739px;
}

#contact_view .sidebar p {
  display       : inline-block;
  color         : #ffffff;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 18px;
  margin-bottom : 21px;
  margin-left   : 17px;
  margin-top    : 62px;
}

#contact_view .sidebar a {
  margin : 0 13px;
}

ul.global-messages {
  z-index     : 100;
  font-weight : bold;
  margin      : 0 1%;
  position    : fixed;
  width       : 98%;
  bottom      : 10px;
}

ul.global-messages li {
  text-align    : center;
  padding       : 10px 0 10px 0;
  margin        : 5px 0 5px 0;
  border-radius : 5px;
}

ul.global-messages li.notice {
  background : #ccd7ff;
  color      : #0f2a46;
  border     : 1px solid #0f2a46;
}

ul.global-messages li.error {
  background : #e74c3c;
  color      : #ffffff;
}

ul.global-messages li.success {
  color            : #ffffff;
  background-color : #2ecc71;
}

ul.global-messages li ul li {
  width     : 92%;
  margin    : 0 2% 0 20px;
  padding   : 2px 0 2px 0;
  font-size : 15px;
}

.page_partenaires p.titre {
  border-bottom : 1px solid #c2c5c9;
  font-size     : 25px;
  margin-bottom : 30px;
  color         : #0053b8;
  font-family   : Arial Rounded MT Bold, arial;
}

.content_carriere .buttons-set {
  text-align : center;
}

.content_carriere .buttons-set input {
  margin-top : -40px
}

.page_partenaires a.part {
  display       : block;
  border-bottom : 1px solid #cccccc;
  color         : #8b9eb7;
  line-height   : 100px;
}

.page_partenaires a.part img {
  float : left;
}

.page_partenaires a.part div.info {
  width          : 430px;
  height         : 100%;
  line-height    : 100%;
  vertical-align : middle;
  line-height    : 14px;
  display        : inline-block;
  padding        : 15px;
  text-align     : justify;
}

.page_partenaires a.part div.info .contenu {
  line-height : 14px;
}

/* actualite */
.actualites {
  margin-bottom : 50px;
}

.actualites h2 {
  color       : #0060b2;
  font-size   : 22px;
  font-family : Arial Rounded MT Bold, arial;
}

.content_actus .item {
  position   : relative;
  border     : 1px solid #bdc7d5;
  margin-top : 20px;
}

.content_actus .item a {
  width   : 100%;
  height  : 100%;
  display : block;
}

.content_actus .item a:hover .date, .content_actus .item a:hover .en_savoir_plus {
  color : #95c300
}

.content_actus .item h2 {
  color       : #0060b2;
  font-size   : 24px;
  font-family : Arial Rounded MT Bold, arial;
}

.content_actus .item img {
  float : left;
}

.content_actus .item p.date {
  margin-bottom : 22px;
  color         : #009220;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 13px;
}

.content_actus .item .infos {
  color       : #67798d;
  font-size   : 13px;
  font-family : arial;
  width       : 100%;
  padding     : 9px 20px 20px 180px;
  text-align  : justify;
}

.content_actus .item .content_text {
  overflow   : hidden;
  max-height : 32px;
}

.content_actus .item .en_savoir_plus {
  position        : absolute;
  left            : 188px;
  bottom          : 10px;
  text-decoration : underline;
  color           : #008c19;
  font-size       : 13px;
  font-family     : Arial Rounded MT Bold, arial;
}

/** actualite view */
.content_actu h2, .content_actu .style-h2 {
  color         : #0060b2;
  font-size     : 22px;
  font-family   : Arial Rounded MT Bold, arial;
  margin-bottom : 20px;
  border        : none;
}

.content_actu a.retour {
  color           : #0060b2;
  font-size       : 13px;
  font-family     : Arial Rounded MT Bold, arial;
  margin-bottom   : 30px;
  padding-bottom  : 4px;
  text-decoration : underline;
  display         : block;
}

.content_actu a.retour:hover {
  text-decoration : none;
}

.content_actu img {
  float        : left;
  margin-right : 20px;
  border       : 1px solid #cccccc;
}

.content_actu p.date {
  margin-bottom : 22px;
  color         : #009220;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 13px;
}

/* page ville */
.content_ville .container-centres .sidebar {
  position : static;
  width    : 100%;
}

/* reductions partenaires */

.reductions_partenaires h2 {
  color         : #91cb00;
  font-family   : "ArialRoundedMTBold", Arial, sans-serif;
  font-size     : 15px;
  margin-bottom : 10px;
}

.reductions_partenaires .item {
  float              : left;
  width              : 320px;
  min-height         : 196px;
  margin             : 10px;
  text-align         : center;
  line-height        : 120px;
  -webkit-transition : border-color 2s linear 1s; /* For Safari 3.1 to 6.0 */
  transition         : border-color 0.2s linear 0.1s;
}

.reductions_partenaires .item a {
  display : block;
  height  : 100%;
  width   : 100%;
}

.reductions_partenaires .item .cont-img {
  display            : block;
  border             : 1px solid #ccddf1;
  -webkit-transition : border-color 2s linear 1s; /* For Safari 3.1 to 6.0 */
  transition         : border-color 0.2s linear 0.1s;
  border-bottom: none;
}

.reductions_partenaires .item .accroche {
  position           : relative;
  border-left        : 1px solid #ccddf1;
  border-right       : 1px solid #ccddf1;
  display            : block;
  line-height        : 48px;
  padding            : 8px;
  background-color   : #e5eaee;
  color              : #0059b7;
  font-size          : 12px;
  font-family        : "ArialRoundedMTBold", Arial, sans-serif;
  -webkit-transition : background-color 2s linear 1s; /* For Safari 3.1 to 6.0 */
  transition         : background-color 0.2s linear 0.1s;
}

.reductions_partenaires .partenaire_locaux .item .accroche {
  line-height : 20px;
}

.reductions_partenaires .item .accroche img {
  max-width : 100%;
  height    : auto !important;
}

.reductions_partenaires .item .accroche span {
  display        : inline-block;
  vertical-align : middle;
  line-height    : 13px;
}

  .reductions_partenaires .item .url_part {
    border-top: 0;
    height: 40px;
    line-height: 40px;
    color: white;
    background: #92C900;
    font-weight: bold;
    border-radius: 0 0 2px 2px;
  }

  .reductions_partenaires .item .url_part:hover {
    background: #A2E101;
  }

.reductions_partenaires .item .accroche strong {
  font-size     : 25px;
  display       : block;
  font-weight   : normal;
  line-height   : 20px;
  margin-bottom : 5px;
}

.reductions_partenaires .item img {
  display        : inline-block;
  vertical-align : middle;
}

.reductions_partenaires h2 {
  margin-top : 20px;
}


.reductions_partenaires .item a:hover .accroche {
  background-color : #a6b6cc;
}

/* point de contr�le */
.pts_124 h2 {
  font-size   : 22px;
  font-family : Arial Rounded MT Bold, arial;
  color       : #0059b2;
}

#voiture-points-ctrl {
  background   : transparent url("/images/voiture-points-ctrl.png") no-repeat scroll 0 0;
  height       : 148px;
  margin-right : 10px;
  width        : 218px;
  position     : relative;
}

#voiture-points-ctrl .radar {
  position : absolute;
}

#points-controle {
  position : relative;
}

#points-controle dt {
  display : inline-block;
}

#points-controle dd {
  display     : block;
  width       : 590px;
  padding     : 15px 10px;
  margin-left : 5px;
  background  : #eff2f5;
}

#points-controle dd .infos {
  border-right  : 1px solid #ffffff;
  margin-top    : 20px;
  margin-bottom : 20px;
  width         : 320px;
  float         : left;
  padding       : 10px;
}

#points-controle dd .voiture {
  width        : 220px;
  float        : left;
  padding-left : 20px;
  margin-top   : 60px;
}

#points-controle dd p.titre {
  margin-bottom : 10px;
  font-size     : 18px;
  font-family   : Arial Rounded MT Bold, arial;
  color         : #0e9924;
}

#points-controle dd p.point_controle {
  margin-bottom : 20px;
  font-size     : 15px;
  font-family   : Arial Rounded MT Bold, arial;
  color         : #0055b4;
}

#points-controle dd ul li {
  margin-top : 10px;
}

#points-controle dd ul.legende {
  margin-top : 30px;
}

#points-controle dd ul.legende .p-gris {
  color       : #4b576b;
  font-size   : 10px;
  font-family : Arial Rounded MT Bold, arial;
}

#points-controle dd ul.legende .p-bleu {
  color       : #005cd6;
  font-size   : 10px;
  font-family : Arial Rounded MT Bold, arial;
}

#points-controle dd ul.legende .p-rouge {
  color       : #db3400;
  font-size   : 10px;
  font-family : Arial Rounded MT Bold, arial;
}

#points-controle dd .conseil {
  text-align : justify;
  margin-top : 20px;
  background : #009ce6;
  padding    : 10px;
  color      : #ffffff;
  font-size  : 12px;
}

#points-controle dd .conseil p.titre {
  background   : url(/images/picto_conseil.png) no-repeat;
  padding-left : 30px;
  color        : #ffffff;
  font-family  : Arial Rounded MT Bold, arial;
  font-size    : 13px;
  height       : 24px;
}

/** services home */
.block_services {
  margin-top    : 15px;
  margin-bottom : 20px;
}

.block_services h2 {
  color         : #009400;
  font-size     : 18px;
  font-family   : Arial Rounded MT Bold, arial;
  margin-bottom : 20px;
  margin-left   : 10px;
}

.block_services div.col2 {
  position : relative;
  border   : 1px solid #8a9eb8;
  padding  : 10px;
  height   : 290px;
}

.block_services div.col2 div {
  position      : relative;
  background    : #e7ebf1;
  width         : 100%;
  height        : 134px;
  margin-bottom : 10px;
}

.block_services div.col2 div span {
  position    : absolute;
  width       : 100%;
  text-align  : center;
  color       : #0065c8;
  font-size   : 16px;
  font-family : Arial Rounded MT Bold, arial;
  bottom      : 25px;
}

.block_services div.col2 p {
  font-size  : 13px;
  color      : #67798d;
  text-align : justify;
}

.block_services div.col2 a {
  position : absolute;
  bottom   : 10px;
  left     : 20px;
}

.block_services div.col2 a.btn_vert2 {
  left    : 163px;
  padding : 3px 39px;
}

.block_services div.contactez-nous a.btn_vert2 {
  left : 100px
}

.block_services div.espace_presse div {
  background : url(/images/picto_espace_presse.png) center 30px no-repeat #e7ebf1;
}

.block_services div.contactez-nous div {
  background : url(/images/picto_contact.png) center 30px no-repeat #e7ebf1;
}

.block_services div.compte_pro div {
  background : url(/images/picto_compte_pro.png) center 30px no-repeat #e7ebf1;
}

/** espace presse */
.contenu_communique {
  padding-right : 10px;
}

.contenu_communique #select_annee {
  float : right;
}

.contenu_communique div.item {
  border-top     : 1px solid #cccccc;
  margin-bottom  : 10px;
  padding-bottom : 10px;
  padding-top    : 6px;
}

.contenu_communique div.item img {
  float        : left;
  margin-right : 15px;
}

.contenu_communique div.item h2 {
  font-size   : 14px;
  color       : #0064a6;
  font-weight : bold;
}

.contenu_communique div.item div.contenu {
  color      : #333333;
  text-align : justify;
}

.contenu_communique div.item a {
  padding-left    : 30px;
  height          : 27px;
  line-height     : 27px;
  text-align      : right;
  color           : #0064a6;
  font-weight     : bold;
  text-decoration : underline;
  margin-top      : 10px;
  float           : right;
  display         : inline-block;
  background      : url(/images/pdf.png) no-repeat;
}

.contenu_communique div.item a.telecharger_images {
  padding-left    : 30px;
  height          : 27px;
  line-height     : 27px;
  text-align      : right;
  color           : #0064a6;
  font-weight     : bold;
  text-decoration : underline;
  margin-top      : 10px;
  float           : right;
  display         : inline-block;
  background      : url(/images/telecharger_image.png) no-repeat;
  margin-right    : 20px;
}

.contenu_communique .titre_annee {
  padding-bottom : 10px;
  font-size      : 16px;
  font-weight    : bold;
  color          : #333333;
}

.contenu_communique div.item p.date {
  font-size     : 11px;
  font-weight   : bold;
  color         : #333333;
  margin-bottom : 6px;
}

div.content_galerie {
  margin-top : 30px;
}

div.content_galerie .item_photo {
  box-shadow    : 2px 4px 7px 0 #666666;
  float         : left;
  width         : 243px;
  margin-bottom : 15px;
  background    : #f5f5f5;
  margin-right  : 20px;
  border        : 1px solid #cccccc;
}

div.content_galerie .content_img {
  display     : block;
  width       : 240px;
  height      : 150px;
  text-align  : center;
  line-height : 150px;
  overflow    : hidden;
  background  : #ffffff;
}

div.content_galerie .content_img img {
  vertical-align : middle;
}

div.content_galerie .item_photo .titre {
  margin-top    : 6px;
  padding-left  : 6px;
  padding-right : 6px;
  color         : #333333;
  font-size     : 15px;
  font-weight   : bold;
  margin-bottom : 6px;
}

div.content_galerie .item_photo .telecharger {
  background      : none repeat scroll 0 0 #cccccc;
  border-top      : 1px solid #999999;
  color           : #333333;
  display         : block;
  font-weight     : bold;
  padding         : 9px 10px 10px;
  text-align      : center;
  text-decoration : underline;
}

div.container_videos {
}

.item_video {
  display       : block;
  border-bottom : 1px solid #cccccc;
  margin-bottom : 10px;
}

div.container_videos .video {
  position      : relative;
  margin-bottom : 10px;
  display       : inline-block;
  float         : left;
  text-align    : center;
  line-height   : 70px;
  width         : 70px;
  height        : 70px;
  margin-right  : 10px;
  margin-left   : 9px;
  overflow      : hidden;
  border        : 1px solid #cccccc;
}

div.container_videos .video img {
  vertical-align : middle;
}

div.container_videos .video .bg_player {
  width      : 70px;
  height     : 70px;
  position   : absolute;
  top        : 0;
  left       : 0;
  background : url(/images/picto_player.png) no-repeat;
}

div.container_videos .video:hover .bg_player {
  background-position : bottom left;
}

div.container_videos .item_video h2 {
  color         : #0064a6;
  font-size     : 13px;
  font-weight   : bold;
  margin-bottom : 5px;
}

.faq-view dt {
  margin-top : 30px;
}

.faq-view dd .reponses {
  padding : 30px;
  border  : 1px solid #dddddd;
}

/* carriere */
.content_carriere h1 {
}

.list_offre h2 {
  margin-top     : 30px;
  color          : #009400;
  font-size      : 20px;
  font-family    : Arial Rounded MT Bold, arial;
  margin-bottom  : 20px;
  margin-left    : 10px;
  padding-bottom : 10px;
  border-bottom  : 1px solid #009400;
}

.list_offre .item {
  padding       : 10px;
  width         : 100%;
  border-bottom : 1px solid #cccccc;
  color         : #6c7f98;
}

.list_offre .item .info {
  display : inline-block;
}

.list_offre .item .info span {
  font-weight : bold;
}

.list_offre .item .buttons {
  float : right;
}

.list_offre .item .buttons .btn_vert2 {
  display : inline-block;
}

.detail_offre h2 {
  margin-bottom : 30px;
  margin-top    : 20px;
  color         : #009400;
  font-size     : 20px;
  font-family   : Arial Rounded MT Bold, arial;
}

.detail_offre .description {
}

.detail_offre .description div {
  width      : 100% !important;
  text-align : justify;
  color      : #728499;
  border     : none !important;
}

.detail_offre .buttons_details {
  margin-top  : 15px;
  text-align  : center;
  display     : block;
  border-top  : 1px solid #cccccc;
  padding-top : 10px;
}

.detail_offre .buttons_details a {
  display : inline-block;
}

.content_offre_contact h1 {
  margin-bottom : 30px;
}

.content_offre_contact .input_wrapper {
  margin-bottom : 40px;
  margin-right  : 5px;
}

.content_offre_contact #cv_path-label {
  margin-right : 200px;
}

.content_offre_contact .element {
  color : #5d6c83;
}

.content_carriere p.titre {
  color : #005eb1
}

.content_carriere .input_wrapper {
  margin-bottom : 40px;
  margin-right  : 5px;
}

#contact-offre-form {
  width : 700px;
}

/* devenir affilie */
.devenir-affilie input[type="radio"] {
  float       : left;
  margin-left : 20px;
  height      : 24px;
}

.devenir-affilie input[type="radio"] + label {
  float       : left;
  margin-left : 10px;
  color       : #5d6c83;
  font-size   : 16px;
  font-family : arial;
}

.devenir-affilie #exploiter_centre-label,
.devenir-affilie #investisseur-label,
.devenir-affilie #creer_centre-label,
.devenir-affilie #type_centre-label,
.devenir-affilie #local_adapte-label,
.devenir-affilie #gerant_controleur-label {
  width : 500px;
}

.devenir-affilie #type_centre-UncentreVéhiculesLégers + label {
  display     : block;
  float       : none;
  margin-left : 43px;
}

.devenir-affilie #type_centre-Uncentre2Roues + label {
  display     : block;
  float       : none;
  margin-left : 43px;
}

.devenir-affilie #type_centre-UncentreVéhiculesLégerset2Roues + label {
  display     : block;
  float       : none;
  margin-left : 43px;
}

.block_video_home {
  overflow   : hidden;
  background : #ffffff;
  position   : relative;
  text-align : center;
  min-height : 337px;
}

.block_video_home #img_video {
  z-index     : 3;
  position    : absolute;
  top         : 0;
  width       : 1920px;
  left        : 50%;
  margin-left : -960px;
}

.block_video_home video {
  width       : 1920px;
  z-index     : 5;
  position    : absolute;
  top         : 0;
  left        : 50%;
  margin-left : -960px;
}

.block_video_home #filtre {
  position    : absolute;
  z-index     : 6;
  display     : block;
  width       : 1920px;
  height      : 100%;
  background  : url(/images/filtre_video.png);
  top         : 0;
  left        : 50%;
  margin-left : -960px;
}

.block_video_home .widget-recherche-centre-home {
  position: relative;
  z-index: 7;
  text-align: left;
  padding-top: 10px;
}

.block_video_home .widget-recherche-centre-home .content {
  padding: 30px 0;
}

.block_video_home .widget-recherche-centre-home .texte {
  margin-bottom: 24px;
}

.block_video_home .widget-recherche-centre-home h1 {
  color: white;
  font-size: 30px;
  font-family: 'Univers LT Std';
  display: inline-block;
  padding: 24px 24px 14px 90px;
  border: 2px solid rgba(255, 255, 255, 1);
  line-height: 28px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.block_video_home .widget-recherche-centre-home h1:before {
  content: ' ';
  background: url(/images/calendrier-SEC.png);
  position: absolute;
  background-size: cover;
  width: 42px;
  height: 47px;
  left: 25px;
  top: 25px;
}

.block_video_home .widget-recherche-centre-home h1:after {
  content: ' ';
  background: url(/images/fleche-SEC.png);
  position: absolute;
  background-size: cover;
  width: 42px;
  height: 30px;
  right: -3px;
  bottom: -30px;
  z-index: -1;
}

.block_video_home .widget-recherche-centre-home h1 span {
  font-size: 22px;
}

.block_video_home .widget-recherche-centre-home p {
  font-family   : arial;
  font-size     : 20px;
  color         : #ffffff;
  margin-bottom : 30px;
}

.block_video_home .widget-recherche-centre-home form p {
  font-size     : 15px;
  margin-bottom : 5px;
}

.block_video_home .widget-recherche-centre-home .search-field input {
  width : 500px;
}

.widget-recherche-centre-home .geoloc .btn-geolocation {
  background      : transparent url("/images/front/btn-geoloc.png") no-repeat scroll 0 0;
  color           : #ffffff;
  display         : inline-block;
  font-family     : Arial;
  font-size       : 15px;
  height          : 25px;
  line-height     : 25px;
  padding-left    : 30px;
  margin-top      : 15px;
  text-decoration : none;
}

#block_video_home {
  min-height : 337px;
}

/*recherche */
.recherche-results h2 {
  font-family   : roboto;
  border-bottom : 1px solid #667287;
  font-size     : 22px;
  color         : #667287;
  margin-top    : 20px;
  margin-bottom : 30px;
}

.recherche-results h2 span {
  color : #00a533;
}

.recherche-results h3 {
  margin-bottom : 10px;
  color         : #0061b2;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 24px;
}

.recherche-results p {
  font-family : roboto;
  color       : #6c7f99;
  font-size   : 13px;
  text-align  : justify;
}

.recherche-results span.read_more {
  display       : block;
  margin-bottom : 20px;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 13px;
  color         : #008c19;
}

.page-content {
  padding : 10px;
}

#label_centre_conseil p.titre {
  color         : #005eb1;
  margin-bottom : 20px;
}

/* page ville */
#content_cms #container-centres .sidebar {
  position : static;
}

.content_label_centre_conseil .container-centres .sidebar {
  padding : 20px 0;
  width   : 100%;
}

.sidebar h2 {
  color       : #005eb1;
  font-family : Arial Rounded MT Bold, arial;
  font-size   : 20px;
  margin-left : 15px;
}

.content_label_centre_conseil .ico-num-place {
  display : none;
}

.content_label_centre_conseil #form_dept {
  float       : left;
  margin-left : 20px;
  margin-top  : 20px;
}

.content_label_centre_conseil #list-centres-container p.no-result {
  margin-left : 10px;
}

/** footer */
.view_liste_centre .footer #btn_footer {
  width                   : 183px;
  height                  : 60px;
  position                : absolute;
  bottom                  : -2px;
  left                    : 40px;
  background              : #003e84;
  line-height             : 60px;
  text-align              : center;
  color                   : #ffffff;
  font-family             : Arial Rounded MT Bold, arial;
  font-size               : 18px;
  border-top-left-radius  : 4px;
  border-top-right-radius : 4px;
  background              : url(/images/btn_top_footer.png) no-repeat;
}

.view_liste_centre .footer #btn_footer_fermer {
  background : url(/images/btn_bottom.png) no-repeat bottom left;
  transition : bottom 1s;
  height     : 60px;
  width      : 60px;
  display    : block;
  position   : absolute;
  left       : 40px;
  bottom     : -100px;
}

.footer_centre .items a.centre {
  margin-left : 14%
}

.footer_centre .footer .content a {
  display     : inline-block;
  color       : #ffffff;
  font-size   : 16px;
  margin-left : 40px;
}

#footer_block {
  position   : absolute;
  bottom     : 0;
  left       : 0;
  width      : 100%;
  transition : height 1s;
  z-index    : 1000;
  background : #ffffff;
}

#btn_top {
  display    : block;
  position   : fixed;
  height     : 80px;
  width      : 90px;
  background : url(/images/btn_top.png) no-repeat top center;
  right      : 60px;
  bottom     : 100px;
  z-index    : 999;
}

#btn_top span {
  position : absolute;
  bottom   : 0;
  color    : #005eb1
}

.view_departement p.titre {
  color         : #005eb1;
  margin-bottom : 30px;
}

.view_departement .list_dept {
  padding : 10px;
}

.view_departement .list_dept a {
  display    : block;
  margin-top : 15px;
  color      : #728499;
}

.view_departement .list_dept .col {
  width      : 33%;
  display    : inline-block;
  margin-top : 15px;
  color      : #728499;
}

/* page 404 */
.container_error {
  margin  : 20px;
  border  : 1px solid #cccccc;
  padding : 20px;
  color   : #333333
}

.container_error h2 {
  font-weight   : bold;
  border-bottom : 1px solid #666666;
  margin-bottom : 15px;
}

.container_error h3 {
  margin-bottom   : 10px;
  margin-top      : 10px;
  text-decoration : underline;
}

.page_404 {
  background : url(/images/bg_404.png) repeat-x;
}

.page_404 .btn_blanc {
  height       : 50px;
  line-height  : 50px;
  width        : 192px;
  font-size    : 20px;
  padding      : 0;
  text-align   : center;
  margin-right : 30px;
}

.page_404 .chien {
  margin-left : 70px;
  position    : relative;
  float       : left;
  padding-top : 27px;
  width       : 420px;
}

.page_404 .chien .bulle {
  position : absolute;
  top      : 0;
  right    : 0;
}

.page_404 .content {
  position      : relative;
  padding-left  : 450px;
  margin-bottom : 180px;
}

.page_404 .route {
  position : absolute;
  left     : 0;
  bottom   : -115px;
  width    : 400px;
}

.page_404 .route img {
  float : right;

}

.page_404 .infos {
  float      : left;
  width      : 100%;
  margin-top : 50px;
}

.page_404 .infos h1 {
  font-size : 22px;
}

.page_404 .infos p {
  color         : #525260;
  font-size     : 13px;
  font-family   : Arial Rounded MT Bold, arial;
  margin-bottom : 60px;
}

/* sitemap */
.sitemap {
  padding-bottom : 20px;
}

.sitemap .menu-link span {
  font-family   : arial;
  color         : #00a633;
  font-size     : 15px;
  font-weight   : bold;
  text-align    : justify;
  margin-bottom : 5px;
}

.sitemap h2 {
  margin-top : 5px;
}

.sitemap h2, .sitemap h2 a, .sitemap h2 span {
  color         : #005eb1;
  font-family   : arial rounded mt bold, arial;
  font-size     : 22px;
  margin-bottom : 15px;
}

.sitemap .sitemap_page {
  float        : left;
  width        : 50%;
  border-right : 1px solid #cccccc;
}

.sitemap .sitemap_actualites {
  float        : left;
  width        : 45%;
  padding-left : 5%;
}

.sitemap .sitemap_page ul ul ul {
  margin-left : 20px;
}

.sitemap .sitemap_page ul ul ul li a {
  font-size : 13px;
}

.content_offre_contact .retour {
  color         : #0053b8;
  display       : block;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 11px;
  margin-bottom : 10px;
}

.detail_offre .retour {
  position      : absolute;
  top           : 37px;
  right         : 10px;
  color         : #0053b8;
  display       : block;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 11px;
  margin-bottom : 10px;
}

.content_offre_contact {
  position : relative;
}

.detail_offre {
  position : relative;
}

#contact-form .buttons-set {
  text-align : center;
}

#contact-offre-form .buttons-set {
  text-align : center;
}

#contact-form .input_wrapper {
  margin-bottom : 15px;
  margin-right  : 5px;
}

.reductions_centres {
  background : #ffffff;
  margin     : 30px;
  padding    : 30px;
}

.content_label_centre_conseil .container-centres .sidebar .list-centres-container {
  padding : 0
}

.devenir-affilie {
  position : relative;
}

.devenir-affilie .buttons-set {
  position    : absolute;
  bottom      : -8px;
  margin-left : -95px;
  left        : 50%;
}

form .errors li {
  color : red;
}

@media screen and (max-width : 855px) {
  #btn_top {
    display : none !important;
  }

  #contact_view #content_form {
    float  : none;
    margin : 0 auto;
  }

  .menu_haut ul li {
    padding : 0 3px;
  }

  #head .menu ul li a.menu-link span {
    font-size : 11px;
    padding   : 0 7px;
  }

  #head .menu ul li.has-sub .submenu li a {
    width : 250px;
  }

  body .home_contenu .content div h2 {
    font-size : 16px;
  }

  body .home_contenu .content div a {
    font-size : 13px;
  }

  .home_contenu .reseau p {
    font-size : 30px;
  }

  .home_contenu .actu div.accroche {
    height     : 90px;
    text-align : justify;
  }

  #contact_view .sidebar {
    margin : 0 auto;
    float  : none;
  }

  .block_services div.col2 a {
    display    : block;
    position   : static;
    margin     : 0 auto;
    margin-top : 15px;
    text-align : center;
  }

  .block_services div.col2 {
    height : 360px;
  }

  .widget-recherche-centre form.form {
    margin-left : 324px;
  }

  .widget-recherche-centre form.form .search-field input {
    width : 244px;
  }

  .widget-recherche-centre div.geoloc {
    margin-left : 324px;
  }

  .content .menu_page {
    width : 330px !important;
  }

  .devenir-affilie #exploiter_centre-label, .devenir-affilie #investisseur-label, .devenir-affilie #creer_centre-label, .devenir-affilie #type_centre-label, .devenir-affilie #local_adapte-label, .devenir-affilie #gerant_controleur-label {
    max-width : 400px;
  }

  .page_partenaires a.part div.info {
    max-width : 400px;
    padding   : 15px 0;
  }

  .btn_blanc {
    font-size : 13px;
  }

  /*
.rappel span {font-size:13px}
.rappel .astuce{margin-right:5px;font-size:34px;}
*/
  #points-controle dd {
    max-width : 410px;
  }

  #points-controle dd .infos {
    width : 100%
  }

  #points-controle dd .voiture {
    margin-top    : 0;
    margin-bottom : 30px;
  }

  .sticky #head .menu ul li a.menu-link span {
    font-size      : 13px;
    padding        : 0 6px;
    text-transform : none;
  }

  .sticky #head .menu ul li {
    padding-top: 10px !important;
  }

  .sticky #head .menu .logo_sticky img {
    width      : 25px;
    height     : auto;
    margin-top : 8px;
  }

  .sticky .btn_rdv_sticky {
    width          : 100px;
    line-height    : 12px;
    padding-top    : 5px;
    padding-bottom : 5px;
  }

  .menu_124 .item {
    width    : 90px;
    height   : 90px;
    overflow : hidden;
  }

  .menu_124 .item:before {
    background-size : 960px;
    left            : 6px;
    top             : 10px;
  }

  .menu_124 .item:active:before {
    left : 6px;
    top  : 10px;
  }

  .menu_124 .item span {
    width     : 90px;
    font-size : 12px;
  }

  .menu_124 .item.identification:before {
    background-position : 0 -5px;
  }

  .menu_124 .item.freinage:before {
    background-position : -97px 0px;
  }

  .menu_124 .item.direction:before {
    background-position : -199px 0;
  }

  .menu_124 .item.visibilite:before {
    background-position : -297px 0;
  }

  .menu_124 .item.eclairage:before {
    background-position : -394px 0;
  }

  .menu_124 .item.liaison-sol:before {
    background-position : -495px 0;
  }

  .menu_124 .item.structure:before {
    background-position : -596px 0;
  }

  .menu_124 .item.equipement:before {
    background-position : -694px 0;
  }

  .menu_124 .item.organes-mecaniques:before {
    background-position : -791px -4px;
  }

  .menu_124 .item.pollution:before {
    background-position : -889px -6px;
  }

  .menu_124 dt.actif .item.identification:before {
    background-position : 0 -164px;
  }

  .menu_124 dt.actif .item.freinage:before {
    background-position : -97px -160px;
  }

  .menu_124 dt.actif .item.direction:before {
    background-position : -199px -160px;
  }

  .menu_124 dt.actif .item.visibilite:before {
    background-position : -297px -160px;
  }

  .menu_124 dt.actif .item.eclairage:before {
    background-position : -394px -160px;
  }

  .menu_124 dt.actif .item.liaison-sol:before {
    background-position : -495px -160px;
  }

  .menu_124 dt.actif .item.structure:before {
    background-position : -596px -160px;
  }

  .menu_124 dt.actif .item.equipement:before {
    background-position : -694px -160px;
  }

  .menu_124 dt.actif .item.organes-mecaniques:before {
    background-position : -791px 160px;
  }

  .menu_124 dt.actif .item.pollution:before {
    background-position : -889px -160px;
  }

}

/* STICKY */

.btn_rdv_sticky, .logo_sticky {
  display : none;
}

#header.sticky {
  position         : fixed;
  top              : 0px;
  left             : 0;
  width            : 100%;
  background-color : white;
  z-index          : 1000;
  box-shadow       : 0px 2px 4px #aaaaaa;
}

#header.sticky .logo,
#header.sticky .menu_haut {
  display : none;
}

#header.sticky #head {
  height     : 50px;
  margin-top : 15px;
}

#header.sticky .logo_sticky {
  display : inline-block;
}

#header.sticky #head > div.content {
  padding : 0;
}

#header.sticky #head .menu ul li .submenu {
  top : 64px;
}

#header #head .menu ul li:hover .submenu {
  box-shadow : 0px 2px 4px #aaaaaa;
}

#header.sticky #head .menu ul li.has-sub:hover a.menu-link:after {
  bottom : -15px;
}

#header.sticky #head .menu ul li.has-sub a.menu-link:after {
  bottom : -3px;
}

#header.sticky .btn_rdv_sticky {
  display    : inline-block;
  margin-top : 5px;
}

#header.sticky #head .menu ul {
  margin-top : 5px;
  display    : inline-block;
}

.list_offre, .content_offre_contact #contact-offre-form {
  padding-bottom : 40px;
}

p.hint {
  font-size  : 11px;
  color      : #666666;
  margin-top : 5px;
}

/** PAGE MULTICENTRES **/
#content_multicentre {
}

#content_multicentre #header_content .content {
  max-width : 1020px;
  margin    : 20px auto;
}

#content_multicentre #header_content .content h1 {
  border      : none;
  display     : inline-block;
  margin-top  : 23px;
  margin-left : 10px;
}

#content_multicentre #inner_content .content {
  max-width : 1020px;
  padding   : 20px 10px;
  margin    : 0 auto;
}

#content_multicentre .bloc_centre {
  max-width       : 475px;
  min-height      : 400px;
  width           : 95%;
  padding-bottom  : 30px;
  display         : inline-block;
  margin          : 10px;
  background      : url(/images/groupes/ombre_block_centre.png) bottom center no-repeat;
  background-size : 90%;
}

#content_multicentre .bloc_centre h2 {
  font-family    : ArialRoundedMTStd, arial;
  font-size      : 20px;
  color          : #0059d1;
  position       : relative;
  padding-bottom : 7px;
  margin-bottom  : 10px;
}

#content_multicentre .bloc_centre img {
  max-width     : 100%;
  border        : 1px solid #cccccc;
  border-bottom : 3px solid #ffffff;
}

#content_multicentre .bloc_centre h2:after {
  content    : "";
  width      : 65px;
  height     : 3px;
  background : #0059d1;
  position   : absolute;
  bottom     : 0;
  left       : 0;
}

#content_multicentre .bloc_centre .infos {
  padding : 15px;
}

#content_multicentre .bloc_centre h3 {
  font-family : ArialRoundedMTStd, arial;
  font-size   : 20px;
  color       : #0059d1;
}

#content_multicentre .bloc_centre .infos {
  background : #e5eaee;
}

#content_multicentre .bloc_centre .infos p {
  font-family : arial;
  font-size   : 15px;
  color       : #525260
}

#content_multicentre .bloc_centre .infos .btn_blanc {
  margin-top   : 20px;
  width        : 213px;
  font-size    : 12px;
  padding-left : 29px;
  color        : #72859b;
  background   : #ffffff url("/images/groupes/picto_centre.png") no-repeat scroll 10px 12px;
}

#content_multicentre .bloc_centre .infos .btn_blanc.web-site {
  background   : #ffffff url("/images/groupes/picto_centre2.png") no-repeat scroll 10px 12px;
  padding-left : 35px;
}

#content_multicentre .bloc_centre .infos .btn_rdv_tel {
  margin-top       : 20px;
  width            : 218px;
  background-color : #ffffff;
  float            : right;
  padding-left     : 45px;
}

#content_multicentre .bloc_centre .infos .btn_rdv_tel:before {
  left : 10px;
}

#content_multicentre .bloc_centre .infos .btn_rdv {
  margin-top       : 20px;
  width            : 218px;
  background-color : #92c900;
  color            : #ffffff;
  float            : right;
  padding-left     : 45px;
}

#content_multicentre .bloc_centre .infos .btn_rdv:before {
  left : 10px;
}

#content_multicentre #container_select {
  background : #e5eaee;
  padding    : 20px;
}

#content_multicentre #container_select p.choix_ville {
  margin-bottom : 10px;
  font-size     : 25px;
  color         : #1e3b87;
  font-family   : ArialRoundedMTStd, arial;
}

#content_multicentre #container_select label.choix_ville {
  font-size   : 12px;
  color       : #1e3b87;
  font-family : ArialRoundedMTStd, arial;
  padding-top : 5px;
  display     : inline-block;
}

#content_multicentre #container_select select.choix_ville {
  font-size   : 12px;
  color       : #1e3b87;
  font-family : ArialRoundedMTStd, arial;
  display     : inline-block;
}

#content_multicentre .footer {
  background : #3a3e55;
  color      : #ffffff;
}

#content_multicentre .footer .content {
  max-width : 1020px;
  margin    : 10px auto;
  border    : none;
}

#content_multicentre .footer .lien {
  float : left;
}

#content_multicentre .footer .lien a {
  font-family : ArialRoundedMTStd, arial;
  font-size   : 12px;
  color       : #ffffff;
  display     : inline-block;
  margin      : 0 10px;
}

@media screen and (max-width : 530px) {
  #content_multicentre .bloc_centre .infos .btn_blanc {
    display    : block;
    margin     : 0 auto;
    float      : none;
    margin-top : 10px;
  }

  #content_multicentre .bloc_centre .infos .btn_rdv_tel {
    display    : block;
    margin     : 0 auto;
    float      : none;
    margin-top : 10px;
  }

  #content_multicentre .bloc_centre .infos .btn_rdv {
    display    : block;
    margin     : 0 auto;
    float      : none;
    margin-top : 10px;
  }

  #content_multicentre #header_content .content img {
    margin-left : 10px;
  }

  #content_multicentre .footer .lien {
    float : none;
  }

  #content_multicentre .footer p {
    display    : block;
    margin     : 10px 10px;
    text-align : left;
  }
}

.tips-centre-conseil {
  z-index : 1000;
}

.recherche-results .plus_resultat {
  cursor      : pointer;
  font-size   : 14px;
  color       : #0061b2;
  font-weight : bold;
}

.recherche-results .plus_resultat:hover {
  text-decoration : underline;
}

.recherche-results .tous_resultat {
  height     : 0;
  overflow   : hidden;
  transition : height 1s
}

h1.style-h1.titre-centre {
  border        : none;
  font-size     : 20px;
  margin-bottom : 15px;
}

.container-centres .sidebar .filter {
  height  : 140px !important;
  padding : 25px 20px !important;
}

.cke_editable h2 {
  font-size     : 20px;
  margin-bottom : 20px;
  color         : #0053b8;
}

.cke_editable h3 {
  font-size     : 17px;
  margin-bottom : 17px;
  color         : #0053b8;
}

.informations .fieldset-content .infos-centre-item h1 {
  border        : none;
  margin-bottom : 20px;
}

.rdv3choix .intro {
  margin-top    : 15px;
  color         : #333333;
  margin-bottom : 20px;
  font-family   : ArialRoundedMTStd, arial;
  font-size     : 14px;
}

.rdv3choix legend {
  color         : #0053b8;
  font-family   : Arial Rounded MT Bold, arial;
  font-size     : 20px;
  margin-bottom : 15px;
}

.rdv3choix fieldset {
  border-bottom  : 1px solid #cccccc;
  margin-bottom  : 25px;
  padding-bottom : 25px;
}

.rdv3choix #fieldset-button, .rdv3choix #fieldset-coordonnees {
  border : none;
}

.rdv3choix label {
  margin-top : 10px;
}

.rdv3choix .input_wrapper {
  margin-left : 2%
}

.rdv3choix #fieldset-button {
  text-align : center;
}

.rdv3choix #tarif {
  color       : #333333;
  font-size   : 15px;
  font-weight : bold;
  line-height : 7px;
  margin-left : 20px;
  margin-top  : 27px;
  display     : inline-block;
  clear       : both;
}

#jeu_fais_pas_ci_fait_pas_ca {
  position : absolute;
  right    : 24px;
  top      : 38px;
}

#jeu_fais_pas_ci_fait_pas_ca img {
  width : 123px;
}

@media screen and (max-width : 790px) {
  #jeu_fais_pas_ci_fait_pas_ca {
    right : 10px;
  }

  #jeu_fais_pas_ci_fait_pas_ca img {
    width : 120px;
  }
}

@media screen and (max-width : 778px) {
  #jeu_fais_pas_ci_fait_pas_ca img {
    width : 100px;
  }
}

@media screen and (max-width : 754px) {
  #jeu_fais_pas_ci_fait_pas_ca img {
    width : 92px;
    /*right: 10px;*/
  }
}

#qualifio_insert_place_194562 {
  text-align : center;
}

.page_view.jeu-fais-pas-ci-fais-pas-ca h1 {
  display : none;
}

.pays-bas-france h1 {
  display : none;
}

#qualifio_insert_place_205356 {
  text-align : center;
}

#jeu_foot {
  position : absolute;
  right    : 24px;
  top      : 38px;
}

#jeu_foot img {
  width : 123px;
}

@media screen and (max-width : 790px) {
  #jeu_foot {
    right : 10px;
  }

  #jeu_foot img {
    width : 120px;
  }
}

@media screen and (max-width : 778px) {
  #jeu_foot img {
    width : 100px;
  }
}

@media screen and (max-width : 754px) {
  #jeu_foot img {
    width : 92px;
    /*right: 10px;*/
  }
}

#baniere_jeu_a_fond {
  position : absolute;
  right    : 10px;
  top      : 38px;
  width    : 225px;
}

@media screen and (max-width : 880px) {
  #baniere_jeu_a_fond {
    width : 200px;
  }
}

@media screen and (max-width : 855px) {
  #baniere_jeu_a_fond {
    width : 170px;
  }
}

@media screen and (max-width : 825px) {
  #baniere_jeu_a_fond {
    width : 126px;
  }
}

#sliderContainer {
  height   : 432px;
  overflow : hidden;
  position : relative;
}

#sliderSlider {
  height   : 432px;
  left     : 0;
  position : absolute;
  top      : 0;
  width    : 100%;
}

#sliderSlider .item {
  display    : block;
  position   : absolute;
  background : #ffffff;
}

#footer .btn_fb {
  padding-top   : 6px;
  position      : relative;
  font-family   : arial;
  display       : block;
  border-radius : 4px;
  background    : #666666;
  margin-top    : 10px;
  color         : #ffffff;
  width         : 160px;
  height        : 42px;
  padding-left  : 40px;
  font-size     : 15px;
}

#footer .btn_fb:hover {
  background : #727272;
}

#footer .btn_fb i {
  position    : absolute;
  left        : 10px;
  font-size   : 28px;
  line-height : 32px;
}

.menu_haut .btn_fb {
  border-radius : 4px;
  display       : inline-block;
  height        : 20px;
  width         : 20px;
  color         : #ffffff;
  text-align    : center;
  line-height   : 20px;
  margin-left   : 10px;
  margin-top    : 5px;
}

.menu_haut .btn_fb:hover {
  box-shadow : 1px 1px 6px #666666;
}

.menu_haut .btn_fb i {
  line-height : 20px;
}

.tarifs .legende {
  font-size   : 13px;
  font-family : "ArialRoundedMTBold", arial, sans-serif;
  color       : #5f6f88
}

.tarifs #form_tarif {
  float         : left;
  margin-top    : 20px;
  border        : 1px solid #cccccc;
  width         : 300px;
  padding       : 10px;
  border-radius : 3px
}

.tarifs #form_tarif select {
  width  : 280px;
  height : 44px;
  cursor : pointer
}

.tarifs #form_tarif .mooniform-selector {
  cursor        : pointer;
  height        : 44px;
  background    : #f3f4f6;
  border        : 1px solid #abb3c0;
  border-radius : 3px;
  display       : block;
  width         : 280px;
  margin-top    : 10px
}

.tarifs #form_tarif .mooniform-selector.mooniform-active span {
  box-shadow : none
}

.tarifs #form_tarif .mooniform-selector span {
  cursor      : pointer;
  background  : #f3f4f6;
  height      : 44px;
  line-height : 44px;
  font-size   : 13px;
  font-family : "ArialRoundedMTBold", arial, sans-serif;
  width       : 100%
}

.tarifs #form_tarif .mooniform-selector span:after {
  content     : "\f0d7";
  font-family : FontAwesome;
  display     : inline-block;
  position    : absolute;
  right       : 0px;
  top         : 0px;
  height      : 44px;
}

.tarifs #form_tarif button {
  cursor        : pointer;
  border        : none;
  background    : #0059b7;
  color         : #ffffff;
  position      : relative;
  height        : 50px;
  line-height   : 50px;
  width         : 280px;
  border-radius : 6px;
  font-family   : "ArialRoundedMTBold", arial, sans-serif;
  font-size     : 16px;
  margin-top    : 15px
}

.tarifs #form_tarif button:after {
  content     : "\f061";
  font-family : FontAwesome;
  display     : inline-block;
  position    : absolute;
  right       : 10px;
  top         : 0px
}

.tarifs #form_tarif button:hover {
  background : #458fdd
}

.tarifs #form_tarif .validation-advice {
  margin-top : 3px
}

.tarifs #zone-tarif {
  color      : #ffffff;
  padding    : 15px;
  margin-top : 20px;
  float      : left;
  width      : 320px;
  height     : 249px;
  background : #dfe8f9;
  text-align : center;
  position   : relative
}

.tarifs #zone-tarif .no_tarif {
  font-size : 15px
}

.tarifs #zone-tarif .inci_tel {
  border       : 1px solid #93c901;
  padding      : 15px;
  font-size    : 16px;
  font-weight  : bold;
  padding-left : 65px;
  margin-top   : 30px;
  position     : relative
}

.tarifs #zone-tarif .inci_tel.with_tarif {
  margin-top : 29px
}

.tarifs #zone-tarif .inci_tel:before {
  content     : "\f10b";
  font-family : FontAwesome;
  position    : absolute;
  left        : 26px;
  font-size   : 44px;
  top         : 10px
}

.tarifs #zone-tarif .inci_tel span span {
  display     : block;
  font-weight : normal;
  font-size   : 13px
}

.tarifs #zone-tarif .inci_tel span span.tel {
  font-weight : bold;
  margin-top  : 5px;
  display     : inline-block;
  font-size   : 20px
}

.tarifs #zone-tarif .info_offre {
  color      : #0059b7;
  display    : block;
  text-align : center
}

.tarifs #zone-tarif .no-tarif {
  color      : #0059b7;
  margin-top : 30px;
  text-align : left
}

.tarifs #zone-tarif .no-tarif span {
  font-weight : bold
}

.tarifs #zone-tarif .no-tarif .inci_tel {
  background    : #ffffff;
  border        : none;
  border-radius : 4px
}

.tarifs #zone-tarif .tarif {
  text-align     : left;
  background     : #ffffff;
  border-radius  : 3px;
  padding        : 15px;
  margin-bottom  : 10px;
  padding-bottom : 10px
}

.tarifs #zone-tarif .tarif .container_promo {
  padding-left : 115px
}

.tarifs #zone-tarif .tarif .container_promo:before {
  content    : "";
  background : url('/images/tarif/picto_promo.png') no-repeat;
  display    : inline-block;
  height     : 75px;
  width      : 75px;
  position   : absolute;
  top        : 28px;
  left       : 52px
}

.tarifs #zone-tarif .tarif .container_offert {
  padding-left   : 115px;
  padding-top    : 26px;
  padding-bottom : 16px;
  margin-bottom  : 12px
}

.tarifs #zone-tarif .tarif .container_offert:before {
  content    : "";
  background : url('/images/tarif/picto_cadeau.png') no-repeat;
  display    : inline-block;
  height     : 75px;
  width      : 75px;
  position   : absolute;
  top        : 38px;
  left       : 52px
}

.tarifs #zone-tarif .tarif .container_plein_tarif {
  padding-left   : 115px;
  padding-top    : 15px;
  padding-bottom : 17px
}

.tarifs #zone-tarif .tarif .container_plein_tarif p {
  margin-bottom : 5px
}

.tarifs #zone-tarif .tarif .container_plein_tarif:before {
  content    : "";
  background : url('/images/tarif/picto_tarif.png') no-repeat;
  display    : inline-block;
  height     : 75px;
  width      : 75px;
  position   : absolute;
  top        : 49px;
  left       : 52px
}

.tarifs #zone-tarif .tarif .container_plein_tarif .info_offre {
  margin-top : 10px
}

.tarifs #zone-tarif .tarif p {
  font-size     : 13px;
  margin-bottom : 10px;
  color         : #627186;
  font-weight   : bold
}

.tarifs #zone-tarif .tarif .prix_barre {
  text-decoration : line-through;
  font-size       : 16px;
  color           : #627186;
  font-weight     : bold;
  margin-bottom   : 10px;
  display         : inline-block
}

.tarifs #zone-tarif .tarif .prix {
  display     : block;
  font-size   : 31px;
  color       : #0059b7;
  font-weight : bold
}

.tarifs #zone-tarif .tarif .remise {
  display   : block;
  font-size : 14px;
  color     : #93c901
}

.tarifs #zone-tarif .tarif .remise span {
  font-weight : bold
}

.tarifs #zone-tarif p.infos_sup {
  font-size     : 13px;
  margin-bottom : 15px;
  color         : #0059b7;
  font-weight   : bold;
  margin-top    : 18px
}

.tarifs #zone-tarif a.btn_rdv {
  width        : 96%;
  margin-left  : 2%;
  padding-left : 55px;
  font-size    : 14px
}

.tarifs #zone-tarif a.btn_rdv:before {
  left : 18px
}

.tarifs #zone-tarif .inci_tel.with_tarif {
  border     : none;
  color      : #0059b7;
  background : #ffffff;
}

.tarifs #zone-tarif .inci_tel.with_tarif {
  margin-top : 20px;
}

.tarifs #zone-tarif .inci_tel.with_tarif span {
  text-align : left;
}

.tarifs #zone-tarif .inci_tel.with_tarif span span:last-child {
  font-weight : bold;
  font-size   : 18px;
  display     : block;
  margin-top  : 5px;
}

.target-video {
  cursor : pointer;
}

.bg-video {
  top              : 0;
  left             : 0;
  bottom           : 0;
  right            : 0;
  background-color : rgba(0, 0, 0, 0.7);
  display          : none;
  z-index          : 1000;
  position         : fixed;
  text-align       : center;
}

.bg-video .bloc-video {
  width            : 100%;
  max-width        : 800px;
  height           : 460px;
  position         : absolute;
  top              : 50%;
  margin-top       : -230px;
  left             : 50%;
  margin-left      : -400px;
  background-color : #000000;
  border-radius    : 5px;
}

.bg-video video {
  width      : 96%;
  height     : 90%;
  margin-top : 3%;
}

.bg-video iframe {
  width      : 96%;
  height     : 90%;
  margin-top : 3%;
}

.bg-video .fermer {
  position   : absolute;
  top        : 5px;
  right      : 10px;
  text-align : center;
  font-size  : 12px;
  color      : #ffffff;
  cursor     : pointer;
}

.bg-video .youtube_player {
  height : 460px;
}

/* chatbot */

.link-chatbot {
  position : fixed;
  right    : 0;
  bottom   : 52px;
  cursor   : pointer;
  z-index  : 999;
  /*display: none;*/
}

.link-chatbot .visuel {
  float                 : right;
  height                : 50px;
  line-height           : 46px;
  -moz-border-radius    : 4px 0 0 4px;
  -webkit-border-radius : 4px 0 0 4px;
  -khtml-border-radius  : 4px 0 0 4px;
  border-radius         : 4px 0 0 4px;
  background            : #0059b7;
  border                : 1px solid #ffffff;
  overflow              : hidden;
  position              : relative;
  z-index               : 2;
  box-shadow            : 1px 1px 8px 0px rgba(0, 0, 0, 0.3);
  -o-box-shadow         : 1px 1px 8px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow    : 1px 1px 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow       : 1px 1px 8px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition    : all 0.25s ease;
  -moz-transition       : all 0.25s ease;
  -ms-transition        : all 0.25s ease;
  -o-transition         : all 0.25s ease;
  transition            : all 0.25s ease;
  /*border:1px solid #ffffff;*/
  /*padding               : 4px;*/
}

.link-chatbot .visuel .img {
  float    : left;
  position : relative;
  height   : 100%;
  z-index  : 1;
  /*background            : #ffffff;*/
  /*-moz-border-radius    : 4px;*/
  /*-webkit-border-radius : 4px;*/
  /*-khtml-border-radius  : 4px;*/
  /*border-radius         : 4px;*/
  overflow : hidden;
}

.link-chatbot .visuel .img img {
  float              : left;
  height             : 50px;
  -webkit-transition : all 0.25s ease;
  -moz-transition    : all 0.25s ease;
  -ms-transition     : all 0.25s ease;
  -o-transition      : all 0.25s ease;
  transition         : all 0.25s ease;
  /*margin-top : 1px;*/
}

.link-chatbot .visuel .iframe {
  width      : 100%;
  height     : 100%;
  position   : absolute;
  top        : 0;
  left       : 0;
  z-index    : 2;
  background : #fafafa;
  display    : none;
}

.link-chatbot .visuel .iframe iframe {
  float  : left;
  width  : 100%;
  height : 100%;
  border : none;
}

.link-chatbot .visuel .texte {
  display               : inline-block;
  vertical-align        : middle;
  line-height           : 16px;
  color                 : #363636;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  -khtml-border-radius  : 5px;
  border-radius         : 5px;
  z-index               : 1;
  overflow              : hidden;
  margin                : 0;
  -webkit-transition    : all 0.8s ease-in-out;
  -moz-transition       : all 0.8s ease-in-out;
  -ms-transition        : all 0.8s ease-in-out;
  -o-transition         : all 0.8s ease-in-out;
  transition            : all 0.8s ease-in-out;
  width                 : 0;
  text-align            : center;
}

.link-chatbot .visuel .texte span {
  font-size      : 14px;
  display        : inline-block;
  vertical-align : middle;
  overflow       : hidden;
  white-space    : nowrap;
  width          : 100%;
  color          : #ffffff;
}

.link-chatbot .visuel .texte.talk-bot {
  width  : 170px !important;
  margin : 0 10px;
}

.link-chatbot .visuel.little {
  /*height      : 55px;*/
  /*line-height : 55px;*/
}

.link-chatbot .visuel.little .img img {
  /*height : 55px;*/
}

.link-chatbot .visuel:hover {
  box-shadow         : 1px 1px 11px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow      : 1px 1px 11px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow : 1px 1px 11px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow    : 1px 1px 11px 0px rgba(0, 0, 0, 0.5);
}

.link-chatbot .close-chat {
  position              : absolute;
  border                : 1px solid #ffffff;
  top                   : 4px;
  right                 : 4px;
  width                 : 30px;
  height                : 30px;
  line-height           : 24px;
  text-align            : center;
  color                 : #ffffff;
  -moz-border-radius    : 50%;
  -webkit-border-radius : 50%;
  -khtml-border-radius  : 50%;
  border-radius         : 50%;
  z-index               : 5;
  display               : none;
  font-size             : 15px;
}

.link-chatbot .close-chat i {
  vertical-align : middle;
}

.link-chatbot.open .visuel {
  width  : 300px;
  height : 400px;
}

#btn_top {
  right  : 15px;
  bottom : 20px;
}

.detail-centre .informations .web-site:before {
  background: url(/images/front/sprites-centre.png) 0 0 no-repeat transparent;
  background-position: 0px -67px;
  width: 19px;
  height: 20px;
  left: 0;
}
.detail-centre .informations .web-site {
  marin-top:10px;
  font-family : arial;
  font-weight : bold;
  color       : #666;
  line-height : 25px;
  font-size   : 12px !important;
  padding     : 0 0 0 35px !important;
}

.detail-centre .informations .fieldset-content{
  position:relative;
}
.lien-site-externe{
  position:absolute;
  bottom:15px;
}

/* Message alerte en haut de page */
.message-alerte {
  background         : #bb0000;
  padding            : 20px;
  position           : fixed;
  width              : 100%;
  z-index            : 2000;
  -webkit-box-shadow : 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow    : 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  box-shadow         : 0px 2px 2px 0px rgba(0, 0, 0, 0.36);

  transition         : transform 300ms ease-out;
}

.message-alerte p, .message-alerte ul li {
  color : #ffffff;
}

.message-alerte strong {
  font-weight : bold;
}

.message-alerte em {
  font-style : italic;
}

.message-alerte u {
  text-decoration : underline;
}

.message-alerte s {
  text-decoration : line-through;
}

.message-alerte strong {
  font-weight : bold;
}

.message-alerte p a {
  color           : #ffffff;
  text-decoration : underline;
}

.message-alerte p a:hover {
  text-decoration : none;
}

.message-alerte ul {
  list-style-type     : disc;
  list-style-position : inside;
}

.message-alerte #btn_alert {
  display                    : inline-block;
  width                      : 50px;
  height                     : 50px;
  position                   : absolute;
  top                        : 100%;
  right                      : 40px;
  text-align                 : center;
  color                      : #ffffff;
  background-color           : #bb0000;
  font-size                  : 22px;
  border-bottom-left-radius  : 4px;
  border-bottom-right-radius : 4px;
  -webkit-box-shadow         : 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow            : 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  box-shadow                 : 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  cursor                     : pointer;
  opacity                    : 1;
  transition                 : opacity 200ms ease-out 200ms;
}

.message-alerte #btn_alert i {
  display: block;
  width: 100%;
  height: 100%;
  background : transparent url("/images/btn_fleche.png") center center no-repeat;
  transform : rotate(180deg);
}

.message-alerte.closed #btn_alert i {
  transform : rotate(0deg);
}

.message-alerte.closed {
  transform : translateY(-100%);
}

.message-alerte.closed #btn_alert {
  opacity : 0.4;
}

@media screen and (min-width : 481px) and (max-width : 1000px) {
  .message-alerte #btn_alert {
    width     : 35px;
    height    : 35px;
    right     : 15px;
    font-size : 15px;
  }
}


#ban_octobre_rose {
  height:100px;
  width: 100%;
}

#ban_octobre_rose a {
  width: 680px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -340px;
}

#ban_octobre_rose a img {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}