/*!
 * Bootstrap-select v1.11.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block; }
	.item img {
    margin:auto; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=91d36f56b742243bcf45)
 * Config saved to config.json and https://gist.github.com/91d36f56b742243bcf45
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:992px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:992px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:992px){.navbar{border-radius:4px}}@media (min-width:992px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:992px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:992px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:992px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@media (min-width:992px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:992px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:992px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:991px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:992px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:992px){.navbar-left{float:left !important}.navbar-right{float:right !important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:991px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:992px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:992px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:991px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a{color:#777}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:991px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#777}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{color:#777;min-width:30px;background-color:transparent;background-image:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

.intl-tel-input{position:relative;display:inline-block;}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px;}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px; color:#000000;}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=text],.intl-tel-input.separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0; margin-top:0px;}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:40px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px; margin-top:0;}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../img/flags@2x.png")}}.iti-flag.np{background-color:transparent}

@charset "UTF-8";
/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
@-webkit-keyframes entered {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-moz-keyframes entered {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-ms-keyframes entered {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes entered {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.entered {
  -webkit-animation: entered 0.5s forwards 1;
  -moz-animation: entered 0.5s forwards 1;
  -o-animation: entered 0.5s forwards 1;
  animation: entered 0.5s forwards 1;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-359deg);
  }
}
.loading.loop {
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

@-webkit-keyframes loader-fade {
  0% {
    opacity: 1;
    background-color: #d5d8da;
  }
  50% {
    opacity: 1;
    background-color: #ff5555;
  }
  100% {
    opacity: 1;
    background-color: #d5d8da;
  }
}
@-moz-keyframes loader-fade {
  0% {
    opacity: 1;
    background-color: #d5d8da;
  }
  50% {
    opacity: 1;
    background-color: #ff5555;
  }
  100% {
    opacity: 1;
    background-color: #d5d8da;
  }
}
@-ms-keyframes loader-fade {
  0% {
    opacity: 1;
    background-color: #d5d8da;
  }
  50% {
    opacity: 1;
    background-color: #ff5555;
  }
  100% {
    opacity: 1;
    background-color: #d5d8da;
  }
}
@keyframes loader-fade {
  0% {
    opacity: 1;
    background-color: #d5d8da;
  }
  50% {
    opacity: 1;
    background-color: #ff5555;
  }
  100% {
    opacity: 1;
    background-color: #d5d8da;
  }
}
@-webkit-keyframes ring {
  0% {
    transform: rotate(0);
  }
  2% {
    transform: rotate(15deg);
  }
  6% {
    transform: rotate(-14deg);
  }
  10% {
    transform: rotate(17deg);
  }
  14% {
    transform: rotate(-16deg);
  }
  18% {
    transform: rotate(15deg);
  }
  22% {
    transform: rotate(-14deg);
  }
  26% {
    transform: rotate(13deg);
  }
  30% {
    transform: rotate(-12deg);
  }
  34% {
    transform: rotate(11deg);
  }
  38% {
    transform: rotate(-10deg);
  }
  42% {
    transform: rotate(9deg);
  }
  46% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(7deg);
  }
  54% {
    transform: rotate(-6deg);
  }
  58% {
    transform: rotate(5deg);
  }
  62% {
    transform: rotate(-4deg);
  }
  66% {
    transform: rotate(3deg);
  }
  70% {
    transform: rotate(-2deg);
  }
  74% {
    transform: rotate(1deg);
  }
  78% {
    transform: rotate(-1deg);
  }
  82% {
    transform: rotate(1deg);
  }
  86% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@-moz-keyframes ring {
  0% {
    transform: rotate(0);
  }
  2% {
    transform: rotate(15deg);
  }
  6% {
    transform: rotate(-14deg);
  }
  10% {
    transform: rotate(17deg);
  }
  14% {
    transform: rotate(-16deg);
  }
  18% {
    transform: rotate(15deg);
  }
  22% {
    transform: rotate(-14deg);
  }
  26% {
    transform: rotate(13deg);
  }
  30% {
    transform: rotate(-12deg);
  }
  34% {
    transform: rotate(11deg);
  }
  38% {
    transform: rotate(-10deg);
  }
  42% {
    transform: rotate(9deg);
  }
  46% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(7deg);
  }
  54% {
    transform: rotate(-6deg);
  }
  58% {
    transform: rotate(5deg);
  }
  62% {
    transform: rotate(-4deg);
  }
  66% {
    transform: rotate(3deg);
  }
  70% {
    transform: rotate(-2deg);
  }
  74% {
    transform: rotate(1deg);
  }
  78% {
    transform: rotate(-1deg);
  }
  82% {
    transform: rotate(1deg);
  }
  86% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@-ms-keyframes ring {
  0% {
    transform: rotate(0);
  }
  2% {
    transform: rotate(15deg);
  }
  6% {
    transform: rotate(-14deg);
  }
  10% {
    transform: rotate(17deg);
  }
  14% {
    transform: rotate(-16deg);
  }
  18% {
    transform: rotate(15deg);
  }
  22% {
    transform: rotate(-14deg);
  }
  26% {
    transform: rotate(13deg);
  }
  30% {
    transform: rotate(-12deg);
  }
  34% {
    transform: rotate(11deg);
  }
  38% {
    transform: rotate(-10deg);
  }
  42% {
    transform: rotate(9deg);
  }
  46% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(7deg);
  }
  54% {
    transform: rotate(-6deg);
  }
  58% {
    transform: rotate(5deg);
  }
  62% {
    transform: rotate(-4deg);
  }
  66% {
    transform: rotate(3deg);
  }
  70% {
    transform: rotate(-2deg);
  }
  74% {
    transform: rotate(1deg);
  }
  78% {
    transform: rotate(-1deg);
  }
  82% {
    transform: rotate(1deg);
  }
  86% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  2% {
    transform: rotate(15deg);
  }
  6% {
    transform: rotate(-14deg);
  }
  10% {
    transform: rotate(17deg);
  }
  14% {
    transform: rotate(-16deg);
  }
  18% {
    transform: rotate(15deg);
  }
  22% {
    transform: rotate(-14deg);
  }
  26% {
    transform: rotate(13deg);
  }
  30% {
    transform: rotate(-12deg);
  }
  34% {
    transform: rotate(11deg);
  }
  38% {
    transform: rotate(-10deg);
  }
  42% {
    transform: rotate(9deg);
  }
  46% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(7deg);
  }
  54% {
    transform: rotate(-6deg);
  }
  58% {
    transform: rotate(5deg);
  }
  62% {
    transform: rotate(-4deg);
  }
  66% {
    transform: rotate(3deg);
  }
  70% {
    transform: rotate(-2deg);
  }
  74% {
    transform: rotate(1deg);
  }
  78% {
    transform: rotate(-1deg);
  }
  82% {
    transform: rotate(1deg);
  }
  86% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
/* Class utiles */
.flow > * + * {
  margin-top: var(--spacer-flow, calc(10 / var(--baseRem, 10) * 1rem));
}

/* Bootstrap overide bug firefox */
.container-fluid > .row {
  clear: both !important;
}

.w-100 {
  width: 100% !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.marge-auto {
  margin: auto !important;
}

.marge0 {
  margin: 0 !important;
}

.marge-topbot-5px {
  margin: 5px 0 5px 0;
  display: inline-block;
}

.marge-top0 {
  margin-top: 0 !important;
}

.marge-top5px {
  margin-top: 5px !important;
}

.marge-top10px {
  margin-top: 10px !important;
}

.marge-top15px {
  margin-top: 15px !important;
}

.marge-top20px {
  margin-top: 20px !important;
}

.marge-top40px {
  margin-top: 40px !important;
}

.marge-left0 {
  margin-left: 0 !important;
}

.marge-leftauto {
  margin-left: auto !important;
}

.marge-left10px {
  margin-left: 10px !important;
}

.marge-right0 {
  margin-right: 0 !important;
}

.marge-right10px {
  margin-right: 10px !important;
}

.marge-right15px {
  margin-right: 15px !important;
}

.marge-rightauto {
  margin-right: auto !important;
}

.marge-bottom10px {
  margin-bottom: 10px !important;
}

.marge-bottom15px {
  margin-bottom: 15px !important;
}

.marge-bottom20px {
  margin-bottom: 20px !important;
}

.marge-topbot20px,
.marge-bot20px {
  margin: 20px 0 !important;
}

.marge-bottom0 {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .mt-xs-3 {
    margin-top: 1rem !important;
  }
}

@media screen and (min-width: 976px) {
  .mr-lg-auto {
    margin-right: auto !important;
  }
}

.marge-top-10px-row {
  margin-bottom: -10px !important;
}

.padding0 {
  padding: 0 !important;
}

.padding-right0 {
  padding-right: 0 !important;
}

.padding-right20px {
  padding-right: 20px !important;
}

.page-contenu {
  margin-top: 72px;
}

.padding {
  padding: calc(16 / var(--baseRem, 10) * 1rem);
}

.padding-block {
  padding-top: calc(16 / var(--baseRem, 10) * 1rem);
  padding-bottom: calc(16 / var(--baseRem, 10) * 1rem);
}

.padding-inline {
  padding-left: calc(16 / var(--baseRem, 10) * 1rem);
  padding-right: calc(16 / var(--baseRem, 10) * 1rem);
}

/* Positions générales */
.clear {
  clear: left;
}

.clear-r {
  clear: right;
}

ul,
ol {
  list-style: none;
  padding-left: 0;
}

.divider {
  width: 100%;
  height: 1px;
  margin: calc(16 / var(--baseRem, 10) * 1rem) 0;
  background-color: #d5d8da;
}

/* Textes / Liens / Boutons */
a {
  cursor: pointer;
  color: #43C;
}
a:hover {
  text-decoration: underline;
  color: #43C;
}
a:focus {
  color: #43C;
}

.no-hover:hover {
  text-decoration: none;
}

.no-deco-a {
  text-decoration: none;
}

.deco-a {
  text-decoration: underline;
}

a.disabled {
  pointer-events: none;
  color: #757585;
}

.bold {
  font-weight: bold !important;
}

.center {
  text-align: center;
}

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

.nowrap {
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

.highlight-blue {
  color: #43C;
  font-weight: bold;
}

.clr-dark-blue {
  color: #363066 !important;
}

/* White */
.text-white {
  color: #fff !important;
}

.text-red {
  color: #ff5555 !important;
  margin-top: 25px;
}

h1.text-white {
  margin-bottom: 26px;
}

.submit-btn-action {
  margin-top: 50px;
}

/* VERT */
.vert {
  color: #757585 !important;
}

a.vert:hover {
  color: #2B2550 !important;
}

.btn-vert {
  background-color: #757585 !important;
  border: 0;
}

.btn-vert:hover {
  background-color: #2B2550 !important;
}

.btn-default.danger:hover,
.btn-default.danger:focus {
  background-color: #d9534f !important;
  border-color: #d9534f;
  color: #fff;
}

.white {
  color: #fff;
}

/* ORANGE */
.orange {
  color: #ff5555 !important;
}

a.orange:hover {
  color: #f35a5b !important;
}

.fond-neutre {
  background-color: #fbfbfa;
}

p.sous-titre {
  font-size: 14px;
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #303f4c;
}

.position-relative {
  position: relative;
}

h4.titre-marge-top {
  margin: 40px 0 10px 0;
}

h5.sous-titre {
  font-size: 19px;
  margin: 0 0 20px 0;
}

h5.sous-titre-marge-top {
  font-size: 19px;
  margin: 40px 0 20px 0;
}

.label-texte {
  color: #2B2550;
  font-size: 12px;
}

p.petit-titre-14 {
  color: #757585;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

/* -- Supprimer l’action « effacer => X » de IE */
::-ms-clear {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.gris {
  color: #757585;
}

.noir {
  color: #333333 !important;
}

.font13px {
  font-size: 13px !important;
  line-height: 20px;
}

.font14px {
  font-size: 14px !important;
  line-height: 20px;
}

.font16px {
  font-size: 16px !important;
  line-height: 24px;
}

.font18px {
  font-size: 18px !important;
  line-height: normal;
}

.font20px {
  font-size: 20px !important;
  line-height: initial;
}

.font-xs {
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
  line-height: calc(16 / var(--baseRem, 10) * 1rem);
}

.font-sm {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}

.font-md {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}

.field-uppercase {
  text-transform: uppercase;
}

.field-uppercase::-webkit-input-placeholder {
  text-transform: none;
}

.field-uppercase:-moz-placeholder {
  text-transform: none;
}

.field-uppercase::-moz-placeholder {
  text-transform: none;
}

.field-uppercase:-ms-input-placeholder {
  text-transform: none;
}

.row-padding-4 {
  margin-right: -4px;
  margin-left: -4px;
  position: relative;
}
.row-padding-4 > [class*=col-] {
  padding-right: 4px;
  padding-left: 4px;
}

.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.is-flex-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.is-flex-align-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .is-flex-align-end--sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .md__columns .is-flex-align-end--sm {
    width: calc(100% + 14px);
  }
}

.is-flex-auto-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: var(--gap-flex-auto-right, calc(8 / var(--baseRem, 10) * 1rem));
  gap: var(--gap-flex-auto-right, calc(8 / var(--baseRem, 10) * 1rem));
}
.is-flex-auto-right > *:first-child {
  margin-right: auto;
}

.is-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 991px) {
  .is-wrap-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.is-inline-flex {
  display: inline-flex !important;
}

.is-flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.row-is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.row-is-flex.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.row-is-flex.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.row-is-flex.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.row.is-flex.is-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.is-flex > [class*=col-] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.is-flex > [class*=col-] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.justify-flex-end {
  justify-content: flex-end !important;
}

.gap1 {
  gap: 0.4rem;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis--one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.is-inline-block {
  display: inline-block !important;
}

.bg-grey {
  background-color: #e6eaf0;
}

.bg-grey-stats {
  background-color: #f1f2f3;
}

.row-p-10 {
  margin-right: -10px;
  margin-left: -10px;
  position: relative;
}
.row-p-10 > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.highlight-name {
  background-color: #ff0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none !important;
}

.d-none {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .tablet-only {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .tablet-hidden {
    display: none !important;
  }
}

.custom-container {
  padding-right: 8px;
  padding-left: 8px;
}
.custom-container .row {
  margin-right: -8px;
  margin-left: -8px;
}
.custom-container [class*=col-] {
  padding-right: 8px;
  padding-left: 8px;
}
.custom-container .row-search {
  margin-right: -2px;
  margin-left: -2px;
  position: relative;
}
.custom-container .row-search .line {
  margin-bottom: 10px;
  min-height: 44px;
}
.custom-container .row-search > [class*=col-] {
  padding-right: 2px;
  padding-left: 2px;
}
.custom-container .row-p-10 {
  margin-right: -10px;
  margin-left: -10px;
  position: relative;
}
.custom-container .row-p-10 > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.no-text-decoration, .no-text-decoration:link, .no-text-decoration:visited, .no-text-decoration:hover, .no-text-decoration:active {
  text-decoration: none;
  color: inherit;
}

.dropup-menu {
  top: initial;
  bottom: calc(100% + 8 / var(--baseRem, 10) * 1rem);
}

.grid-container {
  width: min(100%, var(--grid-container-width, calc(376 / var(--baseRem, 10) * 1rem)));
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(16 / var(--baseRem, 10) * 1rem);
  padding-right: calc(16 / var(--baseRem, 10) * 1rem);
}
@media screen and (min-width: 656px) {
  .grid-container {
    --grid-container-width: calc(656 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 736px) {
  .grid-container {
    --grid-container-width: calc(736 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 976px) {
  .grid-container {
    --grid-container-width: calc(976 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1168px) {
  .grid-container {
    --grid-container-width: calc(1168 / var(--baseRem, 10) * 1rem);
  }
}

@media (max-width: 500px) {
  .br-xxs-none {
    display: none;
  }
}
@media (max-width: 767px) {
  .br-xs-none {
    display: none;
  }
}
@media (min-width: 768px) {
  .custom-container.container {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .custom-container.container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .custom-container.container {
    width: 1152px;
  }
}
#bodypagetag {
  display: table;
}

#bodypagetag footer {
  display: table-row;
  bottom: 0;
  z-index: 10;
}

#bodypagetag #containAll {
  min-height: auto;
}

@media screen and (min-width: 0\0 ) {
  #bodypagetag #containAll {
    min-height: 100vh;
  }
}
/* STRUCTURES GENERAL */
html {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  overflow: inherit;
}

body {
  padding-top: 0px !important;
  font-family: "Lato", sans-serif;
  color: #333333;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-right: 0 !important;
}

body.search-footer {
  display: table;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.navbar {
  margin-bottom: 0px;
}

footer {
  width: 100%;
  display: table-row;
  position: relative;
  margin-top: auto;
}

.search-footer header {
  min-height: 50px;
}

/* LAYOUT */
#containAll {
  min-height: 100vh;
  width: 100%;
  height: 100%;
  display: table;
}

#containAll header {
  min-height: 50px;
}

.side-collapse-container,
#containAll {
  display: table;
  width: 100%;
}

.page-contenu {
  flex-grow: 1;
}

#individualSheet {
  margin-bottom: auto;
  overflow: hidden;
  min-height: 94vh;
}

#newlayouttree {
  margin-bottom: auto;
  overflow: hidden;
  min-height: 94vh;
  width: 100%;
}

#da_iframe {
  position: absolute;
  top: 0;
}

/* Main layout Result Person */
.subtitle-person-tree-information-container {
  margin-bottom: 15px;
}
.subtitle-person-tree-information-container span {
  font-size: 22px;
}
.subtitle-person-tree-information-container span + span {
  display: block;
  font-size: 15px;
  margin-top: 4px;
}
.subtitle-person-tree-information-container span + i {
  font-size: 24px;
  margin-left: 6px;
}
.subtitle-person-tree-information-container span + i + span {
  display: block;
  font-size: 15px;
  margin-top: 4px;
}
.subtitle-person-tree-information-container .btn + .btn {
  margin-right: 10px;
}

input.three-input {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.create-tree-error-message {
  color: #d9534f;
}

@media (max-width: 550px) {
  .rwd-break {
    display: none;
  }
}
@media (max-width: 768px) {
  .rwd-break.banner {
    display: none;
  }
}
@media (max-width: 880px) {
  .rwd-break.home {
    display: none;
  }
}
.argument-1 {
  color: rgb(54, 62, 99);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 22.85px;
  text-align: center;
}

#map-canvas {
  height: 680px;
  position: relative;
  margin-top: -20px;
}

.map-coorect-place-container {
  position: relative;
}

.map-coorect-place-container #map-canvas {
  height: 80vh;
}

@media (max-width: 992px) {
  .map-coorect-place-container #map-canvas {
    height: 83.5vh;
  }
}
@media (max-width: 768px) {
  .map-coorect-place-container #map-canvas {
    height: 81vh;
  }
}
@media (max-width: 400px) {
  .map-coorect-place-container #map-canvas {
    height: 79vh;
  }
}
.offer-yellow-bg {
  float: left;
  color: #2B2550;
  padding: 5px;
  width: auto;
  clear: left;
  background-color: #ffcc33;
  font-weight: 800;
  font-size: 1.7rem;
}

.offer-yellow-bg-container {
  display: block;
  min-height: 30px;
}

@media (max-width: 767px) {
  .filae-box-offer .offer-yellow-bg {
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
  }
}
/******************  Import or attach with no tree  *****************/
#option-fiche-resultat .attach_create_tree_ .attach-no-tree-cta .btn:hover {
  color: #fff;
}
#option-fiche-resultat .attach_create_tree_ .attach-no-tree-cta .no-thanks-link:hover {
  background-color: inherit;
  color: #43C;
}

.attach_create_tree_ {
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 15px;
}
.attach_create_tree_ p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  width: 85%;
}
.attach_create_tree_ .attach-no-tree-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.attach_create_tree_ .attach-no-tree-cta .btn {
  line-height: 15px;
}
.attach_create_tree_ .attach-no-tree-cta .btn:hover {
  color: #fff;
}
.attach_create_tree_ .attach-no-tree-cta .no-thanks-link:hover {
  background-color: inherit;
  color: #43C;
}
.attach_create_tree_ div {
  margin-bottom: 16px;
}
.attach_create_tree_ div a + a {
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
}
.attach_create_tree_.dropdown-menu {
  left: auto;
  right: 0;
  width: 240px;
}
.attach_create_tree_.dropdown-menu p {
  width: 100%;
}

/******************  END Import or attach with no tree  *****************/
.icon-baseline-mail {
  color: #ff5555;
}

.list-hover {
  border-bottom: 1px solid #d5d8da;
}
.list-hover li {
  margin: 0;
  width: 100%;
}
.list-hover li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.list-hover li:last-child {
  border-top: 1px solid #d5d8da;
}
.list-hover a {
  border-left: 8px solid #fff;
}
.list-hover a:hover {
  border-left: 8px solid #ff5555;
  color: #333333;
}
.list-hover__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 15px 7px 7px;
}
.list-hover__link:hover {
  text-decoration: none;
}
.list-hover__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}
.list-hover__content {
  padding: 0 10px;
}
.list-hover__title {
  color: #333333;
  display: block;
  width: 100%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.list-hover__title .name {
  text-transform: uppercase;
}
.list-hover__subtitle {
  font-size: 12px;
  color: #757585;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: left;
  width: 100%;
}
.list-hover:last-of-type {
  border-top: 0px solid #d5d8da;
}

.custom-list-container {
  padding: 0px 10px 10px 15px;
}
.custom-list-container .custom-list {
  list-style: none;
  padding-left: 40px;
  font-size: 18px;
}
.custom-list-container .custom-list li {
  margin-bottom: 10px;
}
.custom-list-container .custom-list li::before {
  content: "•";
  color: #ff5555;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.no-hints,
.icon-premium-badge {
  color: #ff5555;
}

.no-hints,
.search-hints {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-height: 305px;
  padding: 10px;
}
.no-hints i.icon-i-hints,
.search-hints i.icon-i-hints {
  color: #ff5555;
  font-size: 60px !important;
}
.no-hints .no-hints-subtitle,
.search-hints .no-hints-subtitle {
  color: #ff5555;
  margin: 20px 0;
  font-size: 20px;
}
.no-hints .no-hints-text,
.search-hints .no-hints-text {
  font-size: 13px;
  max-width: 225px;
  margin: 0 auto;
  color: #333333;
}

.search-hints .no-hints-text {
  max-width: 260px;
}

.badge-hints {
  height: 20px;
  padding: 4px 7px;
  margin: 2px 0 0 5px;
  min-width: inherit;
}

a:hover .badge-hints {
  text-decoration: none;
}

.loader-circle {
  margin-bottom: 20px;
}
.loader-circle span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #d5d8da;
  margin: 5px 0 5px 7px;
  opacity: 0;
}
.loader-circle span:nth-child(1) {
  -webkit-animation: opacitychange 2s ease-in-out infinite;
  -moz-animation: opacitychange 2s ease-in-out infinite;
  -o-animation: opacitychange 2s ease-in-out infinite;
  animation: opacitychange 2s ease-in-out infinite;
}
.loader-circle span:nth-child(2) {
  -webkit-animation: opacitychange 1s ease-in-out 0.333333s infinite;
  -moz-animation: opacitychange 1s ease-in-out 0.333333s infinite;
  -o-animation: opacitychange 1s ease-in-out 0.333333s infinite;
  animation: opacitychange 1s ease-in-out 0.333333s infinite;
}
.loader-circle span:nth-child(3) {
  -webkit-animation: opacitychange 1s ease-in-out 0.6666666s infinite;
  -moz-animation: opacitychange 1s ease-in-out 0.6666666s infinite;
  -o-animation: opacitychange 1s ease-in-out 0.6666666s infinite;
  animation: opacitychange 1s ease-in-out 0.6666666s infinite;
}

.loader {
  margin-bottom: 20px;
}
.loader > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  background: #ff5555;
  opacity: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-animation: loader-fade 1s infinite;
  -moz-animation: loader-fade 1s infinite;
  -o-animation: loader-fade 1s infinite;
  animation: loader-fade 1s infinite;
}
.loader > span:nth-child(1) {
  animation-delay: 0s;
}
.loader > span:nth-child(2) {
  animation-delay: 1.2s;
}
.loader > span:nth-child(3) {
  animation-delay: 2.4s;
}

#CybotCookiebotDialog {
  max-width: 780px !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText p {
  font-size: 12px;
  line-height: 16px;
}
#CybotCookiebotDialog h2 {
  margin-bottom: 0;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
  padding: 0.5em;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
  padding: 0.8em 1em;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonLabel {
  margin-bottom: 0.4em;
}
#CybotCookiebotDialog #CybotCookiebotDialogHeader {
  display: none;
}
#CybotCookiebotDialog #CybotCookiebotDialogPoweredByText {
  display: none;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper button {
  font-size: 13px;
  padding: 1em 0.3em;
}

/*#CybotCookiebotDialog{
    // largeur popup cookie
    //max-width: 698px !important;

    #CybotCookiebotDialogBody{
        // largeur banniere cookie
        max-width: 698px !important;

        #CybotCookiebotDialogBodyContent{
            padding-bottom:0;
            padding-top: 5px;

            #CybotCookiebotDialogBodyContentTitle{
                font-size:14px;
                margin:3px 0 0 0;
            }

            #CybotCookiebotDialogBodyContentText{
                font-size:12px;
                margin-top:2px;
                margin-bottom:0;

                p{ 
                    margin-bottom: 3px;

                    &+ p{
                        margin-bottom: 0;
                    }
                }
            }

        }

        @media (max-width: 440px) {
            #CybotCookiebotDialogBodyLevelWrapper{

                .CybotCookiebotDialogBodyLevelButtonWrapper{
                    margin-right: 7px !important;

                    label{
                        font-size:11px;
                        font-weight: normal;
                    }
                }

                #CybotCookiebotDialogBodyLevelButtonsSelectPane{
                    padding:4px 3px 3px 4px;
                }

                #CybotCookiebotDialogBodyLevelDetailsButton{
                    padding:0 11px 0 0;
                }
            }

        } 
    }
}*/
#my-tour-overlay {
  background: rgba(0, 0, 0, 0.3) !important;
}

#my-tour-tooltip {
  min-height: auto !important;
  max-height: inherit !important;
  background-color: #ff5555 !important;
}
#my-tour-tooltip #my-tour-tooltip-nub.top:after {
  border-top-color: #ff5555;
}
#my-tour-tooltip #my-tour-content {
  min-height: auto;
  max-height: inherit;
  margin-bottom: 0;
}
#my-tour-tooltip #my-tour-content h1 {
  color: #fff !important;
  font-size: 1.2em !important;
  background: none !important;
  margin: 0 20px 0 0;
}
#my-tour-tooltip #my-tour-button-bar {
  padding: 0;
  border-top: none;
  margin: 0;
  margin-top: 0;
}
#my-tour-tooltip #my-tour-button-bar a {
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 0;
}
#my-tour-tooltip #my-tour-button-bar a:after {
  content: "x";
  color: #fff;
  font-size: 24px;
}
#my-tour-tooltip #my-tour-button-bar #my-tour-dropdown-steps {
  display: none;
}

#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle.my-tour-highlight {
  opacity: 1;
}

.badge {
  padding: 4px 6px 4px 6px;
}
.badge.marge-l {
  margin-left: 5px;
}
.badge.marge-r {
  margin-right: 5px;
}
.badge.basic-badge {
  background: #fff;
  border: 1px solid #d5d8da;
  color: #556677;
}
.badge.filae-badge {
  background: #ff5555;
  color: #fff;
}
.badge.round-corner {
  border-radius: 0.45rem;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
}
.badge.weight-normal {
  font-weight: normal;
}

/*  Menu latéral gauche page messagerie, parametre arbre, espace perso ...   */
.menu-lateral-gauche .nav-tabs {
  border-bottom: 0;
}
.menu-lateral-gauche .nav-tabs > li {
  float: none;
  padding: 6px 0;
  margin: 2px 0 2px 0;
}
.menu-lateral-gauche .nav-tabs > li > a {
  border: 0;
  font-size: 18px;
  padding: 0 0 8px 0;
  display: inline-block;
  background: none;
  color: #43C;
}

.nav-new {
  position: absolute;
  top: 0;
  right: 0;
  padding: calc(1 / var(--baseRem, 10) * 1rem) calc(4 / var(--baseRem, 10) * 1rem);
  font-size: 8px;
  font-weight: 900;
  line-height: 1.5;
  white-space: nowrap;
  color: #333333;
  background-color: #ff0;
  border-radius: 0.25rem;
  user-select: none;
  z-index: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .nav-new {
    top: calc(4 / var(--baseRem, 10) * 1rem);
    right: calc(-5 / var(--baseRem, 10) * 1rem);
  }
}

.menu-lateral-gauche .nav.nav-tabs > li a {
  font-weight: normal;
}
.menu-lateral-gauche .nav.nav-tabs > li.active > a, .menu-lateral-gauche .nav.nav-tabs > li.active a:focus, .menu-lateral-gauche .nav.nav-tabs > li.active a:hover {
  background: transparent;
  color: #43C;
  font-weight: 700;
  cursor: pointer;
  border-width: 0;
  border-bottom: 2px solid #43C;
  padding-bottom: 5px;
}
.menu-lateral-gauche .nav.nav-tabs > li > a:focus, .menu-lateral-gauche .nav.nav-tabs > li a:hover {
  background: transparent;
  color: #43C;
  font-weight: 700;
  cursor: pointer;
  border-width: 0;
  border-bottom: 2px solid #43C;
  padding-bottom: 5px;
}

.menu-lateral-gauche .nav-tabs li.divider {
  background-color: #d5d8da;
  height: 1px;
  margin: 3px 0;
  padding: 0;
}

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-bottom: 1px solid #d5d8da;
  margin-bottom: 0;
}
.tabs--map {
  margin: 0px 50px 40px 50px;
}
.tabs__items {
  margin-bottom: 6px;
}
.tabs__items a {
  position: relative;
  font-size: 15px;
  padding: 5px 15px;
  font-weight: 700;
  color: #a2a9b4;
}
.tabs__items a:hover, .tabs__items a:focus {
  text-decoration: none;
}
.tabs__items--active {
  color: #43C;
}
.tabs__items--active a {
  color: #43C;
}
.tabs__items--active a:after {
  content: " ";
  position: absolute;
  display: block;
  height: 5px;
  width: 100%;
  bottom: -6px;
  left: 0;
  background: #43C;
  border-radius: 5px;
}
.tabs__items--right {
  margin-left: auto;
}
.tabs__items--right i {
  margin-right: 5px;
}
.tabs__items--right a {
  color: #43C;
}
@media (max-width: 768px) {
  .tabs {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .tabs__items {
    margin-bottom: 10px;
  }
  .tabs__items a {
    padding: 5px 15px 5px 0;
  }
  .tabs__items--active {
    margin-bottom: 15px;
  }
  .tabs__items--right {
    margin-left: inherit;
  }
}

/* ======================================================================================================== DEBUT Menu arbre */
.menu-arbre {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}

.nav-arbre {
  background: #fff none repeat scroll 0 0;
  border-radius: 8px;
  color: #2B2550;
  filter: none;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 10px;
}

.nav-arbre .nav {
  display: table;
  margin: 0;
  width: 100%;
}

.nav-arbre .nav li {
  border-right: 1px solid #2B2550;
  display: inline-block;
  margin: 5px 0;
  padding: 7px 14px 12px 14px;
}

.nav-arbre .nav li.fin-lien {
  border-left: 1px solid #2B2550;
  border-right: medium none;
}

.nav-arbre .nav li.recherche-arbre {
  border: none;
}

.nav-arbre .nav > li > a {
  padding: 0;
}

.menu-arbre .nav-arbre .nav li a {
  color: #2B2550;
  text-decoration: none;
}

.menu-arbre .nav-arbre .nav .open > a,
.menu-arbre .nav-arbre .nav .open > a:hover,
.menu-arbre .nav-arbre .nav .open > a:focus {
  background: none;
  color: #2B2550;
  text-decoration: underline;
}

.menu-arbre .nav-arbre .nav > li > a:hover {
  background: none;
  color: #2B2550;
  text-decoration: underline;
}

.nav-arbre .nav li fieldset {
  margin: -5px 0 -22px;
}

.nav-arbre .nav li.recherche-arbre input {
  display: inline;
  float: left;
  margin: 0 5px 0 0;
  width: 268px;
}

.nav-arbre .nav li.recherche-arbre a {
  display: inline;
}

.nav-arbre li.recherche-arbre a .icon-i-loupe-gauche {
  font-size: 28px;
  color: #ff5555;
  vertical-align: top;
}

.nav-arbre li a .icon-i-dossier-trombonne {
  font-size: 22px;
  color: #ff5555;
  margin: -5px 5px 0 0;
  vertical-align: middle;
}

.nav-arbre .dropdown-menu > li {
  border-right: none;
  margin: 0;
  padding: 0 14px;
}

.nav-arbre .dropdown-menu > li > a {
  color: #2B2550;
  line-height: 0.8;
}

.nav-arbre .dropdown-menu > li > a:hover {
  text-decoration: underline;
}

.recherche-arbre span.twitter-typeahead {
  width: 89%;
}

.modal-body h5 {
  color: #ff5555;
  font-weight: bold;
}

.modal-body .liste-personne {
  border: 1px solid #d5d8da;
  height: 172px;
  margin-top: 5px;
  overflow: auto;
}

.modal-body .liste-personne input {
  margin: 3px 7px 0 4px;
}

.modal-body .input-modal-ligne {
  margin: 0 0 8px;
}

.modal-body .cadre {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ff5555;
  border-radius: 8px;
  padding: 10px;
  margin: 0 0 8px;
}

.modal-body .cadre .icon-i-avatar-femme:before,
.modal-body .cadre .icon-i-avatar-homme:before {
  color: #ff5555;
  font-size: 20px;
  margin: 0 6px 0 0;
}

.modal-body .cadre .icon-i-avatar-neutre:before {
  color: #ff5555;
  font-size: 15px;
  margin: 0 6px 0 0;
}

.modal-body .input-modal-ligne a {
  display: block;
  margin: 0 0 5px;
  color: #ff5555;
  text-decoration: underline;
}

.modal-body .input-modal-ligne a:hover {
  color: #d34243;
}

.bloc-import {
  float: left;
  width: 50%;
}

.bloc-import .modal-footer,
.bloc-export .modal-footer,
.bloc-import .modal-header,
.bloc-export .modal-header {
  text-align: center;
  border-top: 0;
  border-bottom: 0;
}

.bloc-import .modal-header,
.bloc-export .modal-header {
  margin: 0 0 -20px 0;
}

.bloc-export a:hover {
  color: #d34243;
}

.bloc-export a {
  color: #ff5555;
  text-decoration: underline;
}

.bloc-export .modal-header button,
.bloc-import .modal-header button {
  display: none;
}

.bloc-import input.input-parcourir {
  cursor: pointer;
  left: 52px;
  margin: -27px 45px 0 !important;
  opacity: 0;
  position: absolute;
  width: 19% !important;
}

.bloc-export {
  border-left: 1px solid #d5d8da;
  float: left;
  margin: 10px 0;
  width: 49%;
}

.bloc-export h4 {
  margin: -10px 0 0 !important;
}

.modal-header h4 {
  font-size: 15px;
  font-weight: bold;
}

.progress.centre {
  margin: 10px auto;
}

.progress {
  width: 70%;
}

#importexport-pop-up .modal-body h6 {
  font-size: 16px;
  font-weight: bold;
}

#partage form .modal-footer {
  border-top: 0;
}

#partage .modal-body textarea {
  height: 278px;
  width: 100%;
}

#partage #inviteButton {
  margin: 6px 0 0 0;
}

.modal-body table.liste-invite {
  border: 1px solid #ff5555;
}

.forum table.content tr.post,
.archive table.content tr.post,
.table-dec table.content tr.post,
.tab-neutre table.content tr.post {
  background: #fff none repeat scroll 0 0;
}

.archive table.content tr.post td,
.archive table.content tr.post_alt td,
.table-dec table.content tr.post td,
.table-dec table.content tr.post_alt td,
.tab-neutre table.content tr.post td,
.tab-neutre table.content tr.post_alt td {
  padding: 5px 5px 5px 10px;
}

.tab-neutre table.content tr td {
  vertical-align: top;
}

.modal-body table.liste-invite input {
  margin: 0 3px 0 5px;
}

.alphabet-indi ul.alphabet {
  margin: 10px 0 0;
}

ul.alphabet {
  border: 1px solid #ff5555;
  border-radius: 4px;
  margin: 5px 0 0;
  padding: 5px 6px;
}

.alphabet li {
  display: inline-block;
}

.alphabet li a {
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 5px 3px;
  text-decoration: none;
  color: #ff5555;
}

.alphabet li.active a,
.alphabet li a:hover {
  background: #d34243 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  padding: 2px 5px 3px;
}

.alphabet li.nul a,
.alphabet li.nul a:hover {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  color: #757585;
  padding: 2px 5px 3px;
}

#placeNamesContenu .nav-list a {
  color: #ff5555;
  margin: -6px 0 0;
  padding: 0 0 5px 9px;
}

.resultat-indi ul .puce-homme,
.resultat-indi ul .puce-femme {
  margin: 0 0 0 10px;
}

.icon-tete-femme:before,
.icon-tete-homme:before,
.icon-tete-neutre:before {
  content: "-";
}

.icon-tete-femme,
.icon-tete-homme,
.icon-tete-neutre {
  margin: 0 3px 0 0;
}

.input-convertisseur {
  border-bottom: 1px solid #ff5555;
  margin: 0 0 8px;
  padding: 0 0 10px;
}

.modal-body .input-convertisseur input.ctr {
  border: 1px solid #fff;
}

.modal-body .input-convertisseur input[type=text] {
  float: left;
  margin: 0 5px 3px 0;
  width: 15%;
}

.modal-body .input-convertisseur input.date[type=text],
.modal-body .input-convertisseur select.date {
  width: 10%;
}

.modal-body .input-convertisseur input[type=text] {
  float: left;
  margin: 0 5px 3px 0;
  width: 21%;
}

.modal-body .input-convertisseur select {
  float: left;
  margin: 0 5px 3px 0;
  width: 21%;
}

.input-convertisseur span {
  display: block;
  float: left;
  margin: 7px 4px 0 0;
}

#prochesContenu_a li a {
  color: #ff5555;
  margin: -6px 0 0;
  padding: 0 0 5px 9px;
}

i.ajout-gris {
  background-image: url(/v4/genealogie/Content/img/icones.png);
  background-position: -546px -141px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  margin: 0 4px 0 0;
  width: 14px;
}

.icon-arbre-voir {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -493px -140px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  margin: 0 5px -3px 0;
  width: 21px;
}

.icon-arbre-supprimer {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -534px -144px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  margin: 0 5px -1px 0;
  width: 11px;
}

i.icon-modifier {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -474px -138px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  margin: 0 5px -3px 0;
  width: 17px;
}

.icon-arbre-imprimer {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -518px -139px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  margin: 0 5px -3px 0;
  width: 14px;
}

.icon-biblio {
  background-image: url(/v4/genealogie/Content/img/icones.png);
  background-position: -455px -141px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  margin: 0 3px 0 0;
  width: 18px;
}

.icon-note-aide {
  background-image: url(/v4/genealogie/Content/img/icones.png);
  background-position: -584px -139px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  margin: 0 7px 0 0;
  width: 14px;
}

.icon-document-aide {
  background-image: url(/v4/genealogie/Content/img/icones.png);
  background-position: -563px -138px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  margin: 0 3px -5px 0;
  width: 19px;
}

.modal-body .titre-note {
  float: left;
  margin: 0 10px 0 0;
  max-height: 200px;
  overflow-y: auto;
  width: 25%;
}

.modal-body .titre-note li.actif {
  color: #ff5555;
  font-weight: bold;
  text-decoration: underline;
}

.modal-body .separation-note {
  background: #d5d8da none repeat scroll 0 0;
  float: left;
  height: 200px;
  margin: 0 10px 10px 0;
  width: 1px;
}

.modal-body .texte-note {
  float: left;
  max-height: 200px;
  overflow-y: auto;
  width: 70%;
}

.modal-body .outil-note {
  border-top: 1px solid #d5d8da;
  clear: left;
  padding: 10px 0 0;
}

/*  Typographie Icone icomoon  */
/* More information on http://redmine.filae.com/projects/genealogie/wiki/Equipe_int%C3%A9gration for the process to update the font */
/* Icons section -->  Fontello */
@font-face {
  font-family: "icomoon";
  src: url(/v4/genealogie/Content/fonts/icomoon.eot?3tp5q22);
  src: url(/v4/genealogie/Content/fonts/icomoon.eot?3tp5q22#iefix) format("embedded-opentype"), url(/v4/genealogie/Content/fonts/icomoon.ttf?3tp5q22) format("truetype"), url(/v4/genealogie/fonts/icomoon.woff?3tp5q22) format("woff"), url(/v4/genealogie/Content/fonts/icomoon.svg?3tp5q22#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: inherit;
  line-height: 1em;
  position: relative;
  display: inline-block;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-i-archives-militaires-2:before {
  content: "\e800";
} /* '' */
.icon-ic_local_offer_black_24px-1:before {
  content: "\e801";
} /* '' */
.icon-essai:before {
  content: "\e802";
} /* '' */
.icon-i-1ere-guerre:before {
  content: "\e803";
} /* '' */
.icon-i-2eme-guerre:before {
  content: "\e804";
} /* '' */
.icon-i-alerte:before {
  content: "\e805";
} /* '' */
.icon-i-ancien-regime:before {
  content: "\e806";
} /* '' */
.icon-i-annonce:before {
  content: "\e807";
} /* '' */
.icon-i-arbre:before {
  content: "\e808";
} /* '' */
.icon-i-arbre-genea:before {
  content: "\e809";
} /* '' */
.icon-i-archives-militaires:before {
  content: "\e80a";
} /* '' */
.icon-i-attention-plein:before {
  content: "\e80b";
} /* '' */
.icon-i-attention-vide:before {
  content: "\e80c";
} /* '' */
.icon-i-avatar-femme:before {
  content: "\e80d";
} /* '' */
.icon-i-avatar-h-f-01:before {
  content: "\e80e";
} /* '' */
.icon-i-avatar-h-f-02:before {
  content: "\e80f";
} /* '' */
.icon-i-avatar-homme:before {
  content: "\e810";
} /* '' */
.icon-i-avatar-neutre:before {
  content: "\e811";
} /* '' */
.icon-i-avatar-neutre-plus:before {
  content: "\e812";
} /* '' */
.icon-i-berceau:before {
  content: "\e813";
} /* '' */
.icon-i-bonnet-marianne:before {
  content: "\e814";
} /* '' */
.icon-i-boutique:before {
  content: "\e815";
} /* '' */
.icon-i-bulle-3points:before {
  content: "\e816";
} /* '' */
.icon-i-cadenas:before {
  content: "\e817";
} /* '' */
.icon-i-calendrier-15:before {
  content: "\e818";
} /* '' */
.icon-i-calepin:before {
  content: "\e819";
} /* '' */
.icon-i-carte-identite:before {
  content: "\e81a";
} /* '' */
.icon-i-casque:before {
  content: "\e81b";
} /* '' */
.icon-i-cheque:before {
  content: "\e81c";
} /* '' */
.icon-i-colonie:before {
  content: "\e81d";
} /* '' */
.icon-i-crayon:before {
  content: "\e81e";
} /* '' */
.icon-i-crayon-02:before {
  content: "\e81f";
} /* '' */
.icon-i-divers:before {
  content: "\e820";
} /* '' */
.icon-i-doc-arbre:before {
  content: "\e821";
} /* '' */
.icon-i-document:before {
  content: "\e822";
} /* '' */
.icon-i-dossier:before {
  content: "\e823";
} /* '' */
.icon-i-dossier-images:before {
  content: "\e824";
} /* '' */
.icon-i-dossier-presse:before {
  content: "\e825";
} /* '' */
.icon-i-dossier-trombonne:before {
  content: "\e826";
} /* '' */
.icon-i-empire:before {
  content: "\e827";
} /* '' */
.icon-i-enregistrer:before {
  content: "\e828";
} /* '' */
.icon-i-enveloppe-fermee:before {
  content: "\e829";
} /* '' */
.icon-i-enveloppe-fermee-cadenas:before {
  content: "\e82a";
} /* '' */
.icon-i-enveloppe-ouverte:before {
  content: "\e82b";
} /* '' */
.icon-i-enveloppe-ouverte-cadenas:before {
  content: "\e82c";
} /* '' */
.icon-i-etoile:before {
  content: "\e82d";
} /* '' */
.icon-i-facebook:before {
  content: "\e82e";
} /* '' */
.icon-i-feuille-01:before {
  content: "\e82f";
} /* '' */
.icon-i-feuille-02:before {
  content: "\e830";
} /* '' */
.icon-i-fleche-agrandissement:before {
  content: "\e831";
} /* '' */
.icon-i-fleche-bas:before {
  content: "\e832";
} /* '' */
.icon-i-fleche-deplacement:before {
  content: "\e833";
} /* '' */
.icon-i-fleche-droite:before {
  content: "\e834";
} /* '' */
.icon-i-fleche-droite-btn:before {
  content: "\e835";
} /* '' */
.icon-i-fleche-gauche:before {
  content: "\e836";
} /* '' */
.icon-i-fleche-gauche-btn:before {
  content: "\e837";
} /* '' */
.icon-i-fleche-haut:before {
  content: "\e838";
} /* '' */
.icon-i-fleche-haut-bas:before {
  content: "\e839";
} /* '' */
.icon-i-fleche-tourne-gauche:before {
  content: "\e83a";
} /* '' */
.icon-i-gregorien:before {
  content: "\e83b";
} /* '' */
.icon-i-guillemet-ferme:before {
  content: "\e83c";
} /* '' */
.icon-i-guillement-ouvert:before {
  content: "\e83d";
} /* '' */
.icon-i-hebreu:before {
  content: "\e83e";
} /* '' */
.icon-i-heraldique:before {
  content: "\e83f";
} /* '' */
.icon-i-horloge:before {
  content: "\e840";
} /* '' */
.icon-i-imprimer:before {
  content: "\e841";
} /* '' */
.icon-i-indien:before {
  content: "\e842";
} /* '' */
.icon-i-information:before {
  content: "\e843";
} /* '' */
.icon-i-islamique:before {
  content: "\e844";
} /* '' */
.icon-i-julien:before {
  content: "\e845";
} /* '' */
.icon-i-legion:before {
  content: "\e846";
} /* '' */
.icon-i-lettre:before {
  content: "\e847";
} /* '' */
.icon-i-livre:before {
  content: "\e848";
} /* '' */
.icon-i-logo-cadeau-com:before {
  content: "\e849";
} /* '' */
.icon-i-loupe-droite:before {
  content: "\e84a";
} /* '' */
.icon-i-loupe-gauche:before {
  content: "\e84b";
} /* '' */
.icon-i-macaron-arbre-genea:before {
  content: "\e84c";
} /* '' */
.icon-i-macaron-marianne:before {
  content: "\e84d";
} /* '' */
.icon-i-mariage:before {
  content: "\e84e";
} /* '' */
.icon-i-marianne:before {
  content: "\e84f";
} /* '' */
.icon-i-maya:before {
  content: "\e850";
} /* '' */
.icon-i-membres:before {
  content: "\e851";
} /* '' */
.icon-i-moustache:before {
  content: "\e852";
} /* '' */
.icon-i-news:before {
  content: "\e853";
} /* '' */
.icon-i-no-voir:before {
  content: "\e854";
} /* '' */
.icon-i-objectif-01:before {
  content: "\e855";
} /* '' */
.icon-i-parfum:before {
  content: "\e856";
} /* '' */
.icon-i-perse:before {
  content: "\e857";
} /* '' */
.icon-i-perso:before {
  content: "\e858";
} /* '' */
.icon-i-perso-tour:before {
  content: "\e859";
} /* '' */
.icon-i-pile-livres:before {
  content: "\e85a";
} /* '' */
.icon-i-prelevement:before {
  content: "\e85b";
} /* '' */
.icon-i-punaise:before {
  content: "\e85c";
} /* '' */
.icon-i-r-arbre:before {
  content: "\e85d";
} /* '' */
.icon-i-r-document:before {
  content: "\e85e";
} /* '' */
.icon-i-r-enveloppe:before {
  content: "\e85f";
} /* '' */
.icon-i-resistance-belge:before {
  content: "\e860";
} /* '' */
.icon-i-r-imprimer:before {
  content: "\e861";
} /* '' */
.icon-i-r-membres:before {
  content: "\e862";
} /* '' */
.icon-i-r-partage:before {
  content: "\e863";
} /* '' */
.icon-i-r-rouage:before {
  content: "\e864";
} /* '' */
.icon-i-statistique:before {
  content: "\e865";
} /* '' */
.icon-i-supprimer-croix-01:before {
  content: "\e866";
} /* '' */
.icon-i-supprimer-croix-02:before {
  content: "\e867";
} /* '' */
.icon-i-telecharger-pdf:before {
  content: "\e868";
} /* '' */
.icon-i-titre-arbre:before {
  content: "\e869";
} /* '' */
.icon-i-titre-blason:before {
  content: "\e86a";
} /* '' */
.icon-i-titre-boussole:before {
  content: "\e86b";
} /* '' */
.icon-i-titre-boutique:before {
  content: "\e86c";
} /* '' */
.icon-i-titre-bulle:before {
  content: "\e86d";
} /* '' */
.icon-i-titre-bulle-3points:before {
  content: "\e86e";
} /* '' */
.icon-i-titre-calendrier-15:before {
  content: "\e86f";
} /* '' */
.icon-i-titre-chronique:before {
  content: "\e870";
} /* '' */
.icon-i-titre-livre-ouvert:before {
  content: "\e871";
} /* '' */
.icon-i-titre-loupe:before {
  content: "\e872";
} /* '' */
.icon-i-titre-loupe-plus:before {
  content: "\e873";
} /* '' */
.icon-i-titre-parchemin:before {
  content: "\e874";
} /* '' */
.icon-i-titre-pile-livre:before {
  content: "\e875";
} /* '' */
.icon-i-tombe:before {
  content: "\e876";
} /* '' */
.icon-i-valide-01:before {
  content: "\e877";
} /* '' */
.icon-i-viewer-ajout-membre:before {
  content: "\e878";
} /* '' */
.icon-i-viewer-dossier-1:before {
  content: "\e879";
} /* '' */
.icon-i-viewer-loupe-moins:before {
  content: "\e87a";
} /* '' */
.icon-i-viewer-loupe-plus:before {
  content: "\e87b";
} /* '' */
.icon-i-voir:before {
  content: "\e87c";
} /* '' */
.icon-i-puce:before {
  content: "\e87d";
} /* '' */
.icon-i-feuille-logo:before {
  content: "\e87e";
} /* '' */
.icon-i-plus:before {
  content: "\e87f";
} /* '' */
.icon-i-moins:before {
  content: "\e880";
} /* '' */
.icon-i-r-document-vide:before {
  content: "\e881";
} /* '' */
.icon-i-r-rouage-vide:before {
  content: "\e882";
} /* '' */
.icon-i-telecharger-lien-web:before {
  content: "\e883";
} /* '' */
.icon-i-parametre:before {
  content: "\e884";
} /* '' */
.icon-i-macaron-100-garantie-1:before {
  content: "\e885";
} /* '' */
.icon-i-cadeaux:before {
  content: "\e886";
} /* '' */
.icon-i-question-1:before {
  content: "\e887";
} /* '' */
.icon-i-desabonnement:before {
  content: "\e888";
} /* '' */
.icon-i-zero-risque:before {
  content: "\e889";
} /* '' */
.icon-i-dossier-loupe:before {
  content: "\e88a";
} /* '' */
.icon-i-arrow-left:before {
  content: "\e88b";
} /* '' */
.icon-i-arrow-right:before {
  content: "\e88c";
} /* '' */
.icon-premium-badge:before {
  content: "\e88d";
} /* '' */
.icon-material-hourglass_empty:before {
  content: "\e88e";
} /* '' */
.icon-family-search-icon:before {
  content: "\e88f";
} /* '' */
.icon-material-notifications:before {
  content: "\e890";
} /* '' */
.icon-news:before {
  content: "\e8b3";
} /* '' */
.icon-i-directions:before {
  content: "\e8b4";
} /* '' */
.icon-i-reduction:before {
  content: "\e8b5";
} /* '' */
.icon-i-alert-add:before {
  content: "\e8b6";
} /* '' */
.icon-i-calc-relationship:before {
  content: "\e8b7";
} /* '' */
.icon-i-relationship-no:before {
  content: "\e8b8";
} /* '' */
.icon-i-tree:before {
  content: "\e8b9";
} /* '' */
.icon-shield-check-f:before {
  content: "\e8bb";
} /* '' */
.icon-baseline-mail:before {
  content: "\e8bd";
} /* '' */
.icon-i-outline-file:before {
  content: "\e8be";
} /* '' */
.icon-i-arrow-back:before {
  content: "\e8bf";
} /* '' */
.icon-material-content_cut:before {
  content: "\e8c5";
} /* '' */
.icon-filter_list_reset:before {
  content: "\e8d0";
} /* '' */
.icon-filter_list:before {
  content: "\e8d1";
} /* '' */
.icon-arrow_forward:before {
  content: "\e8d2";
} /* '' */
.icon-i-family-view:before {
  content: "\e8d3";
} /* '' */
.icon-i-pedigree-view:before {
  content: "\e8d4";
} /* '' */
.icon-i-descendants-view:before {
  content: "\e8d5";
} /* '' */
.icon-i-youtube:before {
  content: "\e8d6";
} /* '' */
.icon-i-loupe-individu:before {
  content: "\e8da";
} /* '' */
.icon-i-reglages:before {
  content: "\e900";
} /* '' */
.icon-i-resultat-0:before {
  content: "\e901";
} /* '' */
.icon-i-resultat-1:before {
  content: "\e902";
} /* '' */
.icon-i-resultat-2:before {
  content: "\e903";
} /* '' */
.icon-i-sosa:before {
  content: "\e904";
} /* '' */
.icon-i-avatar-h-f-03:before {
  content: "\e905";
} /* '' */
.icon-i-fanion:before {
  content: "\e906";
} /* '' */
.icon-i-calendrier-vide:before {
  content: "\e907";
} /* '' */
.icon-i-twitter:before {
  content: "\e908";
} /* '' */
.icon-i-twitter-rond:before {
  content: "\e909";
} /* '' */
.icon-i-rond-fleche-droite:before {
  content: "\e90a";
} /* '' */
.icon-i-archive-num:before {
  content: "\e90c";
} /* '' */
.icon-i-nouveaute:before {
  content: "\e90e";
} /* '' */
.icon-arbre-ascendant-3:before {
  content: "\e90f";
} /* '' */
.icon-arbre-classique:before {
  content: "\e910";
} /* '' */
.icon-arbre-descendant-1:before {
  content: "\e911";
} /* '' */
.icon-arbre-familial-1:before {
  content: "\e912";
} /* '' */
.icon-arbre-fiche:before {
  content: "\e913";
} /* '' */
.icon-double-caret:before {
  content: "\e914";
} /* '' */
.icon-i-fleche-vide-bas:before {
  content: "\e915";
} /* '' */
.icon-i-fb:before {
  content: "\e916";
} /* '' */
.icon-i-fb-rond:before {
  content: "\e917";
} /* '' */
.icon-i-facebook-f:before {
  content: "\e918";
} /* '' */
.icon-i-piece-filae:before {
  content: "\e919";
} /* '' */
.icon-i-cloche-sonne:before {
  content: "\e91a";
} /* '' */
.icon-i-facebook-plein:before {
  content: "\e91b";
} /* '' */
.icon-i-valide-02:before {
  content: "\e91c";
} /* '' */
.icon-i-supprimer-croix-03:before {
  content: "\e91d";
} /* '' */
.icon-i-valide-03:before {
  content: "\e91e";
} /* '' */
.icon-i-hints:before {
  content: "\e91f";
} /* '' */
.icon-i-hints-01:before {
  content: "\e920";
} /* '' */
.icon-i-no-hints:before {
  content: "\e921";
} /* '' */
.icon-i-guillemet-ferme_old:before {
  content: "\e951";
} /* '' */
.icon-i-guillemet-ouvert_old:before {
  content: "\e953";
} /* '' */
.icon-i-hints-02:before {
  content: "\e958";
} /* '' */
.icon-material-create:before {
  content: "\e97c";
} /* '' */
.icon-material-date_range:before {
  content: "\e97d";
} /* '' */
.icon-material-tag_faces:before {
  content: "\e97e";
} /* '' */
.icon-material-outline_flag:before {
  content: "\e988";
} /* '' */
.icon-i-sapin:before {
  content: "\e98b";
} /* '' */
.icon-i-releve-asso:before {
  content: "\e98c";
} /* '' */
.icon-material-expand_less:before {
  content: "\e991";
} /* '' */
.icon-material-expand_more:before {
  content: "\e992";
} /* '' */
.icon-material-unfold_more:before {
  content: "\e993";
} /* '' */
.icon-material-zoom_out_map:before {
  content: "\e994";
} /* '' */
.icon-material-check:before {
  content: "\e99a";
} /* '' */
.icon-material-cancel:before {
  content: "\e99b";
} /* '' */
.icon-i-titre-livre:before {
  content: "\e99c";
} /* '' */
.icon-i-twitter-rond-vide:before {
  content: "\e9a7";
} /* '' */
.icon-i-twitter-x:before {
  content: "\e9ae";
} /* '' */
.icon-i-outline-lock:before {
  content: "\ea31";
} /* '' */
.icon-instagram:before {
  content: "\f16d";
} /* '' */
.ligne-info {
  color: #2B2550;
  font-size: 12px;
  font-style: italic;
}

a.tab-information-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  border-color: transparent #fff transparent transparent;
  color: #333333;
  background: rgba(213, 216, 218, 0.7);
}

/*------------------------ Autres --- */
/*Pagination bootstrap*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #445599;
  border-color: #445599;
}

.pagination > li > a,
.pagination > li > span {
  color: #43C;
}

/*Bootstrap equal-height columns experiment*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.cache {
  display: none;
}

.bloc-alert {
  font-size: 16px;
  display: block;
  text-align: center;
}

.pipe {
  margin: 0 5px 0 5px;
}

.bloc-contenu-general,
.bloc-contenu,
.bloc-contenu-in,
.structure-bloc-contenu,
.bloc-gris {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 15px 15px;
  margin: 0 0 10px 0;
}

.bloc-contenu,
.bloc-contenu-in,
.structure-bloc-contenu {
  background-color: #fff;
  border: 1px solid #d5d8da;
}

.bloc-gris {
  background-color: #757585;
}

.pointer {
  cursor: pointer;
}

.separation-gris {
  background: #757585 none repeat scroll 0 0;
  height: 1px;
  margin: 5px 15px;
}

.modal-dialog {
  width: 640px;
}

.panel {
  box-shadow: 0 1px 1px transparent;
}

.full-ecran.marg-banner {
  margin-top: 0;
}

.caret.top,
.sorting_asc .caret {
  border-bottom: 4px dashed;
  border-top: 0 none;
  content: "";
}

.caret.right {
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
  border-top: 4px solid transparent;
}

/* style des keywords (ex association genealogie dans profil client  */
.bootstrap-tagsinput span.label {
  background-color: #fff;
  border: 1px solid #d5d8da;
  color: #333333;
  font-size: 13px;
  border-radius: 15px;
  padding: 5px 12px;
  display: inherit;
  text-align: left;
}

.bootstrap-tagsinput input {
  padding: 23px 0 6px 28px !important;
  width: 100% !important;
  font-weight: bold;
}

.bootstrap-tagsinput + input + i {
  position: absolute;
  bottom: 15px;
  left: 0px;
  color: #757585;
  font-size: 25px;
}

.bootstrap-tagsinput + input + i + i {
  position: absolute;
  bottom: 15px;
  right: 12px;
  color: #337ab7;
  font-size: 25px;
  display: none;
}

.input-simple .bootstrap-tagsinput {
  border: 0;
  box-shadow: none;
  width: 100%;
}

.input-simple .bootstrap-tagsinput input {
  border-bottom: 1px solid #ccc;
}

.input-simple .bootstrap-tagsinput input:focus {
  border-bottom: 1px solid #337ab7;
}

/* Collapse informatif (qui ouvre un texte)  */
a.information[data-toggle=collapse] {
  margin: 0 0 4px 11px;
  display: inline-block;
  position: relative;
}
a.information[data-toggle=collapse]:before {
  content: "";
  display: block;
  width: 0px;
  border: 4px solid transparent;
  border-top: 4px solid #43C;
  left: -12px;
  position: absolute;
  top: 7px;
}
a.information[data-toggle=collapse] + div.collapse, a.information[data-toggle=collapse] + div.collapsing {
  color: rgb(40.8, 30.6, 122.4);
  font-size: 12px;
  margin: 0 0 0 13px;
}
a.information[data-toggle=collapse] + div p span {
  position: relative;
}
a.information.collapsed[data-toggle=collapse]:before {
  border: 4px solid transparent;
  border-left: 4px solid #43C;
  left: -11px;
  top: 5px;
}

.telechargement-fichier {
  margin-top: 20px;
}

.telechargement-fichier i {
  font-size: 60px;
  color: #757585;
}

.telechargement-fichier p {
  font-style: italic;
  font-weight: bold;
}

.telechargement-fichier p + p {
  font-size: 13px;
  font-weight: normal;
  margin: -12px 0 9px;
}

.telechargement-fichier .progress + p {
  color: #2B2550;
  font-size: 13px;
  font-style: inherit;
  font-weight: normal;
}

.bg-essai-7j .intl-tel-input #phone {
  outline: -webkit-focus-ring-color auto 0px;
}

/*.bg-essai-7j .intl-tel-input.complete-phone #phone {
    margin-bottom: 15px !important;
}*/
.intl-tel-input.allow-dropdown.complete-phone .flag-container {
  margin-top: 20px;
}

/*  DEBUT modification hints    */
.bloc-contenu-in.bloc-no-filtre-hints {
  text-align: center;
  border: none;
}

.bloc-contenu-in.bloc-no-filtre-hints .no-filtre-title {
  color: #acaca8;
  font-size: 1.7em;
}

.bloc-contenu-in.bloc-no-filtre-hints .no-filtre-text {
  font-size: 1.1em;
  color: #2B2550;
  font-weight: 600;
}

.bloc-contenu-in.bloc-no-filtre-hints .no-filtre-icon {
  color: #acaca8;
  font-size: 150px;
}

.bloc-contenu-in.bloc-hints {
  border: none;
  padding: 0 0 10px 0;
}

.global-hints .marge-top10px {
  border: 1px solid #d5d8da;
  margin-bottom: 30px;
  margin-top: 0;
  border-radius: 4px;
  padding: 15px;
}

.global-hints .col-xs-12.col-sm-12.col-md-12.col-lg-12.marge-top10px,
.global-hints .bloc-filtre-hints .marge-top10px,
.global-hints .bloc-no-filtre-hints {
  border: none;
}

.global-hints .bloc-no-filtre-hints {
  text-align: center;
}

.global-hints .bloc-no-filtre-hints i {
  color: #757585;
  font-size: 120px;
  margin: 0 0 25px 0;
}

.global-hints .bloc-no-filtre-hints i + p {
  color: #757585;
  font-size: 30px;
  margin: 0 0 25px 0;
  text-align: center;
}

.global-hints .bloc-no-filtre-hints i + p + p {
  color: #333333;
  font-size: 15px;
  text-align: center;
}

.bootstrap-select .filter-option i {
  font-size: 24px;
  margin: -2px 3px 0 0;
  vertical-align: top;
}

.hints-event {
  color: #2B2550;
  font-size: 24px;
  border-bottom: 1px solid #d5d8da;
  margin-bottom: 10px;
  margin: -3px 4px 0 0;
  vertical-align: top;
}

.bootstrap-select .dropdown-menu.open a {
  font-size: 17px;
}

.nav-tabs.fiche-hints > li.active > a,
.nav-tabs.fiche-hints > li.active > a:focus,
.nav-tabs.fiche-hints > li.active > a:hover {
  color: #ff5555;
  font-weight: bold;
  cursor: default;
  background-color: #fff;
}

.nav-tabs.fiche-hints > li.active > a,
.nav-tabs.fiche-hints > li.active > a:hover,
.nav-tabs.fiche-hints > li.active > a:focus {
  border-left: 1px solid #dddddd;
}

.nav-tabs.fiche-hints > li.active {
  background-color: transparent;
  margin-right: 0;
}

.nav-tabs.fiche-hints > li {
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0;
  background: rgba(213, 216, 218, 0.6);
}

.nav-tabs.fiche-hints > li:hover {
  background-color: #eee;
}

.badge-hints {
  background-color: #11a88b;
  text-decoration: none;
}

.classement-hints ul li.dropdown {
  padding: 0 15px;
  background-color: transparent;
  display: inline-block;
  border: 1px solid #2B2550;
  border-radius: 20px;
}

.dropdown-toggle::after {
  display: none;
}

.classement-hints ul li.new-hints-hover a.dropdown-toggle {
  line-height: 2;
  border-radius: 20px;
  padding: 0 15px;
}

.classement-hints ul li.new-hints-hover:hover {
  background: #2B2550;
  border-radius: 20px;
  color: #fff;
}
.classement-hints ul li.new-hints-hover:hover a.dropdown-toggle {
  color: #fff;
}

.classement-hints ul li.dropdown a.dropdown-toggle {
  color: #333333;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  height: auto;
  line-height: 31px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.classement-hints li a.hints-active {
  font-weight: bold;
}

span.fiche-hints {
  background-color: transparent;
  border: 1px solid #757585;
  color: #333333;
  font-size: 14px !important;
  margin: 0 5px 0 0 !important;
}

span.label.fiche-hints {
  display: block;
  padding: 0 10px;
  height: 32px;
  line-height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.classement-hints .new-hints-right {
  top: 3px;
  float: right;
  padding-right: 0;
  margin-left: auto;
}

.classement-hints .new-hints-right span span {
  padding-right: 5px;
  color: #333333;
  font-weight: normal;
}

.classement-hints .new-hints-right .fiche-hints:hover {
  cursor: pointer;
  background-color: #2B2550;
  color: white;
}

.classement-hints .new-hints-right .fiche-hints:hover * {
  color: white;
}

@media screen and (max-width: 490px) {
  .classement-hints .new-hints-right {
    display: block;
    width: 100%;
    padding: 0;
    float: initial;
  }
}
.bloc-filtre-hints .table-responsive #myTable_wrapper #myTable {
  width: auto !important;
}
.bloc-filtre-hints .table-responsive #myTable_wrapper #myTable thead tr th:nth-child(4), .bloc-filtre-hints .table-responsive #myTable_wrapper #myTable thead tr th:nth-child(5) {
  min-width: 90px;
}
.bloc-filtre-hints .table-responsive #myTable_wrapper #myTable tr:hover {
  cursor: pointer;
}
.bloc-filtre-hints .table-responsive #myTable_wrapper #myTable tr .delete-table-container {
  vertical-align: middle;
}

#myTable tbody tr .delete-table-container .shake {
  display: block;
}

#myTable tbody tr .delete-table-container .shake:hover i {
  animation: shake-animation 0.5s forwards;
  color: #2B2550;
}

.first-name {
  color: #43C;
}

span.label.fiche-hints i {
  float: left;
  padding: 3px 5px 0 0;
  color: #333333;
}

.bloc-contenu-in.bloc-filtre-hints {
  border: none;
  padding-top: 0;
}
.bloc-contenu-in.bloc-filtre-hints .lu .highlight-blue-uppercase {
  color: #7827af;
}
.bloc-contenu-in.bloc-filtre-hints .lu .first-name {
  color: #7827af;
}

.bloc-filtre-hints .resultat a strong {
  color: #333333;
}

.resultat .checkbox .checkbox-material .check {
  border: 1px solid #757585;
  height: 13px;
  width: 13px;
}

.resultat .checkbox .checkbox-material {
  top: 0;
}

.resultat .checkbox {
  margin: 0;
}

.resultat .checkbox input[type=checkbox]:checked + .checkbox-material .check,
.resultat .checkbox input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #00acc1;
  color: #00acc1;
}

.resultat .checkbox .checkbox-material .check:before {
  margin-left: 4px;
  margin-top: -7px;
}

.resultat tr td a i {
  color: #333333;
  visibility: hidden;
}

.resultat tr:hover td a i {
  visibility: visible;
}

.titre-arbre h3 a {
  padding: 9px 0;
}

.carte-individu .body-carte .fichier li.carte-hints,
.carte-individu.femme .body-carte .fichier li.carte-hints,
.carte-individu.homme .body-carte .fichier li.carte-hints {
  background: #11a88b;
  border: 1px solid #11a88b;
  color: #fff;
  margin-top: 10px !important;
}

li.carte-hints a {
  color: white;
  /*span.dropdown.choix-table>a#tri-message {
      padding: 7px 5px;
      display: flex;
      @include flexbox;
  }*/
}

span.dropdown.choix-table {
  margin-left: 4px;
}

/* ERREUR */
.page-erreur {
  text-align: center;
}

.page-erreur h4 {
  color: #ff5555;
  font-size: 26px;
}

.page-erreur p {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 30px 0;
}

.page-erreur .btn {
  margin: 0 0 45px 0;
}

.page-erreur img {
  width: 630px;
  transform: rotate(-2deg);
  -moz-box-shadow: 5px 5px 5px 0px #757585;
  -webkit-box-shadow: 5px 5px 5px 0px #757585;
  -o-box-shadow: 5px 5px 5px 0px #757585;
  box-shadow: 5px 5px 5px 0px #757585;
  border: 5px solid #fff;
  margin: 0 0 70px 0;
}

#message-gene-filae img {
  width: 570px;
}

#message-gene-filae p {
  font-size: 15px;
  font-weight: bold;
  margin: 40px 0 0 0;
}

#message-gene-filae p + p {
  font-size: 13px;
  font-weight: normal;
  color: #757585;
  margin: 16px 0 21px;
}

#message-gene-filae p + p + a {
  display: block;
  margin: 0 0 28px;
}

/* WEB TOUR */
#my-tour-tooltip h1,
#my-tour-tooltip h2,
#my-tour-tooltip h3,
#my-tour-tooltip h4,
#my-tour-tooltip h5,
#my-tour-tooltip h6 {
  color: #337ab7 !important;
}

#my-tour-button-bar > a:hover {
  color: #337ab7;
}

/* DEBUT Full Home novembre 2016 */
/* Création arbre => Image full ecran */
.home-full .navbar {
  margin-bottom: 0;
}

.home-page {
  background-image: url(/v4/genealogie/Content/img/home/fond-home/SB.jpg);
  background-position: 42% 0;
  background-color: #eceaef;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

.intro {
  width: 100%;
  min-height: 546px;
  position: relative;
}

.embed-container {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intro .bloc-formulaire {
  margin: 76px 0 0 0;
}

.intro .bloc-formulaire h1 {
  font-size: 30px;
  color: #2B2550;
  font-style: italic;
  margin: 0 0 18px 0;
}

.intro .bloc-formulaire h1 + div p {
  display: inline-block;
  font-size: 16px;
  margin: 0 15px 0 0;
}

.creation-arbre .bloc-formulaire .radio label {
  color: #333 !important;
  font-weight: bold;
  font-size: 16px;
}

.creation-arbre .bloc-formulaire .radio .circle {
  height: 20px;
  width: 20px;
}

.creation-arbre .bloc-formulaire .radio input[type=radio]:checked ~ .check {
  transform: scale3d(0.6, 0.6, 1);
}

.creation-arbre .bloc-formulaire .radio .check {
  height: 20px;
  width: 20px;
}

.creation-arbre .bloc-formulaire .radio span {
  top: 0;
}

.creation-arbre .bloc-formulaire .radio label {
  margin-top: -3px;
  padding-left: 30px;
}

.creation-arbre .bloc-formulaire .text-center a {
  display: inline-block;
  margin: 7px 0 0;
}

.creation-arbre .no-cb {
  font-size: 16px !important;
  padding: 10px 0 0 10px;
}

/* Témoignages */
.home {
  font-family: "Lato", sans-serif;
}

.home .temoignage {
  font-family: "Lato", sans-serif;
  padding: 41px 0;
}

.home .temoignage h2 {
  color: #fff;
  font-size: 32px;
  font-style: italic;
  line-height: 41px;
  margin: 20px 0 17px;
}

.home .temoignage {
  background: #ff5555;
}

.home .temoignage img {
  height: 128px;
  width: 128px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.home .temoignage i {
  font-size: 64px;
  color: #fff;
  margin: 14px 0 0;
}

.home .temoignage p.texte {
  color: #fff;
  font-style: italic;
  font-size: 16px;
  padding: 0 33px 0 15px;
  margin: 10px 0 10px 0;
  text-align: justify;
}

.home .temoignage p.texte:before {
  content: "\e63a";
  font-family: "icomoon", sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #fff;
  font-size: 22px;
  left: -3px;
  position: absolute;
  top: 10px;
  z-index: 10;
}

.home .temoignage p.texte:after {
  content: "\e639";
  font-family: "icomoon", sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #fff;
  font-size: 22px;
  right: 16px;
  position: absolute;
  top: 46px;
  z-index: 10;
}

.home .temoignage p.signature {
  color: #fff;
  font-size: 12px;
  left: 30px;
  position: absolute;
}

.home .temoignage p.signature span {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.home .temoignage .carousel-fade .carousel-inner .item,
.paywall-temoignage .carousel-fade .carousel-inner .item {
  transition-property: opacity;
}

.home .temoignage .carousel-fade .carousel-inner .item,
.home .temoignage .carousel-fade .carousel-inner .active.left,
.home .temoignage .carousel-fade .carousel-inner .active.right,
.paywall-temoignage .carousel-fade .carousel-inner .item,
.paywall-temoignage .carousel-fade .carousel-inner .active.left,
.paywall-temoignage .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.home .temoignage .carousel-fade .carousel-inner .active,
.home .temoignage .carousel-fade .carousel-inner .next.left,
.home .temoignage .carousel-fade .carousel-inner .prev.right,
.paywall-temoignage .carousel-fade .carousel-inner .active,
.paywall-temoignage .carousel-fade .carousel-inner .next.left,
.paywall-temoignage .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.home .temoignage .carousel-fade .carousel-inner .next,
.home .temoignage .carousel-fade .carousel-inner .prev,
.home .temoignage .carousel-fade .carousel-inner .active.left,
.home .temoignage .carousel-fade .carousel-inner .active.right,
.paywall-temoignage .carousel-fade .carousel-inner .next,
.paywall-temoignage .carousel-fade .carousel-inner .prev,
.paywall-temoignage .carousel-fade .carousel-inner .active.left,
.paywall-temoignage .carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.home .temoignage .carousel-fade .home .temoignage .carousel-control,
.home .temoignage .carousel-fade .paywall-temoignage .home .temoignage .carousel-control,
.paywall-temoignage .carousel-fade .home .temoignage .carousel-control,
.paywall-temoignage .carousel-fade .paywall-temoignage .home .temoignage .carousel-control {
  z-index: 2;
}

.home .temoignage .carousel-inner .item,
.paywall-temoignage .home .temoignage .carousel-inner .item {
  min-height: 140px;
  padding: 27px 0 19px 0;
}

.home .carousel-indicators,
.paywall-temoignage .home .carousel-indicators {
  bottom: 6px;
  display: none;
}

.home .tools-list {
  margin-top: 80px;
  background-color: #2B2550;
}

.btn-search-recensement {
  margin-top: 40px;
}

div.crow-search > div > a {
  color: white;
}

.crow-search {
  position: absolute;
  left: 975px;
}

@media (min-width: 992px) and (max-width: 1170px) {
  .crow-search {
    left: 910px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .crow-search {
    left: 718px;
  }
}
@media (max-width: 767px) {
  .crow-search {
    position: static;
  }
}
.SeoSem .recherche {
  background-color: #2B2550 !important;
  padding-bottom: 50px;
  height: 540px !important;
  background-image: none !important;
  margin-bottom: 10px !important;
}

.SeoSem .recherche h1 {
  color: #fff !important;
  font-weight: normal !important;
  margin: 47px 0 10px 0 !important;
  text-align: left !important;
  font-size: 44px !important;
}

.SeoSem .recherche .cat {
  padding-top: 10px;
}

.SeoSem .recherche .white {
  color: white;
}

.SeoSem .recherche .search-title {
  margin-bottom: 47px;
}

.SeoSem .recherche h2 {
  color: #fff !important;
  font-size: 29px;
}

.SeoSem .recherche h2 .info-warning {
  color: #ff5555;
}

.SeoSem .recherche p {
  color: #d5d8da;
}

.SeoSem .recherche h2 sup {
  font-size: 70%;
}

.SeoSem .recherche img {
  height: auto !important;
  margin-top: 67px !important;
}

.SeoSem .archives h3 {
  font-size: 30px;
  text-align: center;
  color: #333333;
}

.SeoSem .archives .listDep li {
  padding-left: 25%;
}

.SeoSem .archives #CommuneListResults li {
  font-size: 12px;
}

.SeoSem .sources {
  margin: 40px 0 60px 0;
}

.SeoSem .sources .MagicFilae {
  color: #ff5555;
  font-style: italic;
  font-size: 26px;
}

.SeoSem .sources h3 {
  font-size: 30px;
  text-align: left;
  color: #333333;
  margin-top: 0;
}

.SeoSem .archives p {
  font-size: 22px;
  text-align: center;
  color: #333333;
  padding-top: 5px;
}

.SeoSem .sources .sources-left p {
  font-size: 22px;
  text-align: left;
  color: #333333;
  padding-top: 15px;
  width: 66%;
}

.SeoSem .sources .sources-right p {
  font-size: 18px;
}

.SeoSem .sources .sources-right {
  padding-left: 30px;
}

.SeoSem .sources .sources-right img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.SeoSem .sources .sources-right h5 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}

.marge-top50px {
  margin-top: 50px;
}

.SeoSem .sources .sources-right .AssoGenealogie {
  padding-top: 30px;
}

.SeoSem .sources .sources-right h6 {
  font-size: 20px;
}

.SeoSem .sources .sources-right .marge-top50px a,
.SeoSem .sources .sources-right .marge-top50px li {
  font-size: 18px;
}

.SeoSem .sources .sources-right .marge-top50px li:last-child {
  color: #d5d8da;
}

.SeoSem .sources .BlocJLB {
  padding-top: 70px !important;
}

.SeoSem .sources .sources-left {
  border-right: 1px solid #d5d8da;
}

.SeoSem .sources h4 {
  color: #ff5555;
  font-weight: bold;
  margin-bottom: 0;
}

.SeoSem .sources h4 + p {
  font-size: 18px !important;
  width: 100% !important;
  padding-top: 0 !important;
}

.SeoSem .sources h4 + p + p {
  font-size: 18px !important;
  width: 100% !important;
  font-weight: bold;
}

.SeoSem .sources .EasySearch {
  margin-top: 20px;
}

.SeoSem .sources .EasySearch .btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 276px;
  margin-bottom: 7px;
  margin-top: 30px;
}

.SeoSem .sources .EasySearch a.btn + p {
  display: inline-block;
  text-align: center !important;
  font-size: 16px !important;
  padding-top: 0 !important;
}

.SeoSem .sources .EasySearch .btn i {
  vertical-align: top;
  margin: 1px 0 0;
}

.SeoSem .embed-container {
  margin-top: 40px;
}

.FondSeoSem img {
  width: 100%;
  height: auto;
}

/* Recherches */
.home .recherche {
  background-image: url(/v4/genealogie/Content/img/home/fond-moteur-recherche-home.jpg);
  background-color: #f6f6f6;
  background-position: 73% 37%;
  background-repeat: no-repeat;
  height: 883px;
  margin-bottom: 250px;
}

.home .recherche h1 {
  color: #303F4C;
  font-size: 47px;
  font-weight: bold;
  margin: 47px 0 40px 0;
  text-align: center;
}

.home .recherche img {
  height: 327px;
  margin: 335px auto 0;
}

.home .recherche h3 {
  font-size: 33px;
  text-align: center;
  margin: 46px 0 0;
  font-weight: bold;
}

.home .recherche h3 span {
  color: #ff5555;
}

.home .recherche .bloc-recherche .input-annee {
  padding-left: 0;
  width: 25%;
}

/* essai 7j juin 2017 */
body.essai-7j {
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #fff;
  background-size: cover;
  background-image: url(/v4/genealogie/Content/img/abonnement/fond-essai-7j.jpg);
}

.bg-essai-7j .text-privacy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-weight: bold;
}

.bg-essai-7j .text-privacy i {
  color: #757585;
}

.title-essai-step-3 {
  text-align: center !important;
}

.essai-7j .abonnement-7j h2,
.new-modal-dialog .popup-essai .titre-offre-sept h2 {
  font-size: 48px;
  color: #2B2550;
}

.cache-img-consult .close {
  opacity: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}

.cache-img-consult .close i {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #2B2550;
  border-radius: 50%;
  color: white;
  opacity: 1;
}

.essai-7j .form-group {
  margin-bottom: 0;
}

.essai-7j .form-group [data-toggle=floatLabel] + label {
  top: 20px;
}

.essai-7j .form-inscr-conn .form-group [data-toggle=floatLabel] + label {
  top: 6px;
}

.new-modal-dialog .essai-7j .titre-offre-sept {
  margin-bottom: 10px;
}

.essai-7j .bloc-essai-sept .essai-actif h4,
.essai-7j .bloc-essai-sept .essai-actif-subtitle h5,
#popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 {
  font-size: 24px;
  color: #2B2550;
  text-align: right;
  font-weight: normal;
}

.essai-7j .bloc-essai-sept .essai-actif h4 {
  margin-right: 25px;
}

#popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 {
  padding-top: 14px;
  text-align: center;
}

.new-modal-dialog .bloc-essai-sept .text-center a {
  display: inline-block;
  margin: 16px 0 0;
}

.essai-7j .bloc-essai-sept .bg-essai-7j {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 50px;
}

.essai-7j .bloc-essai-sept .bg-essai-phone {
  background-color: rgba(70, 85, 105, 0.9);
  color: #fff;
  padding: 0 15px;
}

.new-modal-dialog .popup-bg-essai {
  background-color: rgba(70, 85, 105, 0.9);
  color: #fff;
}

.essai-7j .bloc-essai-sept .bg-essai-7j,
.essai-7j .bloc-essai-sept .bg-essai-phone {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.essai-7j .bloc-essai-sept .bg-essai-7j {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  height: auto;
}

/* Pop up final trial 7 days */
.essai-7j .bloc-essai-sept .bg-essai-7j.essai-welcome {
  padding: 0;
}

.essai-7j .bloc-essai-sept .sept-input input:focus,
.new-modal-dialog .bloc-essai-sept .sept-input input:focus,
.essai-7j .bloc-essai-sept .sept-input select:focus {
  border-bottom: 1px solid #ff5555;
}

.essai-7j .bloc-essai-sept .sept-input input,
.essai-7j .bloc-essai-sept .sept-input select {
  padding: 34px 0 0 0;
  background-color: transparent !important;
}

.essai-7j .bloc-essai-sept .bloc-phone .sept-input input,
.new-modal-dialog .bloc-essai-sept .bloc-phone .sept-input input {
  padding-top: 12px;
  height: 40px;
}

.essai-7j .bloc-essai-sept .bloc-phone,
.essai-7j .bloc-essai-sept .bloc-btn,
.new-modal-dialog .bloc-essai-sept .bloc-btn {
  margin-top: 20px;
}

.essai-7j .bloc-essai-sept .bloc-phone p {
  font-size: 16px;
  color: #2B2550;
}

.new-modal-dialog .bloc-essai-sept .bloc-phone a {
  padding-top: 15px;
  display: inline-block;
  text-align: left;
}

.essai-7j .bloc-essai-sept .bloc-phone p.refus-info,
.new-modal-dialog .bloc-essai-sept .bloc-phone p.refus-info {
  font-size: 14px !important;
  padding-top: 5px;
  display: inline-block;
  line-height: normal !important;
}

.essai-7j .bloc-essai-sept .bloc-phone .checkbox,
.check-register {
  display: inline-block;
  margin: 5px 0 5px 0;
}

.new-modal-dialog .bloc-essai-sept .text-loi p {
  font-size: 11px !important;
  padding: 30px 0;
  color: #757585;
  text-align: center;
  line-height: 1.42857143 !important;
}

.new-modal-dialog .bloc-essai-sept .text-loi .popup-result {
  padding: 30px 0;
}

.new-modal-dialog .popup-congrat {
  font-size: 40px;
  padding-bottom: 20px;
}

.new-modal-dialog .essai-result {
  padding: 40px 0 0 0;
}

.modal-dialog.new-modal-dialog .essai-result p {
  line-height: normal !important;
}

.essai-7j .btn-text-center,
.new-modal-dialog .btn-text-center {
  text-align: center;
}

input.champ-dedicace + label {
  width: 70%;
}

.small-check {
  width: 6%;
  margin-top: 16px;
  padding-left: 0;
}

.txt-check {
  padding-right: 0;
  width: 63%;
}

.new-modal-dialog .txt-check {
  width: 82%;
}

.error-message-mail {
  color: #ff5555;
  padding-top: 5px;
  margin: 0;
}
.error-message-mail > i {
  color: #ff5555;
  margin-bottom: 4px;
  margin-right: 5px;
}
.error-message-mail > * {
  vertical-align: middle;
  display: contents;
}
.error-message-mail--margin-negative-top {
  margin-top: -20px;
}

.no-break {
  white-space: nowrap;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .phone-valid h4,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .phone-valid h4 {
  color: #fff !important;
  font-size: 24px !important;
  padding: 40px 0 10px 0;
  font-weight: normal !important;
}

.popup-bg-essai .bloc-essai-sept .bg-essai-phone p {
  font-size: 18px !important;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .refus-info,
#popup-1erdoc .new-modal-dialog .popup-bg-essai .bloc-essai-sept .bg-essai-phone .refus-info {
  font-size: 14px !important;
  margin: 20px 0 0 0;
  line-height: 1.42857143 !important;
}

.popup-bg-essai .bloc-essai-sept .bg-essai-phone .text-loi p {
  font-size: 14px !important;
  color: #fff;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .phone-link,
.essai-7j .bloc-essai-sept .bg-essai-phone .phone-link:hover,
.new-modal-dialog .bloc-essai-sept .bg-essai-phone .phone-link,
.new-modal-dialog .bloc-essai-sept .bg-essai-phone .phone-link:hover {
  color: #fff;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .txt-check {
  width: 100%;
  padding: 0 0px;
}

.popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check {
  width: 100%;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox {
  display: inline-block;
  text-align: left;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check,
.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #fff;
  color: #fff;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before,
.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: #fff !important;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .sept-input input,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .sept-input input {
  background-color: #fff !important;
  padding: 0 0 0 52px;
  height: 40px;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .sept-input .intl-tel-input,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .sept-input .intl-tel-input {
  margin-top: 15px;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .sept-input .flag-container,
.popup-bg-essai .bloc-essai-sept .bg-essai-phone .sept-input .flag-container {
  margin-top: 0;
}

.essai-7j .bloc-essai-sept .sept-input .intl-tel-input .selected-flag,
.new-modal-dialog .bloc-essai-sept .sept-input .intl-tel-input .selected-flag {
  padding-left: 4px;
}

.essai-7j .bloc-essai-sept .essai-code h4,
.new-modal-dialog .bloc-essai-sept .essai-code h4,
.new-modal-dialog .bloc-essai-sept .essai-result h4 {
  font-size: 24px !important;
  color: #2B2550 !important;
  font-weight: normal !important;
  line-height: 1.1 !important;
}

.essai-7j .bloc-essai-sept .essai-code h4.title-subscription-welcome {
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #333333 !important;
}

.new-modal-dialog .bloc-essai-sept .essai-problem p {
  margin-top: 25px !important;
  line-height: normal !important;
}

.modal-dialog.new-modal-dialog .popup-txt {
  font-size: 14px !important;
}

.essai-7j .bloc-essai-sept .sept-input input.code-phone,
.new-modal-dialog .bloc-essai-sept .sept-input input.code-phone {
  text-align: center;
  font-size: 27px;
  padding: 27px 0 0 0;
}

.gift-card-code-input-container {
  max-width: 300px;
  margin: 0 auto;
}

.essai-7j .bloc-essai-sept .text-sms p {
  font-size: 14px;
  padding: 30px 0 15px 0;
  color: #757585;
  text-align: center;
}

.essai-7j .bloc-essai-sept .text-sms {
  padding-top: 15px;
}

.essai-7j .bloc-essai-sept .essai-welcome .text-center a,
.new-modal-dialog .bloc-essai-sept .text-center a {
  margin-bottom: 40px;
}

.essai-7j .bloc-essai-sept .essai-welcome .title-video {
  font-size: 18px;
  color: #2B2550;
}

.essai-7j .bloc-essai-sept .essai-welcome .btn,
.new-modal-dialog .bloc-essai-sept .essai-welcome .btn {
  margin: 10px;
}

.essai-7j .bloc-essai-sept .essai-welcome {
  margin-bottom: 30px;
}

.essai-7j .bloc-essai-sept .essai-problem p {
  font-size: 16px;
  margin-top: 25px;
}

.essai-7j .bloc-essai-sept .essai-problem .btn {
  margin-bottom: 30px;
}

/* lecteur video vimeo  */
.essai-7j .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.essai-7j .embed-container iframe,
.essai-7j .embed-container object,
.essai-7j .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Numéro vert */
.carte-num-open {
  width: 320px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  position: fixed;
  z-index: 1031;
  padding-bottom: 5px;
  bottom: 0;
  left: 0;
  margin-right: 5px;
}

.carte-num-open i {
  text-align: right;
  display: block;
  padding: 8px 8px 0 0;
  color: #d5d8da;
}

.carte-num-open .texte,
.carte-num-close .texte {
  text-align: center;
}

.carte-num-open .texte a:hover {
  text-decoration: none;
}

/* Popup de création d'alerte (page résultat) */
a.plusoptions {
  display: inline-block;
  margin: 5px 0 10px 0;
}

.input-simple + div a.remove_field i {
  margin: 20px 0 0 0;
  font-size: 24px;
}

/* Réduction des padding des col pour les formulaire */
.col-pad-l-6 {
  padding-left: 6px;
}

.col-pad-r-6 {
  padding-right: 6px;
}

.col-pad-lr-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.form-group.input-simple.col-pad-l-6 [data-toggle=floatLabel] + label, .form-group.input-simple.col-pad-lr-6 [data-toggle=floatLabel] + label {
  left: 6px;
}
.form-group.input-simple.col-pad-l-6 .twitter-typeahead + label, .form-group.input-simple.col-pad-lr-6 .twitter-typeahead + label {
  left: 6px;
}

/* ------------------------- Popup Activation essai gratuit -- */
#popup-1erdoc .modal-dialog, #popup-1erdoc .modal-dialog.popup-size {
  width: 680px;
  margin: 10% auto;
  z-index: 2000000000 !important;
}

.carte-num-open .texte a {
  color: #333333;
}

.carte-num-open .texte .help {
  font-size: 18px;
}

.carte-num-open .texte .time {
  font-size: 14px;
  margin-top: 10px;
}

.carte-num-close {
  width: 40px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  padding-top: 5px;
  position: fixed;
  z-index: 1031;
  display: block;
  bottom: 0;
  right: 0px;
  margin-right: 5px;
}

.carte-num-close i {
  font-size: 35px;
  color: #ff5555;
}

.carte-num-close i:hover {
  color: #f35a5b;
}

/* New paywall juillet 2017 */
.PromoBanner .paywall.paywall-argument li:first-child {
  font-size: 16px;
  font-weight: normal;
}

.PromoBanner .paywall.paywall-argument li {
  border-bottom: none;
}

.PromoBanner .paywall.paywall-offre {
  background: none;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre {
  border: none;
  display: inline-block;
  width: 100%;
  height: auto;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre.active,
.PromoBanner .paywall.paywall-offre .offre .bloc-offre:hover {
  border: none;
  margin: 13px 0 9px 0;
  padding: 3px 0 16.5px 0;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre i {
  background: none;
  width: auto;
  height: auto;
}

.PromoBanner .menu-simple a {
  color: #757585;
}

.PromoBanner .paywall.paywall-argument h1 {
  color: #2B2550 !important;
}

.PromoBanner .paywall.paywall-argument li i.PromoBoth {
  color: #2B2550;
}

.PromoBanner .paywall.paywall-argument li span.bold img {
  width: auto;
  height: auto;
  padding-top: 18px;
  padding-left: 9px;
}

.PromoBanner .paywall.paywall-argument li span.badge {
  font-size: 15px;
  margin-top: -5px;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre i + i {
  padding-top: 3px;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre p.no-action {
  width: 69%;
  display: inline-block;
  padding: 60px 0 80px 0;
}

.PromoBanner .choix-paiement {
  margin-bottom: 16px;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre p.petit-titre-14 {
  font-size: 12px;
}

.PromoBanner .paywall.paywall-offre .moyen-paiement i + p + a {
  font-size: 13px;
}

.PromoBanner .btn-action {
  background-color: #06f !important;
  border: #06f;
}

.PromoBanner .btn-action.active,
.PromoBanner .btn-action:hover {
  opacity: 0.8;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre h2,
.PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 + span {
  font-weight: normal;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 span.no-price {
  color: #2B2550;
  margin-right: 10px;
  position: relative;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 span.no-price img {
  position: relative;
  width: 36px;
  height: 20px;
  top: -3px;
  left: 34px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 span.no-price img {
    position: absolute;
    top: 380px;
    left: initial;
  }
}
.PromoBanner .bloc-badge {
  position: absolute;
  width: 95%;
  margin-top: 5px;
}

.PromoBanner .badge {
  background-color: #2B2550;
  padding: 4px 14px;
}

.PromoBanner .bloc-badge img {
  position: absolute;
  top: -20px;
  right: -32px;
}

.PromoBanner .bloc-premium-top {
  background-color: #ff5555;
  padding-top: 30px;
  height: 205px;
}

.PromoBanner .bloc-basic-top {
  background-color: #2B2550;
  padding-top: 30px;
  margin-top: 30px;
  height: 175px;
}

.PromoBanner .bloc-premium-top,
.PromoBanner .bloc-basic-top {
  padding-bottom: 10px;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
}

.PromoBanner .bloc-premium-bottom,
.PromoBanner .bloc-basic-bottom {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border: 2px solid #ccc;
  border-top: none;
  display: inline-block;
  width: 100%;
  padding-top: 100px;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre h3 {
  color: #fff;
  margin: 0 0 25px 0;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre .bloc-basic-top h3 {
  margin: 0 0 25px 0;
}

.PromoBanner .paywall.paywall-offre .offre .bloc-offre .bloc-premium-top h3 {
  margin: 0 0 30px 0;
}

.PromoBanner .btn-left {
  -webkit-border-radius: 40px 0 0 40px;
  -moz-border-radius: 40px 0 0 40px;
  border-radius: 40px 0 0 40px;
  padding: 3px 22px;
}

.PromoBanner .btn-right {
  -webkit-border-radius: 0 40px 40px 0;
  -moz-border-radius: 0 40px 40px 0;
  border-radius: 0 40px 40px 0;
  padding: 3px 13px;
}

.PromoBanner .btn-on {
  background-color: #757585 !important;
  color: #fff;
  border: 1px solid #757585;
}

.PromoBanner .btn-on:hover {
  opacity: 1;
  cursor: initial;
}

.PromoBanner .btn-off {
  background-color: #fff !important;
  color: #757585;
  border: 1px solid #757585;
}

.PromoBanner .btn-off:hover {
  background-color: #757585 !important;
  color: #fff;
}

.PromoBanner .abo-time {
  margin-bottom: 25px;
}

.PromoBanner .paywall.paywall-offre .container.bloc-movie .embed-container {
  margin: 35px 0;
}

.PromoBanner .promo-echeance {
  color: #06f;
}

.PromoBanner .paywall.paywall-offre .container.bloc-movie .moyen-paiement {
  margin-bottom: 40px;
}

/* Gifts members */
.offre-gift-gold {
  background-color: #303F4C;
  border-radius: 4px;
}

.abonnement-7j .bloc-offre {
  background-color: #303f4c;
}

.abonnement-7j .bloc-offre {
  width: 350px;
  margin: 10px auto 20px auto;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 20px 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

.abonnement-7j .bloc-offre.argent {
  background-image: url(/v4/genealogie/Content/img/gifts-members/small-bandeau-argent.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.abonnement-7j .bloc-offre.gold {
  background-image: url(/v4/genealogie/Content/img/gifts-members/small-bandeau-or.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.abonnement-7j .bloc-offre.argent i,
.abonnement-7j .bloc-offre .nb-month.argent,
.abonnement-7j .bloc-offre .offre-name.argent {
  color: #aeada9;
}

.abonnement-7j .bloc-offre.gold i,
.abonnement-7j .bloc-offre .nb-month.gold,
.abonnement-7j .bloc-offre .offre-name.gold {
  color: #c5b358;
}

.abonnement-7j .bloc-offre i {
  font-size: 55px;
}

.abonnement-7j .bloc-offre h3 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 0;
}

.abonnement-7j .bloc-offre .nb-month {
  font-size: 22px;
}

.abonnement-7j .bloc-offre .offre-name {
  font-size: 18px;
}

.gifts-cmd h1 {
  font-size: 3rem;
  color: #2B2550;
  padding-bottom: 10px;
}

.gifts-cmd h2 {
  font-size: 2rem;
  color: #2B2550;
  padding-bottom: 10px;
  line-height: 31px;
  margin-bottom: 0;
}

.gifts-cmd .faux-input {
  margin: 0;
}

#cardDataInputBlock #wholeform .separatorBar,
#cardDataInputBlock copyrightThreeDS {
  display: none;
}

.gifts-cmd .bloc-cmd-right {
  padding: 20px;
}

.gifts-cmd .bloc-cmd-right h2 {
  margin: 0;
}

.grid-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}

.grid-4 > * {
  flex: 0 0 auto;
  display: block;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-rendering: auto;
}

.paywall-right {
  background-color: #eceaef;
}

.gift-payment-verif-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 90%;
}

@media (max-width: 500px) {
  .gifts-cmd .gift-payment-verif-container {
    display: block;
    text-align: center;
  }
  .gifts-cmd .gift-payment-verif-container .gift-payment-verif {
    display: block;
  }
  .gifts-cmd .gift-payment-verif-container .gift-payment-verif i {
    float: inherit;
  }
}
.gifts-cmd .grid-col.gold {
  background-color: #fff;
  border: 4px solid #c5b358;
  background-image: url(/v4/genealogie/Content/img/gifts-members/small-bandeau-or.png);
  background-repeat: no-repeat;
  background-position: right top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 20px 0;
  color: #2B2550;
  background-size: 45px;
}

.gifts-cmd .grid-col.blue {
  background-color: #fff;
  border: 4px solid #00ACC1;
  background-image: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 20px 0;
  color: #2B2550;
}

.gifts-cmd .grid-col.blue h3,
.gifts-cmd .grid-col.gold h3 {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 5px;
  margin: 0 0 5px 0;
}

.gifts-cmd .grid-col.blue .price-container,
.gifts-cmd .grid-col.gold .price-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  font-size: 2rem;
}

.gifts-cmd .grid-col.blue .old-price,
.gifts-cmd .grid-col.gold .old-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: grey;
  font-size: 2rem;
  margin-right: 10px;
  position: relative;
}

.gifts-cmd .grid-col.blue .underline-red,
.gifts-cmd .grid-col.gold .underline-red {
  display: block !important;
  z-index: 20;
  background-color: #ff5555;
  border-color: #ff5555;
  height: 2px;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.7;
  transform: translate(0%) rotate(0deg);
}

.gifts-cmd .grid-col.blue .new-price,
.gifts-cmd .grid-col.gold .new-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #5cb85c;
  font-weight: 600;
  font-size: 2rem;
}

.gifts-cmd .grid-col.gold.no-background-img {
  background-image: inherit;
}

.frais-livraison {
  margin-top: 5px;
  padding: 5px;
}

.gifts-cmd .gold .condition {
  font-size: 18px;
}

.gifts-cmd .grid-col.argent {
  background-color: #fff;
  border: 4px solid #aeada9;
  background-image: url(/v4/genealogie/Content/img/gifts-members/small-bandeau-argent.png);
  background-repeat: no-repeat;
  background-position: right top;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 20px 0;
  color: #2B2550;
  background-size: 60px;
}

.gifts-cmd .grid-col.gold p,
.gifts-cmd .grid-col.argent p {
  font-weight: bold;
  font-size: 20px;
}

.gifts-cmd .bloc-cmd-left {
  clear: left;
  padding: 10px 30px;
}

.gifts-cmd .paywall-left {
  padding: 0 30px 20px 215px;
}

.gifts-cmd .paywall-right {
  padding-right: 10%;
}

.gifts-cmd .gift-payment-verif {
  border-radius: 4px;
  padding: 5px 0;
  margin: 0px;
  color: #757585;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.gifts-cmd .gift-payment-verif img,
.gifts-cmd .gift-payment-verif p {
  max-height: 44px;
  width: auto;
}

.guide-bloc-container {
  background-color: #00ACC1;
  color: white;
  padding: 15px;
  border-radius: 5px;
}

.guide-bloc-container .plus-guide {
  font-size: 90px;
  height: 100%;
  text-align: center;
}

.guide-bloc-container .plus-guide p {
  font-size: 90px;
  height: 100%;
}

.guide-bloc-container h2 {
  color: white;
  font-size: 1.8rem;
  margin: 20px 0;
  font-weight: 600;
}

.guide-bloc-container img {
  width: 130px;
  position: absolute;
  top: -90px;
}

.guide-bloc-container p {
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .gifts-cmd .gift-payment-verif p {
    font-size: 9px;
  }
}
.gifts-cmd .gift-payment-verif p {
  margin-bottom: 0;
}

.gifts-cmd .gift-payment-verif i {
  float: left;
}

@media (max-width: 1368px) {
  .gifts-cmd .paywall-right {
    padding-right: 2%;
  }
}
@media (min-width: 768px) {
  .gifts-cmd .bloc-cmd-left {
    min-height: 984px;
  }
}
@media (max-width: 768px) {
  .gifts-cmd .paywall-right {
    padding-right: 0px !important;
  }
}
.gifts-cmd .radio label {
  color: #333 !important;
  font-size: 16px;
  margin-top: -3px;
  padding-left: 30px;
}

.gifts-cmd .radio .circle,
.gifts-cmd .radio .check {
  height: 20px;
  width: 20px;
}

.gifts-cmd .radio input[type=radio]:checked ~ .check {
  transform: scale3d(0.6, 0.6, 1);
}

.gifts-cmd .radio span {
  top: 0;
}

.gifts-cmd .modifier-champs {
  margin-top: 0px;
}

.modifier-champs-register {
  margin-top: 20px;
}

.gifts-cmd .faux-input.active {
  box-shadow: none;
  border-bottom: 1px solid #ff5555;
}

.gifts-cmd .faux-input,
.faux-input.register {
  padding: 19px 0 10px 0;
}

.gifts-cmd .faux-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #757585;
}

.gifts-cmd .valdide-code {
  padding-top: 27px;
  color: red;
}

.gifts-cmd h2.your-msg {
  padding: 15px 0 0;
}

.gifts-cmd .form-group.input-simple textarea.form-control {
  background-color: #fff !important;
  border: 1px solid #ccc;
}

.gifts-cmd .form-group.input-simple textarea.form-control.active {
  border: 1px solid #ff5555;
}

.gifts-cmd.coffret-details .btn-action {
  margin: 0px 0;
}

.gifts-cmd label.expire {
  left: 15px;
}

.gifts-cmd label.expire,
.born-register {
  font-size: 11px;
  left: 12px;
  opacity: 1;
  position: absolute;
  top: 6px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #757585;
}

.gifts-cmd .form-group.input-simple .form-control {
  padding-right: 0;
}

.gifts-cmd .lien-back {
  font-size: 18px;
  text-align: right;
}

.gifts-cmd h5 {
  font-weight: bold;
  font-size: 17px;
}

.gifts-cmd li {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gifts-cmd li.valdide-code {
  padding-top: 0;
  font-size: 14px;
  color: #333333;
}

.gifts-cmd li.date-valide {
  background-color: #fff;
  padding: 5px 10px;
  width: 134px;
  margin-bottom: 5px;
}

.gifts-cmd .gift-payment {
  float: left;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  margin: 2px 15px 2px 0;
}

.gifts-cmd .gift-payment:hover,
.gifts-cmd .gift-payment.active {
  border: 3px solid #ff5555;
  padding: 3px;
}

.gifts-cmd .gift-payment-verif i {
  float: left;
}

.gifts-cmd .gift-payment-verif:last-child img.gifts-cmd .gift-payment-verif:last-child img {
  height: 55px;
  width: auto;
}

.break-word {
  word-wrap: break-word;
  display: inline-block;
}

body.full-beta {
  background-image: url(/v4/genealogie/Content/img/searchApi/Fond-beta_1920x1080.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #fff;
  background-size: cover;
}

/*-----------------------------------  MOTEUR DE RECHERCHE   -----------------------------------*/
/*---------------------- AUCUN RESULTAT ---------------------------------*/
.searchNoresult {
  margin-top: 7px;
}
.searchNoresult p {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 23px;
}
.searchNoresult p a.coral {
  color: #ff5555;
}
.searchNoresult .num {
  margin: 0 10px 0 0;
}
.searchNoresult .searchNoresult__icon {
  margin-bottom: 38px;
}
.searchNoresult .searchNoresult__icon i {
  font-size: 72px;
  color: #757585;
  float: left;
  margin-right: 22px;
}
.searchNoresult .searchNoresult__icon p {
  float: left;
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 7px;
  color: #757585;
}
.searchNoresult .searchNoresult__icon:after {
  clear: left;
  display: block;
  content: "";
}
.searchNoresult .searchNoresult__astuce span {
  color: #ff5555;
  font-weight: bold;
}
.searchNoresult .searchNoresult__astuce span.num {
  color: #333333;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
}
.searchNoresult .searchNoresult__astuce span.astuce {
  color: #333333;
  font-weight: normal;
  width: 94%;
  display: inline-block;
}
.searchNoresult .searchNoresult__video {
  margin: 65px 0 0 0;
  overflow-x: hidden;
}
.searchNoresult .searchNoresult__video h4 {
  font-size: 23px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.searchNoresult .searchNoresult__video a {
  margin: 10px 0;
  display: block;
}
.searchNoresult .searchNoresult__video a img {
  width: 100%;
}
.searchNoresult .searchNoresult__video a p {
  text-decoration: none;
  font-size: 18px;
  margin: 10px;
}
.searchNoresult .searchNoresult__video a:hover {
  text-decoration: none;
}
.searchNoresult .searchNoresult__video h5 {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

/* OLD CSS AUCUN RESULTAT RECHERCHE A SUPPRIMER */
.no-result-recent-title strong {
  color: #757585;
  font-size: 2.5rem;
  font-weight: 500;
}

.no-result-recent-container {
  padding-top: 30px;
  text-align: center;
}

.no-result-recent-text {
  font-size: 15px;
}

.no-result-all-field {
  display: block;
  width: 100%;
  height: auto;
  max-width: 260px;
  margin: 0;
  padding-top: 20px;
}

.no-result-all-field img {
  width: 100%;
  height: auto;
}

.no-result-too-recent {
  display: block;
  width: 265px;
  height: auto;
  margin: 0 auto;
}

.no-result-too-recent img {
  width: 100%;
  height: auto;
}

.moteur-search-beta {
  margin: 0;
}

.moteur-search-beta h2 {
  margin: 0 0 40px 0;
}

.moteur-search-beta button {
  padding: 10px 27px;
}

.moteur-search-beta .plusoptions {
  display: inline-block;
  margin: 0 70px 0 0;
  color: #ff5555;
}

.moteur-search-beta .form-group.plus-moins {
  margin: 12px 0 0 0;
}

/*-------------------------------------------------------------------------- ONGLET EVENEMENTS--- */
.recherche .illustr-loupe i {
  color: #d5d8da;
  display: block;
  font-size: 95px;
  margin: 0 0 0 -29px;
}

.recherche button:not(.clear-input) {
  padding: 12px 27px;
}

.recherche #clearform i {
  display: inline-block;
  font-size: 20px;
  padding: 10px;
}

/*------------------------ Filtres--- */
#tuto-hints .dropdown-toggle:hover,
#tuto-hints .dropdown-toggle {
  cursor: default;
}

/* Ajout CSS page GetDefaultFilter */
.modal-dialog .explications p {
  color: #6a7787;
  font-family: "Arial Regular", "Arial", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 17px;
  text-align: left;
  visibility: visible;
  width: auto;
  word-wrap: break-word;
}
.modal-dialog #default-filters-pop h4 {
  font-size: 16px;
}
.modal-dialog .filter_default li {
  border-bottom: 1px solid #d5d8da;
  padding: 10px 0;
  display: flex;
}
.modal-dialog .filter_default li .filter_default-label {
  flex: auto;
  max-width: 34%;
}
.modal-dialog .filter_default li .filter_default-label p {
  margin: 0;
}
.modal-dialog .filter_default li .filter_default-content {
  flex: auto;
}
.modal-dialog .filter_default li.sep {
  border-bottom: 2px solid #d5d8da;
  padding: 10px 0 16px 0;
}
.modal-dialog .filter_default div a.dropdown-toggle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 12px;
  position: relative;
  display: inherit;
}
.modal-dialog .filter_default div a.dropdown-toggle:hover, .modal-dialog .filter_default div a.dropdown-toggle:focus {
  text-decoration: none;
}
.modal-dialog .filter_default div a.dropdown-toggle .title-dropdown {
  display: none;
}
.modal-dialog .filter_default div a.dropdown-toggle .caret {
  position: absolute !important;
  margin: 0px !important;
  top: 55%;
  left: inherit;
  right: 5px;
  width: auto;
  height: auto;
  border: 0;
  margin-top: 50vh;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
}
.modal-dialog .filter_default div a.dropdown-toggle .caret:before {
  content: "\e915";
  font-family: "icomoon";
  font-size: 28px;
}
.modal-dialog .filter_default div ul.dropdown-menu li {
  border-bottom: 0;
  padding: 0;
}
.modal-dialog .filter_default .multiple-filters li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
}
.modal-dialog .filter_default .multiple-filters li span {
  display: inline;
  position: absolute;
  right: 7px;
  top: 0;
  margin-top: 2px;
}
.modal-dialog .filter_default .multiple-filters li span a {
  width: 50px;
  clear: left;
  height: 20px;
}
.modal-dialog .filter_default .multiple-filters li input {
  float: left;
}
.modal-dialog .filter_default .multiple-filters li p {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 0 18px;
}
.modal-dialog .filter_default .multiple-filters li div {
  display: none;
}
.modal-dialog .filter_default .multiple-filters li div a {
  float: right;
  width: 35px;
}
.modal-dialog .filter_default .col-sm-7 {
  padding-right: 0px;
}
.modal-dialog .filter_default .col-sm-7 .col-sm-8 {
  padding-left: 5px;
  padding-right: 5px;
}
.modal-dialog .filter_default .modal-dialog .modal-body {
  overflow: inherit;
}
.modal-dialog .default-filters-hover {
  background-color: #f5f5f5;
}
.modal-dialog button span.close-btn {
  opacity: 0.2;
}
.modal-dialog .modal-body .list-unstyled {
  margin-top: 40px;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li span {
  display: inline;
  position: absolute;
  right: 7px;
  top: 0;
  margin-top: 2px;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li span a {
  width: 50px;
  clear: left;
  height: 20px;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li input {
  float: left;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li p {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 0 18px;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li div {
  display: none;
}
.modal-dialog .modal-body .list-unstyled li .multiple-filters li div a {
  float: right;
  width: 35px;
}
.modal-dialog .modal-body .list-unstyled li a span {
  margin-top: 8px;
}

/*------------------------ Barre entre filtres d'inscription ou d'abonnement--- */
.offer-bar {
  background-color: #d5d8da;
  background-image: url(/v4/genealogie/Content/img/searchApi/offer-bar-picture.png);
  background-position: right top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #d5d8da;
  height: 47px;
  overflow: auto;
  padding: 5px 0;
}

.offer-bar p {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding-top: 4px;
}

.offer-bar .btn-inscription button {
  margin: 1px 0 0 -37px;
}

.offer-bar .btn-essai-gratuit button {
  margin: 1px 13px 0 -15px;
}

/*------------------------ Tableau résultats--- */
.FiltreIcon i {
  font-size: 15px;
  padding-top: 3px;
  padding-left: 5px;
  position: absolute;
}

.FiltreIcon a + a {
  color: #2B2550;
}

.highlight-blue-uppercase {
  color: #43C;
  font-weight: bold;
  text-transform: uppercase;
}

.highlight-black {
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}

.highlight-black-uppercase {
  color: #333333;
  text-transform: uppercase;
}

.relevance-percentage {
  color: #757585;
  font-size: 13px;
  min-width: 40px;
  display: inline-block;
}

.resultTable td.annee {
  background-color: #F5F6FA;
}
.resultTable .name-size {
  word-break: break-word;
}
.resultTable .table-hover > tbody > tr:hover {
  background-color: #F5F6FA;
}
.resultTable + div .pagination .disabled {
  display: none;
}
.resultTable + div .pagination .no-active-l.no-active-r {
  display: none;
}

.resultat td.annee {
  background-color: #f3f3f3;
}

.table > tbody > tr > td.border-top-0,
.table > tbody > tr > th.border-top-0,
.table > tfoot > tr > td.border-top-0,
.table > tfoot > tr > th.border-top-0,
.table > thead > tr > td.border-top-0,
.table > thead > tr > th.border-top-0 {
  border-top: 0;
}

.resultTable .icon-i-avatar-homme:before,
.resultat .icon-i-avatar-homme:before {
  color: #66cccc;
}

.resultTable .icon-i-avatar-femme:before,
.resultat .icon-i-avatar-femme:before {
  color: #ff8888;
}

.resultTable .icon-i-mariage:before,
.resultat .icon-i-mariage:before {
  color: #2B2550;
}

#sourcesTable th,
#eventsTable th {
  cursor: pointer;
}

#sourcesTable .headerSortByLastname {
  min-width: 120px;
}

.table-responsive footer {
  background: none;
  margin: 0;
}

.resultTable span.label.label-success.inverse {
  text-transform: uppercase;
  margin: 3px 0 0 0;
}

/* ------------------------- Popup Activation essai gratuit -- */
/*-------------------------------------------------------------------------- ONGLET SOURCES--- */
tr.bandeau-titre {
  background-color: rgba(211, 211, 211, 0.8);
}

#grid .badge {
  background-color: #2B2550;
  border-radius: 30px;
  min-width: 60px;
}

#grid .badge h5 {
  color: #fff;
}

h1.h1-nav-sources {
  margin: 30px 0 -12px;
  font-size: 29px;
}

h1.h1-nav-sources + h2 {
  font-size: 25px;
  margin: 20px 0;
}

.wrapper {
  height: auto !important;
}

/* ------------------------- Filtres sources -- */
li.dropdown-disabled > a {
  color: #fff !important;
  opacity: 0.4;
}

/*-------------------------------------------------------------------------- POPUP Période Personnalisée --- */
.modal-dialog.periode-perso {
  width: 496px;
}

.modal-dialog .form-inline .form-group:first-child {
  margin: 0 3px 0 0;
}

/* ======================================================================================================== DEBUT Page Recherches par sources -- */
/*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */
.sources-banniere {
  padding: 15px 0 0 15px;
  height: 190px;
  position: relative;
}

.sources-banniere .sources-titre-banniere {
  font-size: 30px;
  line-height: 39px;
  width: 311px;
  font-weight: bold;
  margin: 0;
}

.sources-banniere span.label {
  background: #11a88b none repeat scroll 0 0;
  border-width: 0px;
  bottom: 4px;
  color: #fff;
  font-size: 15px;
  position: absolute;
  right: 13px;
}

.recherche .illustr-loupe-source i {
  color: #d5d8da;
  display: block;
  font-size: 78px;
  margin: 0;
}

.sources-info {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  padding: 15px 34px;
}

.sources-info-texte {
  display: inline-block;
  text-align: center;
  width: 75%;
  word-wrap: break-word;
}

.sources-info-texte span {
  color: #757585;
  display: inline-block;
  font-size: 12px;
  margin: 0 0 6px;
}

.sources-info-texte p {
  margin-bottom: 0px;
  color: #ff5555;
}

.sources-info .icon-i-objectif-01:before,
.sources-info .icon-i-avatar-h-f-03:before,
.sources-info .icon-i-calendrier-vide:before {
  display: inline-block;
  color: #d5d8da;
}

.sources-info .icon-i-avatar-h-f-03:before {
  font-size: 36px;
}

.sources-info-collection img {
  width: 310px;
  float: right;
  margin: 0 0 0 20px;
}

.sources-info-collection {
  padding: 17px 41px 0 32px;
}

.sources-info-collection.illustration-niveau3 {
  padding: 16px 63px 16px 32px;
}

.sources-info-collection div {
  font-size: 16px;
}

.sources-info-collection div.sources_level2_title {
  font-size: 24px;
  line-height: normal;
  text-align: left;
  margin: 0 0 18px 0;
}

.sources-info-collection div.sources_level2_subtitle {
  font-size: 20px;
  line-height: normal;
  text-align: left;
  margin: 0 0 10px 0;
  color: #2B2550;
}

.sources-image-collection {
  padding: 0 15px 0 15px;
}

.sources-image-collection .subcategories_list {
  margin: 28px 0 15px 0;
  display: inline-block;
}

.subcategories_list div {
  margin: 0 0 16px 0;
}

.subcategories_list li img {
  width: 100%;
  margin: 0 0 7px 0;
}

.subcategories_list li a h2 {
  font-size: 14px;
  margin: 0;
  color: #43C;
}

.subcategories_list li a {
  margin: 7px 0 0 0;
  display: block;
}

.sources-exemple-titre {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  text-align: left;
  margin-left: 24px;
  margin-top: 24px;
  width: 584px;
  color: #2B2550;
}

.sources-exemple-bloc {
  padding: 4px 35px 21px 26px;
}

.sources-exemple-bloc div {
  padding-left: 15px;
  padding-right: 0;
}

.sources-exemple-bloc img {
  float: left;
  width: 90px;
}

.sources-exemple-bloc a {
  float: left;
  margin-left: 5%;
  width: 53%;
  text-decoration: none;
}

/*-------------------------------------------------------------------------- RECHERCHES Niveau 2 --- */
.sources-info-collection ul {
  margin-top: -5px;
}

.sources-info-collection ul li {
  font-size: 14px;
  line-height: normal;
  text-align: left;
  margin-left: 24px;
  margin-top: 5px;
  width: 584px;
  list-style-type: disc;
  color: #2B2550;
}

.sources-info-collection li span {
  color: #333333;
}

/*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */
.sources_level2_title {
  color: #757585;
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 18px 0;
}

.source_right_image_level3 {
  height: 100%;
  width: 100%;
  margin-bottom: 8%;
  margin-left: 5%;
}

.first {
  display: inline;
  margin: 0 5px 0 0;
}

.second {
  display: inline-block;
}

.second span.label {
  margin: 0;
  padding: 1px 5px;
}

/* ======================================================================================================== DEBUT Page Recherches par département -- */
body.recherche-ec {
  background-image: url(/v4/genealogie/Content/css/img/fond-ec-departement/Fond_extranet_1920x1080_77.jpg);
  background-position: 50% -135px;
}

.recherche-ec .moteur-search-beta h2 {
  margin: -10px 0 12px;
}

.recherche-ec.moteur-search-beta #searchForm div p {
  font-size: 18px;
}

.chiffre-cle-ec .panel-default {
  background-color: transparent;
  border: 0;
  margin-bottom: 2px;
}

.chiffre-cle-ec .sources-info {
  font-size: 27px;
  padding: 0;
}

.chiffre-cle-ec .sources-info-texte span {
  font-size: 15px;
}

.chiffre-cle-ec .panel {
  box-shadow: inherit;
}

.chiffre-cle-ec .sources-info .icon-i-marianne,
.chiffre-cle-ec .sources-info .icon-i-berceau,
.chiffre-cle-ec .sources-info .icon-i-mariage,
.chiffre-cle-ec .sources-info .icon-i-tombe {
  font-size: 40px;
  margin: 22px 0 0;
  vertical-align: top;
}

.chiffre-cle-ec .sources-info .icon-i-tombe {
  font-size: 34px;
}

.chiffre-cle-ec .sources-info .icon-i-mariage {
  font-size: 38px;
}

.chiffre-cle-ec .col-lg-3 {
  width: 23%;
  background-color: rgba(255, 255, 255, 0.9);
}

.chiffre-cle-ec .sources-info .icon-i-marianne:before,
.chiffre-cle-ec .sources-info .icon-i-berceau:before,
.chiffre-cle-ec .sources-info .icon-i-mariage:before,
.chiffre-cle-ec .sources-info .icon-i-tombe:before {
  display: inline-block;
  color: #d5d8da;
}

.info-departement {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  height: 162px;
  margin: 49px 0 -5px !important;
  display: inline-block;
}

.info-departement img {
  display: inline-block;
  margin: 7px 0 0;
  width: 119px;
}

.info-departement img + div {
  display: inline-block;
  margin: 15px 0 8px 14px;
  vertical-align: top;
  width: 44%;
}

.info-departement img + div p {
  text-align: justify;
}

.info-departement img + div p + p {
  margin: 20px 0 0 0;
}

.info-departement img + div p + p .pipe {
  color: #ff5555;
}

.info-departement img + div + img {
  margin: -47px 0 0;
  width: auto;
}

.info-departement a {
  color: #ff5555;
  text-decoration: underline;
}

#savoir-plus .modal-body ul {
  margin: -5px 0 10px 15px;
}

#savoir-plus .modal-body a {
  color: #ff5555;
  text-decoration: underline;
}

label.civilRecordsAvecImageRightText {
  color: #333333;
  font-weight: normal;
  margin: 0 0 8px;
}

label.civilRecordsAvecImageRightText strong {
  display: inline-block;
  margin: 12px 0 0;
}

/*-------------------------------------------------------------------------- POPUP d'info sur les pays/departements/villes (agrandir, consulter --- */
.leaflet-popup-content-wrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.leaflet-popup-content {
  margin: 13px 22px;
}

.info-carte h3 {
  color: #757585;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 15px;
  margin: 0;
}

.info-carte h3 + h3 {
  font-size: 35px;
  margin: 5px 0 0;
  font-weight: normal;
  line-height: initial;
  width: 100%;
}

@media screen and (min-width: 0\0 ) {
  .info-carte h3 + h3 {
    margin: 20px 0 0;
  }
}
.info-carte p {
  font-size: 12px;
  font-weight: bold;
  margin: 3px 0 5px 0;
  text-transform: uppercase;
}
.info-carte p:first-of-type {
  margin-bottom: 0;
}
.info-carte p + p {
  margin-top: 3px;
}
.info-carte button,
.info-carte a {
  background-color: transparent;
  border-color: transparent;
  color: #445599;
  font-size: 15px;
}
.info-carte button {
  border: 0;
  margin: 0;
  padding: 0;
}
.info-carte a {
  margin: 0 0 0 3px;
}
.info-carte button:hover,
.info-carte a:hover {
  color: #2a4a77 !important;
  text-decoration: none;
}
.info-carte button:after {
  content: "|";
  margin: 0 0 0 8px;
}
.info-carte button:after:before {
  color: #445599 !important;
}

/* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */
/*-------------------------------------------------------------------------- HEADER FICHE --- */
.tree-information {
  background: #2B2550;
}

/*------------------------------------------ Navigation options --- */
.tree-information-fake {
  background: none;
  border: 0;
}

nav#option-fiche-resultat > input,
nav#option-fiche-resultat > label {
  display: none;
}

#option-fiche-resultat ul {
  float: right;
}

#option-fiche-resultat li {
  display: inline-block;
  padding: 3px 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

/* ONBOARDING RESET  */
#tuto-hints #option-fiche-resultat li {
  cursor: default;
}

#tuto-hints #option-fiche-resultat li:hover {
  background: white;
}

#tuto-hints .tree-information #option-fiche-resultat li:hover i,
#tuto-hints .tree-information #option-fiche-resultat li:hover a {
  cursor: default;
  color: #4969A4;
}

#option-fiche-resultat .dropdown-menu li {
  display: inherit;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: inherit;
}

#option-fiche-resultat .dropdown-menu li:hover {
  background: #d5d8da;
}

#option-fiche-resultat .import-three-container {
  background-color: white;
  color: #4969A4;
  border-radius: 100px;
  padding: 8px 10px;
}

.import-three-container span,
.tree-information #option-fiche-resultat .import-three-container i {
  color: #4969A4;
}

#option-fiche-resultat a {
  display: inline-block;
  height: 25px;
  text-align: center;
}

#option-fiche-resultat .dropdown-menu a {
  display: inherit;
  height: 30px;
  text-align: left;
}

#option-fiche-resultat .dropdown-menu a:hover {
  color: #333333;
  background: #d5d8da;
}

#option-fiche-resultat i {
  vertical-align: middle;
  font-size: 20px;
  margin: 0 0 4px 0;
}

#option-fiche-resultat i.icon-i-enveloppe-fermee:before {
  font-size: 13px;
}

#option-fiche-resultat i.icon-i-imprimer:before {
  font-size: 16px;
}

#option-fiche-resultat i.icon-i-imprimer {
  margin: -10px 0 0 0;
}

#option-fiche-resultat i.icon-i-avatar-neutre-plus:before {
  font-size: 20px;
}

#option-fiche-resultat i.material-icons {
  font-size: 26px;
}

#option-fiche-resultat a span {
  display: inline-block;
  font-size: 15px;
  margin: 3px 0 0 7px;
}

#option-fiche-resultat li:hover {
  background: #d5d8da;
}

.tree-information #option-fiche-resultat li i,
.tree-information #option-fiche-resultat li a {
  color: #fff;
}

.tree-information #option-fiche-resultat li ul.dropdown-menu a {
  color: #2B2550;
}

.tree-information #option-fiche-resultat li:hover i,
.tree-information #option-fiche-resultat li:hover a {
  color: #2B2550;
}

.tree-information > div > div > p > a,
.tree-information > div > div > p > text,
.tree-information > div > div > p {
  color: #fff;
}

/*------------------------------------------ Images + info fiche --- */
.informations-fiche-arbre {
  padding-left: 5px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .informations-fiche-arbre {
    padding-left: 15px;
  }
}
.informations-fiche-arbre h1 {
  word-wrap: break-word;
  font-size: 32px;
  margin-top: 0;
}

.tree-information .informations-fiche-arbre h1 {
  color: #fff;
}

.informations-fiche-arbre h1 + p {
  font-size: 26px;
  font-style: italic;
}

.tree-information .informations-fiche-arbre h1 + p {
  color: #fff;
}

.mode-edit .informations-fiche-arbre h1:hover {
  text-decoration: underline;
  cursor: pointer;
}

.informations-fiche-arbre li {
  font-size: 20px;
  line-height: 28px;
}

.informations-fiche-arbre li span {
  font-weight: bold;
  display: inline-block;
  width: 105px;
}

.tree-information .informations-fiche-arbre li span,
.tree-information .informations-fiche-arbre li {
  color: #fff;
}

.mode-edit .informations-fiche-arbre li span:hover {
  text-decoration: underline;
  cursor: pointer;
}

.informations-fiche-arbre li span + span {
  font-weight: bold;
  width: 6px;
}

.informations-fiche-arbre .info-arbre li {
  font-size: 16px;
  color: #757585;
  display: inline-block;
  margin: 0 20px 0 0;
}

.tree-information .informations-fiche-arbre .info-arbre li {
  color: #fff;
}

.informations-fiche-arbre .info-arbre li i {
  color: #ff5555;
  margin: 0 7px 0 0;
}

.tree-information .informations-fiche-arbre .info-arbre li i {
  color: #757585;
}

.tree-information.homme .informations-fiche-arbre .info-arbre li i {
  color: #66cccc;
}

.tree-information.femme .informations-fiche-arbre .info-arbre li i {
  color: #ff8888;
}

.profil {
  background: #8888ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  height: 140px;
  margin: auto 0;
  width: 140px;
  cursor: pointer;
}

.profil.femme {
  background: #ff8888;
}

.profil.homme {
  background: #66cccc;
}

.profil.image img {
  border: 6px solid #aeada9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 140px;
  width: 140px;
}

.profil.image.femme img {
  border-color: #ff8888;
}

.profil.image.homme img {
  border-color: #66cccc;
}

.profil .initiale {
  color: #fff;
  font-size: 36px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}

.tree-information .profil .initiale {
  padding-top: 45px;
}

.profil i.material-icons {
  display: block;
  font-size: 23px;
  margin: -20px 0 0 0;
  padding: 0;
  text-align: right;
  text-decoration: none;
  color: #fff;
  height: auto;
  width: auto;
}

.profil p + i.material-icons {
  margin: 27px 0 0 0;
}

.profil:hover i.material-icons {
  visibility: visible;
}

.img-profil {
  background: #d5d8da;
  height: 140px;
  margin: auto;
  width: 140px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.img-profil i {
  color: #d5d8da;
  display: inherit;
  font-size: 50px;
  padding: 28%;
  text-align: center;
  height: 140px;
  width: 140px;
}

.img-profil img {
  width: 140px;
  height: 140px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.img-profil i.glyphicon-pencil {
  display: block;
  font-size: 16px;
  margin: -17px 6px 0 0;
  padding: 0;
  text-align: right;
  text-decoration: none;
  visibility: hidden;
  color: #757585;
  height: auto;
  width: auto;
}

.img-profil:hover i.glyphicon-pencil {
  visibility: visible;
}

.phrase-resultat {
  display: inline-block;
  vertical-align: middle;
  width: 828px;
}

.phrase-resultat p {
  color: #fff;
  font-size: 21px;
  padding: 8px 33px 8px 33px;
  margin: 0;
}

.phrase-resultat + div {
  display: inline-block;
  vertical-align: middle;
}

.acces-arbre-resultat {
  float: right;
}

/*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
/* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */
/* ---------------------------- header page ---- */
.resultat-ec #option-fiche-resultat i {
  font-size: 22px;
  margin: 0 0 4px;
  vertical-align: middle;
}

.resultat-ec #option-fiche-resultat li {
  padding: 8px 9px 5px;
}

.resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu {
  margin: 0;
  padding: 0;
}

.resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu {
  left: auto;
  padding-bottom: 7px !important;
  right: 0;
}

.resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu li {
  width: 100%;
  padding: 0;
}

.resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu li p {
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 8px 13px 5px;
}

.resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu li a {
  font-size: 13px;
  padding: 6px 13px;
}

/* - acte - */
.resultat-ec .acte h4 {
  font-size: 19px;
  font-weight: bold;
  margin: 10px 0 20px;
}

.resultat-ec .acte h2 {
  font-size: 30px;
  margin: 0;
}

.resultat-ec .acte h2 span {
  text-transform: uppercase;
}

.resultat-ec .acte .identity-personne h2 span {
  text-transform: inherit;
  font-size: 23px;
}

.resultat-ec .acte h2 + p {
  margin: 0;
  font-size: 22px;
}

.resultat-ec .acte p.date {
  font-size: 22px;
  margin: 20px 0 0;
}

.resultat-ec .acte img {
  width: 145px;
  margin: 20px 0 20px 0;
}

/* ---------------------------- Details de l'arbre ---- */
.resultat-ec .detail-acte h4 {
  border-bottom: 1px solid #dad9d4;
  color: #2B2550;
  font-size: 24px;
  padding: 7px 0 20px;
  margin-bottom: 0;
}

.resultat-ec .detail-acte h4 a {
  float: right;
  padding: 6px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.resultat-ec .detail-acte a:hover {
  background: #d5d8da;
}

.resultat-ec .detail-acte a i {
  font-size: 26px;
}

/*-- popup lien familiaux -- */
.modal-content .modal-header.liens-familiaux-arbre {
  border: 0;
}

.modal-content .modal-body.liens-familiaux-arbre {
  background: rgba(51, 51, 51, 0.9);
  color: #fff;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* -- info acte -- */
.resultat-ec .detail-acte .detail-conjoint {
  border-bottom: 2px solid #d5d8da;
  padding: 20px 0;
}

.resultat-ec .detail-acte .detail-conjoint:last-child {
  border-bottom: 0;
}

.resultat-ec .detail-acte .detail-personne {
  padding: 0 0 12px;
}

.resultat-ec .detail-acte .detail-personne + .detail-personne {
  border-top: 1px solid #dad9d4;
  padding: 12px 0;
}

.resultat-ec .detail-acte .detail-personne .nom-personne h2 {
  float: left;
  font-size: 23px;
  margin: 0 10px 7px 0;
  width: 86%;
}

.resultat-ec .detail-acte .detail-personne .nom-personne h2 span {
  text-transform: uppercase;
}

.resultat-ec .detail-acte .detail-personne .nom-personne .btn-personne {
  float: left;
}

.resultat-ec .detail-acte .detail-personne .nom-personne .btn-personne li {
  float: left;
}

.resultat-ec .detail-acte .detail-personne .nom-personne .btn-personne a i {
  font-size: 26px;
}

.resultat-ec .detail-acte .detail-personne .evenement-personne {
  clear: left;
}

.resultat-ec .detail-acte .detail-personne .evenement-personne .details {
  font-size: 13px;
}

.resultat-ec .detail-acte .detail-personne .evenement-personne .details:last-child {
  margin: 0;
}

.resultat-ec .detail-acte .detail-personne .evenement-personne .details p {
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  width: 18%;
  margin: 0;
}

.resultat-ec .detail-acte .detail-personne .evenement-personne .details p span {
  float: right;
  width: auto;
}

.resultat-ec .detail-acte .detail-personne .evenement-personne .details p + p {
  display: inline-block;
  width: 64%;
}

.resultat-ec .detail-acte .detail-conjoint .detail-personne > p {
  color: #ff5555;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px;
}

.resultat-ec .detail-acte .detail-conjoint .detail-personne > p + p {
  color: #333333;
  font-weight: normal;
}

/*- dropdown - */
.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  padding-bottom: 7px !important;
}

.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li {
  width: 100%;
}

.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li p {
  color: #757585;
  font-size: 12px;
  margin: 0;
  padding: 8px 13px 5px 13px;
}

.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li a {
  font-size: 14px;
  padding: 6px 13px;
}

.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li:hover a {
  background: #d5d8da;
  color: #333333;
}

.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne > ul > li > a {
  display: block;
  padding: 5px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne > ul > li > a:hover {
  background: #d5d8da;
}

.resultat-ec .lieu h4 {
  color: #2B2550;
  font-size: 24px;
  padding: 7px 0 9px 15PX;
}

.resultat-ec .bloc-contenu-in.lieu {
  padding: 10px 0 0 0;
}

.resultat-ec .bloc-contenu-in.lieu h4 + label {
  padding-left: 15px;
}

.resultat-ec .bloc-contenu-in.lieu div label.labelLieuValue {
  font-weight: normal;
  padding: 0 0 7px 13px;
}

.resultat-ec .lieu .carte-lieu {
  height: 340px;
  background: #d5d8da;
}

.resultat-ec .source-acte p {
  font-size: 12px;
}

.resultat-ec .source-acte p span {
  font-size: 14px;
  font-weight: bold;
  display: block;
}

.resultat-ec li.dropdown ul.dropdown-menu li a,
.individual-sheet-container li.dropdown ul.dropdown-menu li a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.resultat-ec li.dropdown ul.dropdown-menu,
.individual-sheet-container li.dropdown ul.dropdown-menu {
  left: auto;
  max-height: 200px !important;
  max-width: 200px;
}
.resultat-ec li.dropdown ul.dropdown-menu:not(.padding0),
.individual-sheet-container li.dropdown ul.dropdown-menu:not(.padding0) {
  padding-bottom: 7px !important;
}

.resultat-ec li.dropdown ul.dropdown-menu li a,
.individual-sheet-container li.dropdown ul.dropdown-menu li a {
  font-size: 13px;
  color: #333333;
  line-height: 2.5;
  display: inherit;
  height: 30px;
  text-align: left;
  text-decoration: none;
}
.resultat-ec li.dropdown ul.dropdown-menu li a:not(.header__link, .source__link),
.individual-sheet-container li.dropdown ul.dropdown-menu li a:not(.header__link, .source__link) {
  padding: 0px 13px !important;
}
.resultat-ec li.dropdown ul.dropdown-menu li a.source__link,
.individual-sheet-container li.dropdown ul.dropdown-menu li a.source__link {
  line-height: 1.42857143;
}

.individual-sheet-container li.dropdown .tag-v2--dashed + ul.dropdown-menu li a:hover, .individual-sheet-container li.dropdown .tag-v2--dashed + ul.dropdown-menu li a:focus {
  color: #ff5555;
}

/* ====================================================================================================================================================================
===================================================================================================================================================================
===================================================================== ARBRES =======================================================================================
====================================================================================================================================================================
================================================================================================================================================================================================================*/
/* ======================================================================================================== DEBUT Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */
.ajout-cas {
  border: 1px dashed #757585;
  padding: 5px 15px;
  text-align: center;
  color: #757585;
  font-size: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  margin: 20px 0;
  cursor: pointer;
  transform: translateY(-10px);
  transition: all 0.2s ease-in-out;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: initial;
}

.ajout-cas:hover {
  border: 1px solid #d5d8da;
  color: #fff;
  background: #d5d8da;
  border-color: transparent;
}

.ajout-cas p {
  margin: 0;
}

.menu-document li {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #757585;
  border-radius: 9px;
  color: #fff;
  display: inline;
  margin: 0 8px 0 0;
  padding: 7px 17px;
}

.menu-document li a {
  color: #757585;
  text-decoration: none;
}

.menu-document li:hover,
.menu-document li.active {
  background: #ff5555 none repeat scroll 0 0;
  border: 1px solid #ff5555;
}

.menu-document li:hover a,
.menu-document li.active a {
  color: #fff;
}

.classement-doc {
  margin: 20px 0 15px 0;
}
.classement-doc li {
  display: inline-block;
  margin: 0 26px 0 0;
}
.classement-doc li:first-child {
  font-size: 16px;
  font-weight: bold;
  margin: 0 15px 0 0;
}
.classement-doc li i {
  font-size: 17px;
}
.classement-doc li a {
  text-decoration: none;
}
.classement-doc li .dropdown-menu > li > a {
  padding: 5px 9px;
}
.classement-doc li ul.dropdown-menu li {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  width: 100%;
}
.classement-doc li ul.dropdown-menu li a:hover {
  background: #d5d8da;
  color: #333333;
}

.cercle-familial h4,
.decouvertes h4,
.lieu h4,
.mode-lieu .hints-event p {
  font-size: 24px;
  border-bottom: 1px solid #d5d8da;
  padding: 7px 0 20px 0;
  color: #2B2550;
}

.mode-lieu .hints-event {
  border-bottom: none;
}

.decouvertes p a,
.decouvertes p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.decouvertes i.glyphicon-search {
  background: #ff5555;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: #fff;
  padding: 9px;
  float: left;
  margin: 0 10px 10px 0;
}

.decouvertes i.glyphicon-search:hover {
  background: #ff5555;
}

.cercle-familial h4 a {
  font-size: 13px;
  float: right;
  margin: -1px 0 0 0;
  padding: 6px 9px;
}

.cercle-familial h4 a i {
  font-size: 23px;
  margin: 0 0 2px 0;
  vertical-align: middle;
}

.cercle-familial h4 a:hover {
  color: #2a4a77;
  text-decoration: none;
  background: #d5d8da;
  border-radius: 3px;
}

.modif-evenement-onglet {
  float: right;
  margin: 0 0 0 18px;
  visibility: inherit;
}

a.modif-evenement-onglet i {
  background: transparent none repeat scroll 0 0;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 23px;
  color: #43C;
}

.timeline li:hover .modif-evenement-onglet,
.fiche-arbre-document li:hover .modif-evenement-onglet {
  visibility: visible;
}

.autre-evenement + .timeline-panel a.modif-evenement-onglet i,
.autre-evenement + .timeline-panel a.modif-evenement-onglet {
  visibility: hidden;
}

.dropdown.menu-ajout-document {
  position: relative;
}

input.special-entre {
  margin: 1px 0 0 4px;
  padding: 6px 2px;
  font-size: 13px;
}
input.special-entre::-webkit-input-placeholder {
  font-size: 13px;
}
input.special-entre:-moz-placeholder {
  font-size: 13px;
}
input.special-entre::-moz-placeholder {
  font-size: 13px;
}
input.special-entre:-ms-input-placeholder {
  font-size: 13px;
}
input.special-entre-seul {
  margin: 1px 0 0 4px;
}

#errorMessagesModifyIndividualSheetPopup.marge0 div {
  margin: 0 !important;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #757585;
}

span.beta-fiche-individu {
  background: #ff5555;
  color: #fff;
  float: left;
  font-size: 14px;
  margin: -3px 5px 6px 0;
}

/*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
/*----------------------- POPUP => Modification fiche nom, prenom ... --- */
.modal-body label:not([class*=md__label]),
.modal-body p.label-titre {
  color: #757585;
  font-weight: bold;
  font-size: 13px;
}

.modal-body p.label-titre {
  margin: 6px 0 5px;
}
.modal-body p.label-titre--absolute {
  position: absolute;
  z-index: 1;
}

.modal-body label.radio-inline {
  color: #333333;
  font-weight: normal;
  font-size: 13px;
}

/*----------------------- POPUP => Ajout document => SOURCES --- */
.modal-body ul li .checkbox label {
  background: none;
}

.modal-body ul li:last-child .checkbox label {
  border-bottom: none;
  margin: 0 0 -15px;
}

.alert--edit {
  color: #e02;
  font-size: 16px;
}
.alert--edit, .alert__container-buttons {
  text-align: left;
}
.alert__button--cancel.btn-default {
  border-color: #8c8c8c;
  color: #8c8c8c;
  margin-left: 5px;
}

/*----------------------- POPUP => Cercle familial : Ajouter une personne --- */
.modal-body.mini-arbre {
  background: #2B2550;
}
.modal-body.mini-arbre a + label {
  font-weight: normal;
}
.modal-body.mini-arbre a.lien {
  color: #fff;
  margin: 10px 0 0 0;
  display: inline-block;
}
.modal-body.mini-arbre a.lien:hover {
  text-decoration: none;
  color: #d5d8da;
}
.modal-body.mini-arbre a.lien i .glyphicon-search {
  margin: 0 6px 0 0;
}
.modal-body.mini-arbre label {
  color: #fff;
}
.modal-body.mini-arbre label + a {
  color: #fff;
  float: right;
}
.modal-body.mini-arbre label + a:hover {
  text-decoration: none;
  color: #d5d8da;
}
.modal-body.mini-arbre .individu-inconnu {
  text-align: center;
  min-height: 64px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 -4px;
  line-height: 64px;
  position: relative;
  background: transparent;
  border: 2px dashed #fff;
}
.modal-body.mini-arbre .individu-inconnu p {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
}
.modal-body.mini-arbre .individu-inconnu .dropdown-menu {
  line-height: 25px !important;
}
.modal-body.mini-arbre .individu-connu {
  text-align: center;
  min-height: 64px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 -4px;
  position: relative;
  line-height: 25px !important;
  background: #fff;
  border: 2px solid #fff;
}
.modal-body.mini-arbre .individu-connu p {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
}
.modal-body.mini-arbre .individu-parente {
  line-height: 25px !important;
}
.modal-body.mini-arbre .btn-action .marge-long-btn {
  margin: 0 0 0 -9px;
}
.modal-body.mini-arbre .form-control {
  background: transparent;
  color: #fff;
}
.modal-body.mini-arbre .label-groupe {
  font-weight: bold;
  color: #fff;
}
.modal-body.mini-arbre .form-group + div .label-groupe {
  display: block;
  margin-top: 18px;
}
.modal-body.mini-arbre .new_choice:after {
  content: "";
  display: block;
  clear: both;
}
.modal-body.mini-arbre .ajout-personne-existante {
  border-bottom: 1px solid #fff;
  margin-bottom: 18px;
}
.modal-body.mini-arbre .ajout-personne-existante:after {
  clear: both;
  display: block;
  content: "";
}
.modal-body.mini-arbre .ajout-personne-existante .profil {
  float: left;
  height: 32px;
  margin: 8px 10px 8px 0;
  width: 32px;
}
.modal-body.mini-arbre .ajout-personne-existante .profil .initiale {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 6px 0 0;
}
.modal-body.mini-arbre .ajout-personne-existante .profil.image img {
  border-width: 2px;
  height: 32px;
  width: 32px;
}
.modal-body.mini-arbre .ajout-personne-existante .profil i {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 9px;
  margin: -12px 0 0;
  padding: 2px;
  position: relative;
}
.modal-body.mini-arbre .ajout-personne-existante span {
  margin: 14px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  color: #fff;
}
.modal-body.mini-arbre .ajout-personne-existante span + span {
  color: #fff;
  font-style: italic;
  margin-left: 5px;
  display: inline-block;
  margin: 14px 0 0 0;
}
.modal-body.mini-arbre .ajout-personne-existante a i {
  margin: 14px 0 0 0;
  font-size: 20px;
  color: white;
  float: right;
}
.modal-body--no-padding {
  padding: 0;
}
.modal-body--no-padding .row > .col-own-padding > .row > [class*=col-]:first-child {
  padding-top: 15px;
}
.modal-body--no-padding .row > .col-own-padding > .row > [class*=col-]:last-child {
  padding-bottom: 15px;
}

.mini-arbre .form-group.input-simple {
  margin-bottom: 0;
}

.mini-arbre .form-group.input-simple + div a.btn {
  margin: 11px 0 0 -9px;
}

.form-control.import-perso {
  background-color: #2B2550;
}

.form-control.import-perso::-moz-placeholder {
  color: #fff !important;
}

/* LIENS entre individus */
/* ---- liens vers Parents */
.modal-body.mini-arbre .lien-connu-cote-1l {
  border-left: 2px solid #445599;
  border-right: 2px solid #445599;
  border-bottom: 2px solid #445599;
  height: 15px;
}

.modal-body.mini-arbre .lien-connu-1l {
  border-left: 2px solid #445599;
  height: 15px;
  margin: 0 0 0 -15px;
}

.modal-body.mini-arbre .lien-inconnu-cote-1l {
  border-left: 2px dotted #445599;
  border-right: 2px dotted #445599;
  border-bottom: 2px dotted #445599;
  height: 15px;
}

.modal-body.mini-arbre .lien-inconnu-1l {
  border-left: 2px dotted #445599;
  height: 15px;
  margin: 0 0 0 -15px;
}

/* ---- liens vers Enfants */
.modal-body.mini-arbre .lien-connu-cote-2l {
  border-left: 2px solid #445599;
  border-right: 2px solid #445599;
  border-bottom: 2px solid #445599;
  height: 15px;
}

.modal-body.mini-arbre .lien-connu-2l {
  border-left: 2px solid #445599;
  height: 15px;
  margin: 0 0 0 -15px;
}

.modal-body.mini-arbre .lien-inconnu-cote-2l {
  border-left: 2px dotted #445599;
  border-right: 2px dotted #445599;
  border-bottom: 2px dotted #445599;
  height: 15px;
}

.modal-body.mini-arbre .lien-inconnu-2l {
  border-left: 2px dotted #445599;
  height: 15px;
  margin: 0 0 0 -15px;
}

.modal-body.mini-arbre .individu-connu p,
.modal-body.mini-arbre .individu-inconnu option {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-body.mini-arbre .individu-inconnu .menu-cercle p {
  color: #333333;
}

.modal-body.mini-arbre .individu-connu p span.date,
.modal-body.mini-arbre .individu-inconnu p span.date {
  color: #757585;
}

.modal-body.mini-arbre .individu-connu p.individu-principal {
  color: #445599;
}

.modal-body.mini-arbre .individu-inconnu p {
  color: #fff;
}

.modal-body.mini-arbre .individu-inconnu:hover {
  border: 2px solid #fff;
  cursor: pointer;
}

.modal-body.mini-arbre .enfant-connu {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 -4px;
  text-align: center;
  padding: 6px 6px 6px 6px;
  height: auto;
  max-height: 120px;
}

.modal-body.mini-arbre .freres-connu {
  height: auto;
  max-height: 260px;
}

.modal-body.mini-arbre .enfant-connu ul {
  margin: 0;
  max-height: 120px;
}

.modal-body.mini-arbre .enfant-connu ul > div {
  margin: -6px 0 0 0;
}

.modal-body.mini-arbre .freres-connu ul {
  margin: 0;
  max-height: 260px;
}

.modal-body.mini-arbre .enfant-connu ul li {
  line-height: 16px;
  margin: 0 0 9px;
}

.modal-body.mini-arbre .enfant-connu ul li span.date {
  color: #757585;
  font-size: 12px;
}

.modal-body.mini-arbre .enfant-connu ul li:last-child {
  margin: 0;
}

.modal-body.mini-arbre .enfant-connu ul li:first-child {
  margin: 0;
}

.modal-body.mini-arbre .individu-connu .dropdown p,
.modal-body.mini-arbre .individu-inconnu .dropdown p {
  width: 100%;
}

.modal-body.mini-arbre .individu-connu .dropdown,
.modal-body.mini-arbre .individu-inconnu .dropdown {
  min-height: 64px;
}

.modal-body.mini-arbre .individu-connu .dropdown > div,
.modal-body.mini-arbre .individu-inconnu .dropdown > div {
  display: inline-block;
  width: 92%;
  margin: 0;
}

.modal-body.mini-arbre .individu-connu .dropdown div.lien-dropdown,
.modal-body.mini-arbre .individu-inconnu .dropdown div.lien-dropdown {
  height: 62px;
  margin: 0;
  width: 72%;
  line-height: 59px;
}

.modal-body.mini-arbre .dropdown li .ajout {
  background: #fff none repeat scroll 0 0;
  border: 3px dashed #dad9d4;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-size: 16px;
  padding: 16px 12px;
  text-align: center;
  color: #757585;
}

.modal-body.mini-arbre .dropdown li .ajout:hover {
  background: rgba(213, 216, 218, 0.4);
}

.modal-body.mini-arbre .individu-connu button.btn-cercle,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle {
  user-select: none;
  -moz-user-select: none;
}

.modal-body.mini-arbre .individu-inconnu button.btn-cercle {
  margin: -3px -8px 0 -3px;
}

/*-------------------------------------------------------- DEBUT ajout correspondant-multiple avril 2017 -------------------------------------------*/
.modal-body.mini-arbre .individu-inconnu.correspondant-multiple button.btn-cercle {
  margin: -40px -8px 0 -3px;
}

.modal-body.mini-arbre .individu-inconnu.correspondant-multiple {
  line-height: 29px;
}

.modal-body.mini-arbre .individu-inconnu .menu-cercle .profil .initiale {
  padding: 12px 9px 0;
}

.modal-body.mini-arbre .individu-inconnu .menu-cercle p {
  width: 100%;
}

.dropdown-menu.menu-cercle {
  min-width: 185px;
  left: -3px;
  padding: 0 0 2px 0;
}

.dropdown-menu.menu-cercle > li > a {
  padding: 0 0 3px 0;
}

.dropdown-menu.menu-cercle span.caret-cercle {
  display: none;
}

.dropdown-menu.menu-cercle li > a:hover {
  background: #d5d8da;
  color: #333333;
}

.mini-arbre .individu-connu .nombre-union,
.mini-arbre .individu-inconnu .nombre-union {
  line-height: 0;
  position: absolute;
  right: 0;
  top: -24px;
}

.mini-arbre .individu-connu .nombre-union span.label,
.mini-arbre .individu-inconnu .nombre-union span.label {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .modal-body.mini-arbre .individu-connu button:active.btn-cercle p,
  .modal-body.mini-arbre .individu-inconnu button:active.btn-cercle p {
    margin-left: 0;
  }
}
@media screen and (min-width: 0\0 ) {
  .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle,
  .modal-body.mini-arbre .individu-inconnu button.btn-cercle span.caret-cercle {
    margin: -4px 1px -3px 3px;
  }
  .modal-body.mini-arbre .individu-connu button:active.btn-cercle,
  .modal-body.mini-arbre .individu-inconnu button:active.btn-cercle {
    margin-bottom: 0px;
    margin-top: -2px;
  }
}
/* FIN Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */
/*----------------------- POPUP => Cercle familial : Ajouter une personne => Ajouter un Conjoint--- */
.liste-personne {
  max-height: 320px;
  text-align: left;
}

.liste-fratrie {
  max-height: 284px;
  text-align: left;
  margin-bottom: 20px;
}

.ajout-personne-existante {
  margin-bottom: 0;
}
.ajout-personne-existante li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 33px;
  min-height: 33px;
  border-bottom: 1px solid #dad9d4;
  cursor: pointer;
  position: relative;
}
.ajout-personne-existante li:hover {
  background: #d5d8da;
}
.ajout-personne-existante li:hover .selection {
  background: #ff5555;
}
.ajout-personne-existante li:focus .selection {
  background: #ff5555;
}
.ajout-personne-existante li:first-child {
  background: transparent;
  color: #818a91;
  font-style: italic;
  margin: 0 0 0 15px;
  border: 0;
}
.ajout-personne-existante li .selection {
  background: transparent;
  float: left;
  height: 56px;
  width: 6px;
}
.ajout-personne-existante li .profil {
  float: left;
  height: 40px;
  margin: 8px 10px 8px 8px;
  width: 40px;
}
.ajout-personne-existante li .profil.image img {
  border-width: 2px;
  height: 40px;
  width: 40px;
}
.ajout-personne-existante li .profil .initiale {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 3px 0 0;
}
.ajout-personne-existante li .profil i {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #818a91;
  float: right;
  font-size: 11px;
  margin: -12px 0 0;
  padding: 2px;
  position: relative;
}
.ajout-personne-existante li .profil p + i {
  margin: -8px 0 0;
}
.ajout-personne-existante li .li-any-person {
  display: none;
  min-height: 0px;
  border-bottom: none;
}
.ajout-personne-existante li .lien-personne-existante:last-child {
  border-bottom: none;
}
.ajout-personne-existante li a:not(.list) {
  color: #333333;
  text-decoration: none;
  display: inherit;
}
.ajout-personne-existante li a:not(.list) span {
  margin: auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ajout-personne-existante li a:not(.list) span + span {
  color: #818a91;
  font-style: italic;
  margin-left: 5px;
}
.ajout-personne-existante li a.list {
  font-style: normal;
  margin-left: auto;
  margin-right: 15px;
}
.ajout-personne-existante li .side-infos {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #757585;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 50%;
}
.ajout-personne-existante.individu-source li:hover a:after {
  content: "\e676";
  font-family: "icomoon", sans-serif;
  font-size: 11px;
  margin: 10px 18px 0 0;
  position: absolute;
  right: 0;
  color: #ff5555;
}
.ajout-personne-existante.individu-source li.active a:after {
  content: "\e676";
  font-family: "icomoon", sans-serif;
  font-size: 11px;
  margin: 10px 18px 0 0;
  position: absolute;
  right: 0;
  color: #ff5555;
}

ul.ajout-personne-existante li:hover {
  background: #d5d8da;
}

ul.ajout-personne-existante li:first-child {
  background: transparent;
  color: #757585;
  font-style: italic;
  margin: 0 0 0 15px;
  border: 0;
}

ul .ajout-personne-existante li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dad9d4;
  cursor: pointer;
}

ul.ajout-personne-existante li .selection {
  background: transparent;
  float: left;
  height: 56px;
  width: 6px;
}

ul.ajout-personne-existante li:hover .selection,
ul.ajout-personne-existante li:focus .selection {
  background: #ff5555;
}

ul.ajout-personne-existante li .profil {
  float: left;
  height: 40px;
  margin: 8px 10px 8px 8px;
  width: 40px;
}

ul.ajout-personne-existante li .profil.image img {
  border-width: 2px;
  height: 40px;
  width: 40px;
}

ul.ajout-personne-existante li .profil .initiale {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 3px 0 0;
}

ul.ajout-personne-existante li .profil i {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 11px;
  margin: -12px 0 0;
  padding: 2px;
  position: relative;
}

ul.ajout-personne-existante li .profil p + i {
  margin: -8px 0 0;
}

ul.ajout-personne-existante li.li-any-person {
  display: none;
  min-height: 0px;
  border-bottom: none;
}

ul.ajout-personne-existante li.lien-personne-existante:last-child {
  border-bottom: none;
}

.question-lien {
  background: transparent;
  color: #757585;
  font-style: italic;
  margin: 0 0 0 15px;
  border: 0;
  padding: 5px 0;
  font-weight: bold;
  font-size: 16px;
}

ul.ajout-personne-existante li a:not(.list) {
  color: #333333;
  text-decoration: none;
  display: inherit;
}

ul.ajout-personne-existante li a span {
  margin: auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.ajout-personne-existante li a span span {
  color: #757585;
  margin: 0;
}

ul.ajout-personne-existante.individu-source li:hover a:after,
ul.ajout-personne-existante.individu-source li.active a:after {
  content: "\e676";
  font-family: "icomoon", sans-serif;
  font-size: 11px;
  margin: 10px 18px 0 0;
  position: absolute;
  right: 0;
  color: #ff5555;
}

.validation-ind-source {
  text-align: center;
  margin: 17px 10px 0;
}
.validation-ind-source .checkbox {
  text-align: left;
}

/*----------------------- POPUP => Cercle familial : Ajouter une personne => Ajouter un Conjoint => Créer un conjoint --- */
/*----------------------- POPUP => Ajouter un document => Photos ou Fichiers --- */
.plateforme-medias {
  border: 2px dashed #757585;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #757585;
  cursor: pointer;
  font-size: 18px;
  margin: 0;
  padding: 20px 15px;
  text-align: center;
  min-height: 250px;
  line-height: 250px;
  position: relative;
}

.plateforme-medias div {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
}

.plateforme-medias i {
  font-size: 25px;
}

.plateforme-medias a + p {
  font-size: 14px;
  margin: 15px 0 0 0;
}

.plateforme-medias.dz-started {
  border: 0;
  line-height: inherit;
  min-height: auto;
  text-align: left;
  padding: 0;
}

#IE9 .plateforme-medias .fallback,
#IE8 .plateforme-medias .fallback {
  position: absolute;
  left: 113px;
  top: 132px;
  opacity: 0;
}

#IE9 .plateforme-medias .fallback input,
#IE8 .plateforme-medias .fallback input {
  width: 340px;
  font-size: 61px;
}

#IE9 .plateforme-medias .fallback input + input,
#IE8 .plateforme-medias .fallback input + input {
  display: none;
}

#IE8 .plateforme-medias .fallback {
  position: absolute;
  left: 172px;
  top: 148px;
}

#IE8 .plateforme-medias .fallback input {
  width: 219px;
  font-size: 39px;
}

#IE8 .plateforme-medias .dz-message a {
  visibility: hidden;
}

/*----------------------- POPUP => Ajouter un document => Photos ou Fichiers => un seul doc --- */
img.ajout-telechargement {
  width: 100%;
}
img.ajout-telechargement + i {
  color: #ff5555;
  font-size: 55px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

label.checkbox.label__add-image {
  font-weight: normal;
  margin: 5px 0 0 0;
}

i.ajout-telechargement {
  font-size: 78px;
  margin: 43px 0 0;
  text-align: center;
  width: 100%;
}

i.material-icons.fichier {
  font-size: 120px;
  margin: 43px 0 0;
  text-align: center;
  width: 100%;
}

/* ======================================================================================================== DEBUT FULL Création d'Arbre -- */
.full-creation-arbre {
  background-color: #fff;
  background-image: url(/v4/genealogie/Content/img/home/fond-home/04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.full-creation-arbre .bloc-formulaire {
  background: rgba(70, 85, 105, 0.85);
  padding: 2px 22px 24px;
  margin-top: 146px;
}

.full-creation-arbre .bloc-formulaire h1 {
  color: #fff;
}

.full-creation-arbre .bloc-formulaire h3 {
  color: #fff;
  font-size: 26px;
  margin: 0 0 17px 0;
}

.full-creation-arbre .bloc-formulaire h3 + div p {
  display: inline-block;
  font-size: 16px;
  margin: 0 15px 0 0;
  color: #fff;
}

.full-creation-arbre .bloc-formulaire .radio label {
  color: #fff !important;
}

.full-creation-arbre .bloc-formulaire .text-center a {
  color: #fff;
}

.block-checkbox-createtree-dashboard > * {
  vertical-align: baseline;
}

.block-checkbox-createtree-dashboard > p {
  display: inline-block;
  font-size: 16px;
  margin: 0 15px 0 0;
  color: #fff;
}

/* ======================================================================================================== FIN FULL Création d'Arbre -- */
/* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */
.creation-arbre-tunnel {
  margin-bottom: 50px;
}

.creation-arbre-arbre h3 {
  margin: 10px 0 35px 14px;
}

.creation-arbre-tunnel .astuce {
  background-color: rgba(129, 138, 145, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}

.creation-arbre-tunnel .astuce i {
  display: inline-block;
  color: #2B2550;
  font-size: 38px;
  margin: 0 8px 0 0;
}

.creation-arbre-tunnel .astuce span {
  display: inline-block;
  margin: 4px 0 0;
  vertical-align: top;
  width: 90%;
  text-align: justify;
}

.creation-arbre-tunnel .astuce span h4 {
  margin: 0 0 4px 0;
  font-weight: bold;
  font-size: 13px;
}

.creation-arbre-tunnel .astuce span p {
  margin: 0 0 0 0;
  font-size: 13px;
}

.creation-arbre-tunnel.separation,
.creation-arbre-tunnel .separation {
  border-right: 1px solid #d5d8da;
}

.creation-arbre-tunnel .bloc-indiv {
  margin: 0 0 20px 0;
}

/* --------------------- ARBRE ------------------------- */
.creation-arbre-arbre {
  margin: 70px 0 20px 0;
  display: inline-block;
  position: relative;
}

.creation-arbre-arbre .generation {
  display: block;
  line-height: 0;
}

.creation-arbre-arbre .bloc-membre {
  height: 100px;
  width: 70px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  background: #fff;
}

.creation-arbre-arbre .bloc-membre .initiale {
  height: 48px;
  width: 48px;
  background: #d5d8da;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 6px auto 3px;
}

.creation-arbre-arbre .bloc-membre.inconnu .initiale.homme {
  background: #d5d8da;
}

.creation-arbre-arbre .bloc-membre.inconnu .initiale.femme {
  background: #d5d8da;
}

.creation-arbre-arbre .bloc-membre.inconnu.connu .initiale.homme,
.creation-arbre-arbre .bloc-membre.select .initiale.homme,
.creation-arbre-arbre .bloc-membre.connu .initiale.homme {
  background: #66cccc;
}

.creation-arbre-arbre .bloc-membre.inconnu.connu .initiale.femme,
.creation-arbre-arbre .bloc-membre.select .initiale.femme,
.creation-arbre-arbre .bloc-membre.connu .initiale.femme {
  background: #ff8888;
}

.creation-arbre-arbre .bloc-membre .initiale p {
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  color: #fff;
}

.creation-arbre-arbre .bloc-membre .info-membre {
  font-size: 11px;
  color: #333333;
  margin: 0;
  text-align: center;
  line-height: 14px;
}

.creation-arbre-arbre .bloc-membre .info-membre p {
  font-size: 11px;
  color: #333333;
  margin: 0 2px;
  text-align: center;
  line-height: 13px;
  height: 13px;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creation-arbre-arbre .bloc-membre .info-membre p:nth-last-child(2) {
  text-transform: uppercase;
}

.creation-arbre-arbre .bloc-membre .info-membre p:last-child {
  font-weight: normal;
}

/* -- bloc en inconnu -- */
.creation-arbre-arbre .bloc-membre.inconnu {
  border: 1px dashed #d5d8da;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}

.creation-arbre-arbre .bloc-membre.inconnu.noselected {
  opacity: 0.5;
  pointer-events: none;
}

/* -- bloc en connu -- */
.creation-arbre-arbre .generation:last-child .bloc-membre.connu {
  pointer-events: none;
}

.creation-arbre-arbre .bloc-membre.inconnu.connu,
.creation-arbre-arbre .bloc-membre.connu {
  border: 1px solid #d5d8da;
  background: #fff none repeat scroll 0 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}

/* -- barre de progression -- */
.creation-arbre-arbre .bloc-membre .circle {
  position: relative;
}

.creation-arbre-arbre .bloc-membre .circle canvas {
  position: absolute;
  right: 10px;
  top: 6px;
}

.creation-arbre-arbre .bloc-membre.inconnu .circle canvas,
.creation-arbre-arbre .bloc-membre.inconnu.connu .circle canvas {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}

.creation-arbre-arbre .bloc-membre.select .circle canvas,
.creation-arbre-arbre .bloc-membre.select.connu .circle canvas {
  position: absolute;
  right: 15px;
  top: 6px;
  opacity: 1;
}

/* -- bloc en select -- */
.creation-arbre-arbre .bloc-membre.select {
  background: #fff none repeat scroll 0 0;
  height: 110px;
  margin: -10px 0 0 -5px;
  width: 80px;
  border: 1px solid #ff5555;
  position: relative;
}

.creation-arbre-arbre .bloc-membre.select .info-membre p {
  font-size: 13px;
  line-height: 16px;
  height: 16px;
}

.creation-arbre-arbre .marge-grd-parent {
  width: 12px;
  display: inline-block;
}

.creation-arbre-arbre #ppere.bloc-membre.select,
.creation-arbre-arbre #pmere.bloc-membre.select,
.creation-arbre-arbre #mpere.bloc-membre.select,
.creation-arbre-arbre #mmere.bloc-membre.select {
  margin-left: -6px;
}

/* -- lien grd parent -- */
.creation-arbre-arbre .lien-grd-parent-a {
  width: 47px;
  height: 20px;
  display: inline-block;
}

.creation-arbre-arbre .lien-grd-parent-b {
  width: 90px;
  height: 20px;
  border-left: 1px solid #757585;
  border-bottom: 1px solid #757585;
  border-right: 1px solid #757585;
  display: inline-block;
}

.creation-arbre-arbre .lien-grd-parent-c {
  width: 82px;
  height: 20px;
  display: inline-block;
}

.creation-arbre-arbre .lien-grd-parent-d {
  width: 92px;
  height: 20px;
  display: inline-block;
}

.creation-arbre-arbre .lien-grd-parent-e {
  width: 180px;
  height: 20px;
  border-left: 1px solid #757585;
  border-right: 1px solid #757585;
  display: inline-block;
}

.creation-arbre-arbre .marge-parent-a {
  width: 57px;
  display: inline-block;
}

.creation-arbre-arbre .marge-parent-b {
  width: 100px;
  display: inline-block;
}

.creation-arbre-arbre .lien-parent-a {
  width: 90px;
  height: 20px;
  display: inline-block;
}

.creation-arbre-arbre .lien-parent-b {
  width: 189px;
  height: 20px;
  border-left: 1px solid #757585;
  border-bottom: 1px solid #757585;
  border-right: 1px solid #757585;
  display: inline-block;
}

.creation-arbre-arbre .bloc-membre.select + .marge-parent-b {
  width: 100px;
}

.creation-arbre-arbre .lien-parent-c {
  width: 186px;
  height: 20px;
  border-right: 1px solid #757585;
  display: inline-block;
}

.creation-arbre-arbre .marge-racine {
  width: 146px;
  display: inline-block;
}

/* ========================================== TUNNEL 2 */
.creation-arbre-tunnel.tunnel2 .bloc-indiv:first-child {
  margin: 20px 0 20px 0;
}

.creation-arbre-tunnel.tunnel2 .bloc-indiv:first-child .separation {
  border-bottom: 1px solid #d5d8da;
  margin: 20px auto 0;
  width: 350px;
}

/* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */
/* ========================================== AVEC RESULTAT */
@media (max-height: 750px) {
  .full-ecran {
    min-height: 619px;
  }
}
.creation-arbre-resultat + .creation-arbre-arbre .bloc-membre.connu,
.creation-arbre-resultat + .creation-arbre-arbre .bloc-membre.inconnu {
  pointer-events: none;
}

.creation-arbre-resultat #divFromYear.simple {
  width: 50%;
}

.creation-arbre-resultat #inputYear,
.creation-arbre-resultat #inputToYear {
  font-size: 16px;
  padding-right: 13px;
  padding-left: 13px;
}

.creation-arbre-arbre div.col-lg-12 {
  padding: 23px 0 0 90px;
}

.creation-arbre-resultat .bloc-resultat .sujet-resultat div {
  float: left;
}

.creation-arbre-resultat .bloc-resultat .sujet-resultat div + div {
  float: right;
}

.creation-arbre-resultat .bloc-resultat .sujet-resultat div span {
  margin: 20px 0 0;
  background: #d5d8da;
  color: #333333;
}

.creation-arbre-resultat .sujet-resultat h4 {
  font-size: 18px;
  color: #ff5555;
  margin: 0 0 4px;
  height: 21px;
}

.creation-arbre-resultat .sujet-resultat h4 span + span {
  text-transform: uppercase;
}

.creation-arbre-resultat .sujet-resultat p {
  font-size: 12px;
  color: #757585;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

.creation-arbre-resultat .bloc-resultat {
  margin-top: 32px;
}

.creation-arbre-resultat .bloc-resultat + .bloc-resultat {
  margin-bottom: 32px;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat .bloc {
  border-bottom: 1px solid #d5d8da;
  border-top: 2px solid #d5d8da;
  display: table;
  padding: 10px 0;
  width: 100%;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat {
  cursor: pointer;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat + .nom-resultat .bloc {
  border-top: 0;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat:last-child .bloc {
  border-bottom: 2px solid #d5d8da;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat .bloc div {
  padding: 0;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat .bloc div + div {
  padding: 4px 0 0 0;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat .btn {
  border-radius: 30px;
  height: 50px;
  width: 50px;
  margin-left: 10px;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat .btn i.material-icons {
  vertical-align: middle;
  font-size: 30px;
  margin-left: -5px;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat .bloc:hover {
  background-color: #f5f5f5;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat img {
  border: 1px solid #d5d8da;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  float: right;
  margin: 1px 10px 0 0;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat h5 {
  font-size: 15px;
  color: #333333;
  margin: 0 0 5px 0;
  font-weight: bold;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat p {
  font-size: 13px;
  color: #757585;
  margin: 0 0 2px 0;
}

.creation-arbre-resultat .bloc-resultat .nom-resultat p:last-child {
  margin: 0 0 0 0;
}

#enregister-mon-arbre .modal-body a {
  color: #ff5555;
}

/* ========================================== SANS RESULTAT */
.creation-arbre-resultat h3 {
  margin: 20px 0 37px;
}

.creation-arbre-resultat .astuce {
  background-color: rgba(129, 138, 145, 0.2);
  border-radius: 5px;
  padding: 15px;
}

.creation-arbre-resultat .astuce h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 4px;
}

.creation-arbre-resultat .astuce p {
  font-size: 13px;
}

.creation-arbre-resultat .astuce button + button {
  margin: 0 0 0 10px;
}

.creation-arbre-resultat.aucun + .creation-arbre-arbre .bloc-membre {
  pointer-events: none;
}

.creation-arbre-resultat.aucun.complement + .creation-arbre-arbre .marge-racine + .bloc-membre {
  pointer-events: none;
}

.creation-arbre-resultat.aucun.complement + .creation-arbre-arbre .bloc-membre {
  pointer-events: inherit;
}

.creation-arbre-resultat.aucun.complement {
  margin: 0 0 50px 0;
}

.creation-arbre-resultat.aucun .bloc-indiv {
  margin: 20px 0 0 0;
}

.creation-arbre-resultat.aucun .bloc-indiv:last-child {
  margin: 20px 0 25px 0;
}

.creation-arbre-resultat.aucun #completechamp button {
  margin: 0 0 0 -123px;
}

.creation-arbre-resultat.aucun #recherche #searchForm {
  margin: 50px 0 0 0;
}

/* =========================================================== FIN Résultat recherche (arbre tunnel) -- */
/* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */
.jsplumb-drag-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.geo_content {
  position: absolute;
  top: 52px;
  left: 0px;
  right: 0;
  bottom: 60px;
}

.geo_content #vcart {
  border: 0;
  margin: 0;
  max-width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  overflow: hidden !important;
  right: 0;
}

.geo_content #vcart .vcart-inner {
  background: #fff;
  position: absolute;
  width: 10000px;
  height: 10000px;
}

.treecontainer {
  position: relative;
  height: 500px;
}

#vcart {
  background: #fff;
  margin-top: 50px;
  font-size: 12px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 700px;
  text-align: center;
  position: relative;
  max-width: 1100px;
  border: solid 1px #333333;
  overflow: auto;
}

.transparent {
  display: none;
}

.newperson {
  background-color: #fff;
  border: 2px #d5d8da dashed;
  -moz-border-radius: 0.5em;
  border-radius: 0.3em;
  position: absolute;
  padding: 12px 5px 5px 5px;
  width: 100px;
  height: auto;
  line-height: 14px;
  z-index: 50;
  cursor: pointer;
}
.newperson.suggested-parent {
  position: relative;
}
.newperson.suggested-parent p {
  position: absolute;
  top: 50%;
  transform: translate(-3%, -41%);
  max-width: 75px;
  font-size: 10px;
  line-height: 13px;
}

.newperson:hover {
  background: rgba(213, 216, 218, 0.4);
}

.newperson .face {
  height: 65px;
  width: 65px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 17px auto;
  line-height: 65px;
  background: transparent;
}

.newperson .face .initiale,
.newperson.n .face .initiale {
  font-size: 38px;
  color: #757585;
}

.newperson.m .face .initiale {
  color: #66cccc;
}

.newperson.f .face .initiale {
  color: #ff8888;
}

.newperson .identite {
  margin: 5px 0 0 0;
}

.newperson .identite .nom,
.newperson .identite .prenom,
.newperson .identite .period {
  font-size: 10px;
  line-height: 13px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}

.newperson .identite .nom {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

.newperson .identite .period {
  color: #fff;
}

.person {
  background-color: #fff;
  -moz-border-radius: 0.5em;
  border-radius: 0.3em;
  border: 1px solid #d5d8da;
  position: absolute;
  padding: 7px 5px 5px 5px;
  width: 100px;
  height: auto;
  line-height: 14px;
  z-index: 50;
  cursor: pointer;
  color: #333333;
  font-size: 12px;
  text-align: center;
}

.person:hover {
  background-color: #F5F6FA;
}

.person.selected {
  background: #2B2550;
}

.person.selected .face i {
  background: #2B2550;
  color: #fff;
}

.person.selected .identite .nom,
.person.selected .identite .prenom,
.person.selected .identite .period,
.person.selected .identite .surnom {
  color: #fff;
}

.person .face {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 57px;
  width: 57px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  line-height: 52px;
}

.person .face2 {
  height: 51px;
  width: 51px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: -2px auto;
  display: inline-block !important;
}

.person.m .face {
  background: #66cccc;
}

.person.f .face {
  background: #ff8888;
}

.person.n .face {
  background: #8888ff;
}

.person .face .initiale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  font-size: 19px;
  color: #fff;
  text-transform: uppercase;
  margin: 3px auto;
}

.person .identite {
  margin: 8px 0 0 0;
}

.person.m .identite,
.person.f .identite {
  margin: 3px 0 0 0;
}

.carousel-individus .person.m .identite,
.carousel-individus .person.f .identite {
  margin: 9px 0 0 0;
}

.person .identite .nom,
.person .identite .prenom,
.person .identite .period,
.person .identite .surnom {
  font-size: 10px;
  line-height: 13px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #333333;
}

.person .identite .surnom {
  font-style: italic;
}

.person .identite .nom {
  text-transform: uppercase;
  font-weight: bold;
}

.mariage {
  background: #fbfbfa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 999;
}

.mariage i {
  color: #757585;
}

.mariage .num-mariage {
  left: 0;
  margin: 0;
  position: absolute;
  top: -15px;
  color: #757585;
  font-size: 12px;
}

#overscroll {
  width: 1200px;
  height: 800px;
  overflow: hidden;
  margin: 0 auto !important;
  position: relative;
  /* to display header */
  margin-bottom: -83px !important;
}

#overscroll #geo_content {
  width: 10000px;
  height: 10000px;
  margin: 0;
  padding: 0;
}

.arbre-familial .transparent {
  display: none;
}

/*---------------------------------- FIN Navigation Familiale */
/*---------------------------------- DEBUT Navigation Lieux */
.bottom-bando {
  background-color: #f0ad4e;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 40px;
}

.bottom-bando p {
  line-height: 40px;
  color: #fff;
  font-size: 17px;
}

.annee .lieu-modif {
  display: block;
  float: left;
}

.annee .lieu-modif + i,
.icon-event i {
  float: right;
  color: #333333;
}

.icon-event {
  top: 0;
  width: 100%;
}

.liste-lieu .bloc-contenu-in {
  background-color: transparent;
}

.liste-lieu .table > thead > tr > th a {
  text-decoration: none;
}

.liste-lieu .pad-0 {
  padding-right: 0;
  padding-left: 0;
}

.list-popup .modifier-champs.input-simple i {
  visibility: visible;
  position: absolute;
  right: 22px;
  top: 33px;
  color: #757585;
}

.list-popup.edit-place .modifier-champs.input-simple i {
  color: #d5d8da;
}

.list-popup .checkbox label {
  float: left;
}

.list-popup .checkbox + p {
  padding-top: 2px;
  font-size: 16px;
}

.list-popup .push-left .btn-action {
  margin-right: 10px;
}

.list-popup .map {
  margin: 5px 0 20px 0;
}

.list-popup .form-control:focus {
  border-bottom: 1px solid #ff5555;
}

.mode-lieu .tree-information {
  height: 264px;
}

.mode-lieu .tree-information .btn-large {
  padding: 3px 19px;
}

.mode-lieu .tree-information a span.btn-large {
  margin: 0 !important;
}

.mode-lieu .badge {
  background-color: #2B2550;
}

.mode-lieu #option-fiche-resultat li.lieu-geo:hover {
  background: transparent;
  color: #fff;
}

.mode-lieu #option-fiche-resultat li.lieu-geo a:hover {
  color: #fff;
}

.mode-lieu .alerte-lieu {
  font-size: 16px;
  color: #f0ad4e;
  font-weight: bold;
}

.mode-lieu .lieu-chemin {
  font-size: 16px;
  color: #757585;
}

.mode-lieu a.modif-evenement-onglet i {
  color: #d5d8da;
}

.mode-lieu .map {
  background: #d5d8da;
  border-radius: 0px;
  border: none;
  height: 262px;
  padding: 0;
}

.mode-lieu .map img {
  width: 100%;
  height: 262px;
}

.mode-lieu .tree-information.update {
  padding-right: 0;
  padding-top: 0;
}

.mode-lieu #option-fiche-resultat {
  padding-top: 10px;
}

.mode-lieu .geolocalise-lieu p {
  font-size: 16px;
}

.mode-lieu .geolocalise-lieu span {
  font-weight: bold;
}

/*---------------------------------- FIN Navigation Lieux */
/*---------------------------------- DEBUT Carte information perso */
.carte-individu {
  width: 320px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
}
.carte-individu .tag-v2__row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 10px;
}
.carte-individu .tag-v2__row:empty {
  display: none;
}

.personDetailsPopupContainer {
  width: 350px;
}

.carte-individu .pointer:hover {
  text-decoration: underline;
}

.carte-individu .header-carte {
  height: 159px;
  background-color: #2B2550;
  padding: 10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.carte-individu .header-carte .image-carte a {
  float: left;
  color: #fff;
}

.carte-individu .header-carte .image-carte .profil + a {
  float: right;
  color: #fff;
}

.carte-individu .header-carte .image-carte .profil + a:hover,
.carte-individu .header-carte .image-carte a:hover {
  opacity: 0.8;
  z-index: 1;
}

.carte-individu .header-carte .image-carte a + .profil {
  height: 65px;
  margin: 0 31% 10px;
  width: 65px;
  float: left;
  color: #fff;
}

.carte-individu .header-carte .image-carte .profil {
  height: 65px;
  margin: 0 39% 10px;
  width: 65px;
  float: left;
  color: #fff;
}

.carte-individu.homme .header-carte .image-carte .profil {
  background-color: #66cccc;
}

.carte-individu.femme .header-carte .image-carte .profil {
  background-color: #ff8888;
}

.carte-individu .header-carte .image-carte .profil.image {
  border: 0;
}

.carte-individu .header-carte .image-carte .profil.image img {
  border-width: 0;
  height: 65px;
  width: 65px;
  border: 3px solid #8888ff;
}

.carte-individu.homme .header-carte .image-carte .profil.image img {
  border: 3px solid #66cccc;
}

.carte-individu.femme .header-carte .image-carte .profil.image img {
  border: 3px solid #ff8888;
}

.carte-individu .header-carte .image-carte .profil p {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  margin: 16px 0 0;
  text-align: center;
}

.carte-individu .header-carte .image-carte .profil i {
  background: #2B2550;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  float: right;
  font-size: 14px;
  margin: 0 -7px 0 0;
  padding: 3px;
  position: relative;
}

.carte-individu .header-carte .image-carte .profil.image i {
  margin: -19px 0 0;
}

.carte-individu.homme .header-carte .image-carte .profil i {
  background: #2B2550;
}

.carte-individu.femme .header-carte .image-carte .profil i {
  background: #2B2550;
}

.carte-individu .header-carte .texte {
  text-align: center;
  clear: left;
}

.carte-individu .header-carte .texte p {
  font-size: 13px;
  color: #fff;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.carte-individu .header-carte .texte p span {
  font-weight: bold;
  text-transform: uppercase;
}

.carte-individu .header-carte .texte p.surnom {
  color: #fff;
  font-style: italic;
}

.carte-individu .header-carte .texte ul {
  text-align: center;
}

.carte-individu .header-carte .texte p + p + ul {
  margin: 19px;
}

.carte-individu .header-carte .texte p + p + p + ul {
  margin: 0;
}

.carte-individu .header-carte .texte p + ul {
  margin: 37px 0 0 0;
}

.carte-individu .header-carte .texte ul li {
  display: inline-block;
}

.carte-individu .header-carte .texte ul li a i {
  background: #8888ff;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  margin: 0 16px 12px 0;
  padding: 6px;
}

.carte-individu.homme .header-carte .texte ul li a i {
  background-color: #66cccc;
}

.carte-individu.femme .header-carte .texte ul li a i {
  background-color: #ff8888;
}

.carte-individu .header-carte .texte ul li:last-child a i {
  margin: 0;
  top: -2px;
}

.carte-individu .header-carte .texte ul li a:hover i {
  background: #2B2550;
}

.carte-individu .body-carte {
  clear: left;
}

.carte-individu .body-carte .info-carte {
  margin: 0;
  padding: 30px 15px 0;
}

.carte-individu .body-carte .info-carte li .title {
  display: inline-block;
  width: 88px;
  font-weight: bold;
  color: #2B2550;
  font-size: 14px;
  vertical-align: top;
}

.carte-individu .body-carte .info-carte li .texte {
  width: 198px;
  margin: 0 0 5px 0;
  display: inline-block;
  vertical-align: top;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.carte-individu .body-carte .info-carte li .texte p {
  font-size: 13px;
  font-weight: weight;
  margin: 0;
  text-transform: inherit;
}

.carte-individu .body-carte .fichier {
  padding: 15px 15px 14px 15px;
  text-align: center;
  width: 100%;
  margin: 0;
}

.carte-individu .body-carte .fichier li {
  border: 1px solid #2B2550;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 0 11px 3px 0;
  padding: 1px 5px;
  height: 19px;
  display: inline-block;
  color: #2B2550;
  font-size: 11px;
  cursor: default;
}

.carte-individu.homme .body-carte .fichier li {
  color: #72a6a6;
  border: 1px solid #72a6a6;
}
.carte-individu.femme .body-carte .fichier li {
  color: #ec7b7b;
  border: 1px solid #ec7b7b;
}
.carte-individu .body-carte .fichier li:last-child {
  margin: 0;
}
.carte-individu .body-carte .fichier li.badge--hint {
  position: inherit;
  border: 0;
  padding: 4px 5px;
  display: inline;
  line-height: inherit;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.carte-individu .body-carte .fichier li.badge--hint a {
  color: #fff;
}

.carte-individu .body-carte .fichier ~ a {
  display: block;
  font-size: 13px;
  text-align: center;
  color: #43C;
  font-weight: bold;
  padding: 0 0 25px;
}

.carte-individu .body-carte span {
  background: #8888ff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 2px 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 11px;
  left: 50%;
  position: absolute;
  bottom: -9px;
  transform: translateX(-50%);
}

.carte-individu.homme .body-carte span {
  background: #66cccc;
}

.carte-individu.femme .body-carte span {
  background: #ff8888;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes shake-animation {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(1px, 0, 0);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

/*---------------------------------- FIN Carte information perso */
/* ======================================================================================================== FIN Arbre en ligne -- */
/* ========================================================================================= DEBUT Import Gedcom de la page de création d'arbre */
.page-import-gedcom h1 + p {
  font-size: 16px;
}

.page-import-gedcom .row + .row {
  margin-top: 15px;
  margin-bottom: 10px;
}

.page-import-gedcom .row + .row .plateforme-medias i {
  font-size: 32px;
}
.page-import-gedcom .row + .row .plateforme-medias i.update {
  font-size: 45px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.page-import-gedcom h4 {
  font-size: 28px;
}

.page-import-gedcom ul li {
  display: inline-block;
  text-align: center;
  margin: 10px 40px 0 0;
}

.page-import-gedcom ul li a:hover img {
  opacity: 0.9;
}

.page-import-gedcom .telechargement-fichier + .row {
  text-align: center;
}

.page-import-gedcom .fin-importation {
  text-align: center;
}

.page-import-gedcom .fin-importation > i {
  color: #5cb85c;
  font-size: 48px;
}

.page-import-gedcom .fin-importation h4 {
  color: #5cb85c;
  font-size: 37px;
  margin: 0 0 13px;
}

.page-import-gedcom .fin-importation p {
  margin: 0 0 13px 0;
}

.page-import-gedcom .fin-importation .checkbox {
  margin: -13px 0 0;
  text-align: left;
}

.page-import-gedcom .fin-importation-no {
  text-align: center;
}

.page-import-gedcom .fin-importation-no i {
  font-size: 48px;
  color: #d9534f;
}

.page-import-gedcom .fin-importation-no p {
  font-size: 37px;
  font-weight: normal;
  color: #d9534f;
}

.page-import-gedcom .fin-importation-no p + p {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.page-import-gedcom .fin-importation-no p + p + p {
  font-weight: normal;
  margin: 33px 0 0 0;
}

.page-import-gedcom .tuto-import li {
  margin: 0 0 30px;
  padding: 0 0 20px;
  border-bottom: 1px solid #d5d8da;
  text-align: left;
}

.page-import-gedcom .tuto-import li img {
  width: 100%;
}

.page-import-gedcom .tuto-import li p {
  margin: 10px 0 0 0;
}

/* ========================================================================================= FIN Import Gedcom de la page de création d'arbre */
/* ========================================================================================= DEBUT Impression arbre */
.impre-arbre-img {
  float: left;
  margin: 0 10px 15px 0;
  width: 180px;
}

.impre-arbre-img img {
  height: 125px;
  width: 178px;
}

#partial-view-layer .inscr-conn p {
  font-size: 16px;
  color: #fff;
}

.inscr-conn h1 + p {
  font-size: 16px;
  color: #757585;
}

.inscr-conn .form-inscr-conn {
  margin-top: 0px;
  margin-bottom: 0px;
}

#animatedModal .inscr-conn .form-inscr-conn a {
  color: #fff;
  text-decoration: underline;
}

/* ========================================================================================= FIN Impression arbre */
/* ======================================================================================================================================================================================================================================================================================================================================
 =================================================================== CONNECTE =====================================================================================
========================================================================================================================================================================================================================================================================================================================================= */
/* ======================================================================================================== DEBUT Messages et demandes d'acces -- */
#popupMessageForm {
  margin: auto;
  width: 640px;
}

.messagerie > .row > .row {
  margin-bottom: 35px;
}

.messagerie .bs-callout {
  display: block;
}

.messagerie a.btn {
  margin: 20px 0 0 0;
}

.messagerie > div {
  margin-bottom: 20px;
}

/* -  Menu latéral gauche -*/
.messagerie .menu-lateral-gauche .nav-tabs > li:nth-child(2) > a,
.messagerie .menu-lateral-gauche .nav-tabs > li:nth-child(3) > a {
  margin: 0 0 0 10px;
}

/* -  Tableau de messages -*/
.messagerie .tab-pane {
  min-height: 430px;
}

/* header table receptiion des messages */
.messagerie .header.h-discussion,
.historique .header.h-discussion,
.alerte .header.h-discussion,
.archive .header.h-discussion {
  border-bottom: 1px solid #d5d8da;
  padding: 0 0 12px 0;
  margin: 0;
}

.messagerie span.dropdown.choix-table > a {
  margin: 3px 0 0 -15px;
}

.messagerie .header.h-discussion .input-group,
.alerte .header.h-discussion .input-group,
.historique .header.h-discussion .input-group {
  margin: 0 -15px 0 0;
}

.messagerie .header.h-discussion a.btn,
.alerte .header.h-discussion a.btn {
  margin: 0;
}

.messagerie .header.h-discussion a.btn i,
.alerte .header.h-discussion a.btn i {
  margin: -4px 0 0 0;
  vertical-align: middle;
}

/* header echanges de messages */
.messagerie .header.h-discussion.echange-msg {
  position: relative;
}

.messagerie .header.h-discussion.echange-msg div + div {
  position: static;
}

.messagerie .header.h-discussion.echange-msg h4 {
  font-size: 25px;
  line-height: 39px;
  margin: 0;
  overflow-wrap: break-word;
}

.messagerie .header.h-discussion.echange-msg ul {
  bottom: 4px;
  position: absolute;
  right: 0;
}

.messagerie .header.h-discussion.echange-msg li {
  display: inline-block;
}

.messagerie .header.h-discussion.echange-msg li i {
  font-size: 25px;
  color: #333333;
  margin: 0 0 0 15px;
}

.messagerie .header.h-discussion.echange-msg li:hover i,
.messagerie .header.h-discussion.echange-msg li:focus i {
  opacity: 0.8;
}

.messagerie .header.h-discussion.echange-msg li:first-child i {
  margin: 0;
}

/* Tableau */
table.messagerie-table tr td {
  border-top: 1px solid #d5d8da;
}

table.messagerie-table tr:last-child td {
  border-bottom: 1px solid #d5d8da;
}

table.messagerie-table.table > thead > tr > th {
  border-bottom: 2px solid #d5d8da;
}

table.messagerie-table tr .pseudo-table {
  width: 20%;
}

table.messagerie-table tr .message-table {
  width: 50%;
}

table.messagerie-table tr .acces {
  width: 24%;
}

table.messagerie-table tr td:hover {
  cursor: pointer;
}

.table-hover > tbody > tr:hover table.messagerie-table thead tr th {
  font-size: 17px;
  padding-top: 16px;
  padding-bottom: 16px;
}

table.messagerie-table thead tr th:nth-child(3) {
  padding-left: 28px;
}

table.messagerie-table thead tr th span.caret.top,
table.messagerie-table thead tr th i {
  color: #757585;
}

table.messagerie-table thead tr th:hover {
  opacity: 0.8;
}

table thead tr th.ordre span.caret.top,
table thead tr th.ordre i,
table thead tr th.ordre span.caret {
  color: #337ab7;
}

table.messagerie-table tr p {
  margin: 0;
}

table.messagerie-table tr.non-lu {
  background: rgba(213, 216, 218, 0.2);
}

table.messagerie-table tr .profil-table,
table.messagerie-table tr .message-table {
  position: relative;
}

table.messagerie-table tr .profil-table .selection {
  background: transparent;
  height: 66px;
  width: 8px;
  left: 0;
  position: absolute;
  top: -1px;
}

table.messagerie-table tr:hover .profil-table .selection {
  background: #ff5555;
}

table.messagerie-table tr:first-child .profil-table .selection {
  top: 0;
}

table.messagerie-table tr .profil-table .profil {
  height: 50px;
  margin: 0 0 0 8px;
  width: 50px;
}

table.messagerie-table tr .profil-table .profil.image img {
  border-width: 0;
  height: 50px;
  width: 50px;
}

table.messagerie-table tr .profil-table .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 0;
  text-align: center;
  padding: 12px 0 0 0;
}

table.messagerie-table tr .pseudo-table,
table.messagerie-table tr .message-table {
  line-height: 49px;
  min-height: 49px;
  position: relative;
}

table.messagerie-table tr .pseudo-table p {
  color: #2B2550;
  font-size: 12px;
  line-height: 23px;
  display: inline-block;
  vertical-align: middle;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.messagerie-table tr .pseudo-table p span {
  color: #333333;
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.messagerie-table tr .message-table p {
  margin: 0 0 0 22px;
}

table.messagerie-table tr .message-table p i {
  display: none;
}

table.messagerie-table tr .message-table.reponse p i {
  left: 9px;
  position: absolute;
  top: 9px;
  font-size: 18px;
  display: block;
}

table.messagerie-table tr .message-table p {
  color: #2B2550;
  font-size: 12px;
  line-height: 23px;
  display: inline-block;
  vertical-align: middle;
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.messagerie-table tr .message-table p span {
  color: #333333;
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.messagerie-table tr.non-lu .message-table p span {
  font-weight: bold;
}

table.messagerie-table tr .message-table p span + span {
  color: #337ab7;
  font-size: 12px;
  display: inline;
  margin: 0 2px 0 0;
  font-weight: bold;
}

table.messagerie-table tr:hover .acces span.icon-acces {
  display: none;
}

table.messagerie-table tr .acces span {
  float: right;
}

table.messagerie-table tr .acces span i {
  font-size: 25px;
  margin: 11px 22px 0 0;
}

table.messagerie-table tr .acces.valide span.icon-acces i {
  color: #5cb85c;
}

table.messagerie-table tr .acces.attente span.icon-acces i {
  color: #f0ad4e;
}

table.messagerie-table tr .acces.refuse span.icon-acces i {
  color: #d9534f;
}

table.messagerie-table tr .acces .icon-commande i {
  color: #333 !important;
  display: none;
}

table.messagerie-table tr:hover .acces .icon-commande i {
  color: #333 !important;
  display: inline-block;
}

table.messagerie-table tr .acces .icon-commande a:hover i {
  color: #ff5555 !important;
}

.messagerie .pagination-table {
  color: #757585;
}

/* Contact */
.messagerie .contact .header.h-discussion {
  margin: 0 0 10px 0;
}

.messagerie .contact .header.h-discussion a i {
  font-size: 30px;
  color: #333333;
  margin: 10px 0 0 0;
}

.messagerie .contact .header.h-discussion a:hover i {
  opacity: 0.8;
}

.messagerie .contact .fiche-contact {
  border: 1px solid #d5d8da;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  padding: 10px 0;
  margin: 10px 0;
}

.messagerie .contact .fiche-contact .image-fiche {
  text-align: initial;
}

.messagerie .contact .fiche-contact .image-fiche a {
  color: #757585;
  margin: 13px 0 0 15px;
  position: absolute;
  top: 0;
  display: none;
}

.messagerie .contact .fiche-contact:hover .image-fiche a {
  display: block;
}

.messagerie .contact .fiche-contact:hover .image-fiche a:hover i {
  color: #ff5555;
}

.messagerie .contact .fiche-contact .image-fiche a i {
  font-size: 20px;
}

.messagerie .contact .fiche-contact .image-fiche .profil + a {
  margin: 13px 15px 0 0;
  right: 0;
}

.messagerie .contact .fiche-contact .image-fiche .profil {
  border: 0;
  color: #fff;
  margin: 7px auto;
  height: 80px;
  width: 80px;
  text-align: center;
  float: inherit;
}

.messagerie .contact .fiche-contact .image-fiche .profil .initiale {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  margin: 0;
  padding: 22px 0 0;
  text-align: center;
}

.messagerie .contact .fiche-contact .image-fiche .profil.image img {
  border-width: 0;
  height: 80px;
  width: 80px;
}

.messagerie .contact .fiche-contact span p {
  color: #43C;
  font-size: 17px;
  padding: 0 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 5px 0;
  cursor: pointer;
}

.messagerie .contact .fiche-contact span p + p {
  color: #757585;
  font-size: 13px;
  padding: 0 10px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 13px 0;
}

.messagerie .contact .fiche-contact span + a {
  margin: 0 0 14px 0;
}

.messagerie .contact .fiche-contact span + a i {
  color: #337ab7;
  margin: -3px 0 0;
  vertical-align: middle;
}

.messagerie .no-contact {
  text-align: center;
}

.messagerie .no-contact i {
  color: #757585;
  font-size: 75px;
  margin: 60px 0 24px;
}

.messagerie .no-contact i + p {
  color: #757585;
  font-size: 30px;
  margin: 0 0 260px 0;
}

.messagerie .no-contact i + p + a {
  margin: -429px 0 0 0;
}

/* - incrementation des contact lors d'un nouveau message -*/
.incrementation-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d5d8da;
  cursor: pointer;
}

@media screen and (min-width: 0\0 ) {
  .incrementation-contact {
    display: table;
    border-bottom: 0;
  }
}
.incrementation-contact .selection {
  background: transparent;
  float: left;
  height: 64px;
  width: 8px;
}

/*.incrementation-contact:hover .selection, .incrementation-contact:focus .selection,*/
div.tt-dataset-contact div.tt-cursor .selection.show-color {
  background: #ff5555;
}

.incrementation-contact .profil {
  float: left;
  height: 48px;
  margin: 8px 10px 8px 8px;
  width: 48px;
}

.incrementation-contact .profil.image img {
  border-width: 0;
  height: 48px;
  width: 48px;
}

.incrementation-contact .profil .initiale {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin: 13px 0 0 0;
  text-align: center;
}

.incrementation-contact .profil + p {
  float: left;
  margin: 20px 0 20px 0;
  color: #333333;
  font-size: 15px;
}

/* - chat - */
.ecrire {
  margin: 20px 0 30px 0;
}

.messagerie .ecrire a.btn {
  margin: 5px 0 0 5px;
}

.ecrire .bubble {
  position: relative;
  padding: 0;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #d5d8da solid 1px;
}

.ecrire .bubble textarea {
  border: 0;
  box-shadow: none;
  padding: 10px 12px;
}

.ecrire .bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 11px 0 11px 11px;
  border-color: transparent #fff;
  display: block;
  width: 0;
  z-index: 1;
  right: -10px;
  top: 10px;
}

.ecrire .bubble:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 11px 0 11px 11px;
  border-color: transparent #d5d8da;
  display: block;
  width: 0;
  z-index: 0;
  right: -11px;
  top: 10px;
}

.ancien-message {
  margin: 0 0 15px 0;
}

.ancien-message.pseudo-message p {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 0 24px;
}

.ancien-message .profil {
  height: 65px;
  margin: 0 auto;
  width: 65px;
}

.ancien-message .profil.image img {
  border-width: 0;
  height: 65px;
  width: 65px;
}

.ancien-message .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 22px 0 0 0;
  text-align: center;
}

.ancien-message .bubble {
  position: relative;
  padding: 10px 12px;
  background: #d5d8da;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.ancien-message .bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 11px 11px 11px 0;
  border-color: transparent #d5d8da;
  display: block;
  width: 0;
  z-index: 1;
  left: -11px;
  top: 10px;
}

.ancien-message.envoye .bubble {
  background: rgba(51, 122, 183, 0.3);
}

.ancien-message.envoye .bubble:after {
  border-color: transparent rgba(51, 122, 183, 0.3);
  border-width: 11px 0 11px 11px;
  right: -11px;
  left: auto;
}

.ancien-message .bubble p {
  font-size: 13px;
  word-wrap: break-word;
}

.ancien-message .bubble p:last-child {
  margin: 30px 0 0 0;
  color: #2B2550;
  font-size: 11px;
}

.messagerie .bs-callout .footer-callout p {
  float: right;
  font-size: 11px;
  color: #2B2550;
  margin: 7px 0 0 0;
}

.messagerie .new-message .h-discussion h4 {
  margin: 10px 0 0 -15px;
  font-size: 28px;
}

.messagerie .new-message .h-discussion a.btn {
  margin: 0 -15px 0 8px;
  float: right;
}

.messagerie .new-message .h-discussion a.btn + a.btn {
  margin: 0 0 0 23px;
}

/* ======================================================================================================== FIN Messages et demandes d'acces -- */
/* ======================================================================================================== DEBUT Espace Client -- */
@media screen and (min-width: 0\0 ) {
  .public-profile-container {
    height: 100vh;
  }
}

/* --- header espace client --- */
.espace-client .tab-content {
  margin: 0 0 60px;
}

.espace-client #alert-email-form p .material-icons {
  -moz-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  -webkit-transform: translateY(0.5rem);
  transform: translateY(0.5rem);
}

.container.espace-client .public-marg {
  padding-bottom: 20px;
}

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

.espace-client > div {
  margin: 0;
}

.espace-client .cover-profil i {
  bottom: 25px;
  font-size: 35px;
  position: absolute;
  right: 45px;
  color: #fff;
  z-index: 10;
  display: none;
}

.espace-client .cover-profil:hover i {
  display: block;
}

.espace-client .cover-profil:hover div.hover-client {
  background-color: rgba(51, 122, 183, 0.4);
  height: 160px;
  display: block;
  position: absolute;
  top: 0;
  width: 97.5%;
  cursor: pointer;
  z-index: 10;
}

.espace-client .cover-profil .crop-img {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.espace-client .cover-profil img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 160px;
}

.espace-client .client.profil i {
  bottom: 19px;
  font-size: 35px;
  position: absolute;
  right: 23px;
  color: #fff;
  z-index: 10;
  display: none;
}

.espace-client .client.profil:hover i {
  display: block;
}

.espace-client .client.profil {
  background: #757585;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 133px;
  width: 133px;
  margin: -66px 0 0 43px;
  position: relative;
  z-index: 11;
}

.espace-client .client.profil.femme {
  background: #ff8888 !important;
}

.espace-client .client.profil.homme {
  background: #66cccc !important;
}

.espace-client .client.profil .initiale {
  margin: 39px 0 0;
}

.espace-client .client.profil:hover div {
  background-color: rgba(51, 122, 183, 0.4);
  height: 125px;
  width: 125px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
}

.espace-client .client.image img {
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 133px;
  width: 133px;
}

.espace-client .cover-profil + .row {
  margin-bottom: 38px;
}

.espace-client .cover-profil + .row a {
  float: right;
  margin: 38px 0 0 0;
}

.espace-client h4 {
  font-size: 28px;
}

.espace-client .modal-header h4 {
  font-size: 15px;
}

.espace-client .cover-profil + div h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.espace-client h4 + p {
  color: #757585;
  font-size: 14px;
  font-weight: bold;
}

.espace-client .bs-callout h4 + p {
  color: #333333;
  font-size: 14px;
  font-weight: normal;
}

.espace-client h4.titre-marge-top + p {
  color: #333333;
  font-size: 14px;
  font-weight: normal;
}

/* -- Profil -- */
.espace-client .arbre-public li {
  margin: 0 0 20px 0;
}

.espace-client .arbre-public li:last-child {
  margin: 0;
}

.espace-client .arbre-public li p {
  display: inline-block;
  font-weight: bold;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  margin: 0;
}

.espace-client .arbre-public li div {
  display: inline-block;
}

.espace-client .lien-ajouer {
  margin: 33px 0 22px 0;
}

.espace-client .lien-ajouer a {
  font-weight: bold;
}

.espace-client .lien-ajouer a:hover {
  text-decoration: none;
}

.espace-client .lien-ajouer a:after {
  color: black;
  content: "|";
  margin: 0 8px;
}

.espace-client .lien-ajouer a:last-child:after {
  content: "";
  margin: 0 8px;
}

.espace-client h4.titre-marge-top i {
  color: #337ab7;
  font-size: 28px;
  margin: 0 0 2px 8px;
  vertical-align: bottom;
}

.espace-client .profil-client .multiple-input .faux-input {
  width: 17%;
  margin-right: 10px;
}

.espace-client .profil-client .multiple-input .faux-input + .faux-input {
  width: 53%;
  margin-right: 10px;
}

.espace-client .profil-client .multiple-input .input-simple {
  width: 24%;
}

.espace-client .profil-client .bootstrap-tagsinput span.label {
  display: table;
}

/* -- Paramètres espace client -- */
.espace-client .parametres-client .input-mdp {
  width: 70%;
  display: inline-block;
  position: relative;
}

.espace-client .parametres-client .input-mdp + a,
.espace-client .parametres-client .input-mdp + a + a,
.espace-client .parametres-client .input-mdp + button,
.espace-client .parametres-client .input-mdp + button + button {
  float: right;
  margin: 32px 0 0 0;
}

.espace-client .parametres-client .input-mdp + a + a,
.espace-client .parametres-client .input-mdp + button + button {
  margin-right: 13px;
}

.espace-client .parametres-client .input-mdp label {
  left: 0;
  position: absolute;
}

.espace-client .parametres-client .checkbox {
  margin: 0 0 18px 0;
}

.espace-client .parametres-client .checkbox label p {
  font-weight: bold;
  margin: 0 0 4px 0;
}

.espace-client .parametres-client .checkbox label p + p {
  color: #2B2550;
  font-size: 12px;
  font-weight: normal;
}

/* ======================================================================================================== FIN Espace Client -- */
/* ======================================================================================================== DEBUT Espace Client = > Résumé données Arbre -- */
@media screen and (min-width: 0\0 ) {
  .resume-container {
    height: 100vh;
  }
}

.resume-arbre {
  margin-bottom: 40px;
}

.resume-arbre .carte-membre {
  border: 1px solid #d5d8da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  padding: 20px 10px;
}

.resume-arbre .carte-membre .profil {
  float: inherit;
  height: 80px;
  margin: 0 auto 10px;
  width: 80px;
}

.resume-arbre .carte-membre .profil.image img {
  border: 0;
  height: 80px;
  width: 80px;
}

.resume-arbre .carte-membre .profil .initiale {
  font-size: 30px;
  margin: 0;
  padding: 20px 0 0 0;
  color: #fff;
}

.resume-arbre .carte-membre a {
  font-size: 16px;
  font-weight: bold;
}

.resume-arbre .carte-membre p {
  margin: 3px 0 20px;
  font-size: 14px;
  color: #757585;
}

.resume-arbre .carte-membre a.btn i {
  font-size: 19px;
  margin: 1px 7px 0 0;
  vertical-align: top;
  color: #43C;
}

.resume-arbre .header-resume {
  margin-bottom: 20px;
}

.resume-arbre .header-resume h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333333;
  font-size: 16px;
  margin: 0 0 8px;
}

.resume-arbre .header-resume h3 a {
  color: #43C;
  font-size: 30px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.resume-arbre .header-resume h3 + p {
  color: #757585;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.resume-arbre .header-resume h3 + p + div i {
  color: #757585;
}

.resume-arbre .header-resume a + i {
  color: #ff5555;
  font-size: 24px;
  margin: 5px 0 0 4px;
  vertical-align: top;
}

.resume-arbre .header-resume div + div div {
  float: right;
}

.resume-arbre .header-resume div + div a i {
  margin: 4px 7px 0 0;
  vertical-align: top;
}

.resume-arbre .donnees-arbre {
  margin-bottom: 20px;
}

.resume-arbre .donnees-arbre div {
  border-left: 1px solid #d5d8da;
}

.resume-arbre .donnees-arbre div:first-child {
  border-left: 0;
}

.resume-arbre .donnees-arbre div p + p {
  color: #333333;
  font-size: 40px;
  line-height: 33px;
  margin: 0;
  font-weight: bold;
}

.resume-arbre .donnees-arbre div p + p + p {
  color: #757585;
  font-size: 14px;
  text-transform: inherit;
}

.resume-arbre .donnees-arbre .profil {
  height: 32px;
  padding: 0;
  width: 32px;
}

.resume-arbre .donnees-arbre .profil .initiale {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 6px 0 0;
}

.resume-arbre .donnees-arbre .profil.image img {
  border: 0 none;
  height: 32px;
  width: 32px;
}

.resume-arbre .donnees-arbre p + a div.profil + p {
  color: #43C;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  margin: 5px 0 0 8px;
  text-transform: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.resume-arbre .donnees-arbre p + a:hover div.profil + p {
  color: #285c89;
}

.resume-arbre .tag-nuage {
  margin-bottom: 20px;
}

.resume-arbre .tag-nuage p + div p {
  color: #333333;
  text-transform: inherit;
  margin: 0 7px 12px 0;
  display: inline-block;
  font-weight: normal;
  line-height: 14px;
}

.resume-arbre .donnees-graphique {
  border: 1px solid #d5d8da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 10px 10px 10px;
  margin: 0 0 15px 0;
}

.resume-arbre .donnees-graphique p {
  color: #757585;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 15px 0;
}

.resume-arbre .donnees-graphique div {
  height: 350px;
  background: #757585;
}

.abonnement .statut {
  float: right;
  display: inline-block;
  font-size: 17px;
  margin: 18px 0 0 0;
}

.abonnement .statut i {
  margin: -3px 0 0;
  vertical-align: top;
}

.abonnement .statut.actif {
  color: #5cb85c;
}

.abonnement .statut.attention {
  color: #d9534f;
}

.abonnement .statut.resilie {
  color: #f0ad4e;
}

.abonnement > h4 {
  display: inline-block;
}

.abonnement .info-abonnement {
  margin-top: 25px;
  margin-bottom: 33px;
}

.abonnement .info-abonnement p {
  margin: 0 0 4px 0;
}

.abonnement .info-prix > div:last-child {
  border-left: 1px solid #d5d8da;
}

.abonnement .info-prix > div > div {
  height: 115px;
}

.abonnement .info-prix > div > div p {
  margin: 0 0 5px 0;
}

.abonnement .info-prix > div > div p + p {
  font-size: 21px;
  color: #333333;
  margin: 0 0 2px 0;
}

.abonnement .info-prix > div > div p + p + p {
  margin: 0 0 5px 0;
  color: #757585;
  font-size: 14px;
}

.abonnement .info-prix > div > div p + p + p {
  color: #333333;
}

.abonnement .info-prix > div > div p + p + p span.actif,
.abonnement .info-prix > div > div p + p + p span.resilie {
  color: #757585;
}

.abonnement .info-prix > div > div p + p + p span.attention {
  color: #d9534f;
}

.abonnement .info-prix > div > div p + p + p span {
  color: #333333;
}

.abonnement h4.facture {
  display: inline-block;
}

.abonnement h4.facture + a {
  float: right;
  margin: 51px 0 0 0;
}

.abonnement .facturation a i {
  color: #333333;
  margin: 5px 0 8px;
}

.abonnement .facturation tr > td {
  padding: 11px 8px;
  vertical-align: middle;
}

.abonnement .texte-choix {
  border-top: 1px solid #d5d8da;
  padding: 26px 0 20px 0;
}

.abonnement .texte-choix h5 {
  font-size: 36px;
  margin: 0;
}

.abonnement .texte-choix h5 + p {
  font-size: 20px;
  margin: 14px 0 0 0;
}

.abonnement .list-members {
  padding-bottom: 25px;
}

.abonnement .list-members li {
  list-style: initial;
  margin-left: 15px;
}

.abonnement .abonnement-choix > div div {
  border: 1px solid #d5d8da;
  padding: 30px 30px 36px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.abonnement .abonnement-choix > div div:hover {
  -moz-box-shadow: 1px 1px 8px 0px #d5d8da;
  -webkit-box-shadow: 1px 1px 8px 0px #d5d8da;
  -o-box-shadow: 1px 1px 8px 0px #d5d8da;
  box-shadow: 1px 1px 8px 0px #d5d8da;
}

.abonnement .abonnement-choix > div div.offre-actuelle {
  background: #fbfbfa;
}

.abonnement .abonnement-choix > div div p {
  color: #333333;
  font-size: 24px;
  margin: 0 0 20px;
}

.abonnement .abonnement-choix > div div p + p {
  color: #333333;
  font-weight: bold;
  font-size: 22px;
}

.abonnement .abonnement-choix > div div p + p + p {
  color: #757585;
  font-size: 14px;
  margin: 0 0 15px;
}

.abonnement .abonnement-choix > div div p + p + p + p {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  height: 54px;
}

.abonnement .abonnement-choix > div div.offre-actuelle p + p + p + p {
  color: #5cb85c;
}

.abonnement .service-abonne {
  margin-bottom: 55px;
  margin-top: 26px;
}

.abonnement .service-abonne > div {
  text-align: center;
}

.abonnement .service-abonne i {
  font-size: 60px;
  color: #337ab7;
}

.abonnement .service-abonne p {
  font-size: 16px;
  font-weight: bold;
  margin: 25px 0 0;
  padding: 0 34px;
}

.abonnement .service-abonne .barre-incline {
  transform: rotate(125deg);
  -moz-transform: rotate(125deg);
  -webkit-transform: rotate(125deg);
  -khtml-transform: rotate(125deg);
  border: 2px solid #d9534f;
  left: 34%;
  position: absolute;
  top: 2px;
  width: 96px;
}

.abonnement.sans-abo h4 + p {
  font-size: 22px;
  color: #333333;
  font-weight: normal;
}

.abonnement.sans-abo .service-abonne {
  background: #f3f3f3;
  padding: 34px 0 39px 0;
  margin: 30px 0 0 0;
}

.abonnement.sans-abo .service-abonne .center {
  margin-top: 14px;
}

/* ----- DEBUT Récapitulatif paiement par chèque */
.paiement-cheque h1 {
  margin: 28px 0;
}

.paiement-cheque div.row:first-child a {
  float: right;
  margin: 34px 0 0;
}

.paiement-cheque h5 {
  color: #ff5555;
}

.paiement-cheque .adresse {
  margin: 28px 0 0 0;
}

.paiement-cheque .adresse p:first-child {
  color: #ff5555;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 4px;
}

.paiement-cheque h4 {
  font-size: 28px;
  margin: 40px 0 10px;
}

/* ======================================================================================================== FIN Espace Client = > Résumé données Arbre -- */
/* ========================================================================================= DEBUT Alerte */
.alerte h1 {
  margin: 28px 0;
}

.alerte div.row:first-child a {
  float: right;
  margin: 34px 0 0;
}

.alerte .header p {
  margin: 0 0 0 -15px;
  font-size: 11px;
  color: #2B2550;
}

.alerte .header p:first-child {
  margin: 15px 0 0 -15px;
}

.alerte .alerte-table {
  width: 99% !important;
}
.alerte .alerte-table thead tr th:hover {
  opacity: 0.8;
}
.alerte .alerte-table thead tr th.headerSortBySource {
  min-width: 200px;
}
.alerte .alerte-table thead tr th.headerSortByResult {
  min-width: 75px;
}
.alerte .alerte-table > tbody > tr > td {
  padding: 11px 8px;
  vertical-align: middle;
}
.alerte .alerte-table > tbody > tr > th {
  padding: 11px 8px;
  vertical-align: middle;
}
.alerte .alerte-table > thead > tr > td {
  padding: 11px 8px;
  vertical-align: middle;
}
.alerte .alerte-table > thead > tr > th {
  padding: 11px 8px;
  vertical-align: middle;
}
.alerte .alerte-table .checkbox label:before {
  height: 15px;
  width: 15px;
}
.alerte .alerte-table .checkbox label:after {
  left: -1px;
  top: 1px;
}
.alerte .alerte-table tr .select-check {
  position: relative;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid #dddddd !important;
}

table.dataTable.no-footer {
  border-bottom: 0 !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
  background-image: none !important;
}

.messagerie table.dataTable thead .sorting:after {
  content: "";
}

.messagerie table.dataTable thead .sorting_asc:after,
.messagerie table.dataTable thead .sorting_desc:after {
  display: none;
}

table.dataTable thead {
  background-color: #FAFAFC;
}
table.dataTable thead th {
  font-size: 16px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  content: "\e993";
  font-size: 16px;
  margin-left: 5px;
  font-family: "icomoon";
}
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  color: #ff5555;
}
table.dataTable thead .sorting_asc:after {
  content: "\e991";
}
table.dataTable thead .sorting_desc:after {
  content: "\e992";
}

table.dataTable.alerte-table thead th:first-child.sorting:after {
  display: none;
}

.alerte .alerte-table thead > tr > th:first-child,
.alerte .alerte-table tbody > tr > td:first-child {
  padding: 0 2px 0 3px;
}

.alerte .alerte-table tbody > tr:hover > td:first-child {
  background: #ff5555;
}

.alerte .alerte-table tr td:nth-child(3) {
  font-weight: bold;
  width: 24%;
}

.alerte .alerte-table tr td:nth-child(4) {
  width: 24%;
}

.alerte .alerte-table tr td:nth-child(5) {
  width: 10%;
}

.alerte .alerte-table tr td:nth-child(6) {
  width: 19%;
}

.alerte .alerte-table tr td:nth-child(7) {
  width: 9%;
}

.alerte .alerte-table tr td.no-result {
  color: #d9534f;
  font-weight: bold;
  pointer-events: none;
  text-align: center;
}
.alerte .alerte-table tr td.no-result a {
  color: #d9534f;
  font-weight: bold;
  pointer-events: none;
  text-align: center;
}
.alerte .alerte-table tr td.attente {
  text-align: center;
}
.alerte .alerte-table tr td.attente i {
  color: #f0ad4e;
}
.alerte .alerte-table tr td.result {
  color: #11a88b;
  font-weight: bold;
  text-align: center;
}
.alerte .alerte-table tr td.result a {
  color: #11a88b;
  font-weight: bold;
  text-align: center;
}
.alerte .alerte-table tr td a:first-child {
  margin: 0 9px 0 0;
}
.alerte .alerte-table tr td:last-child a i {
  color: #333333;
  visibility: hidden;
}
.alerte .alerte-table tr td:last-child a:hover i {
  color: #ff5555;
}
.alerte .alerte-table tr:hover td:last-child a i {
  visibility: visible;
}
.alerte .alerte-table .icon-i-avatar-homme:before {
  color: #66cccc;
}
.alerte .alerte-table .icon-i-avatar-femme:before {
  color: #ff8888;
}
.alerte .alerte-table .icon-i-avatar-femme:before {
  color: #ff8888;
}
.alerte .alerte-table .parents {
  margin: 0 0 0 2px;
  text-transform: uppercase;
  vertical-align: middle;
}

.alerte .no-alerte,
.archive .no-alerte {
  text-align: center;
}

.alerte .no-alerte i,
.archive .no-alerte i {
  color: #757585;
  font-size: 75px;
  margin: 34px 0 24px;
}

.alerte .no-alerte i + p,
.archive .no-alerte i + p {
  color: #757585;
  font-size: 30px;
}

.alerte .no-alerte i + p + p,
.archive .no-alerte i + p + p {
  color: #333333;
  font-size: 16px;
  margin: 15px 0 260px;
}

/* ========================================================================================= FIN Alerte */
/* ========================================================================================= DEBUT Archives */
.archive h1 {
  margin: 28px 0;
}

.archive div.row:first-child a {
  float: right;
  margin: 34px 0 0;
}

.archive span.dropdown.choix-table {
  margin: 0;
}
.archive span.dropdown.choix-table > a {
  margin: 3px 0 0 -15px;
}

.archive .archive-table > tbody > tr > td,
.archive .archive-table > tbody > tr > th,
.archive .archive-table > thead > tr > td,
.archive .archive-table > thead > tr > th {
  padding: 11px 8px;
}

.archive .archive-table tbody tr:hover {
  cursor: pointer;
}

.archive .archive-table > tbody > tr > th:first-child:hover,
.archive .archive-table > tbody > tr > th:last-child:hover {
  opacity: 0.8;
  cursor: pointer;
}

.archive .archive-table > tbody > tr > td:first-child,
.archive .archive-table thead > tr > th:first-child {
  padding: 0 4px 0 3px;
  width: 2px !important;
}

.archive .archive-table tr:hover td:first-child {
  background: #ff5555;
}

.archive .archive-table tr td:nth-child(2) {
  width: 2px !important;
  text-align: center;
}

.archive .archive-table tr td:nth-child(2) img {
  height: 78px;
  width: 78px;
}

.archive .archive-table tr td:nth-child(3) {
  width: 54%;
}

.archive .archive-table tr td:nth-child(4) {
  width: 20%;
}

.archive .archive-table tr td:nth-child(5) {
  width: 11%;
  color: #2B2550;
}

.archive .archive-table tr td:nth-child(3) p i {
  font-size: 9px;
  margin: 5px 4px 0 0;
  vertical-align: top;
  color: #757585;
}

.archive .archive-table tr td:nth-child(3) p i.femme {
  color: #ff8888;
}

.archive .archive-table tr td:nth-child(3) p i.homme {
  color: #66cccc;
}

.archive .archive-table tr td:nth-child(3) p {
  margin: 0;
  font-size: 15px;
}

.archive .archive-table tr td:nth-child(3) p span {
  font-weight: bold;
  text-transform: uppercase;
}

.archive .archive-table tr td:nth-child(3) p {
  margin: 0 0 0 14px;
}

.archive .archive-table tr td:nth-child(3) p + p + p {
  color: #2B2550;
  margin: 0 0 10px 14px;
}

.archive .archive-table tr td:last-child a {
  display: none;
}

.archive .archive-table tr:hover td:last-child a {
  display: block;
}

.archive .archive-table .bootstrap-tagsinput span.label {
  background-color: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
}

.archive .archive-table .tag [data-role=remove]:after {
  color: #fff;
}

.archive .archive-table tr td:nth-child(4) a {
  display: block;
  width: 212px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.archive .archive-table .input-simple.fond .bootstrap-tagsinput + input + i {
  left: 17px;
}

.archive .archive-table .input-simple.fond .bootstrap-tagsinput + input + i + i {
  right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .archive #archive-table_info {
    text-align: right;
    padding-right: 0;
  }
}

/* ========================================================================================= FIN Archives */
/* ========================================================================================= DEBUT Arbre public */
.espace-client.arbre-public .cover-profil i {
  display: block;
  background: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 27px;
  padding: 8px;
  color: #43C;
  top: 19px;
  bottom: auto;
}

.espace-client.arbre-public .cover-profil a:hover i {
  opacity: 0.8;
}

.espace-client.arbre-public .client.profil {
  cursor: initial;
}

.arbre-public .info-gauche {
  margin: 0 0 30px 0;
}

.arbre-public .info-gauche p + p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arbre-public .info-gauche p.petit-titre-14 {
  margin: 0;
}

.arbre-public .info-gauche a {
  display: block;
  margin: 5px 0 6px;
}

.arbre-public .info-arbre-public {
  border: 1px solid #d5d8da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 22px;
}

.arbre-public .info-arbre-public h3 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 8px;
  width: 80%;
}

.arbre-public .info-arbre-public h3 a {
  color: #43C;
  font-size: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.arbre-public .info-arbre-public h3 a + i {
  color: #ff5555;
  font-size: 24px;
  margin: 2px 0 0 5px;
  vertical-align: top;
}

.arbre-public .info-arbre-public h3 + a {
  display: inline-block;
  float: right;
  vertical-align: middle;
}

.arbre-public .info-arbre-public h3 + a + p {
  font-size: 14px;
  color: #2B2550;
}

.arbre-public .info-arbre-public p.petit-titre-14 + p {
  font-size: 34px;
  font-weight: bold;
  line-height: 25px;
  margin: 0 0 20px 0;
}

.arbre-public .info-arbre-public p.petit-titre-14 + div {
  margin: 0 0 20px 0;
}

.arbre-public .info-arbre-public p.petit-titre-14 + div p {
  display: inline-block;
  line-height: 14px;
  margin: 0 7px 12px 0;
  text-transform: inherit;
}

/* ========================================================================================= FIN  Arbre public */
/* ========================================================================================= DEBUT  Home Connectée */
.home-connectee .header .profil {
  cursor: inherit;
  height: 65px;
  width: 65px;
}

.home-connectee .header .profil.image img {
  border: 0;
  height: 65px;
  width: 65px;
}

.home-connectee .header .profil .initiale {
  display: inline-block;
  font-size: 26px;
  margin: 12px auto;
  width: 65px;
}

.home-connectee .header h1 {
  display: inline-block;
  font-size: 32px;
  margin: 15px 0 0 15px;
}

.home-connectee .header h1 + img {
  float: right;
  margin: 0 0 -20px;
  width: 300px;
}

.home-connectee .header.abonne h1 + img {
  display: none;
}

.home-connectee .bs-callout div {
  display: inline-block;
  vertical-align: middle;
  margin-right: auto;
  width: auto;
  margin-top: 0;
  padding: 0 30px 0 12px;
}

.home-connectee .bs-callout .btn-action {
  margin: 0 20px;
}

.home-connectee .bs-callout h4 a {
  font-size: 13px;
}

.home-connectee .formulaire-recherche > div > i {
  display: inherit;
  font-size: 111px;
  text-align: center;
  color: #d5d8da;
}

.home-connectee .formulaire-recherche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.home-connectee .formulaire-recherche .champs-periode div.select + div {
  width: 48.5%;
  display: inline-block;
}

.home-connectee .formulaire-recherche .champs-periode div.select + .double,
.home-connectee .formulaire-recherche .champs-periode div.select + .double + .double {
  width: 23.6%;
  display: inline-block !important;
}

.home-connectee .formulaire-recherche .champs-periode .double input {
  padding: 10px 12px;
}

.home-connectee .formulaire-recherche + div + div .plus-moins {
  height: 45px;
}

.home-connectee .formulaire-recherche + div + div .plus-moins i {
  margin-top: 11px;
}

.home-connectee .formulaire-recherche + div + div {
  margin-bottom: 12px;
}

.home-connectee .clonedInput {
  position: relative;
}

.home-connectee .bootstrap-select .dropdown-menu li,
.home-connectee .bootstrap-select .dropdown-menu li a {
  margin: 0;
}

.structure-bloc-contenu {
  padding: 15px 15px 0 15px;
}

.home-connectee .bloc-contenu-search-home .search-bloc-home-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.home-connectee .bloc-contenu h3,
.liste-arbre .bloc-contenu h3,
.structure-bloc-contenu h3 {
  font-size: 21px;
  font-weight: bold;
  margin: 0 -15px 0;
  padding: 0 15px 15px;
}

.liste-arbre .bloc-contenu h3 {
  padding: 0 0 15px;
}

.home-connectee .bloc-contenu h3 i {
  float: right;
}

.home-connectee .bloc-contenu h3.bordure,
.structure-bloc-contenu h3.bordure {
  font-size: 21px;
  font-weight: bold;
  margin: 0 -15px 15px;
  padding: 0 15px 15px;
  border-bottom: 1px solid #d5d8da;
  text-align: left;
}

.structure-bloc-contenu .recherche-nom fieldset .form-control {
  width: 83%;
  float: left;
  margin-right: 10px;
}

.structure-bloc-contenu .recherche-nom {
  margin-bottom: 15px;
}

.structure-bloc-contenu a.lien-footer {
  background: #fbfbfa;
  display: block;
  margin: 0 -15px;
  padding: 15px;
}

.liste-arbre .creation-arbre {
  background: #2B2550;
  background-image: url(/v4/genealogie/Content/img/connecte/img-fond-creation-arbre.png);
  background-position: right top;
  background-repeat: no-repeat;
  padding: 15px;
}

.liste-arbre .creation-arbre h3 {
  font-size: 25px;
  text-transform: uppercase;
  color: #fff;
  width: 43%;
  margin: 6px 0 3px 43px;
}

.liste-arbre .creation-arbre h3 {
  width: 65%;
  font-weight: bold;
}

.liste-arbre .creation-arbre .radio label {
  color: #fff !important;
  font-size: 15px;
  font-weight: bold;
}

.liste-arbre .creation-arbre a {
  color: #fff;
  display: inline-block;
  margin: 10px 0 0;
}

/* ========================================================================================= FIN  Home Connectée */
/* ========================================================================================= DEBUT  Confirmation abonnement */
.confirm-abo {
  background-color: #fff;
  border: 1px solid #d5d8da;
  padding: 15px;
  margin: 28px 0 0;
}

.confirm-abo .recap-abo .recaputilatif li {
  margin: 8px 0 0 0;
}

.confirm-abo .recap-abo .recaputilatif li:before {
  content: "-";
  margin: 0 4px 0 0;
}

.confirm-abo .recap-abo .recaputilatif li span {
  margin: 0 6px 0 0;
  color: #2B2550;
}

.confirm-abo .recap-abo .recaputilatif li span:after {
  content: " : ";
}

.confirm-abo .recap-abo .recaputilatif li a:hover {
  text-decoration: none;
}

.confirm-abo .recap-abo .recaputilatif li a i.icone-pdf:before {
  content: "\e666";
  font-family: "icomoon", sans-serif;
  font-size: 21px;
  vertical-align: middle;
  font-style: normal;
}

.confirm-abo .recap-abo .recaputilatif + p {
  font-style: italic;
}

.confirm-abo .text-abo {
  background: #f3f3f3;
}

.confirm-abo .text-abo h2 {
  font-size: 24px;
  color: #2B2550;
}

.confirm-abo .recherche .recherche-periode {
  float: left;
  width: 50%;
}

.confirm-abo .recherche .recherche-periode + .recherche-periode {
  padding: 0 0 0 20px;
}

.confirm-abo .recherche .recherche-periode input {
  width: 87%;
}

.confirm-abo .text-abo .col-padding .row span.twitter-typeahead {
  margin: 0;
}

.confirm-abo .recherche .recherche-periode + .recherche-periode input {
  width: 100%;
}

.confirm-abo .text-abo input {
  margin: 0 0 5px 0;
}

.confirm-abo .text-abo p {
  text-align: center;
}

.confirm-abo .text-abo input[type=checkbox] {
  margin: 0 7px 0 0;
}

.confirm-abo .text-abo .obligatoire {
  color: #757585;
}

.confirm-abo .text-abo .col-padding .row span {
  margin: 0 0 0 15px;
}

.confirm-abo .text-abo .col-padding .row p {
  padding: 0 15px 0 15px;
  text-align: left;
}

.confirm-abo .text-abo p.font14px {
  text-align: left;
}

.confirm-abo .text-abo .liste-lien li span.strong {
  font-weight: bold;
  color: #2B2550;
}

.text-abo .acces-arbre {
  border: 1px solid #2B2550;
  border-radius: 4px;
  margin: 10px auto;
  padding: 5px 8px;
  width: 90%;
}

.text-abo li label,
.resultat-confirmation li label {
  color: #2B2550;
  margin-right: 4px;
}

.text-abo .document-image,
.text-abo .document-image-macaron {
  padding: 0 15px;
}

.text-abo .document-image img {
  float: left;
  margin: 0 10px 0 0;
  width: 90px;
}

.text-abo .document-image ul {
  float: left;
  width: 80%;
}

.text-abo .document-image-macaron div {
  display: inline-block;
  min-width: 58px;
  margin: 13px 15px 3px 0;
}

.text-abo .document-image-macaron ul {
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin: 13px 0 0 0;
}

.text-abo .document-image-macaron i.macaron-offert {
  left: 7px;
  top: 104px;
  background: transparent url(/v4/genealogie/Content/css/img/recherches/macaron-doc-offert-60.png) no-repeat scroll 0 0;
  float: left;
  height: 60px;
  margin: -19px 0 0 -1px;
  position: absolute;
  width: 60px;
}

.resultat-confirmation {
  padding: 15px;
}

.resultat-confirmation h5 {
  font-size: 24px;
  color: #2B2550;
}

.resultat-confirmation .liste-lien li:before {
  content: "-";
  margin: 0 4px 0 0;
}

.resultat-confirmation .liste-lien li {
  margin: 8px 0 0 0;
}

.resultat-confirmation .liste-lien + p {
  text-align: center;
  margin: 0 0 30px;
}

.resultat-confirmation .illustration-tablette {
  background: transparent url(/img/connecte/illustration-tablette.jpg) no-repeat scroll 800px 16px;
}

.resultat-confirmation .illustration-impression-arbre {
  background: transparent url(/img/connecte/illustration-impression-arbre.jpg) no-repeat scroll 630px 10px;
}

.resultat-confirmation .illustration-responsive {
  background: transparent url(/img/connecte/illustration-responsive.jpg) no-repeat scroll 630px 10px;
}

.resultat-confirmation .resultat-ligne {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}

.resultat-confirmation .resultat-ligne a span.orange {
  font-size: 18px !important;
}

.resultat-confirmation div .resultat-ligne + p {
  margin-top: 15px;
}

.resultat-confirmation p + p {
  text-align: center;
  margin: 20px 0 30px 0;
}

/* ========================================================================================= FIN  Confirmation abonnement */
/* ======================================================================================================================================================================================================================================================================================================================================
 =================================================================== ABONNMENT =====================================================================================
========================================================================================================================================================================================================================================================================================================================================= */
/* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */
.paywall.paywall-argument .container,
.paywall.mentions-legales .container,
.paywall.free-offers .container {
  margin-bottom: 0;
  margin-top: 0;
  min-height: auto;
}

#offersBlock .bloc-paywall-b {
  height: 180px;
  width: 80%;
  min-height: inherit;
  max-width: 390px;
  padding: 0 30px;
}
#offersBlock .bloc-paywall-b h2 {
  font-size: 19px;
}

.btn-payment {
  width: 285px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 20px;
}
.btn-payment .paypal-logo {
  height: 25px;
}

.paywall.paywall-argument li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 0;
}
@media (max-width: 768px) {
  .paywall.paywall-argument li {
    display: block;
  }
}

.paywall.paywall-argument li .badge {
  height: 25px;
  border: 0;
  background-color: #00ACC1;
  color: white;
  min-width: 97px;
}

.paywall.paywall-offre .offre .bloc-offre-discover em {
  color: #ff5555;
  font-size: 16px;
  height: 19px;
}

.paywall.paywall-argument li .badge.new {
  border: 1px solid #00ACC1;
  background-color: white;
  color: #00ACC1;
}

.text-footer {
  font-size: 12px;
  text-align: center;
  margin: 50px 0;
}

.discover-video {
  background-color: #2B2550;
  color: white;
  padding: 20px 0 20px 0;
  margin: 30px 0;
}

.discover-video a img {
  height: auto;
  width: 100%;
  display: block;
  margin: 20px auto;
}

.discover-video h3 {
  color: white;
  font-size: 1.5rem;
  height: auto;
  width: 100%;
  display: block;
  margin: 20px auto;
}

.discover-video h2 {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}

.fullScreen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
  #offersBlock .three-offers .bloc-paywall-b {
    height: 230px;
  }
  .paywall.paywall-offre .offre.three-offers .bloc-offre-reactivation em {
    height: 44px;
  }
}
@media (min-width: 768px) {
  .paywall.paywall-offre.discovery-offer .guide-bloc-container .plus-guide p {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .paywall.paywall-offre.discovery-offer .offre {
    display: block;
  }
  .paywall.paywall-offre.discovery-offer .offre .acces-premium-bloc {
    margin-top: 0;
    text-align: center;
  }
  #offersBlock .three-offers .bloc-paywall-b {
    height: 180px;
  }
  .paywall.paywall-offre .offre.three-offers .bloc-offre-reactivation em {
    height: 19px;
  }
  .paywall.paywall-offre.discovery-offer .offre .bloc-offre-discover,
  .paywall.paywall-offre .offre div .bloc-offre.bloc-offre-reactivation {
    float: none;
  }
  .paywall.paywall-offre.discovery-offer .guide-bloc-container {
    margin: 0 auto;
    display: block;
  }
  .paywall.paywall-offre.discovery-offer .guide-bloc-container .plus-guide {
    height: auto;
  }
  .paywall.paywall-offre.discovery-offer .guide-bloc-container h2 {
    font-size: 1.75rem;
  }
  .guide-bloc-container img {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .paywall.paywall-offre.discovery-offer .guide-bloc-container h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 991px) {
  .paywall.paywall-offre h1 + p {
    padding: 0 15px;
  }
}
/* BLOC OFFRE REACTIVATION */
.paywall.paywall-offre .offre .bloc-offre-reactivation:focus,
.paywall.paywall-offre .offre .bloc-offre-discover {
  outline-width: 0px;
}

.bootstrap-select .dropdown-toggle:focus,
.selected-flag {
  outline-width: 0px !important;
  outline: 0px;
}

.bloc-cmd-left .modifier-champs button:focus,
.bloc-cmd-left .modifier-champs .btn-group:focus,
.faux-input.register:focus {
  outline-width: 0px;
}

.paywall.paywall-offre .offre .bloc-offre-reactivation em {
  color: #ff5555;
  font-size: 16px;
  height: 19px;
  display: block;
  margin-bottom: 10px;
}
.paywall.paywall-offre .offre .bloc-offre-reactivation em.green {
  color: #5cb85c;
}
.paywall.paywall-offre .offre .bloc-offre-reactivation em.eco {
  font-weight: 700;
  font-size: 18px;
}

.paywall.paywall-offre .offre .bloc-offre-reactivation.left {
  float: left;
}

.paywall.paywall-offre .offre .bloc-offre-reactivation.right {
  float: right;
}

.paywall.paywall-offre .appliq-reduction > div > a {
  font-size: 16px;
}

.paywall.paywall-offre .appliq-reduction p.reduction {
  color: #5cb85c;
  font-size: 16px;
  margin: 0;
}

.paywall.paywall-offre .appliq-reduction p.reduction + a {
  font-size: 13px;
}

.paywall.paywall-offre .appliq-reduction .checkbox label {
  font-size: 15px;
  margin: 10px 0 6px 0;
}

.paywall.paywall-offre .appliq-reduction .reduction i,
.paywall.paywall-offre .appliq-reduction .association i {
  color: #d9534f;
  font-size: 26px;
  margin: 9px 0 0;
  vertical-align: top;
}

.paywall.paywall-offre .appliq-reduction .reduction p,
.paywall.paywall-offre .appliq-reduction .association p {
  color: #d9534f;
  display: inline-block;
  font-size: 15px;
  margin: 0 16px 0 0;
}

.paywall.paywall-offre .appliq-reduction .reduction a,
.paywall.paywall-offre .appliq-reduction .association a {
  font-size: 13px;
}

.paywall.paywall-offre .form-control,
.paywall.paywall-offre .bootstrap-select .dropdown-toggle.btn,
.paywall.paywall-offre .bootstrap-select .dropdown-toggle.btn-default:hover,
.paywall.paywall-offre .bootstrap-select .dropdown-toggle.btn-default:active {
  background: transparent !important;
}

.paywall.paywall-offre .moyen-paiement {
  text-align: center;
  margin: 20px 0 0 0;
}

.paywall.paywall-offre .moyen-paiement {
  text-align: center;
  margin: 20px 0 0 0;
}

.paywall.paywall-offre .moyen-paiement .btn-action,
.paywall.paywall-offre .essai-gratuit .btn-action {
  font-weight: bold;
}

.paywall.paywall-offre .moyen-paiement .btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  margin-bottom: 7px;
}

.paywall.paywall-offre .moyen-paiement .btn i,
.paywall.paywall-offre .essai-gratuit .btn i {
  vertical-align: top;
  margin: 1px 0 0;
}

.paywall.paywall-offre .moyen-paiement button + i {
  font-size: 18px;
  color: #757585;
}

.paywall.paywall-offre .moyen-paiement button + i + i {
  font-size: 18px;
  vertical-align: top;
  color: #757585;
}

.paywall.paywall-offre .moyen-paiement.inscrit i {
  font-size: 32px;
  color: #ccc;
  margin: 0 22px 0 0;
}

.paywall.paywall-offre .moyen-paiement.inscrit i:first-child {
  vertical-align: top;
}

.paywall.paywall-offre .moyen-paiement i + p {
  display: inline-block;
}

.paywall.paywall-offre .moyen-paiement i + p + a {
  display: block;
  font-size: 16px;
}

.paywall.paywall-offre .moyen-paiement .btn-default {
  margin-top: 15px;
  font-size: 16px;
  background: #fff;
}

.paywall.paywall-offre .moyen-paiement .btn-default + .btn-default {
  margin-bottom: 35px;
}

.paywall.paywall-offre .moyen-paiement .btn-default:hover,
.paywall.paywall-offre .moyen-paiement .btn-default:focus {
  background: #fff !important;
}

.paywall.paywall-offre .moyen-paiement .btn-default span {
  float: left;
  margin: 2px 0 0 0;
}

.paywall.paywall-offre .moyen-paiement .btn-default span img {
  margin: 0 0 0 5px;
  width: 70px;
}

.paywall.paywall-offre .moyen-paiement .btn-default i {
  float: right;
}

.paywall.paywall-offre .essai-gratuit {
  text-align: center;
  padding: 37px 0 58px 0;
}

.paywall.paywall-offre .essai-gratuit .plus-client {
  margin: 47px 0 0 0;
}

.paywall.paywall-offre .essai-gratuit .plus-client i {
  font-size: 39px;
  color: #ff5555;
}

.paywall.paywall-offre .essai-gratuit .plus-client section div + div i {
  margin: 0 0 4px 0;
}

.paywall.paywall-offre .essai-gratuit .plus-client div p {
  line-height: 24px;
  margin: 5px auto 5px;
  width: 71%;
  font-size: 20px;
  font-weight: bold;
}

.paywall.paywall-offre .essai-gratuit .plus-client div p span {
  display: block;
}

.paywall.paywall-argument {
  margin: 20px 0 0 0;
}

.paywall.paywall-argument .ecran-video {
  display: inline-block;
  position: relative;
  width: 240px;
}

.paywall.paywall-argument .ecran-video a {
  left: 70px;
  position: absolute;
  top: -7px;
}

.paywall.paywall-argument .ecran-video a i {
  font-size: 99px;
  color: #fff;
}

.paywall.paywall-argument .ecran-video a:hover i {
  opacity: 0.8;
}

.paywall.paywall-argument .ecran-video img {
  width: 240px;
}

.paywall.paywall-argument .texte-video {
  display: inline-block;
  text-align: center;
  margin: 77px 0 0 21px;
  vertical-align: top;
}

.paywall.paywall-argument .texte-video h5 {
  font-size: 24px;
  margin: 0 0 6px 0;
}

.paywall.paywall-argument .texte-video p {
  font-size: 16px;
  color: #757585;
}

.paywall.paywall-argument img {
  margin: -21px 0 0;
  width: 273px;
}

.paywall.paywall-argument ul {
  color: #2B2550;
  margin: 13px 0 23px 0;
}

.paywall.paywall-argument ul:last-child {
  margin-bottom: 46px;
}

.paywall.paywall-argument li:first-child {
  font-size: 20px;
  font-weight: bold;
}

.paywall.paywall-argument li {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  padding: 12px 0 13px;
}

.paywall.paywall-argument li i {
  float: right;
  color: #ff5555;
}

.paywall.paywall-argument li .badge {
  background: transparent;
  border: 1px solid #ff5555;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #ff5555;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 0 9px;
  padding: 3px 12px 3px 9px;
}

.paywall.paywall-argument p:last-child {
  margin-bottom: 46px;
}

.paywall.mentions-legales {
  margin: 0 0 25px 0;
}

.paywall.paywall-temoignage {
  background: #ff5555;
  padding: 60px 0 17px 0;
  color: #fff;
}

.paywall.paywall-temoignage i {
  font-size: 55px;
}

.paywall.paywall-temoignage .carousel {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.paywall.paywall-temoignage .carousel {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.paywall.paywall-temoignage .carousel p {
  height: 68px;
}

.paywall.paywall-temoignage .carousel p.texte:before {
  content: "\e63a";
  font-family: "icomoon", sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #fff;
  font-size: 22px;
  left: -27px;
  position: absolute;
  top: -3px;
  z-index: 10;
}

.paywall.paywall-temoignage .carousel p.texte:after {
  content: "\e639";
  font-family: "icomoon", sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #fff;
  font-size: 22px;
  right: 16px;
  position: absolute;
  top: 46px;
  z-index: 10;
}

.paywall.paywall-offre .offre .bloc-offre-discover,
.paywall.paywall-offre .offre .bloc-offre-discover.active,
.paywall.paywall-offre .offre .bloc-offre-discover:hover {
  border: 4px solid #00ACC1;
  position: relative;
  float: right;
}

.paywall.paywall-offre.discovery-offer .discovery-offer-subtitle {
  color: #ff5555;
  font-size: 30px;
  margin: 0;
}

.paywall.paywall-offre.discovery-offer .discovery-offer-date {
  color: #757585;
  font-size: 14px;
}

.paywall.paywall-offre.discovery-offer .guide-bloc-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 80%;
  min-height: 250px;
  margin: 13px 0 9px 0 !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.guide-bloc-container.reactivation {
  margin: 0 auto !important;
  min-height: inherit !important;
}

.guide-bloc-reactivation-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.reactivation.guide-bloc-container p {
  font-size: 2rem;
}

.paywall.paywall-offre .guide__container .plus-guide p {
  font-size: 90px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.paywall.paywall-offre.discovery-offer .guide-bloc-container h2 {
  line-height: 1.4;
  font-size: 2.2rem;
}

.paywall.paywall-offre.discovery-offer .offre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.paywall.paywall-offre.discovery-offer .offre .s-premium-bloc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.disovery-filae-title {
  color: #2B2550;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

/* ========================================================================================= FIN Page Paywall => proposition 2 icon */
/* ======================================================================================================================================================================================================================================================================================================================================
 =================================================================== CARTES POSTALES =============================================================================
========================================================================================================================================================================================================================================================================================================================================= */
.colonne-carte-postale h4 {
  font-size: 40px;
}

.colonne-carte-postale h5 {
  font-size: 24px;
}

.colonne-carte-postale .pagination-table .select-page {
  float: right;
}

.colonne-carte-postale .pagination-table .select-page div {
  float: right;
}

.colonne-carte-postale .pagination-table .select-page label {
  display: inline-block;
  font-weight: normal;
}

.colonne-carte-postale .pagination-table .select-page select {
  display: inline-block;
  width: 70px;
}

.colonne-carte-postale li {
  margin-bottom: 15px;
}

.colonne-carte-postale .thumbnail {
  height: 160px;
  margin-bottom: 6px;
}

.colonne-carte-postale .thumbnail + p {
  font-size: 15px;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ===================================================================================================================================================================
========================================================== NOM DE FAMILLE ==========================================================================================
=================================================================================================================================================================================================================================================================================================================================
====================*/
.nomdefamille .recherche-nomdefamille {
  margin-bottom: 40px;
}
.nomdefamille .recherche-nomdefamille h1 {
  margin-bottom: 15px;
}
.nomdefamille .recherche-nomdefamille p {
  color: #2B2550;
  font-size: 20px;
  line-height: normal;
  text-align: left;
}
.nomdefamille .recherche-nomdefamille p#lastNameNotFound {
  color: #e02;
}
.nomdefamille .recherche-nomdefamille label {
  color: #ff5555;
  display: block;
  margin: 17px 0 11px;
}
.nomdefamille .recherche-nomdefamille input {
  width: 60%;
  display: inline-block;
  margin: 0 10px 0 0;
}
.nomdefamille .recherche-nomdefamille input + a {
  margin: -5px 0 0;
}
.nomdefamille .recherche-nomdefamille img {
  border: 5px solid #fff;
  box-shadow: 5px 5px 5px 0 #757585;
  transform: rotate(1deg);
}
.nomdefamille .nom-recherches {
  padding: 15px 15px 65px;
}
.nomdefamille .nom-recherches a {
  display: inline-block;
  padding: 4px 12px;
  text-decoration: none;
}
.nomdefamille .structure-bloc-contenu table {
  width: 100%;
  margin: 0 0 7px 0;
}
.nomdefamille .structure-bloc-contenu table.table-double {
  margin: 0;
}
.nomdefamille .structure-bloc-contenu table.table-double + .table-double {
  margin: 0 0 7px 0;
}
.nomdefamille .structure-bloc-contenu table td.rangCell {
  width: 20%;
}
.nomdefamille .structure-bloc-contenu table td.nameCell,
.nomdefamille .structure-bloc-contenu table td.numberCell {
  width: 20%;
}
.nomdefamille .filariane a,
.nomdefamille .filariane span {
  display: inline-block;
  font-size: 16px;
  margin: 6px 0 0;
}
.nomdefamille div.input-rech-nom {
  float: right;
  width: 550px;
}
.nomdefamille div.input-rech-nom input {
  display: inline;
  width: 51%;
}
.nomdefamille div.input-rech-nom .btn-small {
  display: inline;
}
.nomdefamille ul.patronyme {
  margin: 0 0 22px 0;
}
.nomdefamille ul.patronyme li {
  margin: 0 0 12px 0;
}
.nomdefamille ul.patronyme li:before,
.nomdefamille ul.liste-genea-nom li:before {
  content: "- ";
}
.nomdefamille .lastnameDetailsFlash:after {
  background: #fff;
  bottom: 34px;
  color: #fff;
  content: "-";
  display: inline-block;
  height: 44px;
  position: absolute;
  right: 199px;
  width: 106px;
}
.nomdefamille .cadre-jauge {
  border: 8px solid #d5d8da;
  padding: 10px;
  width: 95%;
  margin: 0 0 20px 0;
}
.nomdefamille .cadre-jauge .sous-titre {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.nomdefamille .jauge-pop {
  margin: 10px auto 0;
  width: 347px;
}
.nomdefamille .jauge-fond {
  background: #fff url(/v4/genealogie/Content/img/noms-de-famille/fond-jauge.png) no-repeat scroll 0 0;
  height: 21px;
  margin: 3px 0 5px;
  width: 347px;
}
.nomdefamille .jauge-fond img {
  height: 15px;
  margin: -2px 0 0 9px;
}
.nomdefamille #carte {
  display: none;
}
@media screen and (min-width: 768px) {
  .nomdefamille #carte {
    display: block;
  }
}
.nomdefamille #carte #canvas_france svg {
  width: 400px;
  height: 400px;
}
.nomdefamille #carte #canvas_france path:hover {
  fill: #f00;
}
.nomdefamille #carte .svg-container {
  display: flex;
  margin: auto;
  position: relative;
}
.nomdefamille #carte .legend-lastname {
  background-color: #fff;
  left: 0;
  line-height: 1.3;
  padding: 0.2rem 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-25%);
}
.nomdefamille #carte .legend-lastname li {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  padding-left: 2rem;
}
.nomdefamille #carte .legend-lastname li::before {
  display: block;
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  border: 1px solid #000;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.nomdefamille #carte .legend-lastname li:nth-child(2)::before {
  background-color: #DCE6FF;
}
.nomdefamille #carte .legend-lastname li:nth-child(3)::before {
  background-color: #AAB4FF;
}
.nomdefamille #carte .legend-lastname li:nth-child(4)::before {
  background-color: #96B4FF;
}
.nomdefamille #carte .legend-lastname li:nth-child(5)::before {
  background-color: #4BB4FF;
}
.nomdefamille #carte .legend-lastname li:nth-child(6)::before {
  background-color: #0096FF;
}
.nomdefamille #carte .legend-lastname li:nth-child(7)::before {
  background-color: #004BFF;
}
.nomdefamille #carte .legend-lastname li:nth-child(8)::before {
  background-color: #9600D2;
}
.nomdefamille #carte .legend-lastname li:nth-child(9)::before {
  background-color: #D20096;
}
.nomdefamille #carte .periods {
  font-size: 1.3rem;
  font-weight: 900;
}
.nomdefamille #carte .periods label {
  background-color: #d5d8da;
  border-radius: 4px;
  border: 1px solid #000;
  font-weight: inherit;
  padding: 2px 7px;
  user-select: none;
}
.nomdefamille #carte .periods input[type=radio]:checked + label {
  background-color: #285c89;
  border-color: #285c89;
  color: #fff;
}
.nomdefamille #carte .periods input[type=radio]:not(:checked) + label:hover {
  background-color: #fff;
  border-color: #285c89;
  color: #285c89;
}
.nomdefamille #carte .periods input[type=radio]:checked, .nomdefamille #carte .periods input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

#canvas_tooltip {
  background: rgba(0, 150, 255, 0.85);
  border: 1px solid #004BFF;
  color: #fff;
  display: none;
  font-weight: bold;
  padding: 1rem;
  position: absolute;
  transform: translate(-50%, -180%);
  z-index: 1;
}
#canvas_tooltip p:first-child {
  margin-bottom: 5px;
}
#canvas_tooltip p:last-child {
  margin-bottom: 0;
  color: #ddd;
}
#canvas_tooltip p:last-child #dept__birthNumber {
  color: #fff;
}
#canvas_tooltip #dept__number {
  color: yellow;
  margin-right: 5px;
}

.tab-2colonne table {
  border-right: 1px solid #ccc;
  display: inline-block;
  padding: 0 0 0 5px;
  vertical-align: top;
  width: 49%;
}

#lastnamesListDiv .tab-3colonne table {
  float: left;
  margin-right: 0;
}

.tab-2colonne table:last-child,
.tab-3colonne table:last-child,
.tab-4colonne table:last-child {
  border-right: 0;
}

.nomdefamille .tab-2colonne .communeCell {
  width: 49%;
}

.nomdefamille .tab-2colonne .nameCell {
  width: 31%;
}

.nomdefamille .tab-3colonne table {
  border-right: 1px solid #ccc;
  display: inline-block;
  padding: 0 0 0 5px;
  vertical-align: top;
}

.nomdefamille .tab-4colonne table {
  border-right: 1px solid #ccc;
  display: inline-block;
  padding: 0 0 0 5px;
  vertical-align: top;
  width: 24%;
}

.nomdefamille .tab-3colonne .rangCell {
  width: 23%;
}

.nomdefamille .tab-3colonne .nameCell {
  width: 44%;
}

.nomdefamille .structure-bloc-contenu .recherche-nom {
  margin-bottom: 24px;
}

.nomdefamille .structure-bloc-contenu .recherche-nom input {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 84%;
}

.nomdefamille .structure-bloc-contenu .recherche-nom input + a {
  margin: -5px 0 0 0;
}

.nomdefamille .structure-bloc-contenu .recherche-nom {
  margin-bottom: 24px;
}

.nomdefamille .tab-3colonne.listname .rangCell {
  width: auto;
}

.nomdefamille .tab-3colonne.listname .nameCell {
  width: auto;
  padding: 5px;
}
.nomdefamille .tab-3colonne.listname .nameCell a {
  word-break: break-word;
}

.nomdefamille .tab-3colonne.listname .numberCell {
  padding-right: 3px;
}

.pagination1 {
  float: right;
  margin: 17px 0 20px;
}

.pagination1 a {
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 15px;
  margin: 0 -3px 7px 0;
  padding: 6px 13px;
  text-decoration: none;
}

.pagination1 a:hover {
  background: #f3f3f3;
}

.pagination1 a.active {
  background: #445599;
  color: #fff;
}

.pagination1 a.paginate_button.previous {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 0 -3px 0 0;
}

.pagination1 a.paginate_button.next {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 0 0 0 -3px;
}

/* ===================================================================================================================================================================
========================================================== GUIDE ==========================================================================================
===================================================================================================================================================================
===================================================================================================================================================================
====================*/
.guide .adresse-archive {
  margin: 14px 0 13px;
}

.guide .adresse-archive img {
  display: none;
}

.guide .adresse-archive p > span {
  font-weight: bold;
}

.guide .separation-gris {
  margin: 5px 45px 5px 15px;
}

.guide .table-departement td a {
  line-height: 28px;
}

.guide .cadre-EC {
  margin-bottom: 20px;
  text-align: center;
}

.guide .cadre-EC label {
  float: left;
}

.guide .cadre-EC a {
  margin: 10px 0 0 0;
}

.guide .donnees-france {
  margin: 0 0 16px 0;
}

.guide .donnees-france:first-child {
  margin: 0 0 16px 0;
}

.guide .donnees-france > p:first-child {
  margin: 0;
}

/* ===================================================================================================================================================================
========================================================== FORUM ==========================================================================================
===================================================================================================================================================================
===================================================================================================================================================================
====================*/
.forum .sujet-forum {
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  font-size: 16px;
  line-height: 26px;
}

.forum .sujet-forum .theme-menu {
  border-bottom: 1px solid #ccc;
  margin: 0 0 12px;
}

.forum .sujet-forum .theme-menu:last-child {
  border-bottom: 0;
  margin: 0;
}

.forum .sujet-forum .theme-menu h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px;
}

.forum .bordure-f {
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 12px 0;
}

.forum .bordure-f .nav,
.forum .bordure-f .connection {
  padding: 15px;
}

.forum .bordure-f .nav,
.forum .bordure-f .connection a {
  display: block;
}

.forum .bordure-f .nav,
.forum .bordure-f .nav {
  float: right;
}

.forum .bordure-f .nav,
.forum .bordure-f .nav a:after {
  content: "|";
  margin: 0 5px 0 8px;
}

.forum .bordure-f .nav,
.forum .bordure-f .nav a:hover {
  text-decoration: none;
}

.forum .bordure-f .nav,
.forum .bordure-f .nav a:last-child:after {
  content: "";
  margin: 0;
}

.forum .bordure-f tr.post td,
.forum .bordure-f tr.post_alt td,
.forum .bordure-f .sujet td {
  padding: 8px;
}

.forum .bordure-f.sujet-table-forum tr.post td,
.forum .bordure-f.sujet-table-forum tr.post_alt td,
.forum .bordure-f.sujet-table-forum .sujet td {
  padding: 8px 3px;
}

.forum .bordure-f tr.post td,
.forum .bordure-f tr.post_alt td {
  line-height: 19px;
}

.forum .bordure-f tr.post td:first-child,
.forum .bordure-f tr.post_alt td:first-child,
.forum .bordure-f .sujet td:first-child {
  padding-left: 15px;
}

.forum .bordure-f tr.post td:last-child,
.forum .bordure-f tr.post_alt td:last-child,
.forum .bordure-f .sujet td:last-child {
  padding-right: 15px;
}

.forum .bordure-f .sujet td tr td:first-child {
  padding: 0;
}

.forum .bordure-f .sujet td tr td:last-child {
  padding: 0;
}

.forum .bordure-f .sujet,
.forum .bordure-f .sujet a {
  background: #2B2550;
  color: #fff;
  font-size: 18px;
}

.forum .bordure-f .sujet .sujet1 {
  width: 17%;
}

.forum .bordure-f.message-table-forum .sujet .sujet1 {
  width: auto;
}

.forum .bordure-f .forumheading {
  display: block;
}

.forum .bordure-f .subforumheading {
  font-size: 14px;
}

.forum .bordure-f .post a i,
.forum .bordure-f .post_alt a i,
.forum .bordure-f .post i,
.forum .bordure-f .post_alt i {
  vertical-align: middle;
  color: #445599;
}

.forum .bordure-f.padding-g h3 {
  margin: 0;
  background: #2B2550;
  color: #fff;
  padding: 9px 15px;
  font-size: 18px;
}

.forum .bordure-f.padding-g .discussion {
  margin: 0;
  padding: 15px;
}

.forum .bordure-f.padding-g .discussion li {
  margin: 0 0 4px;
}

.forum .bordure-f.padding-g .discussion li a i {
  vertical-align: middle;
  margin: 0 6px 0 0;
}

.forum .bordure-f.padding-g .infostat {
  margin: 15px;
}

.forum .bordure-f.padding-g .infostat i,
.forum .legende li i {
  color: #445599;
  vertical-align: middle;
  margin: 0 6px 0 0;
}

.forum .bordure-f tr.postfooter td.postfooter {
  padding: 8px 15px;
}

.forum .legende {
  background: #f3f3f3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 20px 0;
}

.forum .discussion li a:before {
  content: "\e64e";
  font-family: "icomoon", sans-serif;
  font-size: 18px;
  vertical-align: middle;
}

.forum .legende td {
  padding: 15px;
}

.forum .legende ul {
  margin: 0;
}

.forum .legende li {
  margin: 0 0 0 0;
}

.forum table.content tr.post_alt {
  background: #f3f3f3;
}

.forum .forum-pagination td {
  text-align: center;
}

.forum .forum-pagination td > p {
  margin: 15px 0 15px 0;
}

.forum .forum-pagination td .pagination2 .icon-gauche:before {
  content: "\e633";
  font-family: "icomoon", sans-serif;
  font-size: 14px;
}

.forum .forum-pagination td .pagination2 .icon-droit:before {
  content: "\e631";
  font-family: "icomoon", sans-serif;
  font-size: 14px;
}

.forum .forum-pagination td .pagination2 {
  margin: 12px 0 20px 0;
  padding: 0 15px;
}

.forum .forum-pagination td .pagination2 a {
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  margin: 0 -4px 5px 0;
}

.forum .forum-pagination td .pagination2 a.active {
  background: #445599;
  color: #fff;
}

.forum .forum-pagination td .pagination2 a:first-child {
  margin: 0 -4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.forum .forum-pagination td .pagination2 a:last-child {
  margin: 0 0 0 -3px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.forum .forum-pagination td .pagination2 a:hover {
  background: #ccc;
  color: #fff;
  text-decoration: none;
}

.forum .forum-pagination select {
  display: inline-block;
  width: 45%;
  margin: 12px 0 20px 8px;
}

.forum .sujet .header1 .pagination2 {
  padding: 7px 10px 0 0;
}

.forum .sujet .header1 .pagination2 a {
  display: inline-block;
  margin: 4px;
}

.forum .action-bas {
  margin: 15px 0 15px 0;
}

.forum .action-bas a {
  display: block;
  float: none !important;
  text-align: right;
}

.forum .action-bas div {
  display: block;
  margin: 9px 0 0;
  text-align: right;
}

.forum .action-bas label {
  display: block;
}

.forum .action-bas select {
  display: block;
  float: right;
  width: 50%;
  margin: 0 0 15px 0;
}

.forum .bordure-f.message-table-forum tr.post_alt {
  background: none;
}

.forum .bordure-f.message-table-forum tr.postheader td {
  background: #f3f3f3;
}

.forum .bordure-f.message-table-forum tr.postsep td {
  background: #fff;
  height: 1px !important;
}

.forum .bordure-f.message-table-forum tr.postsep td {
  background: #fff;
  height: 1px !important;
}

.forum .bordure-f.message-table-forum tr.postheader td + td table {
  width: 100%;
}

.forum .bordure-f.message-table-forum tr.postheader td + td table .postheader {
  padding: 15px 15px 15px 15px;
}

.forum .bordure-f.message-table-forum tr.postfooter td.small {
  text-align: center;
}

.forum .bordure-f.message-table-forum td.UserBox > span {
  display: block;
  height: 34px;
}

.forum .bordure-f.message-table-forum td.UserBox > span:before {
  content: "\e60e";
  font-family: "icomoon", sans-serif;
  color: #2B2550;
  display: block;
  font-size: 53px;
  margin: 34px 0 0;
}

.forum .bordure-f.message-table-forum td.UserBox > img + br + span {
  display: none;
}

.forum .bordure-f.message-table-forum td.UserBox > img {
  margin: 15px 0 0 0;
}

.forum .bordure-f.message-table-forum tr.postfooter td.small + .postfooter {
  padding: 15px;
  text-align: right;
}

.forum .bordure-f.message-table-forum .reponse {
  width: 100% !important;
  margin: 0 0 -21px;
}

.forum .bordure-f.message-table-forum .reponse select {
  margin: 0 0 10px 0;
}

.forum .bordure-f.message-table-forum .reponse textarea {
  margin: -12px 0 0 0;
}

.forum .bordure-f.message-table-forum .reponse .tableau-outils td {
  padding-left: 0;
  padding-right: 0;
}

.forum .bordure-f.message-table-forum .reponse .tableau-outils td img {
  margin: 0 7px 0 0;
}

.forum #forum_ctl00_ForumJumpLine select {
  margin: 5px 0 15px;
  width: 50%;
}

.forum .postfooter {
  border-bottom: 4px solid #d5d8da;
}

.forum .repond-table-forum #forum_ctl00_EditorLine {
  width: 60%;
}

.forum .repond-table-forum #forum_ctl00_EditorLine textarea {
  margin: 10px 0 6px;
  width: 96% !important;
}

.forum .repond-table-forum #forum_ctl00_EditorLine .tableau-outils td {
  padding: 15px 0 6px;
}

.forum .repond-table-forum #forum_ctl00_EditorLine .tableau-outils td select {
  margin: 0 0 10px 0;
}

.forum .repond-table-forum tr.sujet + tr > td:first-child {
  padding: 15px;
}

.forum .repond-table-forum .footer1 {
  padding: 15px;
}

.forum .profil-forum tr.tr-profil > td {
  padding: 15px;
}

.forum .profil-forum tr.tr-profil .tabbleu2 tr {
  border-bottom: 1px solid #ccc;
}

.forum .profil-forum tr.tr-profil .tabbleu2 tr td {
  padding: 5px;
  vertical-align: top;
}

/* ==================================================================================================================================================================
==================================================================================================================================================================
========================================================================================== BANDEAU ANNONCE  ===================================================
===================================================================================================================================================================
==================================================================================================================================================================
====================*/
/* ======================================================================================================== DEBUT Service Client -- */
.service-client h5 {
  color: #ff5555;
}

.service-client .formulaire-sc {
  margin: 15px 0 0 0;
}

.service-client .formulaire-sc input,
.service-client .formulaire-sc select {
  margin: 0 0 10px 0;
}

.service-client .formulaire-sc textarea {
  margin: 0 0 15px 0;
  height: 140px;
}

.service-client .formulaire-sc img {
  margin: 0 0 12px;
}

.service-client .formulaire-sc span.obligatoire {
  display: block;
  margin: 10px 0 25px 0;
}

.service-client .structure-bloc-contenu label strong {
  display: block;
  font-size: 19px;
}

/* =========================================================== DEBUT offre Beaucarnot =====================================================*/
.home-jlb {
  width: 85%;
}

.exclu-title {
  width: 80%;
}

.bg-beaucarnot {
  background-color: #212121;
  color: #fff;
  height: auto;
}

.img-jlb {
  float: right;
  position: fixed;
  bottom: 0;
  right: 0;
}

.img-fete-peres {
  top: 13px;
  left: 72%;
}

.mac-peres {
  width: 100%;
  height: auto;
}

h1.offre-beaucarnot {
  font-size: 25px;
  color: #ff5555;
  margin-top: 70px;
}

h1 .livre-exclu {
  color: #fff;
  font-size: 50px;
}

h2.kdo-limite {
  font-size: 15px;
  color: #ff5555;
}

h3.title-book {
  color: #3e3d3d;
  font-weight: bold;
  font-size: 30px;
  margin: 14px 0;
}

p.livraison {
  margin-top: 10px;
}

span.name-dedicace,
input.name-dedicace {
  display: block;
}

p.offre-tarif {
  font-weight: bold;
  font-size: 25px;
  margin: 20px 0;
}

p.make-dedicace {
  margin-bottom: 20px;
  font-weight: bold;
}

label.name-dedicace {
  color: #757585;
}

button.offre-commande {
  margin-left: 140px;
  font-size: 18px;
  border-radius: 30px;
  padding: 8px 16px;
  line-height: 1.5;
  margin-top: -3px;
}

.size-jlb {
  width: 56%;
  color: #3e3d3d;
  display: inline-block;
  position: absolute;
}

.block-book {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin: 0 15px;
  border-radius: 4px;
  width: 85%;
  height: auto;
  margin-bottom: 50px;
}

.img-book-jlb {
  margin-right: 20px;
  width: 26%;
  display: inline-block;
  padding: 0;
}

.book-ancetres {
  width: 100%;
  height: auto;
  display: block;
  max-width: 321px;
}

input.champ-dedicace {
  width: 80%;
  border: none;
  border-bottom: 1px solid #ff5555;
  border-radius: 0;
  height: 50px;
}

input.champ-dedicace:focus {
  border-bottom: 1px solid #ff5555;
  box-shadow: none;
}

.description-livre {
  clear: left;
  width: 87%;
}

.description-livre p {
  font-size: 16px;
}

.col-lg-pull-2.exclu-title {
  right: 0;
  left: -16%;
}

/* =========================================================== FIN offre Beaucarnot =====================================================*/
/* ==========================================
=============================================
================== inf. 1200 px =============
=============================================
============================================= */
@media (max-width: 1200px) {
  .SeoSem .sources .sources-left p {
    width: 100%;
  }
  .abonnement-7j .bloc-offre {
    margin-left: 291px;
  }
  /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/
  .home-jlb {
    width: 100%;
  }
  .col-lg-pull-2.exclu-title {
    right: 0;
    left: -16%;
  }
  .col-lg-push-10.img-fete-peres {
    left: 55%;
  }
  .exclu-title {
    width: 72%;
  }
  .block-book {
    width: 72%;
  }
  .size-jlb {
    width: 70%;
  }
  p.offre-tarif {
    margin: 5px 0;
  }
  p.make-dedicace {
    margin-bottom: 10px;
  }
  h3.title-book {
    margin: 0 0 8px 0;
  }
  button.offre-commande {
    margin-top: 0;
  }
  .description-livre {
    width: 74%;
  }
  /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/
  /*-------------------- DEBUT gifts members ----------------------------*/
  .gifts-cmd .paywall-left {
    padding-left: 30px !important;
  }
  /*.gifts-cmd .paywall-right {
      padding-right: 30px !important;
  }*/
  /*------------------------- FIN gifts members -----------------------------*/
  /*------------------------ DEBUT essai 7j juin 2017 -----------------*/
  .essai-7j .bloc-essai-sept .essai-actif h4,
  #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 {
    text-align: center;
    margin-right: 0;
  }
  .txt-check,
  .new-modal-dialog .txt-check {
    width: 83%;
  }
  .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check {
    padding: 0 97px;
  }
  .carte-num-open,
  .carte-num-close {
    position: relative;
    bottom: 0px;
  }
  .essai-7j .small-footer .principal-footer {
    clear: right;
  }
  .modif-event {
    width: 94%;
  }
  .badge.badge-hints {
    margin: 0;
  }
  .badge {
    margin-left: 5px;
  }
  .bootstrap-select .dropdown-toggle.btn {
    padding: 3px 25px 3px 9px;
  }
  .recherche .champs-periode div.marge-top10px-768.col-sm-3 #inputYear,
  .recherche .champs-periode div.marge-top10px-768.col-sm-3 #inputToYear {
    padding: 10px 6px;
  }
  /* ======================================================================================================== DEBUT class utiles -- */
  /*------------------------ marges générales --- */
  .marge-top15px-1200 {
    margin-top: 15px;
  }
  .intro .bloc-formulaire {
    margin: 40px 0 0;
  }
  .intro .bloc-formulaire h1 {
    font-size: 25px;
  }
  p.paragraphe-accroche {
    margin: 437px 0 0 -10px;
  }
  .intro .play-video {
    left: 260px;
    top: 199px;
  }
  .home .recherche {
    background-position: 62% 33%;
    height: 794px;
    margin-bottom: 262px;
  }
  .home .recherche img {
    margin: 292px auto 0;
  }
  .home .recherche h3 {
    font-size: 30px;
    margin: 23px 0 0;
  }
  .home .temoignage h2 {
    font-size: 29px;
  }
  .intro.test2 .bloc-formulaire h1 {
    width: 85%;
  }
  .intro.test2 .play-video {
    left: 0;
    top: 320px;
  }
  .intro.test2 p.paragraphe-accroche {
    margin: 456px 0 0 -5px;
    width: 154px;
  }
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== RECHERCHE  =============================================================================================
  ==================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */
  /*------------------------ Moteur recherche BETA--- */
  .moteur-search-beta .plusoptions {
    margin: 0 70px 44px 0;
  }
  .recherche .illustr-loupe i {
    font-size: 70px;
    margin: 0 0 0 -12px;
  }
  .recherche #clearform i {
    padding: 10px 0 0 21px;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement--- */
  .offer-bar .btn-inscription button {
    margin: 1px 0 0 -43px;
  }
  .offer-bar p {
    font-size: 15px;
    margin: 0 0 0 -33px;
    padding-top: 7px;
  }
  .offer-bar .btn-essai-gratuit {
    margin: 0 0 0 -32px;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour l'EC 19e S  acces gratuit--- */
  .bandeau-acces-gratuit label.checkbox {
    font-size: 17px;
  }
  .bandeau-acces-gratuit span.label {
    font-size: 16px;
  }
  /* ======================================================================================================== FIN Page Moteur de Recherche + résultat (BETA) -- */
  /* ======================================================================================================== DEBUT Page Recherches par sources -- */
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */
  .sources-banniere {
    padding: 8px 0 0 15px;
    height: 156px;
  }
  .recherche .illustr-loupe-source i {
    font-size: 66px;
  }
  .sources-info-texte p {
    font-size: 28px;
  }
  .sources-exemple-bloc a {
    width: 44%;
  }
  /* ======================================================================================================== FIN Page Recherches par sources -- */
  /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */
  /*-------------------------------------------------------------------------- HEADER FICHE --- */
  .phrase-resultat {
    width: 635px;
  }
  .phrase-resultat p {
    font-size: 21px;
    padding: 0 10px;
  }
  /*------------------------------------------ Onglets --- */
  .timeline > li > .timeline-panel {
    width: 89%;
  }
  /* ======================================================================================================== FIN Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */
  /* ======================================================================================================== DEBUT Page Recherches par département -- */
  .info-departement {
    margin: 0px;
  }
  .chiffre-cle-ec .col-lg-3 {
    width: 25%;
  }
  /* ======================================================================================================== DEBUT Page Recherches par département -- */
  body.recherche-ec {
    margin-bottom: 442px;
  }
  .sources-info-texte {
    width: 74%;
  }
  .info-departement img + div {
    width: 49%;
  }
  .chiffre-cle-ec .sources-info-texte p {
    margin: -7px 0 0;
    font-size: 25px;
  }
  .resultat-ec .detail-acte .detail-personne .nom-personne h2 {
    width: 83%;
  }
  .resultat-ec .detail-acte .detail-personne .evenement-personne .details p {
    width: 16%;
  }
  /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== CONNECTE ===============================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */
  table.messagerie-table tr .message-table p {
    max-width: 307px;
  }
  /* - chat - */
  .ancien-message.pseudo-message p {
    margin: 0 0 0 11px;
  }
  /* ======================================================================================================== DEBUT Espace Client -- */
  .espace-client .profil-client .multiple-input .faux-input {
    width: 23%;
  }
  .espace-client .profil-client .multiple-input .faux-input + .faux-input {
    width: 49%;
  }
  .espace-client .profil-client .multiple-input .input-simple {
    width: 20%;
  }
  .espace-client .cover-profil:hover div.hover-client {
    width: 97%;
  }
  .espace-client .cover-profil img {
    left: -11%;
    width: 124%;
  }
  .espace-client .form-group.input-simple textarea[data-toggle=floatLabel] + label {
    margin-top: -39px;
  }
  /*--- abonnement --- */
  .abonnement .abonnement-choix > div div {
    padding: 30px 10px 36px;
  }
  .abonnement .service-abonne .barre-incline {
    left: 31%;
  }
  .abonnement .service-abonne p {
    padding: 0 19px;
  }
  /* ======================================================================================================== FIN Espace Client -- */
  /* ========================================================================================= DEBUT Alerte */
  .alerte .alerte-table tr td:nth-child(3),
  .alerte .alerte-table tr td:nth-child(4) {
    width: 23%;
  }
  .alerte .alerte-table tr td:nth-child(7) {
    width: 11%;
  }
  .home-connectee .formulaire-recherche > div > i {
    font-size: 76px;
  }
  .home-connectee .formulaire-recherche .btn-group-lg > .btn,
  .btn-lg {
    margin: 0 0 0 0px;
  }
  .carousel-individus .person {
    margin: 0 9.5px;
  }
  .home-connectee .creation-arbre h3,
  .liste-arbre .creation-arbre h3 {
    margin: 6px 0 3px -15px;
    width: 58%;
  }
  .liste-arbre .creation-arbre h3 {
    margin: 6px 0 3px 0;
  }
  /* ========================================================================================= FIN  Home Connectée */
  /* ========================================================================================= DEBUT  Confirmation abonnement */
  .resultat-confirmation .illustration-tablette {
    background-position: 600px 60px;
  }
  .resultat-confirmation .illustration-impression-arbre {
    background-position: 514px 10px;
  }
  .resultat-confirmation .illustration-responsive {
    background-position: 522px 64px;
  }
  /* ========================================================================================= FIN  Confirmation abonnement */
  /*=================================================================================================================================================================
  ========================================================== NOM DE FAMILLE ========================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  .nomdefamille .lastnameDetailsFlash:after {
    bottom: 51px;
    right: 99px;
  }
  /* ======================================================================================================================================================================================================================================================================================================================================
   =================================================================== ABONNMENT =====================================================================================
  ========================================================================================================================================================================================================================================================================================================================================= */
  /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */
  .paywall.paywall-offre .offre .bloc-offre-reactivation {
    width: 80%;
  }
  .paywall.paywall-offre .appliq-reduction {
    padding: 0;
  }
  .paywall.paywall-argument .texte-video {
    margin: 60px 0 0;
  }
  .paywall.paywall-argument .texte-video h5 {
    font-size: 23px;
  }
  .paywall.paywall-offre .essai-gratuit .plus-client div p {
    width: 88%;
  }
  .paywall.paywall-offre h1 {
    font-size: 34px;
  }
}
/* ========================================================================================= FIN Page Paywall => proposition 2 icon */
/* ==========================================
=============================================
================ inf. 992 px ================
=============================================
============================================= */
@media (max-width: 992px) {
  .abonnement-7j .bloc-offre {
    margin-left: 182px;
  }
  /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/
  .home-jlb {
    width: 86%;
  }
  .col-md-pull-2.exclu-title {
    right: 0;
    left: 0;
  }
  h1.offre-beaucarnot {
    margin-top: 0;
  }
  .col-md-push-10.img-fete-peres {
    left: 40%;
  }
  .mac-peres {
    width: 20%;
  }
  h1 .livre-exclu {
    font-size: 38px;
  }
  .block-book {
    width: 72% !important;
    height: 300px;
  }
  .size-jlb {
    width: 70%;
    padding-left: 0;
  }
  .size-jlb p {
    font-size: 12px;
  }
  p.make-dedicace {
    margin-bottom: 10px !important;
  }
  input.champ-dedicace {
    height: 45px;
    width: 53%;
    float: left;
  }
  p.offre-tarif {
    margin: 5px 0;
  }
  h3.title-book {
    margin: 0 0 8px 0;
    font-size: 23px;
  }
  p.offre-tarif {
    font-size: 20px;
  }
  button.offre-commande {
    margin-top: 0;
    margin-left: 5px;
  }
  .description-livre {
    width: 74%;
  }
  input.champ-dedicace + label {
    width: 45%;
  }
  /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/
  /*-------------------- DEBUT gifts members ----------------------------*/
  .gifts-cmd .paywall-left {
    padding-left: 20px !important;
  }
  /*------------------------- FIN gifts members -----------------------------*/
  /*------------------------ DEBUT essai 7j juin 2017 -----------------*/
  .essai-7j .bloc-essai-sept {
    padding: 0;
  }
  .essai-7j .bloc-essai-sept .essai-actif h4,
  #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 {
    text-align: center;
  }
  .txt-check,
  .new-modal-dialog .txt-check {
    width: 74%;
  }
  .new-modal-dialog .modal-body .cache-img-consult {
    height: 250px !important;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .new-modal-dialog .modal-body img {
    left: -41px !important;
    position: absolute;
    height: auto;
    max-width: initial !important;
  }
  .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check {
    padding: 0 20px;
  }
  /*------------------------ FIN essai 7j juin 2017 -----------------*/
  .header-fusion .identification i {
    right: -4px;
  }
  .modif-event {
    width: 92%;
  }
  .champs-periode div.marge-top10px-768,
  .champs-periode div.marge-top10px-768:last-child {
    padding: 0 0 0 5px;
  }
  .bootstrap-select .dropdown-toggle.btn {
    padding: 3px 25px 3px 9px;
  }
  .moteur-search-beta .champs-periode div.marge-top10px-768 {
    width: 48.5%;
    display: inline-block;
  }
  .moteur-search-beta .champs-periode div.marge-top10px-768.col-sm-3 {
    width: 25%;
  }
  .moteur-search-beta .champs-periode div.marge-top10px-768.col-sm-3 #inputYear,
  .moteur-search-beta .champs-periode div.marge-top10px-768.col-sm-3 #inputToYear {
    padding: 10px 9px;
  }
  #partial-view-layer {
    margin-top: 10% !important;
  }
  .recherche .champs-periode div.marge-top10px-768.col-sm-3 {
    width: 25%;
  }
  .recherche .champs-periode div.marge-top10px-768 {
    width: 48.5%;
  }
  .messagerie .bs-callout .footer-callout p {
    float: left;
  }
  /* ======================================================================================================================================================================================================================================================================================================================================
  ======================================================================================================== ERREUR  =================================================
  ===================================================================================================================================================================
  ================================================================================================================================================================================================================*/
  .page-erreur img {
    width: 80%;
  }
  #message-gene-filae img {
    width: 100%;
  }
  /* ======================================================================================================================================================================================================================================================================================================================================
  ======================================================================================================== POPUP  =================================================
  ===================================================================================================================================================================
  ================================================================================================================================================================================================================*/
  /* ======================================================== FIN Message Genealogie.com devient Filae   =========================*/
  .bandeau-new-donnees h1 {
    font-size: 17px;
    margin: 5px 0;
  }
  .bandeau-new-donnees + #containAll .navbar-fixed-top {
    top: 30px;
  }
  .bandeau-new-donnees.alert-dismissible .close {
    top: 2px;
  }
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== HOME  ==================================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Full Home november 2016 -- */
  .home-page {
    background-position: 27% 0;
  }
  p.paragraphe-accroche {
    margin: 439px 0 0 -7px;
  }
  .intro .play-video {
    left: 202px;
    top: 216px;
  }
  .intro .play-video i {
    font-size: 108px;
  }
  .intro .bloc-formulaire h1 {
    font-size: 23px;
    margin: 0 0 8px;
  }
  .intro .bloc-formulaire {
    margin: 32px 0 0;
  }
  /*---------------------------- Témoignages -- */
  .home .temoignage h2 {
    font-size: 29px;
    margin: 31px 0 0 0;
  }
  .home .temoignage p.texte {
    font-size: 15px;
    margin: 4px 0;
  }
  .home .temoignage p.texte:before {
    top: 0;
  }
  .home .temoignage p.texte:after {
    top: 50px;
  }
  /*---------------------------- Recherche -- */
  .home .recherche {
    background-position: 68% 14%;
    height: 704px;
    margin-bottom: 350px;
  }
  .home .recherche img {
    margin: 232px auto 0;
  }
  /*---------------------------- Départements -- */
  .bloc-departement .carousel-departement a {
    left: -30px;
  }
  .bloc-departement .carousel-departement a + a {
    right: -30px;
  }
  /* ======================================================================================================== FIN Full Home novembre 2016 -- */
  /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */
  .intro.test2 .bloc-formulaire h1 {
    width: 100%;
    font-size: 41px;
  }
  .home-page-bas.test2,
  .home-page.test2 {
    background-position: 24% 0;
  }
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== ARBRE  =================================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Menu arbre */
  .menu-arbre {
    margin: 0 0 43px;
  }
  .nav-arbre .nav li.recherche-arbre {
    border: none;
  }
  .nav-arbre .nav li {
    border-right: none;
  }
  .nav-arbre .nav li {
    padding: 7px 16px;
  }
  .moteur-recherche {
    float: left;
    margin: 56px 0 0 2px;
    position: absolute;
  }
  .moteur-recherche li.recherche-arbre {
    display: block;
  }
  .moteur-recherche li.recherche-arbre input {
    display: inline;
    margin: 0 5px 0 0;
    width: 300px;
  }
  .moteur-recherche li.recherche-arbre a .icon-i-loupe-gauche {
    color: #ff5555;
    font-size: 28px;
    vertical-align: top;
  }
  .moteur-recherche li.recherche-arbre a .icon-i-loupe-gauche:hover {
    color: #ff5555;
  }
  .nav-arbre .nav li.fin-lien {
    border-left: none;
  }
  /* ======================================================================================================== DEBUT Fusion -- */
  /* Body fiche fusion : Evènement, time-line ... */
  .body-fusion .timeline > li > .timeline-panel {
    padding: 0 9px;
    width: 61%;
  }
  .fiche-fusion-1 i.icon-i-rond-fleche-droite {
    font-size: 41px;
  }
  .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel {
    padding: 0 9px;
    width: 80%;
  }
  .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel .styled-select-moyen.special-entre select {
    width: 126%;
  }
  .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre {
    width: 32% !important;
  }
  .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre-seul {
    width: 66% !important;
  }
  .fiche-fusion-2 .body-fusion .timeline-info h3 {
    max-width: 90%;
  }
  /* ======================================================================================================== DEBUT FULL Création d'Arbre -- */
  .full-creation-arbre {
    background-position: -107px 0;
  }
  /* ======================================================================================================== FIN FULL Création d'Arbre -- */
  /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */
  .creation-arbre-tunnel .astuce span {
    width: 86%;
  }
  .creation-arbre-tunnel.separation,
  .creation-arbre-tunnel .separation {
    border-right: 0;
  }
  .creation-arbre-tunnel .bloc-indiv {
    margin: 0;
  }
  .creation-arbre-tunnel .bloc-indiv + .bloc-indiv {
    margin: 0 0 20px 0;
  }
  .creation-arbre-arbre .marge-grd-parent {
    width: 0;
  }
  .creation-arbre-arbre .bloc-membre {
    width: 62px;
  }
  .creation-arbre-arbre .lien-grd-parent-a {
    width: 30px;
  }
  .creation-arbre-arbre .lien-grd-parent-b {
    width: 75px;
  }
  .creation-arbre-arbre .lien-grd-parent-d {
    width: 65px;
  }
  .creation-arbre-arbre .lien-grd-parent-e {
    width: 149px;
  }
  .creation-arbre-arbre .lien-grd-parent-c {
    width: 62px;
  }
  .creation-arbre-arbre .marge-parent-a {
    width: 34px;
  }
  .creation-arbre-arbre .marge-parent-b {
    width: 76px;
  }
  .creation-arbre-arbre .lien-parent-a {
    width: 64px;
  }
  .creation-arbre-arbre .lien-parent-b {
    width: 152px;
  }
  .creation-arbre-arbre .lien-parent-c {
    width: 144px;
  }
  .creation-arbre-arbre .marge-racine {
    width: 107px;
  }
  .creation-arbre-arbre .bloc-membre.select + .marge-parent-b {
    width: 69px;
  }
  .creation-arbre-arbre .generation:last-child .bloc-membre.connu.select {
    width: 64px;
  }
  .creation-arbre-arbre .bloc-membre.inconnu {
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
  }
  .creation-arbre-arbre .bloc-membre.select {
    margin: -10px 0 0;
    width: 70px;
  }
  .creation-arbre-arbre .bloc-membre.select .circle canvas,
  .creation-arbre-arbre .bloc-membre.select.connu .circle canvas {
    right: 10px;
  }
  .creation-arbre-arbre .bloc-membre.select .info-membre p {
    font-size: 12px;
  }
  .creation-arbre-arbre #ppere.bloc-membre.select,
  .creation-arbre-arbre #pmere.bloc-membre.select,
  .creation-arbre-arbre #mpere.bloc-membre.select,
  .creation-arbre-arbre #mmere.bloc-membre.select {
    margin: -10px 0 0 -5px;
  }
}
@media (max-width: 992px) and (max-height: 650px) {
  .contenu-bas {
    top: 50px;
  }
  .creation-arbre h1 {
    font-size: 37px;
  }
  .creation-arbre h2 {
    font-size: 31px;
  }
  .full-ecran {
    min-height: 703px;
  }
}
body {
  display: table;
  table-layout: fixed;
}
body .bloc-essai-sept .bg-essai-7j {
  float: inherit;
}
body .bg-essai-phone {
  float: inherit;
  display: block;
  margin: 0 auto;
}

@media (max-width: 992px) {
  /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */
  /* ========================================== AVEC RESULTAT */
  .creation-arbre-arbre div.col-lg-12 {
    padding: 22px 0 0 37px;
  }
  /* ========================================== SANS RESULTAT */
  .creation-arbre-resultat.aucun #completechamp .sujet-resultat div {
    margin: 0 0 0 -15px;
  }
  /* =========================================================== FIN Résultat recherche (arbre tunnel) -- */
  /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */
  /* ======================================================================================================== DEBUT Arbre en ligne -- */
  /*---------------------------------- Navigation dans les arbre */
  /* --- Branches -- */
  .reglage-arbre-lateral {
    top: 220px;
  }
  .arbre-classique .branche-arbre-classique .generation-3 li p {
    max-width: 70%;
  }
  .arbre-classique .branche-arbre-classique .generation-2 .info-perso {
    width: 59%;
  }
  .arbre-classique .branche-arbre-classique .generation-1 .info-perso {
    width: 65%;
  }
  .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso {
    width: 57%;
  }
  .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .info-perso {
    width: 72%;
  }
  .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso {
    width: 70%;
  }
  /* ======================================================================================================== FIN Arbre en ligne -- */
  /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */
  .invitations table.messagerie-table tr .pseudo-table p {
    max-width: 134px;
  }
  .invitations table.messagerie-table thead tr th {
    font-size: 13px;
    line-height: 13px !important;
    vertical-align: top;
  }
  /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */
  /* ========================================================================================= DEBUT Liste des arbres */
  .liste-arbre .donnees-arbre p + a div.profil + div {
    width: 78%;
  }
  /* ========================================================================================= FIN Liste des arbres */
  /* ========================================================================================= FIN Import Gedcom de la page de création d'arbre */
  .page-import-gedcom .tuto-import .plateforme-medias {
    line-height: normal;
    min-height: auto;
    padding: 15px 15px;
    position: inherit;
    margin: 0 0 24px 0;
  }
  /* ========================================================================================= DEBUT Import Gedcom de la page de création d'arbre */
  /*=================================================================================================================================================================
  ===================================================================================================================================================================
  ======================================================================================================== RECHERCHES  ===========================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ============ */
  /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */
  /*------------------------ Moteur recherche BETA--- */
  .moteur-search-beta .plusoptions {
    display: block;
    margin: -13px 70px 3px 0;
  }
  .moteur-search-beta h2 {
    margin: 0 0 19px 0;
    font-size: 24px;
  }
  .moteur-search-beta .input-lg {
    padding: 10px 17px;
  }
  /* ======================================================================================================== FIN Page Moteur de Recherche Full (BETA) -- */
  /* ======================================================================================================== DEBUT Page Moteur de Recherche + résultat (BETA) -- */
  .champs-periode {
    padding: 0 0 0 15px;
  }
  .recherche #clearform i {
    padding: 10px 0 0 27px;
  }
  .recherche .plusoptions {
    margin: 8px 0 0 0;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement--- */
  .offer-bar .btn-inscription button {
    margin: 1px 0 0 -4px;
  }
  .offer-bar p {
    font-size: 14px;
    margin: 0 0 0 -12px;
    padding-top: 0px;
  }
  .offer-bar {
    background-image: none;
  }
  .offer-bar .btn-essai-gratuit {
    margin: 0 0 0 11px;
    padding: 0;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour l'EC 19e S  acces gratuit--- */
  span.label.transparent {
    display: none;
  }
  /*--------- Popup Activation essai gratuit -- */
  #popup-1erdoc .modal-dialog,
  #popup-1erdoc .modal-dialog.new-modal-dialog,
  #popup-1erdoc .modal-dialog.popup-size {
    width: 70%;
  }
  #popup-1erdoc .modal-body .cache-img-consult {
    height: 371px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  #popup-1erdoc .modal-body .act-preview {
    display: none;
  }
  #popup-1erdoc .modal-body img {
    left: -84px;
    position: absolute;
    height: auto;
  }
  #popup-1erdoc .modal-body a img {
    left: inherit;
    position: inherit;
    height: auto;
  }
  #popup-1erdoc .popup {
    box-shadow: 3px 3px 6px #333333;
    left: 22px;
    width: 91%;
  }
  /* ======================================================================================================== FIN Page Moteur de Recherche + résultat (BETA) -- */
  /* ======================================================================================================== DEBUT Page Recherches par sources -- */
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */
  .sources-banniere {
    height: 120px;
  }
  .sources-banniere .sources-titre-banniere {
    font-size: 30px;
    line-height: 32px;
    width: 240px;
  }
  .sources-info {
    font-size: 27px;
    padding: 15px 11px;
  }
  .sources-info-texte span {
    font-size: 11px;
  }
  .sources-info-texte p {
    font-size: 25px;
  }
  .sources-exemple-bloc div {
    margin: 10px 0 0 0;
  }
  .sources-banniere {
    padding: 6px 0 7% 15px;
  }
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */
  .sources-exemple-bloc a {
    width: 66%;
  }
  .sources-exemple-bloc.deux-doc a {
    width: 48%;
  }
  .source_right_image_level3 {
    display: none;
  }
  /* ======================================================================================================== FIN Page Recherches par sources -- */
  /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */
  /*-------------------------------------------------------------------------- HEADER FICHE --- */
  .phrase-resultat {
    width: 415px;
  }
  .phrase-resultat p {
    font-size: 20px;
  }
  /*------------------------------------------ Onglets --- */
  .timeline > li > .timeline-panel {
    width: 91%;
  }
  /* ======================================================================================================== FIN Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */
  /* ======================================================================================================== DEBUT Page Recherches par département -- */
  body.recherche-ec {
    margin-bottom: 275px;
    background-position: 50% -16px;
  }
  .info-departement img + div + img {
    display: none;
  }
  .info-departement img + div {
    width: 80%;
  }
  .info-departement img {
    margin: 19px 0 0;
  }
  .chiffre-cle-ec .sources-info .icon-i-marianne,
  .chiffre-cle-ec .sources-info .icon-i-berceau,
  .chiffre-cle-ec .sources-info .icon-i-mariage,
  .chiffre-cle-ec .sources-info .icon-i-tombe {
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .sources-info-texte {
    width: 100%;
  }
  .chiffre-cle-ec .sources-info-texte span {
    margin: 0;
  }
  .chiffre-cle-ec .sources-info-texte p {
    margin: -7px 0 0;
  }
  .sources-info-texte {
    margin: -5px 0 0;
  }
  /* ======================================================================================================== FIN Page Recherches par département -- */
  /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */
  .resultat-ec .detail-acte .detail-personne .nom-personne h2 {
    width: 86%;
  }
  /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== CONNECTE ===============================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */
  table.messagerie-table thead tr th {
    line-height: 0;
  }
  table.messagerie-table tr .pseudo-table p {
    max-width: 83px;
  }
  table.messagerie-table tr .message-table p {
    max-width: 172px;
  }
  table.messagerie-table thead tr th + th + th {
    padding-left: 0;
  }
  .messagerie .corbeille .header.h-discussion div:first-child {
    float: right;
  }
  .messagerie .header.h-discussion .input-group {
    margin: 0 -15px 10px 0;
  }
  .messagerie .corbeille .header.h-discussion > div > a {
    float: right;
    margin: 0 -15px 0 0;
  }
  table.messagerie-table tr .acces span i {
    margin: 11px 7px 0 0;
  }
  table.messagerie-table thead tr th:nth-child(2) span {
    margin: 3px 0;
  }
  .messagerie .header.h-discussion.echange-msg h4 {
    margin: 0 0 35px 0;
  }
  /* -- Callout => message d'alert, d'information de la documentation de bootstrap non inclu dans bootstrap.css => http://cpratt.co/twitter-bootstrap-callout-css-styles/ --*/
  .messagerie .bs-callout .footer-callout p {
    clear: left;
    float: left;
  }
  .espace-client .arbre-public li p {
    width: 82%;
  }
  .espace-client .cover-profil:hover div.hover-client {
    width: 96%;
  }
  .espace-client .cover-profil img {
    left: -31%;
    width: 163%;
  }
  /* -- Paramètres espace client -- */
  .espace-client .parametres-client .input-mdp {
    display: block;
    width: 100%;
  }
  .espace-client .parametres-client .input-mdp + a {
    margin: 13px 0 0;
  }
  .espace-client .parametres-client .input-mdp + a + a {
    margin: 13px 13px 0 0;
  }
  /*--- abonnement --- */
  .abonnement .statut {
    display: block;
    float: inherit;
    margin: 14px 0 0;
  }
  .abonnement .info-prix > div > div {
    height: 134px;
  }
  .abonnement .abonnement-choix > div div {
    margin: 0 0 15px;
    padding: 14px 10px 17px;
  }
  .abonnement .abonnement-choix > div div p {
    margin: 0;
  }
  .abonnement .abonnement-choix > div div p + p {
    margin: 0 0 6px;
  }
  .abonnement .abonnement-choix > div div p + p + p {
    margin: 0 0 9px;
  }
  .abonnement .abonnement-choix > div div p + p + p + p {
    height: auto;
  }
  .abonnement .abonnement-choix a.btn {
    margin: 5px 0 0;
  }
  .abonnement .service-abonne {
    margin-top: 0;
  }
  .abonnement .service-abonne > div {
    margin: 0 0 27px;
  }
  .abonnement .service-abonne .barre-incline {
    left: 40%;
  }
  /* ======================================================================================================== DEBUT Espace Client = > Résumé données Arbre -- */
  .resume-arbre .donnees-arbre div p + p + p {
    line-height: 18px;
    margin: 8px 0 0;
  }
  /* ======================================================================================================== FIN Espace Client = > Résumé données Arbre -- */
  /* ========================================================================================= DEBUT Alerte */
  .messagerie .header.h-discussion .input-group,
  .alerte .header.h-discussion .input-group,
  .historique .header.h-discussion .input-group {
    margin: 0 0 0 -15px;
  }
  .alerte .header.h-discussion a.btn {
    margin: 15px 0 0 -15px;
  }
  .alerte .alerte-table tr:hover .select-check .selection {
    background: transparent;
  }
  .alerte .alerte-table tr td:nth-child(3),
  .alerte .alerte-table tr td:nth-child(4) {
    width: 18%;
  }
  .alerte .alerte-table tr td:nth-child(5) {
    width: 12%;
  }
  .alerte .alerte-table tr td:nth-child(7) {
    width: 15%;
  }
  .archive .archive-table tr td:nth-child(2) {
    padding: 0;
    width: 0;
  }
  /* ========================================================================================= FIN Alerte */
  /* ========================================================================================= DEBUT Archives */
  .archive .archive-table tr td:nth-child(2) img {
    display: none;
  }
  /* ========================================================================================= FIN Archives */
  /* ========================================================================================= DEBUT  Home Connectée */
  .home-connectee .bs-callout div {
    width: 68%;
  }
  .carousel-individus .person {
    margin: 0 4px;
  }
  .home-connectee .formulaire-recherche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
  }
  .home-connectee .formulaire-recherche .champs-periode div.select + .double,
  .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double {
    width: 22%;
  }
  .home-connectee .formulaire-recherche .champs-periode div.bootstrap-select + div {
    width: 45%;
  }
  .home-connectee .derniere-maj {
    background-image: none;
    min-height: auto;
  }
  .home-connectee .derniere-maj li a {
    max-width: 80%;
  }
  .home-connectee .creation-arbre {
    background-position: 147px top;
  }
  .home-connectee .creation-arbre h3 {
    width: 70%;
  }
  /* ========================================================================================= FIN  Home Connectée */
  /* ======================================================================================================== DEBUT Messages et demandes d'acces -- */
  .messagerie .new-message .h-discussion a.btn + a.btn {
    margin: 15px 0 0 0;
  }
  .messagerie .header.h-discussion a.btn {
    margin: 15px -15px 0 8px;
  }
  .nomdefamille .tab-4colonne table {
    padding: 0 0 21px 5px;
    width: 49%;
  }
  /* ======================================================================================================== FIN Messages et demandes d'acces -- */
  /* ========================================================================================= DEBUT  Confirmation abonnement */
  .confirm-abo h2 {
    margin-top: 10px;
  }
  .confirm-abo .text-abo {
    margin-top: 10px;
  }
  .resultat-confirmation .illustration-tablette,
  .resultat-confirmation .illustration-impression-arbre,
  .resultat-confirmation .illustration-responsive {
    background: none;
  }
  /* ========================================================================================= FIN  Confirmation abonnement */
  /* ===================================================================================================================================================================
  ========================================================== NOM DE FAMILLE ========================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  .nomdefamille .recherche-nomdefamille img {
    height: 216px;
  }
  .nomdefamille .lastnameDetailsFlash {
    margin: 22px 0 0 0;
  }
  .nomdefamille .lastnameDetailsFlash:after {
    bottom: 51px;
    right: -11px;
  }
  .nomdefamille div.input-rech-nom {
    float: left;
    width: 550px;
  }
  /* ======================================================================================================================================================================================================================================================================================================================================
  =================================================================== ABONNMENT =====================================================================================
  ========================================================================================================================================================================================================================================================================================================================================= */
  /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */
  .paywall.paywall-offre {
    padding: 15px 0 76px;
  }
  .paywall.paywall-temoignage .carousel {
    width: 100%;
  }
  .paywall.paywall-offre .offre .bloc-offre h2.reduction + span + p {
    font-size: 15px;
  }
  .paywall.paywall-offre .essai-gratuit .plus-client div p {
    font-size: 18px;
    width: 100%;
  }
  .paywall.paywall-offre .essai-gratuit {
    padding: 37px 0 15px;
  }
}
/* ========================================================================================= FIN Page Paywall => proposition 2 icon */
/* ==========================================
=============================================
================= inf. 768 px ===============
=============================================
============================================= */
@media (max-width: 767px) {
  .SeoSem .recherche {
    height: 100% !important;
  }
  .abonnement-7j .bloc-offre {
    margin: 0 auto;
  }
  /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/
  .home-jlb {
    width: 100%;
  }
  .img-jlb {
    display: none;
  }
  .col-sm-12.img-fete-peres {
    left: 35%;
  }
  .mac-peres {
    width: 20%;
  }
  .col-sm-12.exclu-title {
    left: 0;
  }
  h1.offre-beaucarnot {
    margin-top: -8px;
  }
  .exclu-title {
    width: 72%;
  }
  h1 .livre-exclu {
    font-size: 36px;
  }
  .block-book {
    width: 96% !important;
    height: 850px;
  }
  .img-book-jlb {
    width: 100%;
    float: none;
    text-align: center;
  }
  .book-ancetres {
    display: inline-block;
  }
  .size-jlb {
    width: 98%;
    padding: 0 36px 0 17px;
    margin-top: 20px;
    text-align: center;
  }
  .size-jlb p {
    font-size: 12px;
  }
  p.make-dedicace {
    margin-bottom: 10px;
  }
  input.champ-dedicace {
    height: 45px;
    width: 100%;
    float: none;
  }
  p.offre-tarif {
    margin: 5px 0;
  }
  h3.title-book {
    margin: 0 0 8px 0;
    font-size: 25px;
  }
  p.offre-tarif {
    font-size: 20px;
  }
  button.offre-commande {
    margin-top: 0;
  }
  .description-livre {
    width: 100%;
  }
  input.champ-dedicace + label {
    width: 95%;
  }
  /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/
  /*-------------------- DEBUT bon cadeau ----------------------------*/
  .gifts-cmd .right-off {
    display: none;
  }
  .gifts-cmd .bloc-cmd-right {
    padding: 20px 20px 20px 35px;
  }
  .txt-register {
    margin-top: 30px;
  }
  /*-------------------- FIN bon cadeau ----------------------------*/
  /*------------------------ DEBUT essai 7j juin 2017 -----------------*/
  body.essai-7j {
    background-color: #fff;
    background-image: none;
  }
  .essai-7j .bloc-essai-sept .essai-actif h4,
  #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 {
    text-align: center;
  }
  .essai-7j .bloc-essai-sept .col-sm-12.essai-actif h4 {
    padding-left: 0;
  }
  .txt-check,
  .new-modal-dialog .txt-check {
    width: 100%;
  }
  .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check,
  .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check {
    padding: 0 20px;
  }
  .new-modal-dialog .modal-body img {
    left: -129px !important;
    position: absolute;
    height: auto;
  }
  .carte-num-open,
  .carte-num-close {
    border: 1px solid #ccc;
  }
  /*------------------------ FIN essai 7j juin 2017 -----------------*/
  .timeline-info .multiple-img,
  .timeline-info img,
  .timeline-info .icon-i-piece-filae {
    display: none;
  }
  .modif-event {
    width: 92%;
  }
  #headerform .col-sm-7.champs-periode {
    padding-right: 0;
  }
  .moteur-search-beta .champs-periode #divFromYear,
  .moteur-search-beta .champs-periode #divToYear {
    width: 49% !important;
  }
  .moteur-search-beta .champs-periode div.marge-top10px-768 {
    width: 50%;
    display: inline-block;
  }
  .recherche .champs-periode div.marge-top10px-768 {
    width: 50%;
  }
  .recherche .champs-periode div.marge-top10px-768 .dropdown-toggle.btn {
    width: 96%;
  }
  .champs-periode div.marge-top10px-768:first-child {
    width: 100%;
  }
  .side-collapse-container {
    height: auto;
  }
  body,
  #containAll {
    height: 100%;
  }
  .subscription-welcome-title {
    margin-bottom: 30px;
  }
  body.no-responsive-767 {
    min-width: 750px;
  }
  body.no-responsive-767 .modal-dialog {
    width: 640px;
    margin: 30px auto;
  }
  /* ======================================================================================================== DEBUT class utiles -- */
  header + .container,
  header + script + .container,
  .container.page,
  .container.page-contenu,
  .container.liste-arbre,
  .container.alerte,
  .container.archive,
  .container.historique,
  .container.resume-arbre,
  .container.home-connectee,
  .container.resultat-ec,
  .container.paiement-cheque,
  .tunnelB,
  .tunnelB {
    margin-bottom: 0;
    margin-top: 0;
    min-height: auto;
  }
  .container.home-connectee {
    margin-top: 50px;
  }
  .container.page.page-departement {
    /* pour page spéciale département (licence signée) */
    margin-bottom: 0;
    margin-top: 0;
    min-height: auto;
  }
  .container.espace-client,
  .container.sondage-reflexe,
  .container.inscr-conn {
    margin-bottom: 0;
    margin-top: 62px;
    height: auto;
    min-height: auto;
  }
  .reglage-arbre-lateral + .container {
    margin-bottom: 0;
    margin-top: 0;
    height: auto;
  }
  /*------------------------ marges générales --- */
  .marge-top10px-768 {
    margin-top: 10px;
  }
  /*------------------------ textes / Liens / Boutons --- */
  .modal-footer .btn {
    margin: 0 3px 6px 3px !important;
  }
  .styled-select-moyen select.lg {
    width: 104%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen select.lg {
    width: inherit;
  }
}
@media (max-width: 767px) {
  @supports (-ms-accelerator: true) {
    /* Edge */
    .styled-select-moyen select.lg {
      width: inherit;
    }
  }
  .modal-dialog {
    width: auto;
  }
  a.back-to-top {
    bottom: 76px;
  }
  /* ======================================================================================================== FIN class utiles -- */
  /* --------------  Menu latéral gauche page messagerie, parametre arbre, espace perso ... --------------*/
  .menu-lateral-gauche .navbar-toggle {
    background-color: #445599;
    padding: 0;
  }
  .menu-lateral-gauche .navbar-toggle:hover,
  .menu-lateral-gauche .navbar-toggle:focus {
    background-color: #2a4a77;
  }
  .menu-lateral-gauche .navbar-toggle i {
    color: #fff;
    line-height: inherit;
    padding: 5px 10px;
  }
  .menu-lateral-gauche .navbar-nav {
    margin: auto;
  }
  .active .menu-lateral-gauche .nav-tabs {
    padding: 0 10px 20px 20px;
    position: absolute;
    background: #fff;
    z-index: 10;
  }
  .menu-lateral-gauche button {
    z-index: 100;
  }
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== POPUP =================================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ====================================================== DEBUT Message informatif (ex : popup sur le passage de genealogie.com a filae) =========================*/
  .modal .message-informatif .modal-content .row > div:first-child {
    padding: 15px 30px 15px 30px;
    text-align: center;
  }
  .bandeau-new-donnees h1 {
    font-size: 16px;
    margin: 4px 0;
    width: 73%;
  }
  .bandeau-new-donnees + #containAll .navbar-fixed-top {
    top: 44px;
  }
  .home-page {
    background-position: 21% 357px;
  }
  .intro .bloc-formulaire h1 {
    font-size: 33px;
    text-align: center;
    margin: 0 0 12px;
  }
  .intro {
    min-height: 885px;
  }
  p.paragraphe-accroche {
    margin: 85px 0 0 48%;
    color: #2B2550;
  }
  p.paragraphe-accroche {
    border-left: 1px solid #2B2550;
  }
  .intro .play-video {
    top: 181px;
    left: 43%;
  }
  .home .temoignage {
    padding: 18px 0;
  }
  .home .temoignage h2 {
    margin: 0 0 10px 0;
  }
  .home .temoignage .carousel-inner .item {
    min-height: 285px;
    padding: 11px 0 30px;
  }
  .home .temoignage p.texte {
    padding: 0 38px;
  }
  .home .temoignage p.texte:before {
    left: 19px;
  }
  .home .temoignage p.signature {
    bottom: -78px;
    left: 54px;
  }
  .home .temoignage h2 + a {
    margin-bottom: 8px;
  }
  .home .recherche h1 {
    font-size: 40px;
    margin: 27px 0 32px;
  }
  .home .recherche .bloc-recherche .input-annee {
    padding-left: 15px;
  }
  .home .recherche {
    background-position: 54% 14%;
    margin-bottom: 241px;
  }
  .home .recherche img {
    height: 224px;
    margin: 177px auto 0;
  }
  .home .recherche h3 {
    font-size: 26px;
  }
  .bloc-departement .carousel-departement a {
    left: -15px;
  }
  .bloc-departement .carousel-departement a + a {
    right: -15px;
  }
  /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */
  .intro.test2 .bloc-formulaire {
    text-align: center;
  }
  .home-page.test2 {
    background-position: 24% 233px;
  }
  .home-page-bas.test2 {
    background-position: 24% 0;
  }
  .home-page.test2 p.paragraphe-accroche {
    margin: 85px 0 0 48%;
  }
  /* ===================================================================================================================================================================
  ========================================================== ARBRE =================================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Menu arbre */
  .intro.test2 {
    min-height: 783px;
  }
  .intro.test2 .play-video {
    left: 75px;
  }
  .menu-arbre {
    margin: 0 0 8px;
  }
  .moteur-recherche {
    margin: 5px 0 0 2px;
    z-index: 1000;
  }
  .menu-arbre .navbar-toggle {
    background-color: #ff5555;
    margin-bottom: 0;
    margin-top: 0;
  }
  .menu-arbre .navbar-toggle:hover,
  .menu-arbre .navbar-toggle:focus {
    background-color: #ff5555;
  }
  .moteur-recherche li.recherche-arbre a .icon-i-loupe-gauche {
    vertical-align: top;
  }
  /* ======================================================================================================== DEBUT Menu arbre */
  .nav-arbre .nav li {
    border-right: none;
  }
  .nav-arbre .nav li {
    display: block;
  }
  .nav-arbre .nav li {
    padding: 7px 9px;
  }
  .nav-arbre .nav li.fin-lien {
    border-left: medium none;
  }
  .nav-arbre li a .icon-i-dossier-trombonne {
    font-size: 28px;
    margin: 0 5px 0 0;
  }
  .nav-arbre li a .icon-i-dossier-trombonne + span {
    display: inline;
  }
  .bloc-import {
    float: none;
    margin: 0 10px;
    width: 100%;
  }
  .bloc-export {
    border-left: 0 none;
    border-top: 1px solid #ff5555;
    float: none;
    width: 100%;
  }
  .bloc-export .modal-header button {
    display: none;
  }
  /* ======================================================================================================== DEBUT Fusion -- */
  .fusion-question div div.pull-right {
    float: left !important;
  }
  /* ======================================================================================================== FIN Fusion -- */
  /* ======================================================================================================== DEBUT FULL Création d'Arbre -- */
  .full-creation-arbre .bloc-formulaire {
    margin-top: 306px;
  }
}
@media (max-width: 767px) and (max-height: 750px) {
  .full-ecran {
    min-height: 784px;
  }
}
@media (max-width: 767px) {
  .creation-arbre-arbre {
    position: inherit;
    text-align: center;
    margin: 0 0 50px 0;
  }
  .creation-arbre-arbre .bloc-membre,
  .creation-arbre-arbre .generation:last-child .bloc-membre.connu.select {
    width: 70px;
    margin: 0;
  }
  .creation-arbre-arbre .lien-grd-parent-a {
    width: 0;
  }
  .creation-arbre-arbre .lien-grd-parent-d {
    width: 0;
  }
  .creation-arbre-arbre .lien-grd-parent-e {
    width: 157px;
  }
  .creation-arbre-arbre .marge-parent-a {
    width: 0;
  }
  .creation-arbre-arbre .lien-parent-a {
    width: 0;
  }
  .creation-arbre-arbre .lien-parent-c {
    width: 0;
  }
  .creation-arbre-arbre .marge-racine {
    width: 0;
  }
  .creation-arbre-arbre .bloc-membre.select {
    height: 104px;
    margin: -3px 0 0;
  }
  .creation-arbre-arbre .bloc-membre.select + .marge-parent-b {
    width: 75px;
  }
  .creation-arbre-arbre .lien-grd-parent-c {
    width: 70px;
  }
  .creation-arbre-arbre #ppere.bloc-membre.select,
  .creation-arbre-arbre #pmere.bloc-membre.select,
  .creation-arbre-arbre #mpere.bloc-membre.select,
  .creation-arbre-arbre #mmere.bloc-membre.select {
    margin: -4px 0 0;
  }
  /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */
  /* ========================================== AVEC RESULTAT */
  .creation-arbre-arbre div.col-lg-12 {
    padding: 23px 0 0 0;
  }
  .creation-arbre-resultat .bloc-resultat .nom-resultat img {
    display: none;
  }
  /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */
  /* ========================================================================================= DEBUT Liste des arbres */
  .liste-arbre .info-arbre .titre-arbre div + div i {
    float: left;
    margin: 0 20px 17px 0;
  }
  .liste-arbre .donnees-arbre div:first-child {
    border-right: 0;
    padding-bottom: 15px;
  }
  .liste-arbre .row-eq-height {
    display: inherit;
  }
  .liste-arbre .donnees-arbre div p {
    font-size: 13px;
  }
  /* ========================================================================================= FIN Liste des arbres */
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== POPUP =================================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT popup - Bouton "connexion/inscription" - PAGES GENERALES -- */
  /* ---------------------- popup - Bouton "connexion/inscription" -- */
  #connexion .bloc-connexion,
  #connexion1 .bloc-connexion {
    width: 100%;
    background-image: none;
    height: auto;
  }
  #connexion .bloc-inscription,
  #connexion1 .bloc-inscription {
    width: 100%;
  }
  #connexion .separation-bloc,
  #connexion1 .separation-bloc {
    width: 93%;
    background: #ff5555;
    float: left;
    margin: 0 15px 0 15px;
    height: 1px;
  }
  .modal-body .input-modal input[type=text],
  .modal-body .input-modal select {
    width: 70%;
  }
  .modal-body .input-modal input.btn-ok[type=text],
  .modal-body .input-modal select.btn-ok {
    width: 51%;
  }
  .modal-body .input-check-modal label {
    width: 88%;
  }
  .connexion .bloc-connexion .modal-header button.close {
    display: block;
  }
  .connexion .bloc-inscription .modal-header button.close {
    display: none;
  }
  /* ======================================================================================================== FIN popup - Bouton "connexion/inscription" - PAGES GENERALES -- */
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== RECHERCHE ===============================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */
  /*------------------------ Menu principal BETA--- */
  .menu-carre {
    margin: 8px 0 0 15px;
  }
  .menu-principal-beta .navbar-brand {
    left: 65px;
    margin: 2px 0 0;
    position: absolute;
  }
  .menu-deroulant-beta li:first-child {
    margin: 10px 0 0;
  }
  .menu-deroulant-beta ul {
    margin: 5px 0 0 -13px;
    width: 174px;
  }
  .menu-deroulant-beta nav {
    border: 0;
  }
  /*------------------------ Moteur recherche BETA--- */
  #searchForm .form-group {
    margin-bottom: 0;
  }
  #searchForm .form-group {
    margin-bottom: 0;
  }
  .moteur-search-beta h2 {
    margin: 0 0 11px 0;
  }
  .moteur-search-beta button {
    width: 100%;
  }
  .moteur-search-beta .plusoptions {
    margin: 12px 0 33px 0;
  }
  span.centrage-lien {
    margin: 0;
  }
  body.full-beta {
    background-color: #d5d8da;
    background-image: none;
  }
  .moteur-search-beta .input-lg {
    padding: 10px 16px;
  }
  .moteur-search-beta .champs-periode div.marge-top10px-768:first-child .input-lg {
    padding: 0 10px 0 0;
  }
  .champs-periode {
    padding: 0 15px 0 15px;
  }
  .champs-periode div.marge-top10px-768 {
    padding: 0;
  }
  .champs-periode div.marge-top10px-768:last-child {
    padding: 0 0 0 15px;
  }
  /* ======================================================================================================== FIN Page Moteur de Recherche Full (BETA) -- */
  /* ======================================================================================================== DEBUT Page Moteur de Recherche + résultat (BETA) -- */
  .recherche button:not(.clear-input) {
    width: 100%;
  }
  .recherche #clearform i {
    padding: 10px 0 0;
  }
  /*------------------------ Filtres--- */
  #searchUpdateTarget .tab-content {
    margin: 15px 0 0 0;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */
  /* ======================================================================================================== FIN Page Moteur de Recherche + résultat (BETA) -- */
  /* ======================================================================================================== DEBUT Page Recherches par sources -- */
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */
  .sources-banniere {
    display: none;
  }
  .sources-info-collection img {
    display: none;
  }
  .sources-info-collection p {
    margin: 0 0 12px;
  }
  .sources-info-collection p + p {
    margin: 0;
  }
  .sources-titre-banniere {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin: -9px 0 12px;
    width: auto;
  }
  .sources-exemple-bloc a {
    width: 70%;
  }
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 2 --- */
  .sources-info-collection ul li {
    width: 100%;
  }
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */
  .sources-exemple-bloc.deux-doc a {
    width: 70%;
  }
  /* ======================================================================================================== FIN Page Recherches par sources -- */
  /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */
  nav#option-fiche-resultat > label > span > i.caret {
    margin: 0 0 0 5px;
    border-color: #fff transparent -moz-use-text-color;
  }
  nav#option-fiche-resultat > label > span {
    color: #fff;
    font-size: 12px;
  }
  #option-fiche-resultat li {
    display: block;
  }
  #option-fiche-resultat ul {
    float: left;
    padding: 0;
  }
  /* handling clic with CSS3 checked */
  /* Theming closed nav */
  nav#option-fiche-resultat > input:not(:checked) ~ ul {
    max-height: 0;
    overflow: hidden;
  }
  /* Theming opened nav */
  nav#option-fiche-resultat > input:checked ~ ul {
    max-height: 20em;
    overflow: visible;
  }
  /* Global styling nav button */
  nav#option-fiche-resultat > label {
    display: block;
  }
  nav#option-fiche-resultat > label:before {
    display: block;
    cursor: pointer;
  }
  nav#option-fiche-resultat > input:checked + label::before {
    background-position: center, center, center;
  }
  .phrase-resultat {
    width: 100%;
  }
  .phrase-resultat p {
    font-size: 18px;
  }
  .phrase-resultat + div {
    display: inline;
  }
  .acces-arbre-resultat {
    display: table;
    float: none;
    margin: 6px auto 0;
  }
  /*------------------------------------------ Onglets --- */
  .timeline > li > .timeline-panel {
    width: 87%;
  }
  .nav-tabs > li > a {
    padding: 12px 8px;
  }
  /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
  /*----------------------- POPUP => Importer : question est-ce la mm personne ? --- */
  .question-correspondance {
    width: 120%;
  }
  /* ======================================================================================================== FIN Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */
  /* ======================================================================================================== DEBUT Page Recherches par département -- */
  body.recherche-ec {
    margin-bottom: 0;
    background-image: none !important;
  }
  .chiffre-cle-ec {
    display: none;
  }
  .info-departement img + div {
    width: 68%;
  }
  .info-departement {
    height: auto;
    margin: 0;
  }
  .footer-recherche-ec {
    position: relative;
  }
  body.recherche-ec {
    background-position: 0 29px;
  }
  /* ======================================================================================================== FIN Page Recherches par département -- */
  /* ===================================================================================================================================================================
  ===================================================================================================================================================================
  ========================================================== ARBRES =================================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */
  /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
  /*----------------------- POPUP => Modification fiche nom, prenom ... --- */
  .modal-body label.radio-inline {
    display: block;
    margin: 0 0 5px 0;
  }
  /*----------------------- POPUP => Modification Cercle familial --- */
  .cercle-familial-modification .individu .profil + p {
    width: 58%;
  }
  .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle {
    margin: -5px 2px -2px;
  }
  .dropdown-menu.menu-cercle {
    min-width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle {
    margin: -4px 3px -3px 3px;
  }
}
@media (max-width: 767px) {
  /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers => un seul doc --- */
  img.ajout-telechargement {
    width: 55%;
    margin: 0 0 15px 15px;
  }
  img.ajout-telechargement + i {
    left: 32%;
    top: 42%;
  }
  label.checkbox.label__add-image {
    display: block;
    margin: -6px 0 13px 15px;
  }
  /* ======================================================================================================== DEBUT Arbre en ligne -- */
  /*---------------------------------- Navigation dans les arbre */
  .reglage-arbre-lateral {
    top: 40%;
  }
  /*---------------------------------- Navigation classique */
  .arbre-classique .individu h1 {
    margin: 0 0 10px;
    width: 91%;
  }
  .arbre-classique .individu h1 span:first-child {
    display: block;
  }
  .arbre-classique .individu h1 span + span {
    margin: 0;
  }
  /*---------------------------------- Navigation ascendante */
  /* ======================================================================================================== FIN Arbre en ligne -- */
  /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */
  .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu {
    left: 0;
    right: auto;
  }
  .resultat-ec .detail-acte .detail-personne .nom-personne h2 {
    width: 78%;
  }
  .resultat-ec .detail-acte .detail-personne .evenement-personne .details p {
    width: 20%;
  }
  /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */
  /*
  ==================================================================================================================================================================== =====================================================================================================================================================================
  ======================================================================================================== CONNECTE  =================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ===========================================*/
  /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */
  .messagerie .active .menu-lateral-gauche .nav-tabs {
    top: -47px;
  }
  table.messagerie-table tr .acces span i {
    font-size: 23px;
    margin: 11px 2px 0 0;
  }
  .messagerie > div {
    margin: 0;
  }
  .messagerie .header.h-discussion .input-group {
    margin: 8px -15px 10px 0;
  }
  .messagerie .header.h-discussion div:first-child {
    float: right;
  }
  .messagerie .contact .fiche-contact .image-fiche .profil {
    display: none;
  }
  .messagerie .contact .fiche-contact .image-fiche a {
    bottom: 5px;
    margin: 0;
    top: auto;
    display: block;
  }
  .messagerie .contact .fiche-contact .image-fiche .profil + a {
    bottom: 5px;
    left: 60px;
    right: auto;
    top: auto;
  }
  .messagerie .contact .fiche-contact {
    text-align: left;
    padding: 10px;
  }
  .messagerie .contact .fiche-contact span {
    width: 70%;
    display: inline-block;
  }
  .messagerie .contact .fiche-contact span p {
    padding: 0;
  }
  .messagerie .contact .fiche-contact span p + p {
    padding: 0;
    margin: 0 0 30px 0;
    cursor: default;
  }
  .messagerie .contact .fiche-contact span + a {
    float: right;
    margin: 23px 0 0 0;
  }
  .messagerie .no-contact .header.h-discussion {
    border-bottom: 0;
  }
  .messagerie .header.h-discussion.echange-msg h4 {
    margin: 6px 0 34px 46px;
    font-size: 19px;
    line-height: normal;
  }
  /* - chat - */
  .ancien-message.pseudo-message p {
    margin: 0 0 0 -15px;
  }
  /*- Nouveau message -*/
  .messagerie .new-message .h-discussion h4 {
    margin: 20px 0 24px 39px;
  }
  /* ======================================================================================================== DEBUT Espace Client -- */
  .btn-see {
    margin-top: 10px;
  }
  .row-offcanvas-left .menu-lateral-gauche .sidebar-offcanvas {
    left: 0%;
    position: relative;
    width: 100%;
  }
  .liste-arbre .info-arbre .titre-arbre div + div > ul {
    float: left;
  }
  .liste-arbre .info-arbre .titre-arbre div + div > ul i {
    margin: 8px 32px 10px 0;
  }
  .liste-arbre .info-arbre .titre-arbre ul li.dropdown ul.dropdown-menu {
    left: 0;
    right: auto;
  }
  .espace-client .tab-pane h4 {
    margin: 16px 0 10px 0px;
  }
  .espace-client .tab-pane .bs-callout h4 {
    margin: 0 0 5px 0;
  }
  .espace-client .tab-pane h4.titre-marge-top {
    margin: 40px 0 10px;
  }
  .espace-client .cover-profil + .row {
    margin-bottom: 21px;
  }
  .espace-client .profil-client .multiple-input .faux-input {
    width: 25%;
  }
  .espace-client .profil-client .multiple-input .input-simple {
    width: 19%;
  }
  .espace-client .cover-profil + .row a {
    float: left;
    margin: 10px 0 0;
  }
  .espace-client .cover-profil:hover div.hover-client,
  .espace-client .client.profil:hover div {
    display: none;
  }
  .espace-client .cover-profil img {
    height: 160px;
    width: auto;
  }
  /*--- abonnement --- */
  .abonnement .info-abonnement {
    margin-bottom: 19px;
    margin-top: 6px;
  }
  .abonnement .info-prix > div > div {
    height: auto;
  }
  .abonnement .info-prix > div:last-child {
    border-right: 0;
    margin: 18px 0 0 0;
  }
  .abonnement .info-prix > div a {
    margin: 1px 0 0;
  }
  .abonnement .service-abonne {
    margin-bottom: 14px;
  }
  /* ----- DEBUT Récapitulatif paiement par chèque */
  .paiement-cheque div.row:first-child a {
    float: left;
    margin: -8px 0 15px;
  }
  /* ======================================================================================================== FIN Espace Client -- */
  /* ======================================================================================================== DEBUT Espace Client = > Résumé données Arbre -- */
  .resume-arbre .carte-membre {
    padding: 10px;
    text-align: left;
  }
  .resume-arbre .carte-membre .profil {
    display: inline-block;
    float: inherit;
    margin: 7px 8px 10px 0;
    vertical-align: top;
  }
  .resume-arbre .carte-membre .profil + div {
    display: inline-block;
  }
  .resume-arbre .carte-membre p {
    margin: 3px 0 6px;
  }
  .resume-arbre .header-resume h3 {
    margin: 14px 0 8px;
  }
  .resume-arbre .header-resume div + div div {
    float: left;
    margin: 11px 0 0 0;
  }
  .resume-arbre .donnees-arbre div {
    border-right: 0;
    margin: 0 0 16px;
  }
  .resume-arbre .donnees-arbre div p + p {
    display: inline-block;
    font-size: 29px;
    line-height: 24px;
  }
  .resume-arbre .donnees-arbre div p + p + p {
    display: inline-block;
    line-height: 18px;
    margin: 8px 0 0 7px;
  }
  .resume-arbre .donnees-arbre {
    margin-bottom: 0;
  }
  /* ======================================================================================================== FIN Espace Client = > Résumé données Arbre -- */
  /* ========================================================================================= DEBUT Alerte */
  .alerte div.row:first-child a,
  .historique div.row:first-child a {
    float: left;
    margin: -8px 0 17px;
  }
  /* ========================================================================================= FIN Alerte */
  /* ========================================================================================= DEBUT Archives */
  .archive .archive-table tr td:nth-child(3) {
    white-space: inherit;
  }
  .archive .h-discussion > div.col-xs-10 {
    padding: 0;
  }
  .archive span.dropdown.choix-table > a {
    margin: 13px 0 0 -15px;
  }
  /* ========================================================================================= FIN Archives */
  /* ========================================================================================= DEBUT  Arbre public */
  .arbre-public .info-gauche {
    margin: 0;
  }
  /* ========================================================================================= FIN  Arbre public */
  /* ========================================================================================= DEBUT  Home Connectée */
  .home-connectee .header h1 + img {
    display: none;
  }
  .home-connectee .formulaire-recherche .champs-periode div {
    margin-bottom: 15px;
  }
  .home-connectee .formulaire-recherche .champs-periode div.select + .double,
  .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double {
    width: 24%;
  }
  .home-connectee .formulaire-recherche .champs-periode div.bootstrap-select + div {
    width: 49%;
  }
  .home-connectee .formulaire-recherche .btn-group-lg > .btn,
  .btn-lg {
    margin: 0 0 12px 0;
    width: 100%;
  }
  .home-connectee .formulaire-recherche + div + div .plus-moins {
    height: 167px;
  }
  .carousel-individus .person {
    margin: 0 9px;
  }
  .home-connectee .bs-callout {
    text-align: center;
    padding: 5px 5px 12px 5px;
  }
  .home-connectee .bs-callout div {
    display: block;
    margin: 0 0 13px;
    padding: 0;
    width: auto;
  }
  .carousel-individus .person {
    margin: 0 17px;
  }
  .home-connectee .creation-arbre {
    background-position: right top;
  }
  .home-connectee .mCustomScrollbar.sans-arbre {
    height: auto;
  }
  .home-connectee .creation-arbre,
  .liste-arbre .creation-arbre {
    background: #2B2550;
  }
  .home-connectee .creation-arbre h3,
  .liste-arbre .creation-arbre h3 {
    width: 100%;
  }
  /* ========================================================================================= FIN  Home Connectée */
  /* ==========================================================================================================================================================================================================================================================================================================================================
  =================================================================== CARTES POSTALES ===============================================================================
  ========================================================================================================================================================================================================================================================================================================================================= 
  */
  .colonne-carte-postale .pagination-table .text-center {
    text-align: left;
  }
  .colonne-carte-postale .pagination-table .select-page,
  .colonne-carte-postale .pagination-table .select-page div {
    float: left;
    margin-bottom: 20px;
    margin-top: 0 !important;
  }
  .colonne-carte-postale .bloc-contenu .row div:last-child {
    text-align: center;
    margin: 12px 0 0 0;
  }
  /* ===================================================================================================================================================================
  ========================================================== NOM DE FAMILLE =========================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  .nomdefamille .lastnameDetailsFlash {
    display: none;
  }
  .nomdefamille div.input-rech-nom {
    display: none;
  }
  /* ===================================================================================================================================================================
  ========================================================== FORUM =========================================================================================
  ===================================================================================================================================================================
  ===================================================================================================================================================================
  ====================*/
  /*--- repondre message -- */
  .forum .repond-table-forum #forum_ctl00_EditorLine textarea {
    margin: 10px 0 6px;
    width: 400px !important;
  }
  /* ======================================================================================================================================================================================================================================================================================================================================
  =================================================================== ABONNMENT =====================================================================================
  ========================================================================================================================================================================================================================================================================================================================================= */
  /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */
  .paywall.paywall-argument .ecran-video {
    text-align: center;
    width: 100%;
  }
  .paywall.paywall-offre {
    padding: 15px 0 86px;
  }
  .paywall.paywall-argument .ecran-video a {
    left: 42%;
  }
  .paywall.paywall-argument .texte-video {
    margin: 25px 0 0;
    width: 100%;
  }
  .paywall.paywall-offre .essai-gratuit .plus-client section div {
    margin: 0 0 13px 0;
  }
  .paywall.paywall-offre {
    padding: 15px 0 61px;
  }
}
/* ========================================================================================= FIN Page Paywall => proposition 2 icon */
/* ==========================================
=============================================
=================== inf. 480 px =============
=============================================
============================================= */
@media (max-width: 480px) {
  .abonnement-7j .text-center {
    text-align: center;
  }
  /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/
  .img-jlb {
    display: none;
  }
  .col-xs-12.img-fete-peres {
    left: 0;
    text-align: right;
  }
  .mac-peres {
    width: 30%;
  }
  .col-xs-12.exclu-title {
    left: 0;
  }
  .home-jlb {
    width: 100%;
  }
  .exclu-title {
    width: 100%;
  }
  h1 .livre-exclu {
    font-size: 36px;
  }
  .block-book {
    width: 93% !important;
    height: 850px;
  }
  .img-book-jlb {
    width: 100%;
    float: none;
    text-align: center;
  }
  .book-ancetres {
    display: inline-block;
  }
  .size-jlb {
    width: 90%;
    padding: 0;
    margin-top: 20px;
  }
  .size-jlb p {
    font-size: 12px;
  }
  p.make-dedicace {
    margin-bottom: 10px;
  }
  input.champ-dedicace {
    height: 45px;
    width: 100%;
    float: none;
  }
  p.offre-tarif {
    margin: 5px 0;
  }
  h3.title-book {
    margin: 0 0 8px 0;
    font-size: 25px;
  }
  p.offre-tarif {
    font-size: 20px;
  }
  button.offre-commande {
    margin-top: 0;
  }
  .description-livre {
    width: 100%;
  }
  input.champ-dedicace + label {
    width: 95%;
  }
  /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/
  /*----------------------------- DEBUT bon cadeau -----------------------------*/
  .gifts-cmd .right-off {
    display: none;
  }
  .gifts-cmd .gift-payment {
    margin: 2px 10px 2px 0;
  }
  /*------------------------------ FIN bon cadeau -----------------------------*/
  .txt-check,
  .new-modal-dialog .txt-check {
    padding-left: 15px;
    width: 100%;
  }
  .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check,
  .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check {
    padding: 0 20px;
  }
  .essai-7j .bloc-essai-sept .col-xs-12.essai-actif h4 {
    padding-left: 0;
  }
  .new-modal-dialog .modal-body img {
    left: -218px !important;
    position: absolute;
    height: auto;
  }
  .modif-event {
    width: 88%;
  }
  .moteur-search-beta .champs-periode #divFromYear,
  .moteur-search-beta .champs-periode #divToYear {
    width: 47% !important;
  }
  #partial-view-layer {
    margin-top: 6% !important;
  }
  /* ======================================================================================================== DEBUT class utiles -- */
  .hidden-xxs {
    display: none;
  }
  /*------------------------ textes / Liens / Boutons --- */
  .styled-select-moyen select.lg {
    width: 106%;
  }
  /* FORMAT LONG col-lg-12 */
  .styled-select-moyen select.lg {
    width: 106%;
  }
}
@media screen and (max-width: 480px) and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen select.lg {
    width: inherit;
  }
}
@media (max-width: 480px) {
  @supports (-ms-accelerator: true) {
    /* Edge */
    .styled-select-moyen select.lg {
      width: inherit;
    }
  }
  a.back-to-top {
    bottom: 135px;
  }
  /* -- Callout => message d'alert, d'information de la documentation de bootstrap non inclu dans bootstrap.css => http://cpratt.co/twitter-bootstrap-callout-css-styles/ --*/
  .bs-callout span {
    width: 100%;
  }
  .bs-callout span + i {
    display: none;
  }
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== HOME =================================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Full Home novembre 2016 -- */
  /*---------------------------- Création arbre => Image full ecran -- */
  .home-page {
    background-position: 21% 394px;
  }
  .intro .bloc-formulaire h1 + div p {
    display: inline-block;
    font-size: 16px;
    margin: 0 4px 0 0;
  }
  p.paragraphe-accroche {
    background: rgba(255, 255, 255, 0.8);
    margin: 351px 0 0 -16px;
    padding: 9px 14px;
  }
  p.paragraphe-accroche {
    border-left: 0 none;
  }
  .intro .play-video {
    left: 187px;
    top: 165px;
  }
  /*---------------------------- Recherches -- */
  .home .recherche {
    background-image: none;
    height: 830px;
    margin-bottom: 0;
    background-color: #fff;
  }
  .home .recherche h1 {
    font-size: 32px;
  }
  .home .recherche img {
    height: auto;
    margin: 29px 0 0;
    width: 100%;
  }
  /*---------------------------- Témoignages -- */
  .home .temoignage {
    display: none;
  }
  /*---------------------------- Départements -- */
  .bloc-departement .carousel-departement .item img {
    height: 90px;
  }
  .bloc-departement .carousel-departement {
    margin-bottom: 79px;
  }
  /* ======================================================================================================== FIN Full Home novembre 2016 -- */
  /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */
  .intro.test2 .bloc-formulaire h1 {
    width: 82%;
  }
  .intro.test2 p.paragraphe-accroche {
    background: none;
    margin: 103px 0 0 175px;
  }
  p.paragraphe-accroche {
    border-left: 1px solid #2B2550;
  }
  .intro.test2 {
    min-height: 851px;
  }
  .home-page.test2 {
    background-position: 24% 301px;
  }
  .intro.test2 .play-video {
    left: 1px;
  }
  /* ======================================================================================================== FIN Full Home janvier 2017 -- */
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== POPUP =================================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================== DEBUT petite fenetre de dialogue => message de validation de suppression des modifications sur fiche individu -- */
  .dream_alert {
    width: 68%;
    left: 44%;
    top: 15%;
    padding: 25px 20px;
  }
  .alert-icon.alert-icon-center {
    margin: 0 0 12px;
  }
  /* ====================================================================================================================================================================
  ====================================================================================================================================================================
  ========================================================================================== BANDEAU ANNONCE  ===================================================
  =====================================================================================================================================================================
  ====================================================================================================================================================================
  ====================*/
  .bandeau-new-donnees + #containAll .navbar-fixed-top {
    top: 61px;
  }
  .bandeau-new-donnees h1 {
    width: 95%;
  }
  .bandeau-new-donnees h1 a {
    display: block;
  }
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== RECHERCHE ===============================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */
  /*------------------------ Moteur recherche BETA--- */
  .moteur-search-beta h2 {
    margin: 0 0 7px 0;
  }
  /* ======================================================================================================== FIN Page Moteur de Recherche Full (BETA) -- */
  /* ======================================================================================================== DEBUT Page Recherches par sources -- */
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */
  .menu-carre {
    background-color: RED;
  }
  .subcategories_list li a {
    display: block;
    margin: 7px 0 0;
  }
  .subcategories_list div {
    clear: left;
    margin: 0 0 3px;
    width: 100%;
  }
  .subcategories_list li img {
    display: none;
  }
  .sources-image-collection .subcategories_list {
    margin: 6px 0 15px;
  }
  .subcategories_list li a h2 {
    font-size: 16px;
  }
  .subcategories_list li a h2:before {
    content: "-";
  }
  .sources-exemple-bloc a {
    width: 56%;
  }
  /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */
  .sources-exemple-bloc.deux-doc a {
    width: 56%;
  }
  /* ======================================================================================================== FIN Page Recherches par sources -- */
  /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */
  /*------------------------------------------ Onglets --- */
  /*------------------------------------------ Onglets --- */
  .timeline > li > .timeline-panel {
    width: 77%;
  }
  .timeline-heading img,
  #map {
    display: none;
  }
  /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
  /*----------------------- POPUP => Importer : question est-ce la mm personne ? --- */
  .question-correspondance {
    width: 143%;
  }
  /* ======================================================================================================== FIN Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */
  /* ======================================================================================================== DEBUT Page Recherches par département -- */
  .info-departement img {
    width: 81px;
    margin: 11px 0 0 0;
  }
  .info-departement img + div p {
    font-size: 11px;
  }
  .info-departement img + div {
    margin: 6px 0 8px 14px;
  }
  .info-departement img + div p + p {
    margin: 10px 0 0;
  }
  .info-departement img + div p + p a {
    display: block;
  }
  .info-departement img + div p + p .pipe {
    display: none;
  }
  /* ======================================================================================================== FIN Page Recherches par département -- */
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== ARBRE =================================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Menu arbre */
  .recherche-arbre span.twitter-typeahead {
    width: 81%;
  }
  .moteur-recherche li.recherche-arbre input {
    width: 99%;
  }
  /* ======================================================================================================== DEBUT Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */
  .menu-document li {
    display: inline-block;
    margin: 0 8px 6px 0;
  }
  .timeline-info .multiple-img,
  .timeline-info img,
  .timeline-info .icon-i-piece-filae {
    display: none;
  }
  .timeline-info p,
  .timeline-title {
    width: 90%;
  }
  /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
  /*----------------------- POPUP => Modification fiche nom, prenom ... --- */
  .modal-body label.radio-inline {
    display: block;
    margin: 0 0 5px 0;
  }
  .special-entre {
    width: 32% !important;
  }
  input.special-entre {
    width: 32% !important;
  }
  .special-entre {
    width: 31% !important;
  }
  /*----------------------- POPUP => Modification Cercle familial --- */
  .cercle-familial-modification .individu .profil + p {
    width: 66%;
  }
  .cercle-familial-modification .individu i.glyphicon-scissors + span,
  .cercle-familial-modification .individu.enfant i.glyphicon-scissors + span {
    display: none;
  }
  .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle {
    margin: -5px 3px -2px;
  }
  .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle i {
    font-size: 12px;
  }
  .modal-body.mini-arbre .individu-connu .dropdown-menu.menu-cercle li p {
    max-width: 100%;
  }
  /*----------------------- POPUP => Cercle familial : Ajouter une personne => Ajouter un Conjoint => Créer un conjoint --- */
  .modal-footer .checkbox {
    text-align: left;
  }
  /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers --- */
  .plateforme-medias .btn {
    white-space: inherit;
  }
  /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers => un seul doc --- */
  img.ajout-telechargement {
    width: 89%;
  }
  img.ajout-telechargement + i {
    font-size: 49px;
    left: 50%;
    top: 50%;
  }
  /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */
  .creation-arbre-arbre .bloc-membre,
  .creation-arbre-arbre .generation:last-child .bloc-membre.connu.select {
    width: 64px;
  }
}
@media (max-width: 480px) and (max-height: 850px) {
  .full-ecran {
    min-height: 828px;
  }
}
@media (max-width: 480px) {
  /* ======================================================================================================== DEBUT Arbre en ligne -- */
  .reglage-arbre-lateral {
    top: 270px;
  }
  /* ======================================================================================================== FIN Arbre en ligne -- */
  /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */
  .resultat-ec .detail-acte .detail-personne .nom-personne h2 {
    width: 100%;
  }
  .resultat-ec .detail-acte .detail-personne .evenement-personne .details p {
    width: 32%;
  }
  /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */
  /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */
  .faux-input p.label-champs {
    font-size: 13px;
  }
  .confidentialite h4.titre-marge-top + .btn {
    float: left;
    margin: 0 0 10px;
  }
  /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */
  /* ========================================================================================= DEBUT Liste des arbres */
  .liste-arbre .info-arbre {
    padding: 12px;
  }
  .liste-arbre .donnees-arbre div p {
    text-align: center;
  }
  .liste-arbre .donnees-arbre div p {
    font-size: 12px;
  }
  .liste-arbre .donnees-arbre .profil {
    float: none;
    margin: auto;
  }
  .liste-arbre .donnees-arbre div p {
    height: 28px;
  }
  .liste-arbre .donnees-arbre div:first-child p {
    height: auto;
  }
  .liste-arbre .donnees-arbre p + a div.profil + div p {
    height: auto;
    margin: 8px 0 0 0;
    display: block;
  }
  .liste-arbre .donnees-arbre .profil .initiale {
    display: inline-block;
    margin: 6px 0 0 5px;
  }
  .liste-arbre .donnees-arbre p + a div.profil + div {
    width: 100%;
  }
  /* ========================================================================================= FIN Liste des arbres */
  /* ========================================================================================= DEBUT Import Gedcom de la page de création d'arbre */
  .page-import-gedcom ul {
    text-align: center;
  }
  /* ========================================================================================= FIN Import Gedcom de la page de création d'arbre */
  /* =====================================================================================================================================================================
  =====================================================================================================================================================================
  ========================================================== CONNECTE =================================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */
  .messagerie .row-offcanvas-left .sidebar-offcanvas {
    left: 3%;
  }
  .messagerie .sidebar-offcanvas {
    width: 64%;
  }
  .messagerie .row-offcanvas-left.active {
    left: 67%;
  }
  table.messagerie-table tr .pseudo-table p {
    max-width: 73px;
  }
  table.messagerie-table tr .message-table p {
    max-width: 119px;
  }
  .messagerie .header.h-discussion > div > span > a {
    padding: 10px 11px;
  }
  table.messagerie-table tr .profil-table,
  table.messagerie-table thead tr th:nth-child(1) {
    display: none;
  }
  /* Contact */
  .messagerie .contact .fiche-contact span {
    display: block;
    width: 100%;
  }
  .messagerie .contact .fiche-contact span + a {
    float: inherit;
    margin: 0;
  }
  .messagerie .contact .fiche-contact .image-fiche a,
  .messagerie .contact .fiche-contact .image-fiche .profil + a {
    bottom: 50px;
  }
  .messagerie .contact .fiche-contact span p + p {
    margin: 0 0 39px;
  }
  /* - chat - */
  .messagerie .ecrire {
    margin: 20px 0 8px;
  }
  .messagerie .ecrire div + div {
    width: 100%;
  }
  .messagerie .ancien-message div:first-child,
  .ancien-message.envoye div:last-child {
    display: none;
  }
  .messagerie .ancien-message div + div,
  .ancien-message.envoye div + div {
    width: 100%;
  }
  .messagerie .ecrire a.btn {
    float: right;
    margin: 5px -15px 0 0;
  }
  .messagerie .ancien-message.pseudo-message div {
    display: block;
  }
  .messagerie .header.h-discussion.echange-msg h4 {
    min-height: 46px;
  }
  /* ======================================================================================================== DEBUT Espace Client -- */
  .espace-client h4 {
    font-size: 22px;
  }
  .btn-see {
    margin-top: 6px;
  }
  .espace-client .arbre-public li p {
    width: 74%;
  }
  .espace-client .profil-client .multiple-input .faux-input {
    width: 21%;
  }
  .espace-client .client.profil {
    margin: -66px auto 0;
    float: none;
  }
  .espace-client h4,
  .espace-client h4 + p {
    text-align: center;
  }
  .espace-client .bs-callout h4,
  .espace-client .bs-callout h4 + p {
    text-align: left;
  }
  .espace-client h4.titre-marge-top + p {
    text-align: left;
  }
  .espace-client .tab-pane h4 {
    text-align: left;
  }
  .espace-client .cover-profil + .row a {
    border: 0;
    display: block;
    font-size: 15px;
    text-align: center;
    text-decoration: underline;
    float: none;
  }
  .espace-client .cover-profil img {
    left: -154%;
  }
  /*---- Paramétres client */
  .form-group.input-simple .show-password {
    top: 12px;
  }
  /*--- abonnement --- */
  .abonnement h4.facture + a {
    display: block;
    float: inherit;
    margin: -4px 0 10px;
  }
  .abonnement .service-abonne > div {
    text-align: left;
  }
  .abonnement .service-abonne i {
    display: inline-block;
    margin: 0 0 0 25px;
  }
  .abonnement .service-abonne div:last-child i {
    margin: 0 0 0 13px;
  }
  .abonnement .service-abonne p {
    display: inline-block;
    margin: 0 0 0 14px;
    vertical-align: top;
    width: 62%;
  }
  .abonnement .service-abonne div:last-child p {
    margin: 0;
  }
  .abonnement .service-abonne .barre-incline {
    left: 14px;
    margin: 0;
    top: 30px;
  }
  .abonnement .service-abonne div:last-child p.barre-incline {
    top: 24px;
    width: 96px;
  }
  /* ========================================================================================= FIN  Espace-client */
  /* ========================================================================================= DEBUT  Arbre public */
  .arbre-public .info-arbre-public h3 {
    width: 100%;
  }
  .arbre-public .info-arbre-public h3 + a {
    display: block;
    float: inherit;
    margin: 0 0 5px;
  }
  /* ========================================================================================= FIN  Arbre public */
  /* ========================================================================================= DEBUT  Home Connectée */
  .home-connectee .header .profil {
    float: none;
    margin: auto;
  }
  .home-connectee .header h1 {
    text-align: center;
    font-size: 28px;
  }
  .home-connectee .formulaire-recherche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
  }
  .home-connectee .formulaire-recherche .champs-periode div.select + .double,
  .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double {
    width: 49%;
  }
  .home-connectee .formulaire-recherche .champs-periode div.bootstrap-select + div {
    width: 100%;
  }
  .home-connectee .derniere-consultation li p {
    width: 100%;
  }
  .home-connectee .derniere-consultation li p a + span {
    max-width: 73%;
  }
  .home-connectee .derniere-maj li a {
    max-width: 72%;
  }
  .home-connectee .creation-arbre {
    background-image: none;
  }
  .home-connectee .creation-arbre h3 {
    width: 100%;
  }
  .home-connectee .creation-arbre .text-center {
    text-align: center;
  }
  .home-connectee .creation-arbre .radio.radio-primary input[type=radio]:checked ~ .check,
  .home-connectee .creation-arbre label.radio-inline input[type=radio]:checked ~ .check {
    background-color: #fff;
  }
  /* ========================================================================================= FIN  Home Connectée */
  /*===================================================================================================================================================================
  ========================================================== NOM DE FAMILLE ==========================================================================================
  =====================================================================================================================================================================
  =====================================================================================================================================================================
  ====================*/
  .nomdefamille .recherche-nomdefamille input {
    display: block;
    margin: 0;
    width: 100%;
  }
  .nomdefamille .recherche-nomdefamille input + a {
    margin: 10px 0 0;
  }
  .nomdefamille .tab-3colonne table {
    width: 100%;
    border-right: 0 none;
    margin-left: 0;
  }
  .nomdefamille .tab-3colonne .rangCell {
    width: 27%;
  }
  .nomdefamille .tab-3colonne .nameCell {
    width: 56%;
  }
  .nomdefamille .tab-4colonne table {
    border-right: 1px solid #cccccc;
    display: inline-block;
    padding: 0 0 21px 5px;
    vertical-align: top;
    width: 100%;
  }
  /* ======================================================================================================================================================================================================================================================================================================================================
  =================================================================== ABONNMENT =====================================================================================
  ========================================================================================================================================================================================================================================================================================================================================= */
  /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */
  .paywall.paywall-argument .ecran-video a {
    left: 36%;
  }
  .paywall.paywall-argument li span {
    display: inline-block;
    width: 89%;
  }
  .paywall.paywall-argument li span.badge {
    width: auto;
    display: initial;
  }
  /* ========================================================================================= FIN Page Paywall => proposition 2 icon */
  /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */
  .intro.test2 .bloc-formulaire h1 {
    width: 100%;
    font-size: 41px;
  }
}
/* TUTO HINTS CSS */
#tuto-hints::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 768px) {
  .tuto-hints-time {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 9999;
    opacity: 1;
    overflow: hidden;
    animation-duration: 0.5s;
    color: white !important;
    font-size: 1.8rem;
  }
  #tuto-hints {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    background-color: rgba(54, 62, 99, 0.96);
    z-index: 9999;
    opacity: 1;
    overflow: hidden;
    animation-duration: 0.5s;
    color: white !important;
    font-size: 1.7rem;
  }
}
@media (max-height: 805px) {
  #tuto-hints {
    overflow: scroll;
  }
}

#tuto-hints #onboarding-viewer-01 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
}

#tuto-hints .font14px-container {
  font-size: 14px !important;
}

.individual-sheet-container #tuto-hints .tuto-osd-text {
  margin-bottom: 30px;
}

.no-display-bottom {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translatex(-50%);
  color: #fff;
}

#onboarding-hints-02 {
  display: none;
}

#tuto-hints h2.title-tuto-hints {
  text-align: center;
  color: white !important;
  font-size: 2.4rem;
  line-height: 45px;
  margin: 0;
}

#tuto-hints .title-tuto-hints {
  text-align: center;
  color: white !important;
  font-size: 2.4rem;
  line-height: 45px;
}

.title-big-tuto-hints {
  font-size: 4.5rem;
  color: white !important;
  text-align: center;
}

.title-big-tuto-hints {
  font-size: 4.5rem;
  color: white !important;
  text-align: center;
}

.header-fake #navbar,
.header-fake .dropdown {
  opacity: 0;
}

.drop-hints {
  opacity: 1 !important;
  color: white;
  background-color: #ff5555 !important;
  border-radius: 100px;
  width: 50px;
}

#profilHover li a.icon-connected {
  display: block;
}

.drop-hints a {
  color: white;
}

.navbar-header {
  float: left;
}

#arrow-home {
  height: 30px;
  position: absolute;
  top: 0;
  right: 50px;
}

.btn-border-white {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn-border-white:hover {
  background-color: white;
  color: rgb(70, 85, 105);
}

.title-tuto-hints {
  padding: 70px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin: 0 auto;
  position: relative;
}

.tuto-hints-text {
  margin-bottom: 30px;
}

.mini-title-tuto-hints {
  font-size: 2.2rem;
}

.bloc-cta-hints {
  margin-top: 50px;
}

.bloc-cta-hints .btn-orange {
  margin-right: 10px;
}

.img-right {
  float: right;
}

.close-icon-container {
  position: fixed;
  right: 0;
  top: 0;
  color: white;
  padding: 10px;
  z-index: 1040;
}

.close-icon-container:hover {
  cursor: pointer;
  color: white;
}

.description-hints {
  position: absolute;
  top: 64px;
  width: 171px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 1.5rem;
}

.no-display-container {
  margin-top: 50px;
}

.fake-navbar {
  opacity: 0;
}

.fake-ads {
  height: 160px;
  margin-top: 53px;
  opacity: 0;
}

.fake-individual-sheet {
  overflow: visible !important;
}

.fake-individual-sheet #arrow-home {
  top: -55px;
  transform: rotate(268deg);
  right: 90px;
}

.text-arrow {
  top: -105px;
  position: absolute;
  right: 22px;
  text-align: center;
}

.no-display-link {
  color: #fff;
  text-align: center;
  margin: 30px auto 0 auto;
}

.no-display-link:hover {
  color: #ff5555;
}

.no-display-bottom a {
  color: white;
}

.drop-hints {
  position: relative;
}

.navbar-fake .navbar-collapse.second-nav li.dropdown:hover > a {
  color: #fff;
}

@media (max-width: 767px) {
  .img-right {
    float: unset;
  }
  .img-right img {
    margin: 0 auto;
  }
  #containAll #tuto-hints,
  #tuto-osd {
    display: none;
  }
}
/* PART 02 ONBOARDING */
#onboarding-hints-02 .title-tuto-hints {
  padding-bottom: 0 !important;
}

.bloc-howitworks {
  padding: 40px;
}
@media (max-width: 982px) {
  .bloc-howitworks {
    padding: 25px;
  }
}

.number-onboarding-hints {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 80px;
  width: 80px;
  position: relative;
  margin: 0 auto;
  font-size: 5rem;
  border: 1px solid white;
  border-radius: 100px;
}

.number-onboarding-hints .icon-genea.icon-i-hints {
  position: absolute;
  top: -25px;
  left: -25px;
  height: 50px;
  width: 50px;
  color: #ff5555;
}

.title-howitworks {
  font-size: 2.5rem;
  color: white;
  text-align: center;
}

.title-howitworks-big {
  font-size: 4rem;
}

.text-howitworks {
  font-size: 1.75rem;
  margin-top: 40px;
}

/* FIN CSS TUT0 HINTS */
header + .container,
header + script + .container,
.container.page,
.container.page-contenu,
.container.messagerie,
.container.liste-arbre,
.container.alerte,
.container.archive,
.container.historique,
.container.messagerie,
.container.resume-arbre,
.container.resultat-ec,
.container.paiement-cheque,
.tunnelB,
.tunnelB,
.container-fusion,
.container.news_hints_page {
  margin-bottom: 30px;
  margin-top: 50px;
}

.container-fusion {
  min-height: 883px;
}
.container.page.page-departement {
  margin-bottom: 0;
  margin-top: 50px;
  min-height: 74vh;
}
.container.espace-client, .container.sondage-reflexe {
  margin-bottom: 30px;
  margin-top: 50px;
  height: auto;
  min-height: auto;
}
.container.liste-individus {
  margin-bottom: 2.4rem;
  height: auto;
  min-height: 94vh;
}

.container.liste-individus a.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.reglage-arbre-lateral + .container:not(.tree-print) {
  margin-bottom: 30px;
  margin-top: 20px;
  height: 88vh;
}

/*---------------------------------- Navigation classique */
.arbre-classique,
.arbre-descendant {
  font-family: "Lato", sans-serif;
  margin-bottom: 40px;
}

.arbre-classique .individu {
  border-bottom: 1px solid #757585;
  margin-bottom: 10px;
}
.arbre-classique .individu h1 {
  float: left;
  margin: 0 0 10px -16px;
  font-size: 30px;
}
.arbre-classique .individu h1 span + span {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 0 10px;
}
.arbre-classique .individu h1 span + span + span {
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  padding: 2px 10px 2px 10px;
  background: #757585;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 0 0 0 10px;
}
.arbre-classique .individu h1 span + span + span.femme {
  background: #ff8888;
}
.arbre-classique .individu h1 span + span + span.homme {
  background: #66cccc;
}
.arbre-classique .individu a {
  color: #d5d8da;
  float: right;
  margin: 0 -16px 0 0;
}
.arbre-classique .individu a:hover {
  color: #ff5555;
}
.arbre-classique div.top-hints {
  position: absolute;
  top: -2px;
  left: -1rem;
}
.arbre-classique div.top-hints.partners-top-hints {
  top: 0;
  left: -1px;
}
.arbre-classique div.top-hints i.icon-i-hints-01 .top-hints-icon-container .icon-genea {
  position: absolute;
  top: -4px;
  left: -4px;
}
.arbre-classique div.top-hints i.icon-i-hints-01 .top-hints-icon-container .icon-i-plus {
  left: 5px;
  top: 1px;
}
.arbre-classique div .inconnu.real-time-parents.generation-2 .top-hints {
  left: -23px;
}
.arbre-classique div .inconnu.real-time-parents.generation-2 .top-hints .icon-i-plus {
  -moz-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  -webkit-transform: translateY(0.5px);
  transform: translateY(0.5px);
  left: 10px;
}
.arbre-classique div .inconnu.real-time-parents.generation-3 .top-hints .icon-i-plus {
  right: 2.5px;
  top: 2.5px;
  font-size: 6px;
}
.arbre-classique div .generation-0-individu.real-time-parents .top-hints {
  left: -7px;
}
.arbre-classique .menu-cercle li .top-hints {
  top: 0;
  left: -3px;
}
.arbre-classique .generation-3 li i[class*=icon] {
  float: none;
  font-size: 1.5rem;
}
.arbre-classique .generation-3 li i.icon-i-hints-01.icon-genea {
  position: absolute;
  top: 0;
  left: 0;
  color: #ff5555;
  z-index: 1;
}
.arbre-classique .generation-3 li i.icon-i-plus {
  -moz-transform: translate(0.5px, 5%);
  -ms-transform: translate(0.5px, 5%);
  -webkit-transform: translate(0.5px, 5%);
  transform: translate(0.5px, 5%);
  position: absolute;
  top: 0.25rem;
  left: 0.6rem;
  font-size: 6px;
  z-index: 2;
}
.arbre-classique .generation-3 .top-hints {
  top: -0.1rem;
  left: -0.5rem;
}
.arbre-classique .generation-3 .top-hints .icon-i-plus {
  right: 2.5px;
  top: 2.5px;
  font-size: 6px;
}
.arbre-classique .generation-0 .real-time-parents .icon-i-plus {
  left: 9px;
}

/*----- Onglets Evènements, Documents, Notes --- */
.arbre-classique .document-individu {
  background: #fff;
  border: 1px solid #d5d8da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 40px 0 0 0;
}
.arbre-classique .document-individu .timeline-v2__event:first-child {
  margin-top: 12px;
}
.arbre-classique .document-individu .timeline-v2__event a.no-hover {
  overflow: inherit;
}
.arbre-classique .document-individu .timeline-v2__panel p {
  word-break: break-word;
}
.arbre-classique .document-individu .nav-tabs > li {
  width: 33.3333%;
  text-align: center;
  font-size: 15px;
}

.arbre-classique .document-individu .nav-tabs > li > a {
  border-color: transparent #fff transparent transparent;
  color: #333333;
  background: rgba(213, 216, 218, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 14px 0px 14px 0px;
  margin-right: 0;
  padding-left: 5px;
}

.arbre-classique .document-individu .nav-tabs > li > a:hover {
  text-decoration: none;
  background: rgba(213, 216, 218, 0.6);
}

.arbre-classique .document-individu .nav-tabs > li:last-child > a {
  border-color: transparent transparent transparent transparent;
}

.arbre-classique .document-individu .nav-tabs > li.active > a,
.arbre-classique .document-individu .nav-tabs > li.active > a:focus,
.arbre-classique .document-individu .nav-tabs > li.active > a:hover {
  border-color: transparent #d5d8da transparent transparent;
  color: #333333;
  background: #fff;
}

.arbre-classique .document-individu .nav-tabs > li.active:last-child > a,
.arbre-classique .document-individu .nav-tabs > li.active:last-child > a:focus,
.arbre-classique .document-individu .nav-tabs > li.active:last-child > a:hover {
  border-color: transparent transparent transparent transparent;
  text-decoration: none;
}

.arbre-classique .document-individu .nav-tabs {
  border: 0;
  margin: 0 -15px 17px -15px;
}

/*--- Onglet Evènements --*/
.arbre-classique .document-individu .timeline li .timeline-badge {
  height: 20px;
  width: 20px;
}

.arbre-classique .document-individu .timeline li:before {
  left: 10px;
}

.arbre-classique .document-individu .timeline li .timeline-panel {
  left: 18px;
  width: 100%;
}

.arbre-classique .document-individu .timeline .timeline-info {
  display: inline-block;
  vertical-align: top;
}

.arbre-classique .document-individu .timeline-title {
  width: 85%;
}

.arbre-classique .document-individu a {
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.arbre-classique .document-individu a.real-time-image img {
  margin-bottom: 0;
}

.arbre-classique .document-individu:not(.individual-sheet--close-relatives) a i {
  color: #d5d8da;
  font-size: 24px;
}

.arbre-classique .document-individu a + a i {
  color: #fff;
  font-size: 44px;
}

.arbre-classique .document-individu .timeline-info p a i {
  background: none;
  color: #445599;
  float: inherit;
  font-size: 16px;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}

.arbre-classique .document-individu a:hover i {
  opacity: 0.8;
}

.arbre-classique .document-individu h3 a i {
  color: #445599;
  background: none;
  float: inherit;
  font-size: 18px;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}

.arbre-classique .document-individu h3 a:hover i {
  color: #445599;
}

.arbre-classique .document-individu a.fiche-complete {
  background: #fff;
  border-top: 1px solid #d5d8da;
  display: inherit;
  margin: 13px -15px 0 -15px;
  padding: 16px 10px;
  text-align: center;
  color: #333333;
  font-size: 15px;
}

.arbre-classique .document-individu a.fiche-complete:hover {
  background: rgba(213, 216, 218, 0.7);
  color: #333333;
  text-decoration: none;
}

.arbre-classique .document-individu .dropdown-menu > li > a {
  color: #333333;
}

.arbre-classique .document-individu .dropdown-menu > li > a:hover {
  color: #ff5555;
  text-decoration: none;
}

/* --- Onglet Documents -- */
.arbre-classique .document-individu .fiche-arbre-document i.icon-i-piece-filae {
  font-size: 44px;
  padding: 20px 0 0 15px;
}

.arbre-classique .document-individu .fiche-arbre-document a:hover i.icon-i-piece-filae {
  color: #d5d8da;
}

.arbre-classique .document-individu .fiche-arbre-document i.icon-note {
  font-size: 44px;
  padding: 17px 0 0 24px;
}

.arbre-classique .document-individu .fiche-arbre-document a:hover i.icon-note {
  color: #d5d8da;
}

.arbre-classique .document-individu #document nav {
  text-align: center;
}

.arbre-classique .document-individu .classement-doc li i {
  font-size: 18px;
}

/* --- Branches -- */
.arbre-classique .branche-arbre-classique .remonter {
  text-align: center;
  height: 39px;
}
.arbre-classique .branche-arbre-classique .remonter i {
  background: #d5d8da;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 31px;
  color: #2B2550;
}
.arbre-classique .branche-arbre-classique .remonter a:hover i {
  background: rgba(129, 138, 145, 0.7);
}
.arbre-classique .branche-arbre-classique .row div + div .generation-2 .lien {
  height: 1px;
  width: 9px;
  position: absolute;
  left: -10px;
  background-color: #757585;
  top: 50%;
}
.arbre-classique .branche-arbre-classique .invisible > .lien-generation-1.enfant:before {
  visibility: visible;
}
.arbre-classique .branche-arbre-classique .lien-generation-3 {
  height: 31px;
  width: 1px;
  margin: 4px auto 0;
  background: #757585;
}
.arbre-classique .branche-arbre-classique .lien-generation-3:before {
  content: "\e67d";
  font-family: "icomoon", sans-serif;
  font-size: 7.5px;
  left: -3px;
  position: relative;
  top: -10px;
  vertical-align: top;
  color: #757585;
}
.arbre-classique .branche-arbre-classique .lien-generation-2 {
  height: 65px;
  width: 1px;
  margin: -29px 50% 0;
  background: #757585;
}
.arbre-classique .branche-arbre-classique .lien-generation-2:before {
  content: "\e67d";
  font-family: "icomoon", sans-serif;
  font-size: 7.5px;
  left: -4px;
  position: relative;
  top: -11px;
  vertical-align: top;
  color: #757585;
}
.arbre-classique .branche-arbre-classique .lien-generation-1 {
  height: 36px;
  width: 1px;
  margin: 0 50% 0;
  background: #757585;
}
.arbre-classique .branche-arbre-classique .lien-generation-1.enfant {
  height: 82px;
  width: 1px;
  margin: -46px auto 0;
  background: #757585;
}
.arbre-classique .branche-arbre-classique .lien-generation-1.enfant:before {
  content: "\e67d";
  font-family: "icomoon", sans-serif;
  font-size: 7.5px;
  left: -3px;
  position: relative;
  top: -11px;
  vertical-align: top;
  color: #757585;
}
.arbre-classique .branche-arbre-classique [class*=relation-] .tree-rollover__btn,
.arbre-classique .branche-arbre-classique [class*=generation-] .tree-rollover__btn {
  bottom: 0;
  right: 0.4rem;
  padding: 0.2rem 0 0 0.2rem;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li {
  border-top: 1px solid #d5d8da;
  border-left: 1px solid #d5d8da;
  border-right: 1px solid #d5d8da;
  border-bottom: 0;
  padding: 3px 5px 1px;
  background: #fff;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
  height: 27px;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li + li {
  border-top: 1px solid #d5d8da;
  border-left: 1px solid #d5d8da;
  border-right: 1px solid #d5d8da;
  border-bottom: 1px solid #d5d8da;
  padding: 3px 5px 1px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li + li.inconnu {
  border-top: 2px dashed #d5d8da;
  border-bottom: 2px dashed #d5d8da;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li + li.inconnu.suggested-parent {
  border-color: #ff5555 !important;
  border-width: 1px !important;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu {
  border-top: 2px dashed #d5d8da;
  border-left: 2px dashed #d5d8da;
  border-right: 2px dashed #d5d8da;
  border-bottom: 0;
  padding: 0;
  background: #fff;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 27px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu.suggested-parent {
  border-color: #ff5555 !important;
  border-width: 1px !important;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li {
  border-top: 2px dashed #d5d8da;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu {
  border-top: 2px dashed #d5d8da;
  border-left: 2px dashed #d5d8da;
  border-right: 2px dashed #d5d8da;
  border-bottom: 2px dashed #d5d8da;
  padding: 3px 5px 0px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu.suggested-parent {
  border-color: #ff5555 !important;
  border-width: 1px !important;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu.suggested-parent p {
  max-width: 90%;
}
.arbre-classique .branche-arbre-classique .generation-3 ul li:not(.active):hover,
.arbre-classique .branche-arbre-classique .generation-3 ul li:not(.active):hover i.material-icons {
  background: #F5F6FA !important;
}
.arbre-classique .branche-arbre-classique .generation-3 li span.cercle {
  height: 18px;
  width: 18px;
  border: 3px solid #8888ff;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-3 li span.cercle.homme {
  border: 3px solid #66cccc;
}
.arbre-classique .branche-arbre-classique .generation-3 li span.cercle.femme {
  border: 3px solid #ff8888;
}
.arbre-classique .branche-arbre-classique .generation-3 li span.cercle .cercle__icon.material-icons {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #fff;
  bottom: -3px;
  color: #757585;
  font-size: 8px;
  position: absolute;
  right: -5px;
  top: inherit;
}
.arbre-classique .branche-arbre-classique .generation-3 li .singlepagetree i {
  font-size: 15px;
  float: right;
}
.arbre-classique .branche-arbre-classique .generation-3 li .tree-rollover__btn i {
  font-size: 1.8rem;
}
.arbre-classique .branche-arbre-classique .generation-3 li p {
  display: inline-block;
  margin: 0 0 0 5px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.arbre-classique .branche-arbre-classique .generation-3 li p span {
  text-transform: uppercase;
  font-weight: bold;
}
.arbre-classique .branche-arbre-classique .generation-3 li a {
  color: #333333;
  display: block;
}
.arbre-classique .branche-arbre-classique .generation-3 li a:hover, .arbre-classique .branche-arbre-classique .generation-3 li a:focus {
  text-decoration: none;
}
.arbre-classique .branche-arbre-classique .generation-3 li a .top-hints-container {
  top: -1px;
  left: -5px;
  width: 15px;
  height: 15px;
  position: absolute;
}
.arbre-classique .branche-arbre-classique .generation-3 li a .top-hints-container i.icon-i-plus {
  color: #fff;
  font-size: 6px;
  position: absolute;
  right: 2.5px;
  top: 2.5px;
  z-index: 1;
}
.arbre-classique .branche-arbre-classique .generation-3 li.active span.cercle .cercle__icon.material-icons {
  background-color: #2B2550;
  color: #fff;
}
.arbre-classique .branche-arbre-classique .generation-3 li:not(.active):hover,
.arbre-classique .branche-arbre-classique .generation-3 li:not(.active):hover i.material-icons {
  background: #F5F6FA;
}
.arbre-classique .branche-arbre-classique .generation-3 li .ajout {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  margin: -3px 0 0 0;
  max-width: inherit;
  text-align: center;
}
.arbre-classique .branche-arbre-classique .generation-3 li .ajout.femme {
  color: #ec7b7b;
}
.arbre-classique .branche-arbre-classique .generation-3 li .ajout.homme {
  color: #66cccc;
}
.arbre-classique .branche-arbre-classique .generation-3 li:first-child .ajout {
  margin: -2px 0 0 0;
}
.arbre-classique .branche-arbre-classique .generation-2 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d5d8da;
  background: #fff;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-2.inconnu {
  border: 2px dashed #d5d8da;
  padding: 6px 5px 4px;
  height: 71px;
}
.arbre-classique .branche-arbre-classique .generation-2.inconnu.real-time-parents {
  border: 1px dashed #ff5555;
}
.arbre-classique .branche-arbre-classique .generation-2.inconnu.real-time-parents a {
  font-size: 16px;
  color: #757585;
}
.arbre-classique .branche-arbre-classique .generation-2.inconnu-consult .ajout {
  font-size: 32px;
  margin: 7px 0 13px 0;
}
.arbre-classique .branche-arbre-classique .generation-2 .lien {
  height: 1px;
  width: 9px;
  position: absolute;
  right: -10px;
  background-color: #757585;
  top: 50%;
}
.arbre-classique .branche-arbre-classique .generation-2 a {
  text-decoration: none;
  color: #333333;
  display: block;
  padding: 10px 5px 4px;
}
.arbre-classique .branche-arbre-classique .generation-2:hover,
.arbre-classique .branche-arbre-classique .generation-2:hover i.material-icons {
  background: #F5F6FA;
}
.arbre-classique .branche-arbre-classique .generation-2 .profil {
  height: 48px;
  margin: auto;
  width: 48px;
  float: left;
}
.arbre-classique .branche-arbre-classique .generation-2 .profil.image img {
  height: 48px;
  width: 48px;
  border-width: 3px;
}
.arbre-classique .branche-arbre-classique .generation-2 .profil .initiale {
  color: #fff;
  font-weight: 400;
  font-size: 19px;
  text-align: center;
  margin: 10px 0 0 0;
}
.arbre-classique .branche-arbre-classique .generation-2 .profil i {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 14px;
  margin: -6px 0 0;
  padding: 3px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-2 .profil img + i {
  margin: -17px 0 0;
}
.arbre-classique .branche-arbre-classique .generation-2 .info-perso {
  display: inline-block;
  margin: 0 0 0 6px;
  width: 61%;
  height: 50px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-2 .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.arbre-classique .branche-arbre-classique .generation-2 .info-perso p {
  margin: 0;
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arbre-classique .branche-arbre-classique .generation-2 .info-perso p:last-child {
  text-transform: none;
  font-weight: normal;
}
.arbre-classique .branche-arbre-classique .generation-2 .info-perso p + p {
  text-transform: uppercase;
  font-weight: bold;
}
.arbre-classique .branche-arbre-classique .generation-2 .info-perso p + p + p {
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
  text-transform: inherit;
}
.arbre-classique .branche-arbre-classique .generation-2 .ajout {
  display: block;
  font-size: 51px;
  font-weight: bold;
  line-height: 1.1;
  margin: -6px 0 6px 0;
  max-width: inherit;
  text-align: center;
}
.arbre-classique .branche-arbre-classique .generation-2 .ajout.femme {
  color: #ec7b7b;
}
.arbre-classique .branche-arbre-classique .generation-2 .ajout.homme {
  color: #66cccc;
}
.arbre-classique .branche-arbre-classique .generation-2 .ajout p {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}
.arbre-classique .branche-arbre-classique .generation-1 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d5d8da;
  background: #fff;
  padding: 17px 14px 10px 14px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-1:hover {
  background: #F5F6FA;
}
.arbre-classique .branche-arbre-classique .generation-1:not(.active):hover i.material-icons {
  background: #F5F6FA;
}
.arbre-classique .branche-arbre-classique .generation-1.inconnu {
  border: 2px dashed #d5d8da;
  padding: 16px 14px 10px 14px;
  cursor: pointer;
}
.arbre-classique .branche-arbre-classique .generation-1.inconnu-consult .ajout {
  font-size: 50px;
  margin: 9px 0 10px 0;
}
.arbre-classique .branche-arbre-classique .generation-1 .profil {
  float: left;
  height: 66px;
  margin: auto 0;
  width: 66px;
}
.arbre-classique .branche-arbre-classique .generation-1 .profil.image img {
  height: 66px;
  width: 66px;
  border-width: 4px;
}
.arbre-classique .branche-arbre-classique .generation-1 .profil i {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 14px;
  margin: -5px 0 0;
  padding: 3px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-1 .profil img + i {
  margin: -17px 0 0 !important;
}
.arbre-classique .branche-arbre-classique .generation-1 .profil .initiale {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  margin: 15px 0 0;
  text-align: center;
}
.arbre-classique .branche-arbre-classique .generation-1 .info-perso {
  display: inline-block;
  margin: 0 0 0 11px;
  width: 65%;
  height: 70px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-1 .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.arbre-classique .branche-arbre-classique .generation-1 .info-perso p {
  font-size: 16px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arbre-classique .branche-arbre-classique .generation-1 .info-perso p:last-child {
  font-weight: normal;
  text-transform: none;
  font-style: normal;
  font-size: 16px;
}
.arbre-classique .branche-arbre-classique .generation-1 .info-perso p + p {
  font-weight: bold;
  text-transform: uppercase;
}
.arbre-classique .branche-arbre-classique .generation-1 .info-perso p + p + p {
  font-style: italic;
  font-size: 13px;
  text-transform: inherit;
  font-weight: normal;
}
.arbre-classique .branche-arbre-classique .generation-1 .tree-rollover__btn {
  right: 2.4rem;
  bottom: 0.4rem;
}
.arbre-classique .branche-arbre-classique .generation-1 a {
  color: #333333;
  text-decoration: none;
}
.arbre-classique .branche-arbre-classique .generation-1 a.link-right {
  position: absolute;
  right: 10px;
}
.arbre-classique .branche-arbre-classique .generation-1 a.link-right--top {
  top: 10px;
}
.arbre-classique .branche-arbre-classique .generation-1 a.link-right--bottom {
  bottom: 10px;
}
.arbre-classique .branche-arbre-classique .generation-1 a + a:not([class]) {
  position: absolute;
  right: 10px;
  top: 10px;
}
.arbre-classique .branche-arbre-classique .generation-1.active {
  background: #2B2550;
}
.arbre-classique .branche-arbre-classique .generation-1.active a,
.arbre-classique .branche-arbre-classique .generation-1.active p {
  color: #fff;
}
.arbre-classique .branche-arbre-classique .generation-1.active a.link-right {
  color: #d5d8da;
}
.arbre-classique .branche-arbre-classique .generation-1.active a.link-right:hover {
  color: #fff;
}
.arbre-classique .branche-arbre-classique .generation-1.active a + a:not([class]) {
  color: #d5d8da;
}
.arbre-classique .branche-arbre-classique .generation-1.active > a {
  display: block;
}
.arbre-classique .branche-arbre-classique .generation-1.active .profil i {
  background: #2B2550 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  float: right;
  font-size: 14px;
  margin: -5px 0 0;
  padding: 3px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-1.active:hover a + a,
.arbre-classique .branche-arbre-classique .generation-1.active a + a:hover {
  color: #fff;
}
.arbre-classique .branche-arbre-classique .generation-1 .ajout {
  display: block;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.1;
  margin: 19px 0 32px 0;
  max-width: inherit;
  text-align: center;
}
.arbre-classique .branche-arbre-classique .generation-1 .ajout.femme {
  color: #ec7b7b;
}
.arbre-classique .branche-arbre-classique .generation-1 .ajout.homme {
  color: #66cccc;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu {
  border-left: 1px solid #d5d8da;
  border-right: 1px solid #d5d8da;
  border-bottom: 1px solid #d5d8da;
  padding: 9px 10px 6px 10px;
  background: #fff;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu:last-child {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil {
  float: left;
  height: 48px;
  margin: auto;
  width: 48px;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil.image img {
  height: 48px;
  width: 48px;
  border-width: 4px;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil.image img + i {
  margin: -17px 0 0;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 10px 0 0;
  text-align: center;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil i {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 14px;
  margin: -6px 0 0;
  padding: 3px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso {
  display: inline-block;
  margin: 0 0 0 6px;
  width: 71%;
  height: 55px;
  position: relative;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p {
  font-size: 12px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p:last-child {
  font-weight: normal;
  text-transform: none;
  font-style: normal;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p + p {
  font-weight: bold;
  text-transform: uppercase;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p + p + p {
  font-weight: inherit;
  font-style: italic;
  text-transform: none;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents {
  border: 1px dashed #ff5555;
  padding: 1.2rem 1.6rem;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents + .generation-0-individu {
  border-top: 1px solid #d5d8da;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents + .generation-0-individu.real-time-parents {
  border-top: 0px;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents .badge--hint {
  height: 12px;
}
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu:hover,
.arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu:hover i.material-icons {
  background: #F5F6FA;
}
.arbre-classique .branche-arbre-classique .generation-0 .ajout {
  border: 3px dashed #d5d8da;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 19px;
  text-align: center;
  font-size: 19px;
  background: #fff;
}
.arbre-classique .branche-arbre-classique .generation-0 .ajout:hover,
.arbre-classique .branche-arbre-classique .generation-0 .ajout:hover i.material-icons {
  background: #eeeff0;
}
.arbre-classique .branche-arbre-classique .generation-0 a {
  color: #333333;
  text-decoration: none;
  display: block;
}
.arbre-classique .branche-arbre-classique .generation-0 a .ajout {
  color: #757585;
}
.arbre-classique .branche-arbre-classique .generation-0.consultation > a {
  cursor: inherit;
}
.arbre-classique .branche-arbre-classique .generation-0.consultation .ajout {
  border: 1px solid #d5d8da;
  font-size: 16px;
  padding: 11px;
  pointer-events: none;
}
.arbre-classique .branche-arbre-classique .generation-2.active, .arbre-classique .branche-arbre-classique .generation-1.active {
  border: 1px solid #2B2550;
}
.arbre-classique .branche-arbre-classique .generation-2.active, .arbre-classique .branche-arbre-classique .generation-2.active > a,
.arbre-classique .branche-arbre-classique .generation-2.active .profil i,
.arbre-classique .branche-arbre-classique .generation-2.active .num-epoux, .arbre-classique .branche-arbre-classique .generation-1.active, .arbre-classique .branche-arbre-classique .generation-1.active > a,
.arbre-classique .branche-arbre-classique .generation-1.active .profil i,
.arbre-classique .branche-arbre-classique .generation-1.active .num-epoux {
  background-color: #2B2550;
  color: #fff;
}
.arbre-classique .branche-arbre-classique [class*=relation-].active,
.arbre-classique .branche-arbre-classique [class*=generation-0].active {
  border: 1px solid #2B2550;
  background-color: #2B2550;
}
.arbre-classique .branche-arbre-classique [class*=relation-].active, .arbre-classique .branche-arbre-classique [class*=relation-].active:hover, .arbre-classique .branche-arbre-classique [class*=relation-].active:hover .profil i, .arbre-classique .branche-arbre-classique [class*=relation-].active > a, .arbre-classique .branche-arbre-classique [class*=relation-].active > a:hover,
.arbre-classique .branche-arbre-classique [class*=relation-].active .profil i,
.arbre-classique .branche-arbre-classique [class*=relation-].active .num-epoux,
.arbre-classique .branche-arbre-classique [class*=generation-0].active,
.arbre-classique .branche-arbre-classique [class*=generation-0].active:hover,
.arbre-classique .branche-arbre-classique [class*=generation-0].active:hover .profil i,
.arbre-classique .branche-arbre-classique [class*=generation-0].active > a,
.arbre-classique .branche-arbre-classique [class*=generation-0].active > a:hover,
.arbre-classique .branche-arbre-classique [class*=generation-0].active .profil i,
.arbre-classique .branche-arbre-classique [class*=generation-0].active .num-epoux {
  background-color: #2B2550;
  color: #fff;
}
.arbre-classique .branche-arbre-classique [class*=relation-]:hover > .tag-label {
  display: none;
}
.arbre-classique .branche-arbre-classique div.col-lg-6 + div.col-lg-6 .dropdown .generation-1 .lien {
  background-color: #757585;
  top: 50%;
  height: 1px;
  width: 10px;
  transform: translateY(-50%);
  left: -10px;
}
.arbre-classique .branche-arbre-classique div.col-lg-6 + div.col-lg-6 .generation-1 .lien {
  height: 1px;
  width: 9px;
  position: absolute;
  left: -10px;
  background-color: #757585;
  top: 50%;
  transform: translateY(-50%);
}
.arbre-classique .branche-arbre-classique div.col-lg-6:first-child .generation-1 .lien {
  height: 1px;
  width: 9px;
  position: absolute;
  right: -9px;
  background-color: #757585;
  top: 50%;
  transform: translateY(-50%);
}
.arbre-classique .branche-arbre-classique .no-parent {
  opacity: 0.4;
  pointer-events: none;
}
.arbre-classique .branche-arbre-classique .inconnu-consult {
  opacity: 0.4;
  pointer-events: none;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 p.num-epoux {
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: inherit;
  bottom: 0;
  color: #757585;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 .num-conjoint {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 35%;
  left: -20px;
  font-size: 12px;
  position: absolute;
  color: #757585;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1:not(#selectedFamily) .num-conjoint {
  display: none;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso {
  width: 56%;
  height: 70px;
  display: inline-block;
  position: relative;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso p:nth-last-child(2) {
  font-weight: normal;
  text-transform: none;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  bottom: 100%;
  border: 1px solid #d5d8da;
  border-bottom: none;
  height: 23px;
  margin: 0;
  position: absolute;
  white-space: nowrap;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle--partner {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  left: 0;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle--partner::before {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d5d8da;
  top: 50%;
  right: 24px;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle span.text {
  color: #43C;
  font-weight: bold;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle i {
  color: #43C;
  font-size: 9px;
  padding: 0 3px 2px 10px;
}
.arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle i:last-child {
  padding: 0 2px 2px 10px;
}
.arbre-classique .branche-arbre-classique .dropdown-menu li .generation-1 {
  border: 0;
  border-bottom: 1px solid #dad9d4;
}
.arbre-classique .branche-arbre-classique .dropdown-menu li:last-child .generation-1 {
  border: 0;
}
.arbre-classique .branche-arbre-classique .dropdown-menu li:last-child a {
  padding: 0;
}
.arbre-classique .branche-arbre-classique .dropdown-menu li:nth-last-child(2) .generation-1 {
  border-bottom: 0;
}
.arbre-classique .branche-arbre-classique .dropdown-menu li .ajout:hover {
  background: rgba(213, 216, 218, 0.4);
}
.arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle {
  left: 0;
  min-width: 100%;
  padding: 0;
}
.arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle.mCustomScrollbar#partner-list {
  max-height: 412px;
}
.arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle.mCustomScrollbar#partner-list .mCSB_inside > .mCSB_container:not(.mCS_y_hidden) {
  margin-right: 9px;
}
.arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 {
  position: relative;
}
.arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .info-perso {
  width: 73%;
}
.arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .num-epoux {
  right: 12px;
}
.arbre-classique .branche-arbre-classique ul.dropdown-menu {
  border: inherit;
}
.arbre-classique .branche-arbre-classique ul.dropdown-menu li .ajout {
  background: #fff none repeat scroll 0 0;
  border: 3px dashed #dad9d4;
  border-radius: 3px 3px 0 0;
  font-size: 19px;
  padding: 19px;
  text-align: center;
  color: #757585;
}
@media (max-width: 650px) {
  .arbre-classique .branche-arbre-classique .profil {
    display: none;
  }
  .arbre-classique .branche-arbre-classique .info-perso {
    width: 100% !important;
    margin: 0 !important;
  }
}

.container.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu {
  padding: 0;
}
.container.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + .inconnu {
  padding: 0;
}
.container.arbre-classique .branche-arbre-classique .generation-2.inconnu {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.container.arbre-classique .branche-arbre-classique .generation-2.inconnu a {
  padding: 0;
}
.container.arbre-classique .branche-arbre-classique .generation-2 .ajout {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 71px;
}

.singlepagetree .icon-hint-container {
  isolation: initial;
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu {
    padding: 3px 5px 1px;
  }
  .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu {
    padding: 3px 5px 1px;
  }
}
@media screen and (min-width: 0\0 ) {
  .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu {
    padding: 4px 5px 1px;
  }
  .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu {
    padding: 3px 5px 1px;
  }
}
@media (max-width: 1200px) {
  /* ===================================================================================================================================================================
    ========================================================== ARBRE =================================================================================================
    ===================================================================================================================================================================
    ===================================================================================================================================================================
    ====================*/
  /* ======================================================================================================== DEBUT Menu arbre */
  .nav-arbre .nav li {
    padding: 7px 9px 10px;
  }
  .nav-arbre .nav li.recherche-arbre input {
    width: 254px;
  }
  .nav-arbre li a .icon-i-dossier-trombonne + text + span {
    display: none;
  }
  .nav-arbre li.recherche-arbre a .icon-i-loupe-gauche {
    font-size: 27px;
  }
  /* ======================================================================================================== DEBUT Fusion -- */
  /* Header fiche fusion : nom, photo, dates, père, mère, conjoint ... */
  .header-fusion .img-profil {
    height: 74px;
    width: 74px;
  }
  .header-fusion .img-profil i {
    font-size: 34px;
    height: 74px;
    width: 74px;
  }
  .header-fusion .img-profil img {
    height: 74px;
    width: 74px;
  }
  .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre-seul {
    width: 67% !important;
  }
  /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */
  /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */
  /* ========================================== SANS RESULTAT */
  .creation-arbre-resultat .astuce button + button {
    margin: 10px 0 0 0;
  }
  /* ========================================== SANS RESULTAT */
  .creation-arbre-resultat.aucun #completechamp button {
    margin: 0;
  }
  /* =========================================================== FIN Résultat recherche (arbre tunnel) -- */
  /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */
  /* ======================================================================================================== DEBUT Arbre en ligne -- */
  /*---------------------------------- Navigation dans les arbre */
  .reglage-arbre-lateral {
    top: 170px;
  }
  /*---------------------------------- Navigation classique */
  /*----- Onglets Evènements, Documents, Notes --- */
  /*--- Onglet Evènements --*/
  .arbre-classique .document-individu .timeline-title {
    width: 79%;
  }
  /* --- Onglet Documents -- */
  .classement-doc li {
    margin: 0 18px 0 0;
  }
  /* --- Branches -- */
  .arbre-classique .branche-arbre-classique .generation-3 li p {
    max-width: 63%;
  }
  .arbre-classique .branche-arbre-classique .generation-2 .info-perso {
    width: 50%;
  }
  .arbre-classique .branche-arbre-classique .generation-1 .info-perso {
    width: 57%;
  }
  .arbre-classique .branche-arbre-classique .generation-0 .ajout {
    padding: 19px 9px;
  }
  .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso {
    width: 63%;
  }
  .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso {
    width: 51%;
  }
  .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .info-perso {
    width: 66%;
  }
  /*---------------------------------- DEBUT Navigation ascendante */
  .arbre-ascendant .lien-generation .lien-vertical-gene1,
  .arbre-ascendant .lien-generation.gene-deux .lien-vertical,
  .arbre-ascendant .lien-generation.gene-trois .lien-vertical,
  .arbre-ascendant .lien-generation.gene-quatre .lien-vertical {
    margin-left: 12px;
  }
  .arbre-ascendant .bloc-membre .info-perso {
    width: 48%;
  }
  .arbre-ascendant .bloc-membre .info-perso p {
    max-width: 86%;
  }
  .arbre-ascendant .lien-generation i.lien-horizontal-1perso:before {
    width: 20px;
  }
  .arbre-ascendant .bloc-membre-couple li p {
    max-width: 68%;
  }
  .arbre-ascendant .bloc-membre-couple li i + span + p {
    width: 60%;
  }
  /* ======================================================================================================== FIN Arbre en ligne -- */
  /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */
  .invitations table.messagerie-table tr .pseudo-table {
    width: 32%;
  }
  .invitations table.messagerie-table tr .pseudo-table p {
    max-width: 210px;
  }
  /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom 

  /* ========================================================================================= DEBUT Liste des arbres */
  .liste-arbre .donnees-arbre p + a div.profil + div {
    width: 87%;
  }
  /* ========================================================================================= FIN Liste des arbres */
}
/* DESCENDING TREE */
#descendingTree .remonter-generation.hint--top {
  width: 33px;
  display: inline-block;
  text-align: center;
}
#descendingTree .remonter-generation.hint--top i {
  margin: 8px auto;
}

.arbre-ascendant div.top-hints {
  position: absolute;
  top: -2px;
  left: -10px;
  z-index: 1;
}
.arbre-ascendant .tree-rollover__btn {
  right: 0.4rem;
}
.arbre-ascendant .colonne-generation .avatar__initiale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.arbre-ascendant .colonne-generation .avatar__initiale .material-icons {
  font-size: 2rem;
}
.arbre-ascendant .colonne-generation.gene-six i.icon-i-hints-01 {
  color: #ff5555;
  position: absolute;
  left: -8px;
  top: -6px;
  font-size: 15px;
  z-index: 1;
}
.arbre-ascendant .colonne-generation.gene-six i.icon-i-plus {
  position: absolute;
  left: -2px;
  top: -4px;
  color: #fff;
  font-size: 6px;
  z-index: 2;
  -moz-transform: translateX(5%);
  -ms-transform: translateX(5%);
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}
.arbre-ascendant .colonne-generation.gene-six .top-hints {
  top: 5px;
  left: 3px;
}
.arbre-ascendant .colonne-generation.gene-six .top-hints i.icon-i-plus {
  top: -3px;
  left: -2px;
}
.arbre-ascendant .bloc-membre-couple li + script + li i.icon-i-hints-01 {
  top: -2px;
}
.arbre-ascendant .bloc-membre-couple li + script + li i.icon-i-plus {
  top: -1px;
}
.arbre-ascendant .bloc-membre-couple .tree-rollover__btn {
  right: 0.4rem;
}
.arbre-ascendant .bloc-membre-couple li:hover .tree-rollover__btn {
  display: block !important;
}
.arbre-ascendant .bloc-membre-couple li.active {
  border: 1px solid #2B2550;
}
.arbre-ascendant .bloc-membre-couple li.active a {
  color: #fff;
}
.arbre-ascendant .bloc-membre-couple li.active,
.arbre-ascendant .bloc-membre-couple li.active span.cercle .cercle__icon.material-icons {
  background-color: #2B2550 !important;
  color: #fff;
}
.arbre-ascendant .bloc-membre-couple .icon-hint-container {
  top: -4px;
  left: -4px;
}
.arbre-ascendant .bloc-membre-couple .icon-hint-corner {
  font-size: 1.4rem;
}
.arbre-ascendant .bloc-membre-couple .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary {
  top: -4px;
  left: 1px;
}
.arbre-ascendant .bloc-membre-couple .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary::before {
  width: 1.1rem;
  height: 1.1rem;
}
.arbre-ascendant .union {
  border-top: 1px solid #d5d8da;
}
.arbre-ascendant .union:last-child {
  border-bottom: 0;
}
.arbre-ascendant .union:last-child ul > li:last-child {
  border-bottom: 0;
}
.arbre-ascendant .union span.cercle {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0 4px 1px 5px;
  position: relative;
  border: 2px solid #8888ff;
  border-radius: 50%;
  color: #757585;
  font-size: 0.9rem;
}
.arbre-ascendant .union span.cercle.homme {
  border: 2px solid #66cccc;
}
.arbre-ascendant .union span.cercle.femme {
  border: 2px solid #ff8888;
}
.arbre-ascendant .union ul {
  margin: 0;
  clear: right;
}
.arbre-ascendant .union li {
  font-size: 11px;
  line-height: 13px;
  height: 2.9rem;
}
.arbre-ascendant .union li:hover {
  background-color: #F5F6FA;
}
.arbre-ascendant .union li:hover .tree-rollover__btn {
  display: block !important;
}
.arbre-ascendant .union li.active {
  background-color: #2B2550;
}
.arbre-ascendant .union li.active p {
  color: #fff;
}
.arbre-ascendant .union li.active .cercle {
  color: #d5d8da;
}
.arbre-ascendant .union li:first-child {
  border-bottom: 1px solid #d5d8da;
}
.arbre-ascendant .union li:not(:first-child) a {
  padding-left: 0.5rem;
}
.arbre-ascendant .union li a:not(.tree-rollover__btn) {
  height: 100%;
  padding-right: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.arbre-ascendant .union li a:not(.tree-rollover__btn) .cercle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.arbre-ascendant .union li a p {
  max-width: 70%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #333333;
}
.arbre-ascendant .union li a i.sosa {
  color: #757585;
  font-size: 8px;
  margin: 0 2px 0 0;
}
.arbre-ascendant .union li a .bold {
  margin-left: 0.1rem;
  text-transform: uppercase;
}
.arbre-ascendant .union li a + i {
  color: #333333;
  font-size: 10px;
  margin: 3px 0 0 6px;
  vertical-align: top;
}
.arbre-ascendant .union a:hover {
  text-decoration: none;
}
.arbre-ascendant .union .tree-rollover__btn {
  bottom: 0.3rem;
}
.arbre-ascendant li.position-relative:hover .tag-label {
  display: none;
}
.arbre-ascendant .icon-hint-corner {
  font-size: 1.8rem;
}
.arbre-ascendant .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary {
  top: -5px;
  left: 2px;
}
.arbre-ascendant .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary::before {
  width: 1.4rem;
  height: 1.4rem;
}

@media (max-width: 992px) {
  #newlayouttree.ascendantThree {
    overflow: scroll;
    position: relative;
  }
}
#newlayouttree.ascendantThree #overscroll {
  padding: 0;
  margin: 0;
  overflow: scroll;
}
#newlayouttree.ascendantThree .container.arbre-ascendant #ascendingTree {
  min-width: 993px;
}

#ascendingTree {
  user-select: none;
}

@media (max-width: 992px) {
  .arbre-ascendant .bloc-membre-couple li p {
    max-width: 57%;
  }
  .arbre-ascendant .lien-generation .lien-vertical-gene1,
  .arbre-ascendant .lien-generation.gene-deux .lien-vertical,
  .arbre-ascendant .lien-generation.gene-trois .lien-vertical,
  .arbre-ascendant .lien-generation.gene-quatre .lien-vertical {
    margin-left: 9px;
  }
  .arbre-ascendant .lien-generation i.lien-horizontal-2perso:before,
  .arbre-ascendant .lien-generation i.lien-horizontal-2perso:after {
    width: 5px;
  }
  .arbre-ascendant .colonne-generation {
    width: 12.5%;
  }
}
.tag-v2 {
  background-color: #464086;
  border-radius: 0 4px 4px 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  line-height: 24px;
  margin: 0 1.9rem 0.75rem 0;
  padding: 0 0.75rem 0 1.25rem;
  position: relative;
}
.tag-v2.real-time-parents {
  background-color: transparent;
  color: #333333;
  position: relative;
}
.tag-v2:last-child {
  margin-right: 0;
}
.tag-v2::after {
  width: 3px;
  height: 100%;
  display: block;
  position: absolute;
  content: "•";
  background-color: #464086;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  top: 0;
}
.tag-v2__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  padding-left: 1.5rem;
}
.tag-v2__row--popup {
  margin: 10px 15px 0;
}
.tag-v2__row--popup .dropdown-toggle {
  background-color: inherit;
  border: none;
  margin-left: -1.5rem;
}
.tag-v2__row--popup .dropdown-toggle i {
  color: #43C;
  font-size: 16px;
  vertical-align: bottom;
}
.tag-v2__row--popup li:first-child .dropdown .dropdown-toggle {
  margin-left: 0;
}
.modal-body .mCSB_container .tag-v2__row {
  padding-right: 0.5rem;
}
.tag-v2__label-filter {
  color: #fff;
  cursor: pointer;
  padding-left: 3rem;
  position: relative;
  user-select: none;
}
.tag-v2__label-filter::before {
  display: block;
  position: absolute;
  content: "local_offer";
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-family: "Material Icons";
  font-size: 18px;
  left: 0;
  top: 50%;
}
.tag-v2__label-filter + .tag-v2__row {
  display: none;
}
.tag-v2__label-filter--opened::before {
  content: "clear";
}
.tag-v2__label-filter--opened + .tag-v2__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.tag-v2 .content {
  position: absolute;
  right: 0.75rem;
  top: -1px;
  user-select: none;
}
.tag-v2 .triangle {
  width: 15px;
  height: 15px;
  background-color: #464086;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, 22%) rotate(45deg);
}
.tag-v2 .triangle .back {
  border-width: 5px;
}
.tag-v2 .back,
.tag-v2 .front {
  border-radius: 0 4px 4px 0;
}
.tag-v2 .back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 5px dashed #43C;
}
.tag-v2.real-time-parents .back {
  background-color: #fff;
  border: 1px dashed #ff5555;
}
.tag-v2.real-time-parents .front {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}
.tag-v2.real-time-parents .content {
  color: #667788;
  font-weight: 700;
}
.tag-v2.real-time-parents:hover .back {
  border: 1px solid #ff5555;
}
.tag-v2 .front {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #fff;
}
.tag-v2--todo, .tag-v2--verified, .tag-v2--selected.tag-v2--bordered {
  padding: 0 2.75rem 0 1.25rem;
}
.tag-v2--todo::before, .tag-v2--verified::before, .tag-v2--selected.tag-v2--bordered::before {
  display: block;
  position: absolute;
  content: "";
  font-family: "Material Icons";
  font-size: 14px;
  line-height: 22px;
  right: 0.5rem;
  top: 0;
}
.tag-v2--todo .content, .tag-v2--verified .content, .tag-v2--selected.tag-v2--bordered .content {
  right: 2.75rem;
}
.tag-v2--todo.tag-v2--no-end-icon, .tag-v2--verified.tag-v2--no-end-icon, .tag-v2--selected.tag-v2--bordered.tag-v2--no-end-icon {
  padding: 0 1.25rem 0 0.75rem;
}
.tag-v2--todo.tag-v2--no-end-icon .content, .tag-v2--verified.tag-v2--no-end-icon .content, .tag-v2--selected.tag-v2--bordered.tag-v2--no-end-icon .content {
  right: 0.75rem;
}
.tag-v2--todo.tag-v2--no-end-icon::before, .tag-v2--verified.tag-v2--no-end-icon::before, .tag-v2--selected.tag-v2--bordered.tag-v2--no-end-icon::before {
  content: none;
}
.tag-v2--todo {
  background-color: #FFCC66;
  color: #63512a;
  pointer-events: none;
}
.tag-v2--todo::before {
  content: "clear";
  cursor: pointer;
  pointer-events: all;
}
.tag-v2--todo::after {
  background-color: #FFCC66;
}
.tag-v2--todo .triangle {
  background-color: #FFCC66;
}
.tag-v2--todo.complete-search {
  background-color: #77EECC;
}
.tag-v2--todo.complete-search, .tag-v2--todo.complete-search .content, .tag-v2--todo.complete-search > a:link, .tag-v2--todo.complete-search > a:visited, .tag-v2--todo.complete-search > a:hover, .tag-v2--todo.complete-search > a:active {
  color: #316255;
}
.tag-v2--todo.complete-search::after {
  background-color: #77EECC;
}
.tag-v2--todo.complete-search .triangle {
  background-color: #77EECC;
}
.tag-v2--todo.more-infos {
  background-color: #CCCCEE;
}
.tag-v2--todo.more-infos, .tag-v2--todo.more-infos .content, .tag-v2--todo.more-infos > a:link, .tag-v2--todo.more-infos > a:visited, .tag-v2--todo.more-infos > a:hover, .tag-v2--todo.more-infos > a:active {
  color: #54545f;
}
.tag-v2--todo.more-infos::after {
  background-color: #CCCCEE;
}
.tag-v2--todo.more-infos .triangle {
  background-color: #CCCCEE;
}
.tag-v2--white, .tag-v2--white::after, .tag-v2--white .triangle {
  background-color: #fff;
  color: #54545f;
}
.tag-v2--white, .tag-v2--white .triangle {
  border: 1px solid #d5d8da;
}
.tag-v2--white .triangle {
  width: 16px;
  height: 16px;
  border-right: none;
  border-top: none;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.tag-v2--verified {
  background-color: #77EECC;
}
.tag-v2--verified, .tag-v2--verified .content, .tag-v2--verified > a:link, .tag-v2--verified > a:visited, .tag-v2--verified > a:hover, .tag-v2--verified > a:active {
  color: #316255;
}
.tag-v2--verified::before {
  content: "done";
}
.tag-v2--verified::after {
  background-color: #77EECC;
}
.tag-v2--verified .triangle {
  background-color: #77EECC;
}
.tag-v2--document {
  background-color: #CCCCEE;
}
.tag-v2--document, .tag-v2--document .content, .tag-v2--document > a:link, .tag-v2--document > a:visited, .tag-v2--document > a:hover, .tag-v2--document > a:active {
  color: #54545f;
}
.tag-v2--document::after {
  background-color: #CCCCEE;
}
.tag-v2--document .triangle {
  background-color: #CCCCEE;
}
.tag-v2--dashed .triangle .back,
.tag-v2--dashed .triangle .front, .tag-v2--bordered .triangle .back,
.tag-v2--bordered .triangle .front {
  border-radius: 0;
}
.tag-v2--dashed {
  background-color: #fff;
  color: #43C;
  height: 22px;
}
.tag-v2--dashed::after {
  background-color: #fff;
  content: "+";
}
.tag-v2--dashed .triangle {
  background-color: #fff;
}
.tag-v2--dashed + .dropdown-menu {
  left: -12px !important;
}
.tag-v2--bordered {
  cursor: pointer;
  color: #fff;
  padding: 0 1.25rem 0 0.75rem;
}
.tag-v2--bordered::before {
  content: none;
}
.tag-v2--bordered .content {
  right: 0.75rem;
}
.tag-v2--bordered::after {
  background: none;
}
.tag-v2--bordered .back {
  border-style: solid;
  border-color: #fff;
}
.tag-v2--bordered .front {
  background-color: #2B2550;
}
.tag-v2--bordered .triangle .front {
  top: 0;
  right: 0;
}
.tag-v2--bordered > .back {
  border-left: none;
  border-width: 1px;
}
.tag-v2--bordered.tag-v2--selected::before {
  content: "clear";
  color: #b9b9b9;
  z-index: 1;
}
.tag-v2--bordered.tag-v2--selected, .tag-v2--bordered.tag-v2--selected::before, .tag-v2--bordered.tag-v2--selected::after {
  color: #556677;
}
.tag-v2--bordered.tag-v2--selected .front,
.tag-v2--bordered.tag-v2--selected .back {
  background-color: #fff;
}
.tag-v2--square {
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
  height: 24px;
  margin-right: 5px;
  padding-right: 1.75rem;
}
.tag-v2--square::after {
  background-color: transparent;
  left: 8px;
  line-height: 22px;
}
.tag-v2--square .back {
  border-width: 6px;
  border-radius: 0;
}
.tag-v2--square .front {
  border-radius: 0;
}
.tag-v2--square.tag-v2--add-relation {
  font-size: 16px;
  height: 56px;
  margin-bottom: 0.5rem;
  width: 100%;
}
.tag-v2--square.tag-v2--add-relation.family-circle__member--child {
  width: calc(100% - 17px);
}
.tag-v2--square.tag-v2--add-relation .content {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16px;
  right: inherit;
  top: 50%;
}
.tag-v2--square.tag-v2--add-relation .back,
.tag-v2--square.tag-v2--add-relation .front {
  border-radius: 4px;
}
.tag-v2--square.tag-v2--add-relation .front {
  background-color: #f7f7fc;
}
.tag-v2--square.tag-v2--add-relation:last-child {
  margin-bottom: 0;
}
.tag-v2--square.tag-v2--add-relation:last-child.real-time-parents {
  margin-top: 1rem;
}
.tag-v2--square.tag-v2--add-relation:last-child.family-circle__member {
  margin-bottom: 5px;
}
.tag-v2--square.tag-v2--add-relation:hover .front {
  background-color: #fff;
}
.tag-v2--square.tag-v2--add-relation::after {
  content: none;
}
.tag-v2--square.tag-v2--add-relation.real-time-parents .front,
.tag-v2--square.tag-v2--add-relation.real-time-parents .back {
  border-radius: 3px;
}
.tag-v2--square.tag-v2--add-relation.real-time-parents .front {
  padding-right: 30px;
  background-color: #fff;
}
.tag-v2--square.tag-v2--add-relation.real-time-parents .front::before {
  display: block;
  position: absolute;
  content: "󦜒";
  color: #ff5555;
  font-family: "icomoon";
  font-size: 2.4rem;
  font-weight: 700;
  top: 50%;
}
.tag-v2--square.tag-v2--add-relation.real-time-parents .front::before {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
}
.tag-v2--square.tag-v2--add-relation.real-time-parents .content {
  padding-right: 32px;
}
.tag-v2--add-member {
  background-color: #f7f7fc;
  border-color: transparent;
}
.tag-v2--add-member .front {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 5px 1.25rem;
}
.tag-v2--add-member .front .unknown {
  color: #757585;
  font-weight: bold;
  margin: 0 0 0 16px;
}
.tag-v2 .dropdown .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.tag-v2 .ghost {
  visibility: hidden;
}

.tag-label {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  cursor: default;
  position: absolute;
  top: -1px;
  right: -1px;
}
.tag-label, .tag-label::before {
  background-color: #FFCC66;
}
.tag-label::before {
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 1px;
  top: 50%;
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.tag-label--completed, .tag-label--completed::before {
  background-color: #77EECC;
}
.individu-connu .tag-label {
  top: -2px;
  right: -2px;
}

/* INDIVIDUAL SHEET */
#individualSheet {
  overflow: initial;
}

.individual-sheet {
  margin-bottom: 3rem;
}
.individual-sheet .tab-information-link .badge.badge-hints {
  background-color: #ff5555;
}
.individual-sheet .box {
  background-color: #F5F6FA;
  border-radius: 4px;
  padding: 1rem 1.5rem;
}
.individual-sheet .box--square {
  border-radius: 0;
}
.individual-sheet .box--word-break {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.individual-sheet .header {
  margin: 0;
  padding: 0 15px;
}
.individual-sheet .header__nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #363066;
  border-radius: 20px 20px 0 0;
  padding: 0;
}
.individual-sheet .header__list {
  margin-bottom: 0;
}
.individual-sheet .header__link, .individual-sheet .header__icon {
  color: #fff;
}
.individual-sheet .header__link {
  display: inline-block;
  height: 25px;
  text-align: center;
}
.individual-sheet .header__link:hover {
  color: #363066;
  text-decoration: none;
}
.individual-sheet .header__item {
  cursor: pointer;
  display: inline-block;
  padding: 8px 10px;
}
.individual-sheet .header__item.header__item--menu:hover {
  background-color: #2B2550;
}
.individual-sheet .header__item.header__item--menu:hover .header__link--menu,
.individual-sheet .header__item.header__item--menu:hover .header__icon--menu {
  color: #fff;
}
.individual-sheet .header__item.header__item--menu:hover .dropdown-item:hover {
  background-color: #fff;
}
.individual-sheet .header__item.header__item--menu:hover .dropdown-item:hover .header__link {
  color: #333333;
}
.individual-sheet .header__item.header__item--menu:hover .dropdown-item:hover .header__link:hover {
  color: #ff5555;
}
.individual-sheet .header__item.dropdown-item {
  padding: 2px 5px;
}
.individual-sheet .header__item.dropdown-item:first-child {
  border-radius: 4px 4px 0 0;
}
.individual-sheet .header__item.dropdown-item:last-child {
  border-radius: 0 0 4px 4px;
}
.individual-sheet .header__item--left {
  border-top-left-radius: 20px;
}
.individual-sheet .header__item--right {
  margin-left: auto;
  border-top-right-radius: 20px;
}
.individual-sheet .header__icon {
  font-size: 20px;
  margin: 0 0 4px 0;
  vertical-align: middle;
}
.individual-sheet .header__icon.material-icons {
  font-size: 26px;
}
.individual-sheet .header__label {
  display: inline-block;
  font-size: 14px;
  margin: 3px 0 0 7px;
}
.individual-sheet .header__switch {
  display: none;
}
.individual-sheet .header__tag-list {
  margin-top: 1.5rem;
  padding-left: 1.5rem;
}
.individual-sheet .header__tag-list .dropdown-toggle {
  background-color: #2B2550;
  border: none;
  margin-left: -1.5rem;
}
.individual-sheet .header__tag-list .dropdown-toggle i {
  vertical-align: bottom;
  font-size: 16px;
}
.individual-sheet .header__tag-list .dropdown-toggle--white {
  background-color: #fff;
}
.individual-sheet .header__tag-list .dropdown-toggle--white i {
  color: #43C;
}
.individual-sheet .header-infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #2B2550;
  color: #fff;
  padding: 15px 0;
}
.individual-sheet .header-infos__title {
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  margin-right: 0.5rem;
}
.individual-sheet .header-infos__title:hover {
  text-decoration: underline;
}
.individual-sheet .header-infos__nickname {
  font-size: 20px;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 5px;
}
.individual-sheet .header-infos__life-death {
  font-size: 18px;
  line-height: 24px;
}
.individual-sheet .header-infos__life-death:not(:last-child) {
  margin-right: 1.5rem;
}
.individual-sheet .header-infos__container-avatar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.individual-sheet .header-infos__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 479px) {
  .individual-sheet .header {
    margin-top: 2.5rem;
  }
}
.individual-sheet .nav__list .nav__item.active {
  border-bottom-color: #8888ff;
}
.individual-sheet .nav__list .nav__item.active .pill {
  border-color: #8888ff;
  background-color: #fff;
}
.individual-sheet .nav__list--men .nav__item.active {
  border-bottom-color: #66cccc;
}
.individual-sheet .nav__list--men .nav__item.active .pill {
  border-color: #66cccc;
}
.individual-sheet .nav__list--women .nav__item.active {
  border-bottom-color: #ff8888;
}
.individual-sheet .nav__list--women .nav__item.active .pill {
  border-color: #ff8888;
}
.individual-sheet .nav__item {
  border-bottom: 3px solid transparent;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.individual-sheet .nav__item.active .nav__link {
  color: #2B2550;
}
.individual-sheet .nav__item.active .nav__link:hover {
  text-decoration: none;
}
.individual-sheet .nav__item.active .pill {
  color: #333333;
}
.individual-sheet .nav__link {
  padding: 10px;
}
.individual-sheet .nav__link:hover {
  background-color: inherit;
  text-decoration: underline;
}
.individual-sheet .nav__link:active {
  text-decoration: none;
}
.individual-sheet .nav__link:focus {
  color: #2B2550;
}
.individual-sheet .nav .pill {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #43C;
  border: 2px solid #43C;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.5rem;
  padding: 4px 8px;
}
.individual-sheet .timeline-v2 {
  --gap-left: 5.5rem;
  margin-top: 0.5rem;
}
.individual-sheet .timeline-v2__event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2rem;
  position: relative;
}
.individual-sheet .timeline-v2__event:not(:last-child)::before {
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  content: "";
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 1px solid #8888ff;
  bottom: 0;
  left: var(--gap-left);
  top: 1rem;
}
.individual-sheet .timeline-v2__event--dotted:not(:last-child)::before {
  border-left: 2px dotted;
}
.individual-sheet .timeline-v2__event--private .timeline-v2__date::before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  content: "+";
  font-weight: bold;
}
.individual-sheet .timeline-v2__thumbnail {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #757585 none repeat scroll 0 0;
  border: 3px solid #fff;
  color: #FFF;
  font-size: 30px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.individual-sheet .timeline-v2__thumbnail-container {
  position: relative;
  margin-left: 1rem;
}
.individual-sheet .timeline-v2__thumbnail + .badge {
  margin-left: 0.5rem;
}
.individual-sheet .timeline-v2__thumbnail--hint, .individual-sheet .timeline-v2__thumbnail--hints {
  background-color: #fff;
  border: 1px dashed #ff5555;
  margin-left: 1rem;
  margin-top: 3px;
  position: relative;
}
.individual-sheet .timeline-v2__thumbnail--hint::before, .individual-sheet .timeline-v2__thumbnail--hints::before {
  display: block;
  position: absolute;
  content: "󦜒";
  color: #ff5555;
  font-family: "icomoon";
  font-size: 2.4rem;
  font-weight: 700;
  top: 50%;
}
.individual-sheet .timeline-v2__thumbnail--hint::before, .individual-sheet .timeline-v2__thumbnail--hints::before {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
}
.individual-sheet .timeline-v2__thumbnail--hint:hover, .individual-sheet .timeline-v2__thumbnail--hints:hover {
  border: 1px solid #ff5555;
}
.individual-sheet .timeline-v2__thumbnail--hint {
  width: 66px;
  height: 66px;
}
.individual-sheet .timeline-v2__thumbnail--hints {
  width: 61px;
  height: 61px;
  margin-right: 6px;
}
.individual-sheet .timeline-v2__thumbnail--hints::after {
  display: block;
  position: absolute;
  content: "";
  width: 61px;
  height: 61px;
  -moz-transform: translate(4px, 4px);
  -ms-transform: translate(4px, 4px);
  -webkit-transform: translate(4px, 4px);
  transform: translate(4px, 4px);
  background-color: #fff;
  border: 1px dashed #ff5555;
  left: 0;
  top: 0;
  z-index: -1;
}
.individual-sheet .timeline-v2__thumbnail--hints:hover::after {
  border: 1px solid #ff5555;
}
.individual-sheet .timeline-v2__date {
  color: #556677;
  padding-right: calc(var(--gap-left) - 1.5rem);
  padding-top: 1rem;
  position: relative;
}
.individual-sheet .timeline-v2__date::before {
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  content: "";
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  background-color: #8888ff;
  border-color: #8888ff;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  bottom: 0;
  left: var(--gap-left);
  top: 1rem;
}
.individual-sheet .timeline-v2__date--other {
  padding-top: 0;
}
.individual-sheet .timeline-v2__date--other::before {
  background-color: #fff !important;
  top: 0;
}
.individual-sheet .timeline-v2__date--other + .timeline-v2__panel {
  background-color: #fff;
  padding: 0 1.5rem;
}
.individual-sheet .timeline-v2__date--other + .timeline-v2__panel p:last-child {
  margin-bottom: 0;
}
.individual-sheet .timeline-v2__date--other + .timeline-v2__panel .timeline-v2__title,
.individual-sheet .timeline-v2__date--other + .timeline-v2__panel .test {
  color: #556677;
  font-style: italic;
}
.individual-sheet .timeline-v2__date--other + .timeline-v2__panel .timeline-v2__title a,
.individual-sheet .timeline-v2__date--other + .timeline-v2__panel .test a {
  font-weight: normal;
}
.individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed, .individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed::after,
.individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed .triangle,
.individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed .back,
.individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed .front {
  background-color: #f7f7fc;
}
.individual-sheet .timeline-v2__year {
  font-weight: bold;
  font-size: 14px;
  min-width: 4rem;
}
.individual-sheet .timeline-v2__year > .material-icons {
  font-size: 20px;
}
.individual-sheet .timeline-v2__age {
  font-size: 12px;
}
.individual-sheet .timeline-v2__title {
  display: inline;
  font-size: 16px;
  font-weight: bold;
}
.individual-sheet .timeline-v2__title span:hover {
  text-decoration: underline;
  cursor: pointer;
}
.individual-sheet .timeline-v2__panel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.individual-sheet .timeline-v2__panel--hint {
  background-color: #fff;
  border: 1px dashed #ff5555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  color: #667788;
  padding: 1rem 1rem 0.75rem 1rem !important;
  position: relative;
  min-height: 54px;
}
.individual-sheet .timeline-v2__panel--hint:hover {
  border: 1px solid #ff5555;
}
.individual-sheet .timeline-v2__panel--hint::before {
  right: calc(64px / 2 + 2px);
}
.individual-sheet .timeline-v2__panel--hint.min-height {
  min-height: 87.5px;
}
.individual-sheet .timeline-v2__panel--hint.min-height.with-img {
  padding-right: 1rem !important;
}
.individual-sheet .timeline-v2__panel--hint.min-height.with-img .content {
  margin-top: 1.2rem;
  margin-right: 0.8rem;
}
.individual-sheet .timeline-v2__panel--hint.min-height.with-img::before {
  content: "";
}
.individual-sheet .timeline-v2__panel--hint .timeline-v2__title {
  color: inherit;
}
.individual-sheet .timeline-v2__panel--hint.with-img .content,
.individual-sheet .timeline-v2__panel--hint.with-img .timeline-v2__thumbnail-container {
  margin-top: 0.8rem;
}
.individual-sheet .timeline-v2__panel--hint.with-img .content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.individual-sheet .timeline-v2__panel--hint.with-img .timeline-v2__thumbnail-container {
  margin-right: 3rem;
}
.individual-sheet .timeline-v2__panel--hints {
  --gap-hints: 10px;
  margin-right: var(--gap-hints);
  margin-bottom: var(--gap-hints);
}
.individual-sheet .timeline-v2__panel--hints::before {
  right: 53px;
}
.individual-sheet .timeline-v2__panel--hints::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  -moz-transform: translate(var(--gap-hints), var(--gap-hints));
  -ms-transform: translate(var(--gap-hints), var(--gap-hints));
  -webkit-transform: translate(var(--gap-hints), var(--gap-hints));
  transform: translate(var(--gap-hints), var(--gap-hints));
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px dashed #ff5555;
  border-radius: 4px;
  z-index: -1;
}
.individual-sheet .timeline-v2__panel--hints:hover::after {
  border-style: solid;
}
.individual-sheet .timeline-v2__panel--hints .badge--hint {
  right: 3rem;
}
.individual-sheet .timeline-v2__panel--hints.min-height.with-img .timeline-v2__thumbnail {
  margin: 1rem 2.2rem 0 auto;
}
.individual-sheet .timeline-v2__panel.box {
  padding-bottom: 0.2rem;
}
.individual-sheet .timeline-v2__panel .dropdown-tag-v2 > .dropdown-toggle {
  background-color: inherit;
  border: none;
  margin-left: -1.5rem;
}
.individual-sheet .timeline-v2__panel .dropdown-tag-v2 > .dropdown-toggle i {
  color: #43C;
  font-size: 16px;
  vertical-align: bottom;
}
.individual-sheet .timeline-v2__panel .button-edit {
  padding-right: 0;
  margin-right: -0.5rem;
}
.individual-sheet .timeline-v2__panel .button-edit:hover {
  opacity: 0.8;
}
.individual-sheet .timeline-v2__panel p {
  margin-bottom: 2px;
  word-break: break-word;
}
.individual-sheet .timeline-v2__panel .search-result .query-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #ff5555;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 7px;
  padding: 6px 10px 7px 9px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
  -webkit-transform: translateY(-65%);
  transform: translateY(-65%);
  right: 4rem;
}
.individual-sheet .timeline-v2__panel .search-result .query-result.with-chevron {
  padding-right: 0.2rem;
}
.individual-sheet .timeline-v2__panel .search-result .query-result .material-icons-chevron {
  font-size: 1.6rem;
  line-height: inherit;
}
.individual-sheet .timeline-v2__panel .search-result .query-result:hover, .individual-sheet .timeline-v2__panel .search-result .query-result.active {
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .arbre-classique .individual-sheet .timeline-v2__panel .search-result .query-result {
    right: calc(37px + 64px / 2);
  }
}
.individual-sheet .timeline-v2__panel .real-time-image span {
  background-color: #fff;
  border: 1px dashed #ff5555;
  margin: 0.3rem 0 0 1rem;
  position: relative;
}
.individual-sheet .timeline-v2__panel .real-time-image span:hover {
  border: 1px solid #ff5555;
}
.individual-sheet .timeline-v2__panel .real-time-image span img {
  margin-left: 0;
  box-shadow: none;
}
.individual-sheet .timeline-v2__dropdown-button {
  background-color: inherit;
  border: none;
  color: #43C;
}
.individual-sheet .timeline-v2__container-images {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  right: 3.2rem;
  margin-right: 2.3rem;
  z-index: 0;
}
.individual-sheet .timeline-v2__container-images > * {
  position: absolute !important;
  margin: 0 !important;
  width: 4.8rem;
  height: 4.8rem;
}
.individual-sheet .timeline-v2__container-images > *:first-child {
  top: 0;
  left: 0;
}
.individual-sheet .timeline-v2__container-images > *:first-child img {
  width: calc(4.8rem - 2px);
  height: calc(4.8rem - 2px);
}
.individual-sheet .timeline-v2--men .timeline-v2__event:not(:last-child)::before {
  border-color: #66cccc;
}
.individual-sheet .timeline-v2--men .timeline-v2__date::before {
  background-color: #66cccc;
  border-color: #66cccc;
  color: #66cccc;
}
.individual-sheet .timeline-v2--women .timeline-v2__event:not(:last-child)::before {
  border-color: #ff8888;
}
.individual-sheet .timeline-v2--women .timeline-v2__date::before {
  background-color: #ff8888;
  border-color: #ff8888;
  color: #ff8888;
}
.individual-sheet .timeline-v2 .dropdown-menu li > a:hover, .individual-sheet .timeline-v2 .dropdown-menu li > a:focus, .individual-sheet .timeline-v2 .dropdown-menu li > a:active {
  font-weight: normal;
}
.individual-sheet .timeline-v2 .dropdown-menu li > a i.caret-mui::before {
  content: "keyboard_arrow_up";
  color: #333;
}
.individual-sheet .timeline-v2 .dropdown-menu li > a.collapsed i.caret-mui::before {
  content: "keyboard_arrow_down";
}
.individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink {
  padding-left: 8px;
}
.individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink:hover, .individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink:focus, .individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink:active {
  color: #ff5555;
  text-decoration: none;
}
.individual-sheet .timeline-v2 .dropdown-menu li.dropdown-subitem {
  border-bottom: none;
}
.individual-sheet .documents__tab {
  margin: 20px 0 15px 0;
  position: relative;
  z-index: 1;
}
.individual-sheet .documents__tab li {
  display: inline;
  margin: 0;
  font-size: 1.3rem;
}
.individual-sheet .documents__tab li.li--filter {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
}
.individual-sheet .documents__tab li:first-child {
  margin: 0 15px 0 0;
  font-weight: bold;
}
.individual-sheet .documents__tab li i {
  font-size: 24px;
}
.individual-sheet .documents__tab li i.icon--arrow {
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.individual-sheet .documents__tab li a {
  text-decoration: none;
}
.individual-sheet .documents__tab li .dropdown-menu > li > a {
  padding: 5px 9px;
}
.individual-sheet .documents__tab li ul.dropdown-menu li {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  width: 100%;
}
.individual-sheet .documents__tab li ul.dropdown-menu li a:hover {
  background: #d5d8da;
  color: #333333;
}
.individual-sheet .documents__list .documents__item {
  min-height: 80px;
}
.individual-sheet .documents__list .documents__item:last-child {
  border-bottom: 0;
}
.individual-sheet .documents__list .documents__item p {
  margin: 0;
}
.individual-sheet .documents__list .documents__item a.edit-link {
  float: right;
  margin: 0 0 0 18px;
  visibility: inherit;
}
.individual-sheet .documents__list .documents__item a:hover {
  text-decoration: none;
}
.individual-sheet .documents__list .documents__item a:hover h3 {
  text-decoration: underline;
}
.individual-sheet .documents__list .documents__thumbnail:not(.icon--edit) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #fff;
  color: #999999;
  float: left;
  font-size: 30px;
  margin-right: 10px;
}
.individual-sheet .documents__list .documents__thumbnail:not(.icon--edit).icon-i-family-view {
  font-size: 24px;
}
.individual-sheet .documents__list .documents__thumbnail:not(.icon--edit).icon-note:before {
  content: "\e616";
  font-family: "icomoon", sans-serif !important;
}
.individual-sheet .documents__list h3 {
  margin: 0 0 5px 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #43C;
  overflow: hidden;
  word-break: break-word;
}
.individual-sheet .documents__list p {
  font-size: 1.2rem;
  color: #2B2550;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
}
.individual-sheet .row-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.individual-sheet .row-wrap .tag-v2--square:not(:last-child) {
  margin-right: 0.75rem;
}
@media screen and (min-width: 400px) {
  .individual-sheet .row-wrap {
    margin-left: 8rem;
  }
}
.individual-sheet .family-circle__title {
  color: #2B2550;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0 6px 0;
}
.individual-sheet .family-circle__title a {
  font-size: 13px;
  float: right;
  margin: -6px 0 0;
  padding: 6px 9px;
}
.individual-sheet .family-circle__title a:hover {
  opacity: 0.8;
  color: #43C;
}
.individual-sheet .family-circle__title a i {
  font-size: 23px;
  margin: 0 0 2px 0;
  vertical-align: middle;
}
.individual-sheet .family-circle__relation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #43C;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.individual-sheet .family-circle__relation--empty {
  cursor: default;
  opacity: 0.4;
}
.individual-sheet .family-circle__add-box {
  cursor: pointer;
}
.individual-sheet .family-circle .caret-mui {
  margin-bottom: -2px;
  position: relative;
}
.individual-sheet .family-circle .caret-mui:before {
  content: "keyboard_arrow_down";
}
.individual-sheet .family-circle .collapsed .caret-mui::before {
  content: "keyboard_arrow_right";
}
.individual-sheet .family-circle__member {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border: 1px solid #d5d8da;
  border-radius: 3px;
  padding: 5px 5px 3px 5px;
  position: relative;
  margin: 0 0 10px 0;
}
.individual-sheet .family-circle__member:hover {
  border-color: #333333;
}
.individual-sheet .family-circle__member--child {
  margin: -2px 0 10px 17px;
}
.individual-sheet .family-circle__member--child.real-time-parents {
  margin-bottom: 5px;
  margin-top: 6px;
}
.individual-sheet .family-circle__member--add {
  background-color: #f7f7fc;
}
.individual-sheet .family-circle__member--add, .individual-sheet .family-circle__member--add:hover {
  border-color: transparent;
}
.individual-sheet .family-circle__member--unknown {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.individual-sheet .family-circle__member--hint {
  background-color: #fff;
  border: 1px dashed #ff5555;
  padding-right: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #556677;
  margin-top: 1.5rem;
  min-height: 5rem;
  padding-left: 1rem;
}
.individual-sheet .family-circle__member--hint:hover {
  border: 1px solid #ff5555;
}
.individual-sheet .family-circle__member--hint::before {
  display: block;
  position: absolute;
  content: "󦜒";
  color: #ff5555;
  font-family: "icomoon";
  font-size: 2.4rem;
  font-weight: 700;
  top: 50%;
}
.individual-sheet .family-circle__member--hint::before {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
}
.individual-sheet .family-circle__member .consistency__notification {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 1;
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.individual-sheet .family-circle__member .icon-hint-container {
  left: -1px;
  z-index: 1;
}
.individual-sheet .family-circle__member .family-circle__text {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  margin: 0 0 0 8px;
  text-overflow: ellipsis;
}
.individual-sheet .family-circle__member .family-circle__text span {
  display: block;
  color: #757585;
  font-size: 13px;
}
.individual-sheet .family-circle__member .family-circle__text a {
  color: #445599;
  display: inline-block;
  margin: 7px 0 0 0;
}
.individual-sheet .family-circle__member .family-circle__text a:hover {
  text-decoration: underline;
}
.individual-sheet .family-circle__num-epoux {
  font-size: 12px;
  color: #757585;
  float: right;
  margin-left: auto;
  padding: 2rem 0 0 0.5rem;
}
.individual-sheet .family-circle__outer-circle a {
  border-top: 1px solid #fff;
  padding: 15px 0 10px;
}
.individual-sheet .family-circle__outer-circle a, .individual-sheet .family-circle__outer-circle a:link, .individual-sheet .family-circle__outer-circle a:visited, .individual-sheet .family-circle__outer-circle a:hover, .individual-sheet .family-circle__outer-circle a:active, .individual-sheet .family-circle__outer-circle a:focus {
  color: #43C;
  text-decoration: none;
}
.individual-sheet .family-circle__outer-circle a .material-icons {
  font-size: 18px;
  margin-right: 8px;
}
.individual-sheet .family-circle #person-add {
  position: absolute;
  top: 16px;
  right: 56px;
}
.individual-sheet .family-circle .top-hints {
  position: absolute;
  top: -2px;
  left: -1rem;
  z-index: 1;
}
.individual-sheet #parent .family-circle__member {
  margin: 0 0 6px 0;
}
.individual-sheet #parent .real-time-parents {
  margin-bottom: 3px;
}
.individual-sheet-container .timeline-v2__panel--hint:not(.timeline-v2__panel--hints)::before {
  right: calc(64px / 2 + 3rem);
}
.individual-sheet-container .timeline-v2__panel--hint:not(.timeline-v2__panel--hints) .badge--hint {
  right: 4rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.individual-sheet--close-relatives.individual-sheet {
  margin: 40px 0 0 0;
  border: none;
  border-radius: 0;
}
.individual-sheet--close-relatives.individual-sheet .timeline-v2__event:last-child .dropdown-menu {
  bottom: 100%;
  top: auto;
}
.individual-sheet--close-relatives.individual-sheet .timeline-v2__event:last-child .dropdown-menu li > a .caret-mui::before {
  content: "keyboard_arrow_down";
}
.individual-sheet--close-relatives.individual-sheet .timeline-v2__event:last-child .dropdown-menu li > a.collapsed .caret-mui::before {
  content: "keyboard_arrow_up";
}
.individual-sheet--close-relatives.individual-sheet .timeline-v2.mCustomScrollbar,
.individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCustomScrollBox,
.individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCSB_container {
  overflow: visible;
}
@media screen and (max-width: 991px) {
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 {
    max-height: none !important;
  }
}
@media screen and (min-width: 992px) {
  .individual-sheet--close-relatives.individual-sheet {
    border-right: 1px solid #d5d8da;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2__panel.box {
    padding: 1rem 1rem 0.2rem 1rem;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2__panel.box.timeline-v2__panel--hint {
    margin-right: 0;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2__thumbnail {
    margin-bottom: 8px;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:only-child .dropdown-menu {
    bottom: auto;
    top: 100%;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:only-child .dropdown-menu li > a .caret-mui::before {
    content: "keyboard_arrow_up";
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:only-child .dropdown-menu li > a.collapsed .caret-mui::before {
    content: "keyboard_arrow_down";
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2.mCustomScrollbar,
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCustomScrollBox,
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCSB_container {
    overflow: hidden;
    min-height: 284px;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .dropdown.dropdown-tag-v2 .dropdown-menu {
    left: auto;
    min-width: 150px;
    right: -18px;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .dropdown.dropdown-tag-v2 .dropdown-menu li {
    padding: 4px 8px;
  }
  .individual-sheet--close-relatives.individual-sheet .clear-float--right {
    clear: right;
  }
}
@media screen and (min-width: 1200px) {
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .tag-v2--dashed ~ .dropdown-menu {
    left: -34px !important;
  }
  .individual-sheet--close-relatives.individual-sheet .timeline-v2.mCustomScrollbar,
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCustomScrollBox,
  .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCSB_container {
    min-height: 318px;
  }
}
@media screen and (min-width: 992px) {
  .individual-sheet--close-relatives .nav__link {
    padding: 10px 4px;
  }
  .individual-sheet--close-relatives .nav__item {
    font-size: 14px;
  }
  .individual-sheet--close-relatives .nav__item:not(:first-child):not(:last-child) {
    margin: 0 8px;
  }
}
.individual-sheet--close-relatives .mCSB_scrollTools {
  width: 4px;
}
.individual-sheet--close-relatives .mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
@media screen and (max-width: 991px) {
  .individual-sheet--close-relatives .mCSB_scrollTools {
    display: none !important;
  }
  .individual-sheet--close-relatives .mCSB_inside > .mCSB_container {
    margin-right: 0;
  }
  .individual-sheet--close-relatives .mCustomScrollBox,
  .individual-sheet--close-relatives .mcustomscrollbar._mcs_2 {
    max-height: none !important;
  }
}
@media screen and (max-width: 767px) {
  .individual-sheet:not(.individual-sheet--close-relatives) .dropdown.dropdown-tag-v2 .dropdown-menu {
    left: auto;
    min-width: 150px;
    right: -18px;
  }
  .individual-sheet:not(.individual-sheet--close-relatives) .dropdown.dropdown-tag-v2 .dropdown-menu li {
    padding: 4px 8px;
  }
  .individual-sheet:not(.individual-sheet--close-relatives) .tag-v2--dashed ~ .dropdown-menu {
    left: -34px !important;
  }
}

.dropdown.dropdown-tag-v2 .dropdown-menu,
.dropdown-border ~ .dropdown-menu {
  padding: 0;
}
.dropdown.dropdown-tag-v2 .dropdown-menu li,
.dropdown-border ~ .dropdown-menu li {
  padding: 4px 15px;
  width: 100%;
}
.dropdown.dropdown-tag-v2 .dropdown-menu li:not(:last-child),
.dropdown-border ~ .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #d5d8da;
}
.dropdown.dropdown-tag-v2 .dropdown-menu a,
.dropdown-border ~ .dropdown-menu a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.dropdown.dropdown-tag-v2 .dropdown-menu a:not(.header__link),
.dropdown-border ~ .dropdown-menu a:not(.header__link) {
  padding: 5px 0;
}
.dropdown.dropdown-tag-v2 .dropdown-menu i,
.dropdown-border ~ .dropdown-menu i {
  color: #333;
  font-size: 16px;
}
.dropdown.dropdown-tag-v2 .dropdown-menu i.caret-mui,
.dropdown-border ~ .dropdown-menu i.caret-mui {
  font-size: 24px;
}
.dropdown.dropdown-tag-v2 .dropdown-toggle,
.dropdown-border ~ .dropdown-toggle {
  margin-bottom: 1rem;
}

.dropdown-menu--right {
  left: auto;
  right: 0;
}
.dropdown-menu--top {
  top: auto;
  bottom: 100%;
}
.dropdown-menu--nested {
  top: -4px;
  left: 100%;
  padding: 0;
}

.dropdown-submenu .caret-mui {
  width: 24px;
  height: 24px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -6px;
}
.dropdown-submenu .caret-mui::before {
  display: block;
  position: absolute;
  content: "";
  content: "keyboard_arrow_right";
}

.mCustomScrollbar-v2 .mCSB_inside > .mCSB_container {
  margin-right: 8px;
}
.mCustomScrollbar-v2 .mCSB_inside > .mCSB_container li:not(.tag-v2) {
  width: 100%;
}
.mCustomScrollbar-v2 .mCSB_inside > .mCSB_container li:not(.tag-v2) a {
  padding: 5px 0 !important;
}

.filter-hints__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .filter-hints__container {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .filter-hints__container .new-hints-right {
    margin: 10px 0;
    margin-left: inherit;
    width: 245px;
  }
}
.filter-hints__item {
  margin-right: 5px;
  padding: 3px 8px;
  border-radius: 5px;
  color: #445599;
  height: 26px;
  width: max-content;
}
.filter-hints__item a {
  text-decoration: none;
}
.filter-hints__item:hover {
  cursor: pointer;
}
.filter-hints__item.active {
  background-color: #445599;
  color: white;
}
.filter-hints__item.active a {
  color: #fff;
  text-decoration: none;
}

.hints-blur__container {
  position: relative;
  padding-bottom: 35px;
}
.hints-blur__container p {
  margin-bottom: 0;
}
.hints-blur__img {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  display: block;
}
.hints-blur__img img {
  height: auto;
  width: 100%;
  position: relative;
  display: block;
}
.hints-blur__cta-container {
  text-align: center;
  margin-bottom: 50px;
}
.hints-blur__cta-container .cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-bottom: 5px;
}
.hints-blur__cta-container + p {
  font-weight: normal;
}
.hints-blur__text {
  position: relative;
  z-index: 10;
  font-size: 15px;
  padding-top: 55px;
  text-align: center;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .hints-blur__text {
    padding-top: 30px;
  }
}
.hints-blur__text .first-line {
  margin: 15px 0 35px 0;
}
@media (max-width: 1199px) {
  .hints-blur__text .first-line {
    margin: 13px 0 23px 0;
  }
}
.hints-blur .icon-premium {
  position: relative;
  z-index: 100;
  font-size: 72px;
  color: #ff5555;
  width: 100%;
}
@media (max-width: 1199px) {
  .hints-blur br.rwd-break {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .close-relatives__main-row {
    position: relative;
  }
  .close-relatives__main-row::before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 45px);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ddd;
    left: 50%;
    top: 15px;
  }
}
.close-relatives__subtitle {
  font-weight: bold;
  font-size: 20px;
}
.close-relatives__update {
  color: #757585;
}
.close-relatives__date {
  color: #586879;
}
.close-relatives__date--title {
  font-size: 16px;
}
.close-relatives__branch-name {
  color: #2B2550;
  font-weight: bold;
  font-size: 16px;
}
.close-relatives__member {
  border: 1px solid #d5d8da;
  border-radius: 4px;
  padding: 6px 16px 6px 30px;
  position: relative;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.close-relatives__member:not(.parent):not(.close-relatives__member--relation) {
  margin-top: 10px;
}
.close-relatives__member--relation {
  background-color: #f7f7fc;
  border-color: #f7f7fc;
  border-radius: 0;
  font-style: italic;
  margin-top: 0;
}
.close-relatives__member--children {
  margin-left: 30px;
}
.close-relatives__member--active {
  background-color: #2B2550;
}
.close-relatives__member--active,
.close-relatives__member--active .close-relatives__date,
.close-relatives__member--active .close-relatives__partners-number {
  color: #fff;
}
.close-relatives__member--inactive {
  display: none;
}
.close-relatives__member::before {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid #8888ff;
  border-radius: 50%;
  left: 6px;
  top: 50%;
}
.close-relatives__member--man::before {
  border-color: #66cccc;
}
.close-relatives__member--woman::before {
  border-color: #ff8888;
}
.close-relatives__container {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
}
.close-relatives__container--second {
  border-color: #fff;
  padding-top: 0;
}
.close-relatives__container--second > .close-relatives__member:first-child {
  margin-top: 0;
}
.close-relatives__toggle-siblings {
  color: #43C;
  cursor: pointer;
  font-size: 13px;
  margin: 10px 0 0 30px;
}
.close-relatives__partners-number {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 10px;
  font-style: normal;
  position: absolute;
  top: 50%;
  right: 6px;
}

/* Main layout Result Person */
.subtitle-person-tree-information-container {
  margin-bottom: 15px;
}
.subtitle-person-tree-information-container span {
  font-size: 22px;
}
.subtitle-person-tree-information-container span + span {
  display: block;
  font-size: 15px;
  margin-top: 4px;
}
.subtitle-person-tree-information-container span + i {
  font-size: 24px;
  margin-left: 6px;
}
.subtitle-person-tree-information-container span + i + span {
  display: block;
  font-size: 15px;
  margin-top: 4px;
}
.subtitle-person-tree-information-container .btn + .btn {
  margin-right: 10px;
}

.top-hints i.icon-i-plus {
  -moz-transform: translate(0.5px, 5%);
  -ms-transform: translate(0.5px, 5%);
  -webkit-transform: translate(0.5px, 5%);
  transform: translate(0.5px, 5%);
  float: none;
  position: relative;
  width: 0%;
  font-size: 9px;
  color: #fff !important;
  z-index: 1;
  left: 12px;
  top: -7px;
}
.top-hints i.icon-i-hints-01 {
  float: none;
  position: relative;
  width: 0%;
  color: #ff5555 !important;
  font-size: 22px;
}

.badge--hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #ff5555;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 7px;
  padding: 6px 10px 7px 9px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  z-index: 1;
}
.badge--hint.with-chevron {
  padding-right: 0.2rem;
}
.badge--hint .material-icons-chevron {
  font-size: 1.6rem;
  line-height: inherit;
}
.badge--hint:hover, .badge--hint.active {
  text-decoration: none;
}

.has-hint .timeline-v2__thumbnail--og {
  width: 4.8rem;
  height: 4.8rem;
  margin-top: 1.6rem;
  margin-right: 0;
  margin-bottom: 0.4rem;
  margin-left: 1.6rem;
}

.main-person {
  border: 2px solid #2B2550 !important;
}
.main-person .tag-label {
  top: -2px;
  right: -2px;
}
.main-person .icon-hint-container {
  left: -2px;
  top: -1px;
}

@media (max-width: 767px) {
  .dropdown-menu--nested {
    top: 100%;
    left: 0;
  }
  .dropdown-submenu .caret-mui::before {
    content: "keyboard_arrow_down";
  }
  .subtitle-person-tree-information-container .btn {
    padding: 4px 15px;
    font-size: 13px;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .subtitle-person-tree-information-container .btn {
    margin-bottom: -10px;
  }
}
.arbre-familial a.top-hints {
  position: absolute;
  top: -2px;
  left: -22px;
  text-decoration: none;
}
.arbre-familial a.top-hints i.icon-i-plus {
  -moz-transform: translate(0.5px, 5%);
  -ms-transform: translate(0.5px, 5%);
  -webkit-transform: translate(0.5px, 5%);
  transform: translate(0.5px, 5%);
  left: 9px;
}
.arbre-familial .suggested-parent .top-hints {
  position: absolute;
  top: -2px;
  left: -23px;
}
.arbre-familial .suggested-parent .top-hints .icon-i-plus {
  -moz-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  -webkit-transform: translateY(0.5px);
  transform: translateY(0.5px);
  left: 10px;
}
.arbre-familial .person:hover .tree-rollover__btn {
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  bottom: unset;
  right: unset;
  background-color: #F5F6FA;
  border-radius: 50%;
  text-decoration: none;
}
.arbre-familial .person:hover .initiale + i,
.arbre-familial .person:hover .initiale .face2 {
  display: none !important;
}
.arbre-familial .person:hover.selected,
.arbre-familial .person:hover.selected .tree-rollover__btn {
  background-color: #2B2550;
}
.arbre-familial .person:hover.selected i[data-center-icon] {
  color: #d5d8da !important;
}
.arbre-familial .person:hover.selected i[data-center-icon]:hover {
  color: #fff !important;
}

.modal-body.mini-arbre .individu-connu button.btn-cercle,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #2B2550;
  bottom: 103%;
  border: 1px solid #757585;
  border-bottom: none;
  cursor: pointer;
  height: 23px;
  margin: 0;
  position: absolute;
  line-height: 1.5;
  white-space: nowrap;
}
.modal-body.mini-arbre .individu-connu button.btn-cercle--partner,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle--partner {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  left: -2px;
}
.modal-body.mini-arbre .individu-connu button.btn-cercle--partner::before,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle--partner::before {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #757585;
  top: 50%;
  right: 24px;
}
.modal-body.mini-arbre .individu-connu button.btn-cercle span.text,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle span.text {
  color: #fff;
  font-weight: bold;
}
.modal-body.mini-arbre .individu-connu button.btn-cercle i,
.modal-body.mini-arbre .individu-connu button.btn-cercle .icon-interaction,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle i,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle .icon-interaction {
  color: #fff;
  font-size: 9px;
}
.modal-body.mini-arbre .individu-connu button.btn-cercle i,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle i {
  padding: 0 3px 2px 10px;
}
.modal-body.mini-arbre .individu-connu button.btn-cercle i:last-child,
.modal-body.mini-arbre .individu-inconnu button.btn-cercle i:last-child {
  padding: 0 2px 2px 10px;
}

.bloc-conjoint .num-conjoint {
  display: none;
}
.bloc-conjoint .content-partner .num-conjoint {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 30%;
  left: -17px;
  font-size: 12px;
  position: absolute;
  color: #757585;
  display: block;
}
.bloc-conjoint .mCustomScrollbar {
  max-height: 200px;
}
.bloc-conjoint .mCustomScrollbar .mCSB_inside > .mCSB_container:not(.mCS_y_hidden) {
  margin-right: 9px;
}

.num-epoux {
  font-size: 12px;
  position: absolute;
  right: 12px;
  bottom: 4px;
  color: #757585;
}

.dropdown-menu.menu-cercle li {
  position: relative;
}
.dropdown-menu.menu-cercle li a {
  display: block;
}

/*----------------------- POPUP => Modification Cercle familial --- */
.cercle-familial-modification .individu {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  margin: 0 0 5px 0;
  border: 1px solid #d5d8da;
}
.cercle-familial-modification .individu.enfant {
  margin: 0 0 5px 17px;
}
.cercle-familial-modification .individu .profil {
  display: inline-block;
  float: inherit;
  height: 36px;
  text-align: center;
  vertical-align: top;
  width: 36px;
}
.cercle-familial-modification .individu .profil.image img {
  border-width: 3px;
  height: 36px;
  width: 36px;
}
.cercle-familial-modification .individu .profil .initiale {
  color: #fff;
  font-size: 15px;
  margin: 7px 0 0;
}
.cercle-familial-modification .individu .profil + p {
  display: inline-block;
  margin: 2px 0 -3px 8px;
  color: #333333;
  width: 68%;
  font-size: 16px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cercle-familial-modification .individu p span {
  display: block;
  color: #757585;
  font-size: 13px;
}
.cercle-familial-modification .individu i.glyphicon-link {
  color: #ff5555;
  margin: 10px;
  font-size: 18px;
  float: right;
}
.cercle-familial-modification .individu i.glyphicon-scissors {
  color: #ff5555;
  font-size: 18px;
  float: right;
  display: block;
  border-left: 1px solid #d5d8da;
  height: 46px;
  margin: -6px -6px 0 0;
  padding: 15px 10px 8px 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cercle-familial-modification .individu i.glyphicon-scissors.inconnu {
  color: #757585;
  font-size: 18px;
  float: right;
  display: block;
  border-left: 1px solid #d5d8da;
  height: 46px;
  margin: -6px -6px 0 0;
  padding: 15px 10px 8px 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #d5d8da;
  cursor: default;
}
.cercle-familial-modification .individu i:hover.glyphicon-scissors, .cercle-familial-modification .individu i:focus.glyphicon-scissors {
  color: #fff;
  font-size: 18px;
  float: right;
  display: block;
  height: 46px;
  margin: -6px -6px 0 0;
  padding: 15px 10px 8px 14px;
  background: #ff5555;
  cursor: pointer;
}
.cercle-familial-modification .individu i.inconnu:hover.glyphicon-scissors, .cercle-familial-modification .individu i.inconnu:focus.glyphicon-scissors {
  color: #757585;
  font-size: 18px;
  float: right;
  display: block;
  height: 46px;
  margin: -6px -6px 0 0;
  padding: 15px 10px 8px 14px;
  background: #d5d8da;
  cursor: default;
}
.cercle-familial-modification .individu i.glyphicon-scissors:hover + span {
  visibility: visible;
}
.cercle-familial-modification .individu i.glyphicon-scissors.inconnu:hover + span {
  visibility: hidden;
}
.cercle-familial-modification .individu i.glyphicon-scissors + span, .cercle-familial-modification .individu.enfant i.glyphicon-scissors + span {
  color: #ff5555;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  visibility: hidden;
  margin: 10px 9px 0 0;
  vertical-align: top;
  float: right;
}
.cercle-familial-modification .individu.modif {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  margin: 0 0 5px 0;
  border: 2px dashed #d5d8da;
}
.cercle-familial-modification .individu.modif i.glyphicon-scissors {
  border-left: 0;
}
.cercle-familial-modification .individu.modif i:hover.glyphicon-scissors,
.cercle-familial-modification .individu.modif i:focus.glyphicon-scissors {
  color: #ff5555;
  cursor: default;
  background: transparent;
}
.cercle-familial-modification .individu.modif i.glyphicon-scissors:hover + span {
  visibility: hidden;
}
.cercle-familial-modification .btn-swap {
  padding: calc(8 / var(--baseRem, 10) * 1rem);
  position: absolute;
  top: calc(100% + 4 / var(--baseRem, 10) * 1rem);
  right: calc(16 / var(--baseRem, 10) * 1rem);
  border-radius: 100px;
  background-color: #fff;
  z-index: 1;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cercle-familial-modification .alert {
  margin-bottom: 10px;
}
.cercle-familial-modification .alert + div {
  display: inline-block;
  margin: 0 0 10px 0;
}
.cercle-familial-modification .alert + div .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.cercle-familial-modification .confirm-delete-relationship .btn {
  margin-bottom: 8px;
}
.cercle-familial-modification .confirm-delete-relationship + .membre-edit {
  clear: both;
}
.cercle-familial-modification .membre-edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #d5d8da;
}
.cercle-familial-modification .membre-edit--child {
  margin-left: 20px;
}
.cercle-familial-modification .membre-edit:not(:last-of-type) {
  margin-bottom: 8px;
}
.cercle-familial-modification .membre-edit .individu {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 0;
  margin-bottom: 0;
}
.cercle-familial-modification .membre-edit .bootstrap-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  min-height: 48px;
}
.cercle-familial-modification .membre-edit .bootstrap-select .dropdown-toggle.btn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 3px 21px 3px 10px;
  min-width: 116px;
  z-index: 1;
}
.cercle-familial-modification .membre-edit .bootstrap-select .dropdown-toggle.btn .filter-option {
  color: #333333;
}
.cercle-familial-modification .membre-edit .bootstrap-select.open .dropdown-toggle.btn {
  border-bottom-color: #43C;
}
.cercle-familial-modification .membre-edit .bootstrap-select.open + .membre-edit__label {
  color: #43C;
}
.cercle-familial-modification .membre-edit__select {
  border-left: 1px solid #d5d8da;
  border-right: 1px solid #d5d8da;
}
.cercle-familial-modification .membre-edit__select .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  margin: 0;
  padding: 0;
}
.cercle-familial-modification .membre-edit__select .dropdown-menu li {
  padding: 4px 0;
}
.cercle-familial-modification .membre-edit__select .dropup .dropdown-menu {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  margin-bottom: 0;
}
.cercle-familial-modification .membre-edit__label {
  bottom: 21px;
  color: #757585;
  font-size: 13px;
  font-weight: 700;
  left: 12px;
  margin-bottom: 6px;
  position: absolute;
  user-select: none;
  z-index: 3;
}
.cercle-familial-modification .membre-edit__icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  color: #43C;
  cursor: pointer;
  font-size: 18px;
  top: 0;
}
.cercle-familial-modification .membre-edit__icon:only-child {
  border-left: 1px solid #d5d8da;
}
.cercle-familial-modification .membre-edit__icon:hover, .cercle-familial-modification .membre-edit__icon:focus {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  background-color: #ff5555;
  color: #fff;
}
.cercle-familial-modification .membre-edit__alert {
  color: #e02;
  font-size: 16px;
}
.cercle-familial-modification .membre-edit__button--cancel {
  margin-left: 5px;
  color: #8c8c8c;
  border-color: #8c8c8c;
}
.cercle-familial-modification .membre-edit__container-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.cercle-familial-modification .membre-edit + .confirm-delete-relationship .alert.alert-danger {
  color: #e02;
  background: none;
  border: none;
  margin-bottom: 15px;
  padding: 0;
  text-align: left;
}
@media (max-width: 460px) {
  .cercle-familial-modification .membre-edit {
    position: relative;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cercle-familial-modification .membre-edit .individu, .cercle-familial-modification .membre-edit__container-buttons, .cercle-familial-modification .membre-edit__icon {
    width: 100%;
  }
  .cercle-familial-modification .membre-edit__container-buttons {
    border-top: 1px solid #d5d8da;
  }
  .cercle-familial-modification .membre-edit__select, .cercle-familial-modification .membre-edit__icon:only-child {
    border-left-color: transparent;
  }
}
@media (min-width: 461px) {
  .cercle-familial-modification .membre-edit {
    position: static;
  }
  .cercle-familial-modification .membre-edit .individu {
    position: relative;
  }
}

/* -------------- Style  for search engine map tab*/
#newlayouttree.layout-places {
  min-height: calc(100vh - 50px);
}
#newlayouttree .map-correct-place-container {
  position: absolute;
  width: 100%;
  height: calc(100% - 12.2rem);
}
@media (max-width: 992px) {
  #newlayouttree .map-correct-place-container {
    height: calc(100% - 12.4rem);
    z-index: 11;
  }
}
#newlayouttree .map-correct-place-container #map-canvas {
  height: 100%;
  position: relative;
}
#newlayouttree .map-correct-place-container .leaflet-top {
  top: 13.6rem;
  position: fixed;
}
@media (max-width: 992px) {
  #newlayouttree .map-correct-place-container .leaflet-top {
    top: 14rem;
  }
}
@media (max-width: 768px) {
  #newlayouttree .map-correct-place-container .leaflet-top {
    top: 12rem;
  }
}
#newlayouttree .map-correct-place-container .leaflet-control {
  clear: inherit;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #newlayouttree .map-correct-place-container .leaflet-control.leaflet-control-zoom.leaflet-bar {
    border-width: 0;
  }
  #newlayouttree .map-correct-place-container .leaflet-control.leaflet-control-zoom.leaflet-bar a, #newlayouttree .map-correct-place-container .leaflet-control.leaflet-control-zoom.leaflet-bar a:hover {
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
  }
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle:focus {
  background: #fff !important;
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle.btn {
  height: 54px;
  -webkit-box-shadow: 0 0.5px 0.8px 0 rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0.5px 0.8px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 0.5px 0.8px 0 rgba(0, 0, 0, 0.8);
  margin: -1px 0 0 3px;
  padding: 3px 34px 3px 17px;
  width: 242px;
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle .filter-option {
  color: #43C;
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle .caret {
  margin: -39px 0 0 2px !important;
}
@-moz-document url-prefix() {
  #newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle .caret {
    margin: -38px 0 0 2px !important;
  }
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu {
  margin: -1px 0 0 2px;
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu > li > a {
  padding: 3px 16px;
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu > li.disabled {
  height: auto;
  border-bottom: 0;
  margin: 0;
}
#newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu > li.disabled a:hover {
  color: #777777;
}
#newlayouttree .help-correctplace-notification {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 10px;
  background-color: #ffbb00;
  color: white;
  font-weight: 600;
  font-size: 1.5rem;
  min-height: 40px;
  height: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1005;
}
#newlayouttree .help-correctplace-notification p {
  margin: 0;
}
@media (max-width: 768px) {
  #newlayouttree .help-correctplace-notification {
    bottom: 5.2rem;
  }
}
@media (max-width: 690px) {
  #newlayouttree .help-correctplace-notification {
    bottom: 7.5rem;
  }
}

.leaflet-bottom.leaflet-right {
  z-index: 1007;
}

.leaflet-control-attribution.leaflet-control {
  display: none !important;
}

.info.legend.leaflet-control {
  margin-bottom: 80px !important;
}

#cookiebanner {
  z-index: 1010;
}

.help-correctplace-notification a {
  color: #2B2550;
}

.params {
  width: 90%;
  margin-top: 50px;
  padding: 10px;
}

.legend {
  line-height: 18px;
  color: #555;
  text-align: left;
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.info {
  margin-right: 10px;
  margin-bottom: 10px;
  float: right;
  padding: 6px 8px;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  position: relative;
  z-index: 7;
  display: block;
  pointer-events: auto;
}

.leaflet-popup-content {
  text-align: center;
}

.map__filters {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.map__filters .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto !important;
}

@media (max-width: 800px) {
  .map__filters {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  .help-correctplace-notification {
    height: auto;
  }
}
.side-timeline {
  --panel-width: 100%;
  --visibility: hidden;
  position: fixed;
  top: var(--offset-top);
  left: 0;
  width: var(--panel-width);
  height: calc(100vh - var(--offset-top));
  background: #fff;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3490196078);
  transition: left var(--transition);
  visibility: var(--visibility);
  z-index: 101;
}
.side-timeline__header {
  padding: 1.6rem 1.6rem 0.8rem 1.6rem;
  background-color: #2B2550;
  color: #fff;
}
.side-timeline__header.side-timeline__header .avatar__icon {
  background-color: #2B2550;
  color: #fff;
}
.side-timeline__header.side-timeline__header .timeline-v2--skeleton {
  padding-bottom: 8rem;
}
.side-timeline__header.side-timeline__header .timeline-v2--skeleton .skeleton--text:nth-child(1) {
  width: 80%;
  margin-bottom: 1rem;
}
.side-timeline__header.side-timeline__header .timeline-v2--skeleton .skeleton--text:nth-child(2) {
  width: 70%;
}
.side-timeline__header.side-timeline__header .timeline-v2--skeleton .skeleton--text:nth-child(3) {
  width: 40%;
}
.side-timeline__header.side-timeline__header .skeleton {
  background-color: #464086;
}
.side-timeline__header.side-timeline__header .skeleton--text::before {
  background-color: rgba(255, 255, 255, 0.2);
  animation: 1.5s skeleton-loading-header ease-out infinite;
}
@keyframes skeleton-loading-header {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.side-timeline__header.side-timeline__header .avatar::before {
  content: none;
}
.side-timeline__infos {
  margin-left: 1.6rem;
}
.side-timeline__infos p {
  word-break: break-word;
}
.side-timeline__infos p:not(:last-child) {
  margin-bottom: 0.4rem;
}
.side-timeline__infos p:last-child {
  margin-bottom: 0;
}
.side-timeline__toggle {
  width: var(--btn-toggle-size);
  height: var(--btn-toggle-size);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0.8rem;
  border: none;
  border-radius: 0 2rem 2rem 0;
  background-color: #2B2550;
}
.side-timeline__toggle, .side-timeline__toggle:focus {
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3490196078);
}
.side-timeline__toggle i {
  padding-right: 0.2rem;
  color: #fff;
}
.side-timeline .tree-menu {
  padding: 1.2rem 0;
}
.side-timeline .tree-menu__links {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.side-timeline .tree-menu__links--3 .tree-menu__link:not(:last-child) {
  -webkit-box-flex: 1.3;
  -webkit-flex-grow: 1.3;
  -moz-flex-grow: 1.3;
  -ms-flex-positive: 1.3;
  flex-grow: 1.3;
}
.side-timeline .tree-menu__link {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.side-timeline .nav__link {
  padding: 0.8rem 0.4rem;
  border: 1px solid #dee2e6;
  font-size: 1.3rem;
}
.side-timeline .nav__link--add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 0.75rem 0.4rem 0.7rem 0.4rem;
}
.side-timeline .nav__link--add:hover, .side-timeline .nav__link--add:focus {
  background-color: #43C;
  color: #fff;
}
.side-timeline .nav__link--add i {
  font-size: 2rem;
}
.side-timeline .nav__link--add + .dropdown-menu {
  margin: 0;
  left: unset;
  right: 0;
}
.side-timeline .nav__link:hover {
  text-decoration: none;
}
.side-timeline .nav__link:focus {
  border: 1px solid #d5d8da;
}
.side-timeline .nav__tab {
  text-align: center;
  margin-top: 0.4rem;
}
.side-timeline .nav__tab-icon {
  position: absolute;
  top: -0.4rem;
  right: 0.4rem;
  font-size: 1.4rem;
  color: #667788;
}
.side-timeline .nav__tab,
.side-timeline .nav__tab .nav__link {
  border-radius: 0.4rem 0.4rem 0 0;
}
.side-timeline .nav__tab.active {
  box-shadow: 0px -6px 8px 0px rgba(0, 0, 0, 0.1);
}
.side-timeline .nav__tab.active::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 0.4rem;
  bottom: 100%;
  right: 0;
  background-color: #fff;
}
.side-timeline .nav__tab.active .nav__link {
  border-bottom-color: #fff;
  font-weight: bold;
  color: #333333;
}
.side-timeline .nav__tab:hover > .nav__link, .side-timeline .nav__tab:focus > .nav__link {
  border-bottom-color: #43C;
  background-color: #43C;
  color: #fff;
}
.side-timeline .nav__tab:hover .nav__tab-icon, .side-timeline .nav__tab:focus .nav__tab-icon {
  color: #a2a9b4;
}
.side-timeline .nav__tab.open > a, .side-timeline .nav__tab.open > a:hover, .side-timeline .nav__tab.open > a:focus {
  background-color: #43C;
  color: #fff;
}
.side-timeline .nav__tab:not(.menu-ajout) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.side-timeline .nav__tab[role=notes] {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}
.side-timeline .dropdown-menu {
  padding: 0;
}
.side-timeline .dropdown-menu a {
  display: block;
  padding: 0.4rem 1.6rem;
  border-bottom: 1px solid #dee2e6;
  text-decoration: none;
  color: #333333;
}
.side-timeline .dropdown-menu a:hover {
  color: #43C;
}
.side-timeline .dropdown-menu > li:last-child > a {
  border-bottom-color: transparent;
}
.side-timeline .dropdown-menu li.inner a {
  background-color: #F5F6FA;
}
.side-timeline .dropdown-menu li.inner:not(:last-child) a {
  border-bottom-color: transparent;
}
.side-timeline .dropdown-menu > li > a:active {
  font-weight: 400;
}
.side-timeline .dropdown-menu [data-toggle=collapse] {
  position: relative;
  padding-right: 3.2rem !important;
}
.side-timeline .dropdown-menu [data-toggle=collapse] i {
  position: absolute;
  top: 50%;
  right: 0.4rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #757585;
}
.side-timeline .dropdown-menu [data-toggle=collapse]:hover i {
  color: #43C;
}
.side-timeline .dropdown-menu [data-toggle=collapse][aria-expanded=true] {
  font-weight: 700 !important;
  color: #333333;
}
.side-timeline .dropdown-menu [data-toggle=collapse][aria-expanded=true] i {
  -moz-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}
.side-timeline .dropdown-menu.dropdown-menu--top [data-toggle=collapse] i {
  -moz-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}
.side-timeline .dropdown-menu.dropdown-menu--top [data-toggle=collapse][aria-expanded=true] i {
  -moz-transform: rotate(0) translateY(-50%);
  -ms-transform: rotate(0) translateY(-50%);
  -webkit-transform: rotate(0) translateY(-50%);
  transform: rotate(0) translateY(-50%);
}
.side-timeline .dropdown.dropdown-tag-v2 .dropdown-menu li {
  padding: 0;
  border: none;
}
.side-timeline .dropdown.dropdown-tag-v2 .dropdown-menu li a {
  padding: 0.4rem 1.6rem;
}
.side-timeline .menu-ajout {
  width: 3.8rem;
}
.side-timeline .timeline-v2 {
  margin-top: 1.6rem;
}
.side-timeline .timeline-v2__event:not(:last-child)::before, .side-timeline .timeline-v2__date::before {
  left: 0.8rem;
}
.side-timeline .timeline-v2__event {
  padding-bottom: calc(1.2rem + 0.4rem);
}
.side-timeline .timeline-v2__event:not(:last-child)::before {
  top: 1.8rem;
  border-left-width: 0.2rem;
}
.side-timeline .timeline-v2__date {
  padding-right: 0;
}
.side-timeline .timeline-v2__date::before {
  width: 1.4rem;
  height: 1.4rem;
  top: 1.8rem;
}
.side-timeline .timeline-v2__date--other::before {
  top: 0.8rem;
}
.side-timeline .timeline-v2__age {
  color: #556677;
}
.side-timeline .timeline-v2__year {
  min-width: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.2;
}
.side-timeline .timeline-v2__panel {
  padding: 1.2rem;
}
.side-timeline .timeline-v2__panel--hint {
  padding: 1rem 1rem 0.75rem 1rem !important;
  margin-right: 0;
}
.side-timeline .timeline-v2__panel--hint .badge--hint {
  right: 2rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.side-timeline .timeline-v2__panel--hint.with-img .timeline-v2__thumbnail-container {
  margin-right: 1rem;
}
.side-timeline .timeline-v2__panel--hints {
  --gap-hints: 10px;
  margin-right: var(--gap-hints);
}
.side-timeline .timeline-v2__panel--hints::before {
  right: 34px;
}
.side-timeline .timeline-v2__panel--hints .badge--hint {
  right: 1rem;
}
.side-timeline .timeline-v2__panel .search-result .query-result {
  -moz-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
}
.side-timeline .timeline-v2__panel .search-result .query-result.query-result {
  right: 2rem;
}
.side-timeline .timeline-v2__panel.min-height.with-img .timeline-v2__thumbnail {
  margin: 1rem 2.2rem 0 auto;
}
.side-timeline .timeline-v2__thumbnail--hints {
  margin-bottom: 0.2rem;
}
.side-timeline .timeline-v2__container-images {
  right: 1.6rem;
  margin-right: 2rem;
}
.side-timeline .timeline-v2--skeleton .skeleton--text:nth-child(1) {
  margin-top: 0.8rem;
  margin-bottom: 1.5rem;
  width: 30%;
}
.side-timeline .timeline-v2--skeleton .skeleton--text:nth-child(2) {
  width: 75%;
}
.side-timeline .timeline-v2--skeleton .skeleton--text:nth-child(3) {
  width: 65%;
}
.side-timeline .timeline-v2--skeleton .timeline-v2__date::before, .side-timeline .timeline-v2--skeleton .timeline-v2__event::before {
  background-color: #e9ecef;
  border-color: #e9ecef;
}
.side-timeline .timeline-v2--skeleton .timeline-v2__event, .side-timeline .timeline-v2--skeleton .timeline-v2__panel {
  padding-bottom: 0;
}
.side-timeline .individual-sheet .timeline-v2__panel--hints.min-height.with-img .timeline-v2__thumbnail {
  margin-right: 1.1rem;
}
.side-timeline .individual-sheet .timeline-v2__panel--hints.min-height.with-img .content {
  margin-top: 0.4rem;
}
.side-timeline .individual-sheet .timeline-v2__panel .real-time-image span {
  margin-right: 1rem;
}
.side-timeline .box__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  position: relative;
  margin-top: 0.4rem;
}
.side-timeline .box__header p {
  margin-bottom: 0.4rem;
}
.side-timeline .box__header p + p.timeline-v2__age.timeline-v2__age {
  margin-bottom: 0.3rem;
}
.side-timeline .box__header .button-edit i,
.side-timeline .box__header .modif-evenement-onglet i {
  font-size: 1.8rem;
}
.side-timeline .box__header .button-edit {
  padding: 0;
  margin-right: 0;
}
.side-timeline .box__header > * + *:not(.dropdown-menu) {
  margin-left: 0.8rem;
}
.side-timeline .box__header ~ * {
  font-size: 1.2rem;
}
.side-timeline .box__header .modif-evenement-onglet {
  float: unset;
}
.side-timeline .box__header .timeline-v2__year {
  min-width: auto;
}
.side-timeline .box__header .timeline-v2__age {
  margin-left: 0.6rem;
}
.side-timeline .timeline-v2__date--other + .timeline-v2__panel, .side-timeline .timeline-v2__date--other + .timeline-v2__panel .timeline-v2__title {
  color: #667788;
}
.side-timeline .tab-content {
  padding: 0 1.2rem;
}
.side-timeline .timeline-v2__thumbnail--hints,
.side-timeline .timeline-v2__panel .real-time-image span {
  margin-top: 0;
}
.side-timeline .tab-information {
  height: calc(100vh - var(--offset-top) - var(--sidepanel-header-height) - 1px);
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.side-timeline [data-toggle=modal] > .timeline-v2__thumbnail {
  margin-right: 1rem;
}
.side-timeline .has-hint .timeline-v2__thumbnail--og {
  margin-right: 1rem;
}
@media screen and (min-width: 480px) {
  .side-timeline {
    --panel-width: 320px;
  }
  .side-timeline, .side-timeline__header {
    border-top-right-radius: 0.8rem;
  }
}

.has-timeline {
  --panel-width: 100%;
  --transition: .45s ease-out;
  --reglage-top: 128px;
}
.has-timeline .with-timeline {
  transition: margin var(--transition);
}
.has-timeline#containAll {
  width: 100vw;
}
.has-timeline.opened {
  --btn-toggle-size: 2.8rem;
}
@media screen and (min-width: 1024px) and (max-width: 1820px) {
  .has-timeline.opened .with-timeline {
    margin-left: var(--panel-width);
  }
}
.has-timeline.opened .side-timeline__toggle {
  top: 1.6rem;
  right: 1.6rem;
  border-radius: 50%;
  background-color: #fff;
}
.has-timeline.opened .side-timeline__toggle i {
  color: rgba(0, 0, 0, 0.6);
}
.has-timeline.opened .side-timeline__toggle::before {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -1px;
  top: 50%;
  box-shadow: 8px 0 8px rgba(0, 0, 0, 0.85);
}
.has-timeline.opened .side-timeline__infos {
  margin-right: calc(var(--btn-toggle-size) + 0.8rem);
}
@media screen and (max-width: 479px) {
  .has-timeline.opened {
    position: fixed;
  }
  .modal-open .has-timeline.opened {
    position: static;
  }
}
.has-timeline:not(.opened) {
  --btn-toggle-size: 4rem;
}
.has-timeline:not(.opened) .side-timeline {
  box-shadow: none;
  left: calc(var(--panel-width) * -1);
}
.has-timeline:not(.opened) .side-timeline .side-timeline__toggle {
  right: unset;
  left: 100%;
  width: var(--btn-toggle-size);
  height: var(--btn-toggle-size);
}
.has-timeline:not(.opened) .side-timeline .side-timeline__toggle i {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.has-timeline#containAll ~ footer {
  display: none;
}
.has-timeline .reglage-arbre-lateral {
  top: var(--reglage-top);
}
.has-timeline .arbre-ascendant.fixed {
  margin-top: 12.8rem;
}
@media screen and (min-width: 768px) {
  .has-timeline .arbre-ascendant.fixed {
    margin-top: 14.4rem;
  }
}
.has-timeline .arbre-descendant.fixed {
  margin-top: 12rem;
}
@media screen and (min-width: 768px) {
  .has-timeline .arbre-descendant.fixed {
    margin-top: 13rem;
  }
}
@media screen and (min-width: 480px) {
  .has-timeline {
    --panel-width: 320px;
  }
}
@media screen and (min-width: 768px) {
  .has-timeline {
    --reglage-top: 148px;
  }
}

.nav--matches {
  padding-bottom: 1.2rem;
}
.nav--matches li > .link--hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.nav--matches li .arrow {
  font-size: 2.4rem;
  margin-left: auto;
}
.nav--matches li:not(.hidden) ~ li .link--hint {
  border-top: 1px solid transparent;
}
.nav--matches .link--hint {
  padding: 0.8rem 0.4rem;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  color: #333333;
}
.nav--matches .link--hint:hover, .nav--matches .link--hint:focus {
  background-color: transparent;
  color: #43C;
  border-bottom: 1px solid #dee2e6;
}
.nav--matches .icon-i-hints {
  margin-right: 1.6rem;
  font-size: 1.6rem;
  color: #ff5555;
}
.nav--matches .icon-i-hints--secondary {
  color: #00aa99;
}

.modifier-doc-timeline .modal-body {
  background-color: #F5F6FA;
}

#side-timeline-header.scrolled .header__tag-list {
  display: none;
}
#side-timeline-header.scrolled .side-timeline__header {
  padding-bottom: 1.6rem;
}
#side-timeline-header.scrolled .avatar {
  width: 4.8rem;
  height: 4.8rem;
  min-height: 4.8rem;
  min-width: 4.8rem;
}
#side-timeline-header.scrolled .avatar__initiale {
  font-size: 2rem;
}
#side-timeline-header.scrolled .avatar__image {
  border-width: 0.3rem;
}

#timeline-container .timeline-v2--skeleton {
  display: none;
}
#timeline-container.loading .loading-container .timeline-v2--skeleton {
  display: block;
}
#timeline-container.loading .loading-container > *:not(.timeline-v2--skeleton) {
  display: none;
}

/* ========================================================================================= DEBUT Liste des arbres */
.liste-arbre .info-arbre .titre-arbre a.liste-arbre .info-arbre .titre-arbre h3 a + a {
  font-size: 16px;
  margin: 0 0 0 9px;
}

.liste-arbre a.btn {
  margin: 20px 0 0;
}
.liste-arbre h1 {
  margin: 28px 0 28px 0;
}
.liste-arbre h1 + p.ligne-info {
  margin-bottom: 40px;
}
.liste-arbre #treeList .donnees-arbre div:first-child a {
  cursor: default;
  text-decoration: none;
}
.liste-arbre .info-arbre {
  border: 1px solid #d5d8da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 26px 26px 26px 26px;
  margin: 0 0 17px 0;
}
.liste-arbre .info-arbre a.btn {
  margin: 0;
}
.liste-arbre .info-arbre a.btn:hover {
  color: #fff;
}
.liste-arbre .info-arbre .titre-arbre h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #333333;
  margin: 3px 0 8px 0;
  font-size: 16px;
}
.liste-arbre .info-arbre .titre-arbre h3 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #43C;
  font-size: 24px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.liste-arbre .info-arbre .titre-arbre h3 a:focus {
  text-decoration: none;
}
.liste-arbre .info-arbre .titre-arbre h3 a:hover {
  text-decoration: none;
}
.liste-arbre .info-arbre .titre-arbre h3 a.three-by-person {
  margin-right: 9px;
}
.liste-arbre .info-arbre .titre-arbre h3 .three-by-person-creator {
  margin-left: 9px;
}
.liste-arbre .info-arbre .titre-arbre h3 .badge--hint {
  position: inherit;
  margin: 4px 0 0 5px;
  transform: inherit;
}
.liste-arbre .info-arbre .titre-arbre div + div > ul {
  float: right;
}
.liste-arbre .info-arbre .titre-arbre div + div > ul > li {
  display: inline-block;
}
.liste-arbre .info-arbre .titre-arbre div + div > ul i {
  color: #43C;
  font-size: 25px;
  margin: 0 0 0 10px;
}
.liste-arbre .info-arbre .titre-arbre div + div > ul i.blur {
  opacity: 0.6;
}
.liste-arbre .info-arbre .titre-arbre div + div > ul a:hover {
  text-decoration: none;
}
.liste-arbre .info-arbre .titre-arbre div + div > ul a.sharetree {
  margin-left: 10px;
}
.liste-arbre .info-arbre .titre-arbre a i {
  float: right;
}
.liste-arbre .info-arbre .titre-arbre a + i {
  color: #ff5555;
  font-size: 24px;
  margin-left: 4px;
  vertical-align: top;
}
.liste-arbre .info-arbre .titre-arbre a + p {
  color: #757585;
  font-size: 15px;
}
.liste-arbre .info-arbre .titre-arbre ul li.dropdown ul.dropdown-menu {
  left: auto;
  right: 0;
}
.liste-arbre .donnees-arbre div {
  border-right: 1px solid #d5d8da;
  padding-top: 6px;
  padding-bottom: 6px;
}
.liste-arbre .donnees-arbre div:last-child {
  border-right: 0;
}
.liste-arbre .donnees-arbre div a > p {
  font-size: 40px;
  color: #43C;
  line-height: 33px;
  margin: 0;
  font-weight: bold;
}
.liste-arbre .donnees-arbre div a:hover {
  color: #43C;
}
.liste-arbre .donnees-arbre div .petit-titre-14 + label {
  cursor: default;
}
.liste-arbre .donnees-arbre p + a div {
  border: 0;
}
.liste-arbre .donnees-arbre p + a div.profil + div {
  display: flex;
  line-height: 37px;
  margin: 0;
  min-height: 37px;
  position: relative;
  width: auto;
}
.liste-arbre .donnees-arbre p + a div.profil + div p {
  color: #43C;
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 0 8px;
  text-transform: inherit;
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 93%;
}
.liste-arbre .donnees-arbre p + a div.profil + div p:hover {
  text-decoration: underline;
}
.liste-arbre .donnees-arbre .profil {
  height: 32px;
  width: 32px;
  padding: 0;
}
.liste-arbre .donnees-arbre .profil.image img {
  border: 0;
  height: 32px;
  width: 32px;
}
.liste-arbre .donnees-arbre .profil .initiale {
  font-size: 14px;
  margin: 6px 0 0;
  color: #fff;
  font-weight: 400;
  display: inherit;
  width: auto;
}
.liste-arbre .donnees-arbre .profil .initiale span {
  font-size: 20px;
}
.liste-arbre .donnees-arbre .profil i {
  color: #fff;
  font-size: 21px;
  margin: 5px 0 0 6px;
}
.liste-arbre .subtitle {
  color: #757585;
  font-size: 32px;
}
.liste-arbre .subtitle i {
  font-size: 72px;
  margin-bottom: 20px;
}

.page-import-gedcom {
  margin-top: 65px;
}

/* ========================================================================================= FIN Liste des arbres */
.coloured_node:not(.bloc-membre-couple)::before,
.coloured_node.bloc-membre-couple > ul > li::before {
  background-color: var(--branch-color, transparent);
  height: inherit;
  width: 5px;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.coloured_node:not(.bloc-membre-couple).main-person::before {
  top: -2px;
  bottom: -2px;
  left: -2px;
}

.gmp_branch {
  --branch-color: #B7E266;
}

.gmm_branch {
  --branch-color: #FFD566;
}

.gpm_branch {
  --branch-color: #FDA7A7;
}

.gpp_branch {
  --branch-color: #7CD8F4;
}

.consistency__hint {
  font-style: italic;
  color: rgba(0, 0, 0, 0.698);
}
.consistency__grid, .consistency__row {
  display: -ms-grid;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  grid-auto-flow: row;
  grid-template-columns: calc(48 / var(--baseRem, 10) * 1rem) 1fr;
  grid-template-areas: "aside main";
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
}
.consistency__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  grid-area: main;
}
.consistency__grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.consistency__row {
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(8 / var(--baseRem, 10) * 1rem) calc(8 / var(--baseRem, 10) * 1rem) 0;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  border-top: 1px solid transparent;
}
.consistency__row + .consistency__row, .consistency__row + .dynamic-load > .consistency__row {
  border-top-color: #d5d8da;
}
.consistency__row + .consistency__row:hover, .consistency__row + .dynamic-load > .consistency__row:hover {
  border-top-color: #F5F6FA;
}
.consistency__row + .consistency__row:hover, .consistency__row + .consistency__row:hover .avatar__icon, .consistency__row + .dynamic-load > .consistency__row:hover, .consistency__row + .dynamic-load > .consistency__row:hover .avatar__icon {
  background-color: #F5F6FA;
}
.consistency__row .btn-cta {
  font-size: inherit;
}
.consistency__row .singlepagetree:hover {
  text-decoration: none;
}
.consistency__aside {
  align-self: start;
  justify-self: center;
  grid-area: aside;
}
.consistency__blur {
  filter: blur(5px); /* Standard property */
  -webkit-filter: blur(5px); /* Safari */
  -moz-filter: blur(5px); /* Firefox */
  user-select: none;
  pointer-events: none;
}
.consistency__collapse {
  --collapse-clr-status: #ea580c;
  --collapse-clr-status-light: rgba(234, 88, 12, 0.698);
  --collapse-clr-status-lightest: rgba(234, 88, 12, 0.098);
  --collapse-clr-status-hover: rgba(234, 88, 12, 0.2);
  border: 2px solid var(--collapse-clr-status-lightest);
  border-radius: 20px;
  overflow: hidden;
}
.consistency__collapse-title {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}
.consistency__collapse a[aria-expanded] {
  width: 100%;
  padding: calc(8 / var(--baseRem, 10) * 1rem) 0;
  background-color: var(--collapse-clr-status-lightest);
  color: inherit;
}
.consistency__collapse a[aria-expanded] .material-icons--error {
  margin-top: 2px;
  margin-right: calc(12 / var(--baseRem, 10) * 1rem);
}
.consistency__collapse a[aria-expanded], .consistency__collapse a[aria-expanded]:hover, .consistency__collapse a[aria-expanded]:focus {
  text-decoration: none;
}
.consistency__collapse a[aria-expanded] i {
  color: var(--collapse-clr-status);
}
.consistency__collapse a[aria-expanded]:hover {
  background-color: var(--collapse-clr-status-hover);
}
.consistency__collapse [aria-expanded=true] > .collapse__indicator {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.consistency__collapse p, .consistency__collapse ul {
  margin-bottom: 0;
}
.consistency__collapse .spinner {
  --spinner-clr: #333;
}
.consistency__collapse .material-icons--error {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.consistency__collapse .avatar--small {
  --avatar-size: calc(32 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(12 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(2 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(12 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(10 / var(--baseRem, 10) * 1rem);
}
.consistency__collapse .avatar--small .avatar__icon {
  bottom: 0;
}
.consistency__collapse .btn-cta--third {
  padding: calc(4 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
  font-size: 14px;
  line-height: 20px;
}
.consistency__collapse--error {
  --collapse-clr-status: #dd3333;
  --collapse-clr-status-light: rgba(221, 51, 51, 0.698);
  --collapse-clr-status-lightest: rgba(221, 51, 51, 0.3);
  --collapse-clr-status-hover: rgba(221, 51, 51, 0.4);
}
.consistency__collapse--success {
  --collapse-clr-status: #00aaaa;
  --collapse-clr-status-light: rgba(0, 170, 170, 0.698);
  --collapse-clr-status-lightest: rgba(0, 170, 170, 0.098);
  --collapse-clr-status-hover: rgba(0, 170, 170, 0.2);
}
.consistency__collapse--summary {
  margin-bottom: calc(8 / var(--baseRem, 10) * 1rem);
  border: 2px solid transparent;
}
.consistency__collapse--summary > a[aria-expanded] .collapse__indicator,
.consistency__collapse--summary > a[aria-expanded] .consistency__grow {
  color: #43C;
}
.consistency__collapse--summary > a[aria-expanded] .material-icons--error {
  margin-right: calc(14 / var(--baseRem, 10) * 1rem);
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.consistency__collapse--summary > a[aria-expanded=true], .consistency__collapse--summary > a[aria-expanded=true]:hover {
  background-color: transparent;
}
.consistency__alert {
  padding: calc(12 / var(--baseRem, 10) * 1rem) calc(8 / var(--baseRem, 10) * 1rem);
  border: 1px solid #ea580c;
  border-radius: 4px;
}
.consistency__alert [data-dismiss],
.consistency__alert [data-bs-dismiss] {
  width: calc(24 / var(--baseRem, 10) * 1rem);
  height: calc(24 / var(--baseRem, 10) * 1rem);
  padding: 0;
  margin-top: -4px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
  line-height: 1;
}
.consistency__alert *:not(a) {
  color: #ea580c;
}
.consistency__notification {
  color: #ea580c;
  position: relative;
  font-size: calc(16 / var(--baseRem, 10) * 1rem) !important;
  user-select: none;
  pointer-events: none;
  z-index: 0;
}
.consistency__notification::before {
  display: block;
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
}
.consistency__count {
  text-transform: lowercase;
}
.consistency__count.suggestions__infos {
  color: #667788;
}
.consistency__icon-no-result {
  color: #757585;
}
.consistency__icon-no-result.material-symbols-outlined {
  font-size: calc(56 / var(--baseRem, 10) * 1rem);
}
.consistency__settings-list {
  background-color: #FAFAFC;
}
.consistency__settings-row {
  display: flex;
  justify-content: space-between;
  padding-block: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid transparent;
}
.consistency__settings-row .checkbox {
  margin-block: 0;
}
.consistency__settings-row .checkbox > label {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  gap: 0.25rem;
}
.consistency__settings-row label {
  color: #333333 !important;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
}
.consistency__settings-body .consistency__settings-row {
  padding: 0;
}
.consistency__settings-body .consistency__settings-row:last-child {
  border-bottom: 2px solid #dee2e6;
}
.consistency__settings-body .consistency__settings-row .checkbox {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.consistency__settings-body .consistency__settings-row label {
  font-weight: 400 !important;
}
.consistency__settings-body li.consistency__settings-row {
  min-height: calc(56 / var(--baseRem, 10) * 1rem);
}
.consistency__settings-input {
  width: calc(40 / var(--baseRem, 10) * 1rem);
  height: calc(40 / var(--baseRem, 10) * 1rem);
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(4 / var(--baseRem, 10) * 1rem);
  margin-block: calc(7 / var(--baseRem, 10) * 1rem);
  margin-right: 0.25rem;
  border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  border: 1px solid #dee2e6;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  text-align: center;
}
.consistency__settings-input-wrapper {
  display: grid;
  align-items: center;
  gap: 0.25rem;
  grid-template-columns: 1fr calc(30 / var(--baseRem, 10) * 1rem);
}
.consistency__filters-mobile {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
.consistency__tabs.filters-off ~ .consistency__filters-mobile .btn-cta.btn-cta--error {
  display: none;
}
.consistency__tabs:not(.filters-off) ~ .consistency__filters-mobile {
  display: block;
}
.consistency__tabs:not(.filters-off) ~ .consistency__filters-mobile .btn-cta.btn-cta--error {
  display: flex;
}
.consistency__tabs:not(.filters-off) ~ .consistency__filters-mobile .btn-cta:not(.btn-cta--error) {
  display: none;
}
.consistency__tabs .suggestions__tab--main, .consistency__tabs .suggestions__tab--link > a {
  padding: calc(12 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
}
.consistency__btn-filters {
  justify-content: space-between;
}
.consistency__btn-filters.collapsed i:not(:only-child):last-child {
  visibility: hidden;
}
.consistency__banner {
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
  display: flex;
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  border: 1px solid #ea580c;
  border-radius: 4px;
  color: #ea580c;
}
.consistency__banner-text {
  padding-top: 2px;
}
.consistency__banner-text > * {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}
.consistency__infos-status {
  display: flex;
  align-items: center;
  gap: calc(4 / var(--baseRem, 10) * 1rem);
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
  margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
  --spinner-clr: currentColor;
}
@media (min-width: 400px) and (max-width: 767px) {
  .consistency__settings-row--inputs > *:nth-child(2) {
    padding-left: calc(26 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .consistency__settings-footer .btn-cta {
    flex-grow: 0.5;
    justify-content: center;
  }
  .consistency__settings-footer .btn-cta--third {
    flex-basis: 100%;
  }
  .consistency__settings-row--inputs {
    flex-direction: column;
    gap: 0.25rem;
  }
  .consistency__settings-row--head {
    font-size: calc(14 / var(--baseRem, 10) * 1rem);
    line-height: calc(20 / var(--baseRem, 10) * 1rem);
  }
  .consistency__filters-desktop {
    display: none;
  }
  .consistency__collapse-filters {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .consistency__row .consistency__grow {
    margin-top: calc(6 / var(--baseRem, 10) * 1rem);
  }
  .consistency__settings-footer .btn-cta--second {
    margin-left: auto;
  }
  .consistency__tabs .suggestions__tab--main,
  .consistency__tabs .suggestions__tab--other {
    width: min(320 / var(--baseRem, 10) * 1rem, 24vw);
  }
  .consistency__collapse-title {
    font-size: calc(16 / var(--baseRem, 10) * 1rem);
    line-height: calc(24 / var(--baseRem, 10) * 1rem);
  }
  .consistency__collapse-filters .collapse {
    display: block !important;
  }
  .consistency__banner-text {
    display: flex;
    gap: 4px;
  }
  .consistency__banner button {
    margin-top: -2px;
  }
}

/* ======================================================================================================== DEBUT Arbre en ligne -- */
/*---------------------------------- Navigation dans les arbre */
#overscroll {
  width: 100% !important;
}

.arbre-classique.fixed,
.arbre-descendant.fixed,
.arbre-familial.fixed,
.parentalLink.fixed,
.arbre-ascendant.fixed,
.parentalLink__noresult.fixed,
.mode-lieu.fixed,
.container-marge-top.fixed {
  margin-top: calc(120 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 767px) {
  .arbre-classique.fixed,
  .arbre-descendant.fixed,
  .arbre-familial.fixed,
  .parentalLink.fixed,
  .arbre-ascendant.fixed,
  .parentalLink__noresult.fixed,
  .mode-lieu.fixed,
  .container-marge-top.fixed {
    margin-top: calc(88 / var(--baseRem, 10) * 1rem);
  }
}

.individual-sheet-container.fixed {
  margin-top: calc(120 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 767px) {
  .individual-sheet-container.fixed {
    margin-top: calc(60 / var(--baseRem, 10) * 1rem);
  }
}

.reglage-arbre-lateral {
  position: fixed;
  right: 0;
  text-align: center;
  top: 170px;
  z-index: 100;
}
@media screen and (max-width: 1199px) {
  .reglage-arbre-lateral {
    top: 195px;
  }
}
.reglage-arbre-lateral li a i {
  background: #2B2550;
  color: #fff;
  margin: 0 16px 12px 0;
  padding: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 25px;
}
.reglage-arbre-lateral li a:hover i {
  background: #ff5555;
}

.arbre-descendant .generation-active {
  width: 225px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #2B2550;
  padding: 4px 5px 0 5px;
  min-height: 58px;
}
.arbre-descendant .generation-active i {
  float: right;
  font-size: 15px;
  color: #fff;
}
.arbre-descendant .generation-active:hover {
  opacity: 0.9;
}
.arbre-descendant .generation-active .numero {
  background: #8888ff;
  font-size: 22px;
  color: #fff;
  float: left;
  margin: -4px 0 0 -5px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 13px 10px;
}
.arbre-descendant .generation-active .numero.femme {
  background: #ff8888;
  min-height: 58px;
}
.arbre-descendant .generation-active .numero.homme {
  background: #66cccc;
  min-height: 58px;
}
.arbre-descendant .generation-active .profil {
  float: left;
  height: 40px;
  width: 40px;
  margin: 4px 0 0 8px;
}
.arbre-descendant .generation-active .profil .initiale {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 9px 0 0;
  text-align: center;
}
.arbre-descendant .generation-active .profil.image img {
  border-width: 2px;
  height: 40px;
  width: 40px;
}
.arbre-descendant .generation-active .info-perso {
  display: inline-block;
  height: 48px;
  margin: 0 0 0 6px;
  position: relative;
  width: 50%;
}
.arbre-descendant .generation-active .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.arbre-descendant .generation-active .info-perso div p + p + p {
  font-style: italic;
}
.arbre-descendant .generation-active .info-perso div p:last-child {
  font-style: normal;
}
.arbre-descendant .generation-active .info-perso p {
  font-size: 11px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  line-height: 12px;
}
.arbre-descendant .generation-active .info-perso p:nth-child(2) {
  font-weight: bold;
}
.arbre-descendant ul.branche-arbre-descendant {
  border-left: 1px solid #757585;
  display: inline-block;
  margin-left: 33px;
  padding: 0 0 6px 14px;
}
.arbre-descendant ul.branche-arbre-descendant.femme {
  border-color: #ff8888;
}
.arbre-descendant ul.branche-arbre-descendant.homme {
  border-color: #66cccc;
}
.arbre-descendant ul.branche-arbre-descendant .tab-content > .active {
  display: inline-block;
}
.arbre-descendant ul.branche-arbre-descendant .tab-content:first-child {
  margin: 17px 0 0 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint a {
  float: left;
  margin: 0 5px 0 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint a i {
  font-size: 17px;
  color: #333333;
  margin: 3px 9px 0 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint a i.icon-i-fleche-bas {
  font-size: 10px;
  margin: 0 0 0 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint p {
  float: left;
  font-size: 15px;
  margin: 0 0 3px 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint p span {
  font-weight: bold;
  margin: 0 2px 0 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint p a {
  float: none;
  font-weight: bold;
  color: #333333;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint p a span {
  font-size: 13px;
  margin: 0 0 0 3px;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint p a i {
  color: #333 !important;
  font-size: 15px;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint p i {
  font-size: 10px;
  color: #757585;
  margin: 0 3px 0 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint.femme p i, .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a.femme i {
  color: #ff8888;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint.homme p i, .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a.homme i {
  color: #66cccc;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul {
  clear: left;
  margin: 0 0 0 22px;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a {
  color: #333333;
  font-size: 13px;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p {
  margin: 0 0 3px 0;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p span + i + span,
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p i + span {
  font-size: 12px;
  margin: 0 0 0 4px;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p span + i + span + i,
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p i + span + i {
  color: #757585 !important;
  font-size: 15px;
  margin: 0 0 0 5px;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p span + i + i {
  font-size: 13px;
  color: #333 !important;
}
.arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p i {
  font-size: 10px;
  margin: 0 1px 0 1px;
  color: #757585;
}
.arbre-descendant .profil .initiale .material-icons {
  font-size: calc(22 / var(--baseRem, 10) * 1rem);
}
.arbre-descendant .remonter-generation i {
  background: #d5d8da none repeat scroll 0 0;
  border-radius: 50%;
  color: #2B2550;
  font-size: 23px;
  margin: 0 0 8px 0;
}
.arbre-descendant .remonter-generation i:hover {
  background: rgba(129, 138, 145, 0.7);
}

@media (max-width: 1200px) and (min-width: 768px) {
  .container.arbre-ascendant {
    width: inherit;
  }
  .container.arbre-ascendant .colonne-generation.gene-six {
    width: 14%;
    max-width: 139px;
  }
  .container.arbre-ascendant .colonne-generation.gene-six .bloc-membre-couple ul {
    max-width: 139px;
  }
  .container.arbre-ascendant .colonne-generation.gene-six .bloc-membre-couple ul li i + span + p {
    width: 55%;
  }
}

/*---------------------------------- FIN Navigation descendante */
/*---------------------------------- DEBUT Navigation ascendante */
.arbre-ascendant {
  /*----------- Liens et espace --*/
}
.arbre-ascendant .colonne-generation {
  width: 14%;
  height: 5px;
  display: inline-block;
  margin: 0 -2px;
  vertical-align: top;
}
.arbre-ascendant .colonne-generation.gene-cinq .bloc-membre {
  margin: 0 0 6px 0;
}
.arbre-ascendant .colonne-generation.gene-quatre .bloc-membre {
  margin: 0 0 70px 0;
}
.arbre-ascendant .colonne-generation.gene-trois .bloc-membre {
  margin: 0 0 198px 0;
}
.arbre-ascendant .colonne-generation.gene-deux .bloc-membre {
  margin: 0 0 455px 0;
}
.arbre-ascendant .colonne-generation .bloc-membre:nth-child(2n) .info-perso {
  height: 49px;
}
.arbre-ascendant .colonne-generation.gene-six .bloc-membre-couple,
.arbre-ascendant .lien-generation.gene-six {
  margin: 0 0 6px 0;
}
.arbre-ascendant .bloc-membre {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 5px 0;
  border: 1px solid #d5d8da;
  height: 58px;
  position: relative;
}
.arbre-ascendant .bloc-membre.inconnu {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 5px 0;
  border: 2px dashed #d5d8da;
}
.arbre-ascendant .bloc-membre.inconnu.suggested-parent p {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  font-size: 11px;
  line-height: 12px;
  margin: 0;
}
.arbre-ascendant .bloc-membre.inconnu.suggested-parent .top-hints {
  top: -2px;
  left: -8px;
}
.arbre-ascendant .bloc-membre.inconnu.suggested-parent .top-hints .icon-i-plus {
  transform: none;
  top: -6px;
  left: calc(10 / var(--baseRem, 10) * 1rem);
}
.arbre-ascendant .bloc-membre.inconnu-consult {
  opacity: 0.4;
  pointer-events: none;
}
.arbre-ascendant .bloc-membre.inconnu-consult .ajout {
  font-size: 31px;
}
.arbre-ascendant .bloc-membre:not(.active):hover,
.arbre-ascendant .bloc-membre:not(.active):hover .avatar--small .avatar__icon {
  background-color: #F5F6FA;
}
.arbre-ascendant .bloc-membre.active {
  background: #2B2550;
}
.arbre-ascendant .bloc-membre .profil {
  float: left;
  height: 40px;
  width: 40px;
  margin: 5px 0 0 0;
}
.arbre-ascendant .bloc-membre .profil .initiale {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 9px 0 0;
  text-align: center;
}
.arbre-ascendant .bloc-membre .profil.image img {
  border-width: 2px;
  height: 40px;
  width: 40px;
}
.arbre-ascendant .bloc-membre.femme .profil {
  background: #ff8888;
}
.arbre-ascendant .bloc-membre.femme .profil.image img {
  border: 2px solid #ff8888;
}
.arbre-ascendant .bloc-membre.femme .ajout {
  color: #ff8888;
}
.arbre-ascendant .bloc-membre.homme .profil {
  background: #66cccc;
}
.arbre-ascendant .bloc-membre.homme .profil.image img {
  border: 2px solid #66cccc;
}
.arbre-ascendant .bloc-membre.homme .ajout {
  color: #66cccc;
}
.arbre-ascendant .bloc-membre .info-perso {
  display: inline-block;
  height: 48px;
  margin: 0 0 0 6px;
  position: relative;
  width: 46%;
}
.arbre-ascendant .bloc-membre .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 112%;
}
.arbre-ascendant .bloc-membre .info-perso div p + p + p {
  font-style: italic;
}
.arbre-ascendant .bloc-membre .info-perso div p:last-child {
  font-style: normal;
}
.arbre-ascendant .bloc-membre .info-perso p {
  color: #333333;
  font-size: 11px;
  line-height: 12px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arbre-ascendant .bloc-membre .info-perso p:nth-child(2) {
  font-weight: bold;
}
.arbre-ascendant .bloc-membre.active .info-perso p {
  color: #fff;
}
.arbre-ascendant .bloc-membre.active .info-perso p:last-child {
  font-style: normal;
}
.arbre-ascendant .bloc-membre.active .info-perso p + p + p {
  font-style: italic;
}
.arbre-ascendant .bloc-membre.active i.sosa {
  color: #fff;
}
.arbre-ascendant .bloc-membre.active i.sosa.avatar__icon {
  background-color: #2B2550;
}
.arbre-ascendant .bloc-membre .ajout {
  font-size: 50px;
  line-height: 58px;
  text-align: center;
  margin: -4px 0 -1px 0;
}
.arbre-ascendant .bloc-membre-couple:last-child {
  margin: 0;
}
.arbre-ascendant .bloc-membre-couple ul {
  margin: 0;
  height: 58px;
  /* Select last li to make border bottom, number 2 cause of script tag at the of the ul */
  /* Overide dashed version */
}
.arbre-ascendant .bloc-membre-couple ul li:nth-last-child(2) {
  border-bottom: 1px solid #d5d8da;
}
.arbre-ascendant .bloc-membre-couple ul .inconnu:nth-last-child(2) {
  border-bottom: 2px dashed #d5d8da;
}
.arbre-ascendant .bloc-membre-couple li {
  border-top: 1px solid #d5d8da;
  border-left: 1px solid #d5d8da;
  border-right: 1px solid #d5d8da;
  border-bottom: 0;
  background: #fff;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 29px;
}
.arbre-ascendant .bloc-membre-couple li + li {
  border-top: 1px solid #d5d8da;
  border-left: 1px solid #d5d8da;
  border-right: 1px solid #d5d8da;
  border-bottom: 1px solid #d5d8da;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 29px;
}
.arbre-ascendant .bloc-membre-couple li + li.inconnu {
  border-top: 2px dashed #d5d8da;
  border-bottom: 2px dashed #d5d8da;
  height: 29px;
}
.arbre-ascendant .bloc-membre-couple li.inconnu {
  border-top: 2px dashed #d5d8da;
  border-left: 2px dashed #d5d8da;
  border-right: 2px dashed #d5d8da;
  border-bottom: 0;
  background: #fff;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 30px;
}
.arbre-ascendant .bloc-membre-couple li.inconnu.suggested-parent {
  position: relative;
}
.arbre-ascendant .bloc-membre-couple li.inconnu.suggested-parent p {
  margin: 0 5px;
  max-width: 93%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.arbre-ascendant .bloc-membre-couple li.inconnu + li {
  border-top: 2px dashed #d5d8da;
}
.arbre-ascendant .bloc-membre-couple li.inconnu + li a {
  margin: 3px 4px 0;
}
.arbre-ascendant .bloc-membre-couple li.inconnu a {
  margin: 0 !important;
}
.arbre-ascendant .bloc-membre-couple li.inconnu + li.inconnu {
  border-top: 2px dashed #d5d8da;
  border-left: 2px dashed #d5d8da;
  border-right: 2px dashed #d5d8da;
  border-bottom: 2px dashed #d5d8da;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 29px;
}
.arbre-ascendant .bloc-membre-couple li.inconnu + li.inconnu a {
  margin: 0;
}
.arbre-ascendant .bloc-membre-couple li.inconnu-consult {
  opacity: 0.4;
  pointer-events: none;
}
.arbre-ascendant .bloc-membre-couple li:first-child a:not(.tree-rollover__btn) {
  margin: 6px 4px 0;
}
.arbre-ascendant .bloc-membre-couple li:first-child .ajout {
  line-height: 27px;
}
.arbre-ascendant .bloc-membre-couple li:not(.active):hover,
.arbre-ascendant .bloc-membre-couple li:not(.active):hover .cercle__icon {
  background-color: #eeeff0 !important;
}
.arbre-ascendant .bloc-membre-couple li a:not(.tree-rollover__btn) {
  display: block;
  margin: 4px 4px 0;
  position: relative;
}
.arbre-ascendant .bloc-membre-couple li span.cercle {
  border: 2px solid #8888ff;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0 4px 1px 5px;
  position: relative;
}
.arbre-ascendant .bloc-membre-couple li span.cercle.homme {
  border: 2px solid #66cccc;
}
.arbre-ascendant .bloc-membre-couple li span.cercle.femme {
  border: 2px solid #ff8888;
}
.arbre-ascendant .bloc-membre-couple li span.cercle .cercle__icon.material-icons {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #FFF;
  bottom: -3px;
  color: #757585;
  font-size: 8px;
  position: absolute;
  right: -5px;
  top: inherit;
}
.arbre-ascendant .bloc-membre-couple li p {
  display: inline-block;
  font-size: 12px;
  margin: 0;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arbre-ascendant .bloc-membre-couple li p span {
  font-weight: bold;
  text-transform: uppercase;
}
.arbre-ascendant .bloc-membre-couple li .ajout {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  max-width: inherit;
  text-align: center;
}
.arbre-ascendant .bloc-membre-couple li .ajout.homme {
  color: #66cccc;
}
.arbre-ascendant .bloc-membre-couple li .ajout.femme {
  color: #ff8888;
}
.arbre-ascendant .bloc-membre-couple li a,
.arbre-ascendant .bloc-membre a {
  color: #333333;
  text-decoration: none;
}
.arbre-ascendant .generation-active-famille {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d5d8da;
  margin: 8px 0 0 0;
  max-width: 157px;
}
.arbre-ascendant .generation-active-famille > p {
  font-size: 11px;
  padding: 4px 5px;
  font-weight: bold;
  margin: 0;
}
.arbre-ascendant .lien-generation {
  width: 2.5%;
  height: 5px;
  display: inline-table;
  margin: 0 -2px;
  vertical-align: top;
  position: relative;
  z-index: 1;
}
.arbre-ascendant .lien-generation i.lien-horizontal-1perso {
  font-size: 6px;
  color: #2B2550;
  text-align: right;
  width: 100%;
  margin: 26px 0 30px 2px;
  height: 8px;
}
.arbre-ascendant .lien-generation i.lien-horizontal-1perso::before {
  border-bottom: 1px solid #757585;
  content: "";
  left: 0;
  margin: 2px 0 0;
  position: absolute;
  transform: rotate(0deg);
  width: 24px;
}
.arbre-ascendant .lien-generation i.lien-horizontal-2perso {
  font-size: 6px;
  color: #2B2550;
  text-align: center;
  width: 100%;
  margin: 26px 0 0 0;
  height: 8px;
}
.arbre-ascendant .lien-generation i.lien-horizontal-2perso::before {
  border-bottom: 1px solid #757585;
  content: "";
  left: 1px;
  margin: 2px 0 0;
  position: absolute;
  transform: rotate(0deg);
  width: 8px;
}
.arbre-ascendant .lien-generation i.lien-horizontal-2perso::after {
  border-bottom: 1px solid #757585;
  content: "";
  right: 0;
  margin: 2px 0 0;
  position: absolute;
  transform: rotate(0deg);
  width: 8px;
}
.arbre-ascendant .lien-generation .lien-vertical-gene1 {
  border-left: 1px solid #757585;
  border-bottom: 1px solid #757585;
  height: 507px;
  margin: -3px 0 0 14px;
  width: 50%;
}
.arbre-ascendant .lien-generation.gene-deux .lien-vertical {
  border-left: 1px solid #757585;
  border-bottom: 1px solid #757585;
  height: 251px;
  margin: -3px 0 228px 14px;
  width: 50%;
}
.arbre-ascendant .lien-generation.gene-trois .lien-vertical {
  border-left: 1px solid #757585;
  border-bottom: 1px solid #757585;
  height: 125px;
  margin: -4px 0 98px 14px;
  width: 50%;
}
.arbre-ascendant .lien-generation.gene-quatre .lien-vertical {
  border-left: 1px solid #757585;
  border-bottom: 1px solid #757585;
  height: 59px;
  margin: -4px 0 36px 14px;
  width: 50%;
}
.arbre-ascendant .lien-generation .parent-1 {
  margin: 0 0 6px 0;
  height: 58px;
}
.arbre-ascendant .lien-generation .parent-1:last-child {
  margin: 0;
}
.arbre-ascendant .lien-generation .parent-1 a {
  display: block;
}
.arbre-ascendant .lien-generation .parent-1 a i {
  background: #d5d8da none repeat scroll 0 0;
  border-radius: 50%;
  color: #2B2550;
  font-size: 19px;
  margin: 5px 0 0 6px;
}
.arbre-ascendant .lien-generation .parent-1 a:hover i {
  background: rgba(213, 216, 218, 0.7);
}

/*---------------------------------- FIN Navigation ascendante */
/*---------------------------------- DEBUT Navigation Familiale */
.arbre-familial .remonter,
.arbre-familial .descendre {
  height: 39px;
  text-align: center;
  margin: 10px 0;
}
.arbre-familial .remonter i,
.arbre-familial .descendre i {
  background: #d5d8da;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 24px;
  color: #2B2550;
  padding: 7px;
}
.arbre-familial .remonter a:hover i,
.arbre-familial .descendre a:hover i {
  background: rgba(129, 138, 145, 0.7);
}
.arbre-familial a.top-generation {
  position: absolute;
  top: -25px;
  left: 27px;
}
.arbre-familial a.top-generation i {
  color: #2B2550;
}
.arbre-familial a.top-generation:hover i {
  color: rgba(70, 85, 105, 0.6);
}
.arbre-familial a.bottom-generation {
  position: absolute;
  bottom: -25px;
  left: 27px;
}
.arbre-familial a.bottom-generation i {
  color: #2B2550;
}
.arbre-familial a.bottom-generation:hover i {
  color: rgba(70, 85, 105, 0.6);
}
.arbre-familial .person .face i:not([data-center-icon]) {
  position: absolute;
  right: -1px;
  bottom: -1px;
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  font-size: 12px;
  padding: 3px;
}
.arbre-familial .person:hover .face i {
  background-color: #F5F6FA;
}
.arbre-familial .person.selected .face i {
  background-color: #2B2550;
  color: #fff;
}
.arbre-familial .person .person .ajout {
  font-size: 38px;
  line-height: 116px;
}
.arbre-familial .person .person.f .ajout {
  color: #ff8888;
}
.arbre-familial .person .person.m .ajout {
  color: #66cccc;
}
.arbre-familial .person .person.inconnu {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 5px 0;
  border: 2px dashed #d5d8da;
}
.arbre-familial .person .person.inconnu:hover {
  background: rgba(213, 216, 218, 0.4);
}
.arbre-familial .person .person.inconnu a:hover {
  text-decoration: none;
}

.liste-arbre .info-arbre .titre-arbre a + i + span {
  margin-left: 10px;
  padding: 5px 7px;
  height: 22px;
  margin-top: -5px;
}

/*---------------------------------- DEBUT calcul lien de parenté */
.parentalLink.container {
  height: auto;
}

.no-line:after {
  opacity: 0 !important;
}
.no-line::before {
  opacity: 0 !important;
}

@media (max-width: 746px) {
  .parentalLink__scroll {
    overflow: scroll;
  }
}
.parentalLink__text {
  color: #2B2550;
  margin-bottom: 90px;
}
.parentalLink__text h3 {
  font-size: 23px;
  font-weight: bold;
}
.parentalLink__text p {
  font-size: 15px;
  margin-bottom: 2px;
}
.parentalLink__calc {
  text-align: center;
  margin-bottom: 30px;
  min-width: 746px;
}
.parentalLink__calc .parentalLink__calcBlock {
  width: 230px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.parentalLink__calc .parentalLink__calcBlock:after {
  display: block;
  content: "";
  clear: both;
}
.parentalLink__calc .parentalLink__calcBlock.parent-alone .blockText:after {
  bottom: -47px;
}
.parentalLink__calc .parentalLink__calcBlock.parent-alone .blockText a {
  padding-top: 18px;
}
.parentalLink__calc .blockProfil {
  background: #2B2550;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom: -5px;
  position: relative;
  margin-top: 31px;
}
.parentalLink__calc .blockProfil .numero {
  float: left;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  min-width: 32px;
  min-height: 50px;
  text-align: center;
  font-size: 22px;
  padding: 8px 2px 0 2px;
  color: #ffffff;
}
.parentalLink__calc .blockProfil.femme .numero {
  background: #ff8888;
}
.parentalLink__calc .blockProfil.femme .profil {
  background: #ff8888;
}
.parentalLink__calc .blockProfil.femme .profil.image img {
  border-color: #ff8888;
}
.parentalLink__calc .blockProfil.homme .numero {
  background: #66cccc;
}
.parentalLink__calc .blockProfil.homme .profil {
  background: #66cccc;
}
.parentalLink__calc .blockProfil.homme .profil.image img {
  border-color: #66cccc;
}
.parentalLink__calc .blockProfil.neutre .numero {
  background: #8888ff;
}
.parentalLink__calc .blockProfil.neutre .profil {
  background: #8888ff;
}
.parentalLink__calc .blockProfil.neutre .profil.image img {
  border-color: #8888ff;
}
.parentalLink__calc .blockProfil .profil {
  height: 40px;
  width: 40px;
  margin: 4px 9px;
}
.parentalLink__calc .blockProfil .profil.image img {
  border-width: 3px;
  height: 41px;
  width: 41px;
}
.parentalLink__calc .blockProfil .profil .initiale {
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  margin: 9px 0 0 0;
}
.parentalLink__calc .blockProfil .info-perso {
  display: inline-block;
  height: 45px;
  position: relative;
  width: 49%;
}
.parentalLink__calc .blockProfil .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.parentalLink__calc .blockProfil .info-perso p {
  font-size: 11px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  line-height: 12px;
}
.parentalLink__calc .blockProfil i {
  font-size: 13px;
  background: rgb(61.1369294606, 68.6348547718, 77.8630705394);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  padding: 1px;
  color: #ffffff;
  position: absolute;
  top: 3px;
  right: 3px;
}
.parentalLink__calc .blockProfil:after {
  height: 26px;
  width: 1px;
  content: "";
  display: block;
  background: #6a7787;
  position: absolute;
  bottom: -26px;
  left: 50%;
}
.parentalLink__calc .blockProfil + .blockProfil:after {
  height: 0;
  position: relative;
}
.parentalLink__calc .blockProfil.light {
  display: inline-block;
  margin-top: 30px;
  width: 192px;
  background: #fff;
  border: 1px solid #6a7787;
}
@media (max-width: 992px) {
  .parentalLink__calc .blockProfil.light {
    width: 158px;
  }
}
.parentalLink__calc .blockProfil.light .info-perso p {
  color: #6a7787;
}
.parentalLink__calc .blockText {
  text-align: center;
  position: relative;
  margin: 35px 0 10px 0;
}
.parentalLink__calc .blockText:after {
  height: 24px;
  width: 1px;
  content: "";
  display: block;
  background: #333333;
  position: absolute;
  bottom: -30px;
  left: 50%;
}
.parentalLink__calc .blockText i {
  vertical-align: top;
  margin: 4px 2px 0 0;
  font-size: 10px;
  color: #8888ff;
}
.parentalLink__calc .blockText .homme i {
  color: #66cccc;
}
.parentalLink__calc .blockText .femme i {
  color: #ff8888;
}
.parentalLink__calc .blockText a {
  font-size: 12px;
  display: block;
  height: 18px;
  transform: translateX(-19%);
  width: 160%;
}
.parentalLink__calc .blockText a i + span {
  max-width: 44%;
}
.parentalLink__calc .blockText a span {
  max-width: 47%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 15px;
  text-align: left;
}
.parentalLink__calc .blockText a span + span {
  margin-left: 3px;
  font-style: italic;
  color: #6a7787;
}
.parentalLink__calc .blockText a span + span i {
  font-size: 13px !important;
  color: #6a7787 !important;
  margin: 2px 0 0 2px !important;
}
.parentalLink__calc .blockText a .and {
  cursor: auto;
  color: #333333;
  font-weight: bold;
  font-size: 13px;
  margin-right: 2px;
  font-style: inherit;
}
.parentalLink__calc .blockText a:hover {
  line-height: 15px;
  text-decoration: none;
}
.parentalLink__calc .blockText a:hover span {
  border-bottom: 1px solid #43C;
}
.parentalLink__calc .blockText a:hover span + span {
  text-decoration: none;
  border-bottom: 0;
  line-height: 16px;
}
.parentalLink__calc .blockText a:hover .and {
  border-bottom-color: transparent;
}
.parentalLink__calc .blockText + .blockProfil {
  margin-top: 30px;
}
.parentalLink__calc .blockText + .blockProfil:after {
  height: 0;
  position: relative;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock {
  margin-top: 61px;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock .blockText:before {
  height: 24px;
  width: 1px;
  content: "";
  display: block;
  background: #6a7787;
  position: absolute;
  top: -30px;
  left: 50%;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock {
  margin-top: 0;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText {
  border-bottom-color: #6a7787;
  margin-top: 0;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before {
  height: 1px;
  width: 466px;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock {
  margin-top: 61px;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText {
  margin: 35px 0 10px 0;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:first-child:before {
  height: 24px;
  width: 1px !important;
  content: "";
  display: block;
  background: #6a7787;
  position: absolute;
  top: -30px;
  left: 50%;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText + .blockText:before {
  width: 0;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock > .blockProfil:after {
  height: 0;
  position: relative;
}
.parentalLink__calc.multi-branch .parentalLink__calcBlock > .blockProfil:before {
  height: 26px;
  width: 1px;
  content: "";
  display: block;
  background: #6a7787;
  position: absolute;
  top: -26px;
  left: 50%;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .blockText a span {
    max-width: 35%;
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .blockText a span + span {
    max-width: 50%;
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock {
    width: 178px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child {
  width: 446px;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child {
    width: 354px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText {
  width: 230px;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText {
    width: 178px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText + .blockProfil {
  margin-top: 20px;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText + .blockProfil:before {
  height: 0;
  position: relative;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText + .blockProfil + .blockProfil {
  margin-top: 20px;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil {
  display: inline-block;
  margin-top: 30px;
  width: 192px;
  background: transparent;
  border: 1px solid #6a7787;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil {
    width: 158px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil .info-perso p {
  color: #333333;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child {
  width: 230px;
  float: right;
  background: #2B2550;
  border: 0;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child {
    width: 178px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child .info-perso p {
  color: #ffffff;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child .numero {
  float: right;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child .numero + .profil + .info-perso + i {
  right: 38px;
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child:before {
  height: 1px;
  width: 24px;
  content: "";
  display: block;
  background: #6a7787;
  position: absolute;
  top: 50%;
  left: -24px;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child:before {
    width: 19px;
    left: -19px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:before {
  left: 59.8%;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before {
    width: 362px;
  }
}
.parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before {
  width: 0;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock {
  width: 230px;
  margin-top: 0 !important;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock {
    width: 178px;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock .blockProfil {
  width: 100%;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock .blockProfil.light i {
  background: none;
  color: #3d454e;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) {
  margin-top: 76px !important;
  width: 180px;
}
@media (max-width: 1200px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) {
    width: 119px;
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) {
    width: 98px;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil {
  transform: translateX(-25px);
  width: 230px;
}
@media (max-width: 1200px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil {
    transform: translateX(-56px);
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil {
    width: 178px;
    transform: translateX(-40px);
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil:before {
  height: 51px;
  top: -51px;
}
@media (max-width: 1200px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockText a {
    width: 224%;
    transform: translateX(-30%);
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockText a {
    width: 246%;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockText + .blockProfil:before {
  height: 26px;
  top: -26px;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText {
  margin: 35px 0 10px 0;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before {
  height: 0;
  width: 1px;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:first-child:before {
  height: 47px;
  top: -55px;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:first-child > .blockProfil:before, .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(3) > .blockProfil:before {
  height: 1px;
  width: 231px;
  top: 50%;
  right: -231px;
  left: inherit;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:last-child > .blockProfil:before {
  height: 0;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:last-child > .blockProfil .numero {
  float: right;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:last-child > .blockProfil .numero + .profil + .info-perso + i {
  right: 38px;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(4) > .blockProfil .numero {
  float: right;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(4) > .blockProfil .numero + .profil + .info-perso + i {
  right: 38px;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil {
  margin-top: 30px;
  width: 192px;
  background: transparent;
  border: 1px solid #6a7787;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil {
    width: 135px;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil i {
  background: none;
  color: #333333;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil .info-perso p {
  color: #333333;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil {
  width: 230px;
  background: #2B2550;
  border: 0;
  margin-top: -51px;
  margin-left: 208px;
}
@media (max-width: 1200px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil {
    width: 198px;
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil {
    width: 170px;
    margin-left: 148px;
  }
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .info-perso {
    width: 47%;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .info-perso p {
  color: #ffffff;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .numero {
  float: right;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .numero + .profil + .info-perso + i {
  right: 38px;
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil:before {
  height: 1px !important;
  width: 16px;
  content: "";
  display: block;
  background: #6a7787;
  position: absolute;
  top: 50% !important;
  left: -16px;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil:before {
    width: 13px;
    left: -13px;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil:before {
  left: 59.8%;
}
@media (max-width: 992px) {
  .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil:before {
    left: 64.8%;
  }
}
.parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil + .blockProfil:before {
  height: 26px;
  top: -26px;
}
.parentalLink__noresult {
  text-align: center;
  color: #6a7787;
}
.parentalLink__noresult i {
  font-size: 89px;
  margin-bottom: 15px;
}
.parentalLink__noresult h3 {
  font-size: 24px;
  margin-bottom: 26px;
}
.parentalLink__noresult p {
  font-size: 15px;
  margin-bottom: 30px;
  color: #333333;
}

/*---------------------------------- FIN calcul lien de parenté */
.info-public-tree {
  text-align: left;
}
.info-public-tree .info-public-tree-text {
  color: #757585;
}
.info-public-tree a.information[data-toggle=collapse] + div.collapse {
  font-size: 13px;
}

.gedcom-subtitle {
  font-size: 22px;
  font-weight: 700;
}

.page-import-gedcom .checkbox .label-text {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px;
}
.page-import-gedcom .import-gedcom-cta {
  margin-top: 30px;
}
.page-import-gedcom .import-gedcom-cta .btn {
  font-size: 17px;
  padding: 10px 20px;
  font-weight: 700;
}

/*-------------------------------------------------------------------------- ONGLETS FICHE --- */
a.tab-information-link:hover,
a.tab-information-link:focus {
  background: rgba(213, 216, 218, 0.6);
}

.tab-information-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  border-color: transparent #fff transparent transparent;
  color: #333333;
  background: rgba(213, 216, 218, 0.7);
}

@media screen and (max-width: 600px) {
  .bloc-contenu-in.tab-information .nav-tabs {
    margin-bottom: 10px;
    border-bottom: none;
  }
  .bloc-contenu-in.tab-information .nav-tabs li {
    display: block;
    width: 100%;
    margin: 3px 0;
  }
  .bloc-contenu-in.tab-information .nav-tabs li a {
    border-radius: 4px;
  }
}
.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}
.timeline > li:before, .timeline > div > div > li:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  left: 37px;
  margin-left: -1.5px;
  border-left: 3px solid #757585;
}
.timeline > li:last-child:before, .timeline > div > div > li:last-child:before {
  display: none;
}
.timeline > li.last-visible:before, .timeline > div > div > li.last-visible:before {
  display: none;
}
.timeline > li.pointille:before, .timeline > div > div > li.pointille:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  left: 37px;
  margin-left: -1.5px;
  border-left: 4px dotted #757585;
}
.timeline > li, .timeline > div > div > li {
  padding-bottom: 20px;
  position: relative;
}
.timeline > li .timeline-panel, .timeline > div > div > li .timeline-panel {
  width: 92%;
  padding: 0 20px 20px 20px;
  position: relative;
  left: 76px;
  min-height: 90px;
  line-height: 76px;
}
@media (max-width: 600px) {
  .timeline > li .timeline-panel, .timeline > div > div > li .timeline-panel {
    width: 88%;
  }
}
.timeline .timeline-info {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
}
.timeline li:last-child .timeline-panel {
  min-height: 75px;
  padding-bottom: 0;
  line-height: 75px;
}
.timeline li .timeline-badge {
  color: #fff;
  width: 75px;
  height: 75px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  background-color: #757585;
  z-index: 1;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  font-weight: bold;
  line-height: 75px;
}
.timeline li .autre-evenement.timeline-badge:hover {
  cursor: default;
}
.timeline > li > .timeline-badge-plus {
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  background-color: #fff;
  border: 3px solid #757585;
  z-index: 1;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  font-weight: bold;
  left: 14px;
}
.timeline > li > .timeline-panel-plus {
  width: 93%;
  padding: 0 20px 20px 20px;
  position: relative;
  left: 76px;
  min-height: 72px;
  line-height: 39px;
}
.timeline > li > .timeline-badge-plus > i {
  color: #757585;
  font-size: 16px;
  line-height: 41px;
}
.timeline > li > .timeline-badge-plus:hover > i {
  color: #2B2550;
}

.timeline-badge span.annee {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.timeline-badge span.age {
  font-size: 14px;
  font-weight: normal;
  display: block;
  margin: 0 0 1px 0;
}

.timeline li .timeline-badge.autre-evenement,
.mode-edit .timeline li .timeline-badge.autre-evenement {
  color: #757585;
  background-color: #fff;
  line-height: 71px;
  border: 3px solid #757585;
}

.mode-edit .timeline li .timeline-badge:hover {
  color: #fff;
  background-color: #757585;
  cursor: pointer;
}
.mode-edit .timeline-title span:hover {
  text-decoration: underline;
  cursor: pointer;
}

.autre-evenement + .timeline-panel .timeline-title:hover {
  text-decoration: inherit;
  cursor: default;
}
.autre-evenement + .timeline-panel .timeline-title a:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #43C;
}

.timeline-title {
  margin: 0 0 3px 0;
  font-size: 18px;
  font-weight: bold;
  width: auto;
  display: inline;
}
.timeline-title a {
  text-decoration: none;
  color: #43C;
  margin: 0 0 0 2px;
}
.timeline-title a:hover {
  text-decoration: underline;
  color: #43C;
}
.timeline-title a span {
  font-style: italic;
}

li.first-time .timeline-info p {
  width: 92%;
}

.timeline-info p {
  margin-bottom: 0;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
.timeline-info p + p {
  margin-top: 2px;
}
.timeline-info .time-line-description {
  font-size: 14px;
  color: #2B2550;
  margin: 10px 0 0 0;
}
.timeline-info .multiple-img {
  background: #d5d8da;
  float: right;
  height: 80px;
  width: 80px;
  margin: 7px 0 0 0;
}
.timeline-info .multiple-img img {
  height: 80px;
  width: 80px;
  float: right;
  margin: -7px -7px 2px 15px;
}
.timeline-info .multiple-img i {
  float: right;
  height: 80px;
  margin: -7px -7px 2px 15px;
  width: 80px;
  position: inherit;
}
.timeline-info .multiple-img .badge {
  background: #fff;
  color: #757585;
  margin: -15px -7px 0 0;
  float: right;
  border: 1px solid #757585;
}
.timeline-info img {
  height: 80px;
  width: 80px;
  float: right;
  margin: 0 -7px 2px 15px;
}
.timeline-info i {
  height: 80px;
  width: 80px;
  float: right;
  margin: 0 -7px 2px 15px;
  background: #757585 none repeat scroll 0 0;
  color: #fff;
  font-size: 37px;
  padding: 23px;
  /* &.glyphicon-link {
      margin: 0;
  } */
}

#map {
  height: 300px;
  background: #d5d8da;
  margin: 20px 0 0 0;
}

.cercle-familial h2 {
  font-size: 16px;
  color: #2B2550;
  font-weight: bold;
  cursor: pointer;
}

.cercle-familial h2.vide {
  color: #757585;
  font-weight: bold;
  cursor: default;
}

.cercle-familial h2.vide.collapsed i.caret {
  border-color: transparent transparent transparent #757585;
  border-style: solid;
  border-width: 7px 0 7px 13px;
  margin: -5px 7px 0 0;
}

.cercle-familial h2 i.caret {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 13px dashed;
  display: inline-block;
  margin: -3px 6px 0 0;
}

.cercle-familial h2.collapsed i.caret {
  border-style: solid;
  border-width: 7px 0 7px 13px;
  border-color: transparent transparent transparent #2B2550;
  margin: -5px 7px 0 0;
}

.cercle-familial .individu {
  border: 1px solid #d5d8da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  margin: 0 0 5px 0;
}

.cercle-familial .individu.enfant {
  margin: 0 0 5px 17px;
}

.cercle-familial a .individu:hover {
  background: #d5d8da;
  border: 1px solid #757585;
}

.cercle-familial a .individu:hover p span {
  color: #333333;
}

.cercle-familial .individu i.icon-i-avatar-homme,
.cercle-familial .individu i.icon-i-avatar-femme,
.cercle-familial .individu i.icon-i-avatar-neutre,
.cercle-familial .individu i.icon-i-avatar-h-f-03,
.cercle-familial .individu i.icon-i-mariage,
.cercle-familial .individu i.icon-i-berceau,
.cercle-familial .individu i.icon-i-cadenas {
  color: #fff;
  padding: 9px 7px 7px 7px;
  font-size: 22px;
  display: inline-block;
  vertical-align: top;
}

.cercle-familial .individu i.icon-i-avatar-neutre {
  font-size: 17px;
  padding: 10px 7px 9px 6px;
}

.cercle-familial .individu .profil {
  float: inherit;
}

.cercle-familial .individu .profil {
  border-radius: 50%;
  cursor: inherit;
  height: 41px;
  width: 41px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
}

.cercle-familial .individu .profil.image img {
  border-width: 3px;
  width: 41px;
  height: 41px;
}

.cercle-familial .individu + i.sosa {
  background: #FFF none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: left;
  font-size: 12px;
  margin: -32px 0 0 31px;
  padding: 3px;
  position: relative;
}
.cercle-familial .individu.enfant + i.sosa {
  margin: -32px 0 0 47px;
}
.cercle-familial .individu.enfant p {
  width: 81%;
}
@media (max-width: 1200px) {
  .cercle-familial .individu.enfant p {
    width: 77%;
  }
}
@media (max-width: 992px) {
  .cercle-familial .individu.enfant p {
    width: 91%;
  }
}
@media (max-width: 767px) {
  .cercle-familial .individu.enfant p {
    width: 86%;
  }
}
@media (max-width: 480px) {
  .cercle-familial .individu.enfant p {
    width: 80%;
  }
}
.cercle-familial .individu p {
  width: 83%;
  display: inline-block;
  margin: 0 0 0 8px;
  color: #333333;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cercle-familial .individu p span {
  display: block;
  color: #757585;
  font-size: 13px;
}
.cercle-familial .individu p a {
  margin: 7px 0 0 0;
  display: inline-block;
  color: #445599;
}
.cercle-familial .individu p a:hover {
  text-decoration: underline;
}
@media (max-width: 1200px) {
  .cercle-familial .individu p {
    width: 77%;
  }
}
@media (max-width: 992px) {
  .cercle-familial .individu p {
    width: 91%;
  }
}
@media (max-width: 767px) {
  .cercle-familial .individu p {
    width: 86%;
  }
}
@media (max-width: 480px) {
  .cercle-familial .individu p {
    width: 80%;
  }
}
.cercle-familial .individu .profil .initiale {
  color: #fff;
  font-size: 17px;
  margin: 0;
  padding: 9px 0 0;
  width: auto;
}
.cercle-familial .individu.ajout-personne {
  line-height: 35px;
  min-height: 48px;
  border: 1px dashed #757585;
}
.cercle-familial .individu.ajout-personne .profil .initiale {
  padding: 3px 0 0;
  font-weight: normal;
}
.cercle-familial .individu.ajout-personne p {
  color: #757585;
  font-weight: bold;
}
.cercle-familial.cercle-familial--individual .profil {
  position: relative;
}
.cercle-familial.cercle-familial--individual .individu i.sosa {
  position: absolute;
  bottom: 0;
  right: -6px;
  margin: 0;
  font-size: 12px;
  padding: 3px;
  border-radius: 50%;
  background: #fff none repeat scroll 0 0;
  color: #757585;
}
.cercle-familial.cercle-familial--individual .cercle-familial__role {
  margin-bottom: 4px;
}
.cercle-familial a:hover,
.cercle-familial a:focus {
  color: transparent;
}
.cercle-familial .real-time-parents .top-hints {
  position: absolute;
  top: -2px;
  left: -6px;
}
.cercle-familial .real-time-parents .top-hints .icon-i-plus {
  -moz-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  -webkit-transform: translateY(0.5px);
  transform: translateY(0.5px);
  left: 10px;
}
.cercle-familial .real-time-parents.tag-v2--add-relation .top-hints {
  top: -1px;
}

.fiche-arbre-document > li {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #d5d8da;
  min-height: 103px;
}
.fiche-arbre-document > li:last-child {
  border-bottom: 0;
}
.fiche-arbre-document > li p {
  margin: 0;
}
.fiche-arbre-document > li a:hover {
  text-decoration: none;
}
.fiche-arbre-document > li a:hover h3 {
  text-decoration: underline;
}
.fiche-arbre-document img {
  height: 80px;
  width: 80px;
  float: left;
  margin: 0 10px 10px 0;
}
.fiche-arbre-document i {
  height: 80px;
  width: 80px;
  float: left;
  margin: 0 10px 10px 0;
  background: #fff;
  font-size: 44px;
  padding: 19px;
  color: #667788;
}
.fiche-arbre-document i.icon-i-feuille-logo {
  font-size: 47px;
  padding: 19px 0 0 25px;
}
.fiche-arbre-document i.icon-i-piece-filae {
  font-size: 44px;
  padding: 20px 0 0 16px;
}
.fiche-arbre-document i.icon-i-family-view {
  font-size: 32px;
  padding: 24px;
}
.fiche-arbre-document i.icon-note:before {
  content: "\e616";
  font-family: "icomoon", sans-serif !important;
  font-size: 41px;
  margin: 0 0 0 -4px;
}
.fiche-arbre-document h3 {
  margin: 0 0 5px 0;
  font-size: 17px;
  font-weight: 700;
  color: #43C;
  overflow: hidden;
  word-wrap: break-word;
}
.fiche-arbre-document p {
  font-size: 14px;
  color: #2B2550;
  overflow: hidden;
  word-wrap: break-word;
}
.fiche-arbre-document .close {
  opacity: 1;
}

span.label {
  background-color: #fff;
  color: #757585;
  border: 1px solid #757585;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin: 0 0 6px 0;
  display: inline-block;
  font-size: 11px;
  padding: 0.2em 0.6em;
}
span.label.plein {
  background-color: #11a88b;
  color: #fff;
  border: 1px solid #11a88b;
}
span.label.transparent {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
span.label.label-success {
  background-color: transparent;
  border: 1px solid #0c9;
  color: #0c9;
}
span.label.label-success.inverse {
  background-color: #0c9;
  border: 1px solid #0c9;
  color: #fff;
}
span.label.label-success.inverse {
  margin-left: 10px;
}
span.label.tag {
  border: 1px solid #d5d8da;
  background-color: #fff;
  color: #333333;
  font-size: 13px;
  padding: 5px 12px;
  text-align: left;
}

.ekko-lightbox h4 {
  overflow: hidden;
  word-wrap: break-word;
}

/* ======================================================================================================== DEBUT Fusion -- */
.fusion-question {
  padding: 0 0 10px 0;
}
.fusion-question .btn + .btn {
  margin: 0 0 0 5px;
  color: #333333;
}
.fusion-question .btn + a {
  margin: 0 0 0 5px;
  color: #ff5555;
}

.fiche-fusion-1 .header-fusion p {
  color: #ff5555;
  font-size: 14px;
}
.fiche-fusion-2 .header-fusion p {
  color: #ff5555;
  font-size: 14px;
  font-weight: bold;
}

.header-fusion .informations-fiche-arbre h4 {
  font-weight: bold;
  font-size: 20px;
  color: #2B2550;
}
.header-fusion .informations-fiche-arbre li {
  font-size: 17px;
  line-height: 23px;
  color: #2B2550;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-fusion .informations-fiche-arbre li span {
  width: auto;
}
.header-fusion .informations-fiche-arbre li span:hover {
  text-decoration: inherit;
  cursor: default;
}
.header-fusion .informations-fiche-arbre li span + span {
  padding: 0 0 0 5px;
  width: auto;
}
.header-fusion .informations-fiche-arbre li span + span + span {
  font-weight: normal;
  display: inline;
  white-space: nowrap;
}

.header-fusion .img-profil {
  cursor: default;
  height: 98px;
  margin: auto;
  width: 98px;
}
.header-fusion .img-profil i {
  font-size: 50px;
  height: 98px;
  width: 98px;
  cursor: default;
  padding: 25%;
}

/* ------------------------------------------------------- a retirer lorsque les nouveaux arbres deront mit en place ---- */
.header-fusion .img-profil img {
  height: 98px;
  width: 98px;
}
.header-fusion .profil {
  float: left;
  height: 98px;
  margin: auto 0;
  width: 98px;
}

/* ----- FIN a retirer lorsque les nouveaux arbres deront mit en place*/
.header-fusion {
  border-bottom: 2px solid #d5d8da;
  padding: 0 0 10px 0;
  height: 292px;
}
.header-fusion .profil.image img {
  border-width: 4px;
  height: 98px;
  width: 98px;
}
.header-fusion .profil .initiale {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  margin: 26px 0 0;
  text-align: center;
}
.header-fusion input + input {
  margin: 8px 0 0 0;
}

.fiche-fusion-1 i.icon-i-rond-fleche-droite {
  font-size: 47px;
  color: #ff5555;
  float: right;
  margin: 10px 0 0 0;
}
.fiche-fusion-1 i.icon-i-rond-fleche-droite:hover, .fiche-fusion-1 i.icon-i-rond-fleche-droite:focus {
  color: #ff5555;
}

.header-fusion .informations-fiche-arbre h1 {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  margin-right: 0;
  padding-right: 1.5em;
  height: 112px;
}
.header-fusion .informations-fiche-arbre h1:hover {
  text-decoration: inherit;
  cursor: default;
}
.header-fusion .informations-fiche-arbre h1:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
.header-fusion .informations-fiche-arbre h1:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 2em;
  margin-top: 0.2em;
  background: white;
}

/* Body fiche fusion : Evènement, time-line ... */
.body-fusion.hint .timeline > li > .timeline-panel,
.flex-title .timeline > li > .timeline-panel {
  width: 74%;
  display: inline-block;
  padding: 0 20px;
}

.body-fusion .timeline-title {
  font-size: 17px;
  margin: 0 0 1px 0;
}
.body-fusion .timeline-title:hover {
  text-decoration: inherit;
  cursor: default;
}
.body-fusion .timeline li .timeline-badge {
  background-color: #757585;
  color: #fff;
  cursor: default;
}
.body-fusion h4 {
  font-size: 25px;
  font-weight: bold;
  padding: 10px 0 0 0;
}
.fiche-fusion-1 .body-fusion h4 {
  color: #ff5555;
}
.fiche-fusion-2 .body-fusion h4 {
  color: #2B2550;
}
.body-fusion .timeline > li > .timeline-panel {
  width: 74%;
  display: inline-block;
  height: 154px;
  padding: 0 20px;
}
.body-fusion .timeline > li > .timeline-panel.troischamps {
  height: 200px;
}
.body-fusion.hint .no-correspondance {
  height: 110px;
}
.body-fusion .no-correspondance {
  height: 175px;
}
.body-fusion .no-correspondance.troischamps {
  height: 220px;
}
.body-fusion .no-correspondance-last {
  height: 174px;
}
.body-fusion .no-correspondance-last:last-child {
  height: 154px;
}
.body-fusion .no-correspondance-last.troischamps {
  height: 220px;
}
.body-fusion .no-correspondance-last.troischamps:last-child {
  height: 200px;
}
.body-fusion li.no-correspondance-last:before {
  display: none;
}
.body-fusion .timeline-info {
  /* Texte timeline colonne de droite page fusion en venant de la recherche : max du texte 1 lignes max pour les libellés d'évènements */
}
.body-fusion .timeline-info h3,
.body-fusion .timeline-info p {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  text-align: justify;
  margin-right: 0;
  padding-right: 1.5em;
}
.body-fusion .timeline-info h3:before,
.body-fusion .timeline-info p:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
.body-fusion .timeline-info h3:after,
.body-fusion .timeline-info p:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}
.body-fusion .timeline-info h3 {
  text-align: left;
}
.body-fusion .timeline-info #alertErrorMessages p {
  max-height: inherit;
  padding: 0;
}
.body-fusion .timeline-info .tt-suggestion p {
  max-height: inherit;
}
.body-fusion .timeline-info #alertErrorMessages p:before,
.body-fusion .timeline-info .tt-suggestion p:before {
  display: none;
}
.body-fusion .timeline-info #alertErrorMessages p:after,
.body-fusion .timeline-info .tt-suggestion p:after {
  display: none;
}
.body-fusion .timeline-info .row {
  margin: 0 0 10px 0;
}

.fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel {
  width: 88%;
}
.fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre-seul {
  width: 68% !important;
}
.fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre {
  padding: 6px 12px;
}
.fiche-fusion-2 .body-fusion .timeline-info h3 {
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fiche-fusion-2 .body-fusion.hint .timeline-info h3 {
  white-space: inherit;
}

.timeline-info p a {
  display: inline;
  position: relative;
  z-index: 1;
}
.timeline-info p a span {
  font-style: italic;
}

.timeline li.no-correspondance .timeline-badge-pointille, .timeline li.no-correspondance-last .timeline-badge-pointille {
  background-color: #fff;
  border: 4px dashed #757585;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 75px;
  position: absolute;
  width: 75px;
}
.timeline li.no-correspondance .timeline-badge-pointille {
  background-color: #fff;
  border: 4px dashed #757585;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 75px;
  position: absolute;
  width: 75px;
}
.timeline li.ajout-evenement .timeline-badge {
  background-color: #757585;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  height: 75px;
  line-height: 75px;
  position: absolute;
  text-align: center;
  width: 75px;
  z-index: 100;
}
.timeline li.ajout-evenement i.glyphicon-trash {
  background: none;
  color: #757585;
  float: right;
  font-size: 19px;
  height: auto;
  margin: -1px 0 0 0;
  padding: 0;
  width: auto;
}
.timeline li.ajout-evenement a:hover i.glyphicon-trash {
  color: #2B2550;
}
.timeline li.ajout-evenement span.label {
  background-color: #757585;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  margin: 0;
  padding: 0.2em 0.6em;
  font-weight: bold;
  position: absolute;
  top: -25px;
  z-index: 100;
}

.timeline-info .alert-warning,
.timeline-info .alert-danger {
  margin: -8px 0 0;
  padding: 4px 10px;
}
.timeline-info .alert-warning p,
.timeline-info .alert-danger p {
  font-size: 13px;
  padding: 10px;
}

.modal-body .bg-warning,
div .bg-warning {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #f0ad4e;
  font-size: 17px;
  padding: 15px;
}

.modal-body .bg-danger,
div .bg-danger,
.alert.alert-danger {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #d9534f;
  font-size: 17px;
  padding: 15px;
}
.modal-body .bg-danger a,
div .bg-danger a,
.alert.alert-danger a {
  color: #d9534f;
  text-decoration: underline;
}

.alert.alert-dismissable,
.alert.alert-dismissible {
  padding-right: 35px !important;
}

/*------------------------------------------------ DEBUT modifications fusion popup mariage 09/05/2017--------------------------------------------------------*/
.container-fusion .fusion-question h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mariage-inconnu .modal-dialog-fusion .modal-header {
  border-bottom: none;
}

.modal-dialog-fusion .modal-footer {
  border-top: none;
  background-color: #2B2550;
  padding-top: 0;
}

#supprimer-mariage .modal-dialog-fusion .modal-footer {
  border-top: none;
  padding-top: 0;
  background-color: transparent;
}

#mariage-inconnu .modal-dialog-fusion .modal-footer .btn-default {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.modal-dialog-fusion .modal-body {
  padding-bottom: 5px;
}
.modal-dialog-fusion .modal-body-bg {
  background-color: #2B2550;
  color: #fff;
}
.modal-dialog-fusion .modal-body .bg-warning,
.modal-dialog-fusion .modal-body div .bg-warning {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  color: #fff;
  font-size: 17px;
  padding: 0;
}
.modal-dialog-fusion .modal-body .bg-danger,
.modal-dialog-fusion .modal-body div .bg-danger,
.modal-dialog-fusion .modal-body .alert.alert-danger {
  padding: 0;
}
.modal-dialog-fusion .modal-body .bg-warning,
.modal-dialog-fusion .modal-body .bg-danger {
  background-color: transparent;
}

/*------------------------------------------------ FIN modifications fusion popup mariage 09052017--------------------------------------------------------*/
/*------------------------------------------------ modifications fusion 23032017--------------------------------------------------------*/
.fiche-fusion-1 .title-fusion p {
  color: #757585;
  font-size: 17px;
  font-weight: bold;
}

.informations-fiche-arbre h1.name-fusion {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-fusion .informations-fiche-arbre h1.name-fusion:after {
  display: none;
}
.header-fusion .informations-fiche-arbre h1.name-fusion:before {
  content: none;
}

.informations-fiche-arbre h5 {
  word-wrap: break-word;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  color: #303F4C;
  font-weight: italic;
  clear: both;
}
.informations-fiche-arbre h1 span.nomfam-fusion {
  font-weight: bold;
  font-size: 20px;
}

.header-fusion .informations-fiche-arbre h4.born-fusion {
  font-weight: bold;
  font-size: 15px;
  margin-top: 5px;
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-fusion .identification {
  height: 105px;
}
.header-fusion .identification .mod-color {
  color: #fff;
}

.flex-identification {
  background-color: #2B2550;
}

.container-fusion .flex-identification .profilup i {
  background: #2B2550 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  float: right;
  font-size: 14px;
  margin: -2px 0 0;
  padding: 3px;
  position: relative;
}

.container-fusion .flex-identification .profilup img + i {
  margin: -18px 0 0;
}

.header-fusion .identification i {
  position: absolute;
  right: -23px;
  top: 0;
  color: #d5d8da;
  font-size: 20px;
}
@media (max-width: 1200px) {
  .header-fusion .identification i {
    right: 24px;
  }
}
.header-fusion .identification h5.mod-color {
  font-style: italic;
}

.fiche-fusion-1 .header-fusion p.statut,
.informations-fiche-famille .informations-famille p.statut {
  color: #757585;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  margin-bottom: 0;
}

.row.informations-famille.separation {
  margin: 0;
}
.row.informations-famille.separation > div {
  padding-right: 0;
}

.fiche-fusion-1 .header-fusion .personne-pad {
  padding-left: 0px;
}

.fiche-fusion-1 .header-fusion p.statut-nom,
.informations-fiche-famille .informations-famille p.statut-nom {
  color: #303F4C;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

.header-fusion .profilup {
  float: left;
  height: 74px;
  margin: auto 0;
  width: 74px;
}
.header-fusion .profilup.image img {
  border-width: 4px;
  height: 74px;
  width: 74px;
}

.header-fusion-flex {
  padding-top: 15px;
  height: auto;
  margin: 0px;
  border: 1px solid #d5d8da;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.header-fusion-flex .profil .initiale {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  margin: 15px 0 0;
  text-align: center;
}
.header-fusion-flex i.icon-i-piece-filae {
  font-size: 44px;
  padding: 20px 0 0 15px;
  color: #fff;
  height: 80px;
  width: 80px;
  float: left;
  margin: 0 10px 10px 0;
  background: #757585;
}
.header-fusion-flex.flex-identification {
  border: none;
}

.flex-line {
  border-top: 1px solid #d5d8da;
  margin: 0 15px;
}

.row.edit-hidden {
  margin: 0;
  background-color: #2B2550;
  border-top: 1px solid #757585;
  border-radius: 0 0 4px 4px;
}

.modif-event {
  position: absolute;
  background-color: #2B2550;
  z-index: 300;
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  border-radius: 0 0 4px 4px;
}

.edit-shadow {
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
}

.row.flex-famille {
  border: 1px solid #d5d8da;
  border-top: none;
  margin: 0;
  padding: 10px 0;
}

.row.edit-even {
  margin: 0 1px;
  background-color: #2B2550;
}

.flex-title h4.title-evenements {
  font-size: 20px;
  font-weight: bold;
  color: #ff5555;
}

.flex-title,
.flex-timeline {
  padding: 10px 20px 0 20px;
  border: 1px solid #d5d8da;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.flex-famille,
.flex-title,
.flex-timeline {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

.flex-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.timeline-info .timeline-event i {
  background: none;
  color: #d5d8da;
  float: right;
  font-size: 20px;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
}
.timeline-info .timeline-event i:hover {
  color: #ff5555;
}

.time-first > li:before,
.time-first > div > div > li:before {
  border-left: none;
}

.timetop {
  margin: 30px 0;
}
.timetop li .timeline-badge {
  width: 20px;
  height: 20px;
  margin-left: 26px;
}

.timetop > li .timeline-panel,
.timetop > div > div > li .timeline-panel,
.time-first > li .timeline-panel,
.time-first > div > div > li .timeline-panel {
  line-height: 0px;
}

.timetop > li .timeline-panel,
.timetop > div > div > li .timeline-panel,
.time-first > li .timeline-panel,
.time-first > div > div > li .timeline-panel {
  min-height: auto;
}

.timetop li:last-child .timeline-panel,
.time-first li:last-child .timeline-panel {
  min-height: auto;
  line-height: 0px;
  padding-bottom: 20px;
}

.time-first > li {
  border: 2px dashed #d5d8da;
  width: 95%;
}

.flex-title .time-first > li {
  width: 100%;
}

.time-first > li.inconnu:hover {
  border: 2px dashed #8888ff;
}

.time-first > li.inconnu:focus,
.time-first > li.inconnu.checked,
.fusion-add-event .inconnu {
  border: 2px solid #8888ff;
}

.time-first > li.femme:hover {
  border: 2px dashed #ff8888;
}

.time-first > li.femme:focus,
.time-first > li.femme.checked,
.fusion-add-event .femme {
  border: 2px solid #ff8888;
}

.time-first > li.homme:hover {
  border: 2px dashed #66cccc;
}

.time-first > li.homme:focus,
.time-first > li.homme.checked,
.fusion-add-event .homme {
  border: 2px solid #66cccc;
}

.flex-timeline .timetop > li.femme:focus {
  border: 2px solid #ff8888;
}

.fusion-add-event {
  padding: 0 8px 0px 9px;
  margin-bottom: 15px;
}

.timetop .fusion-add-event li .timeline-panel {
  margin-left: 93px;
}

.fusion-add-event li {
  padding-top: 15px;
}
.fusion-add-event li.inconnu:before {
  border-left: 3px solid #8888ff;
}
.fusion-add-event li.femme:before {
  border-left: 3px solid #ff8888;
}
.fusion-add-event li.homme:before {
  border-left: 3px solid #66cccc;
}
.fusion-add-event li:before {
  top: 0;
  bottom: 82px;
  position: absolute;
  content: " ";
  left: 47px;
  margin-left: -1.5px;
}
.fusion-add-event li:first-child:before {
  top: 17px !important;
}

.fusion-add-event .timeline-info .timeline-event i {
  margin: -25px 0 0 0;
  top: 0 !important;
}

.timeline-new + .timeline-info .timeline-event i {
  top: -21px;
  position: relative;
}

.time-first > li.space {
  border: none;
  height: 10px;
  padding: 0;
}

.time-first > li,
.time-first > div > div > li {
  padding: 10px 0;
}

.timetop li .timeline-badge.femme {
  background-color: #ff8888;
}
.timetop li .timeline-badge.homme {
  background-color: #66cccc;
}

.timetop > li.femme:before,
.timetop > div > div > li.femme:before {
  border-left: 3px solid #ff8888;
}

.timetop > li.inconnu:before,
.timetop > div > div > li.inconnu:before {
  border-left: 3px solid #8888ff;
}

.timetop > li.first-time:before {
  margin-top: 10px;
}
.timetop > li.first-time:first-child {
  top: 0;
}

.timetop > li.homme:before,
.timetop > div > div > li.homme:before {
  border-left: 3px solid #66cccc;
}

.fusion-question1 {
  margin-top: 20px;
}
.fusion-question1 .btn + .btn {
  color: #fff;
}

.flex-title .timeline > li > .timeline-check {
  width: 10%;
  padding: 0 20px;
  float: left;
}

.timeline > li .timeline-panel1,
.timeline > div > div > li .timeline-panel1 {
  left: 0px !important;
}

.timetop > li {
  margin: 0 28px 0 10px;
}
.timetop > li .femme {
  border: 3px solid #ff8888;
}

.btn1 {
  line-height: 0;
  font-size: 13px;
  padding: 8px 10px;
  font-weight: bold;
}

/*--------------------------------------------------------------------- début modification edit even -----------------------------------------------------------------*/
.dropdown-list-even {
  max-height: 280.5px !important;
}

.edit-even p.even-title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  float: left;
  padding: 10px 0 0 15px;
}

.bottom-name {
  margin-top: 10px;
}

.row.edit-even:before {
  content: none;
}

.body-fusion-event {
  margin: 0;
}

.time-edit i {
  float: right;
  color: #d5d8da;
  margin-right: 17px;
  padding-top: 10px;
}
.time-edit p {
  margin-bottom: 30px;
}

.fauxevent-input {
  border-bottom: 1px solid #757585;
  padding: 0 0 2px;
  margin: 0 0 15px 0;
  display: inherit;
  vertical-align: top;
}
.fauxevent-input .btn-group.bootstrap-select .dropdown-toggle {
  padding: 3px 25px 3px 17px;
  background-color: #2B2550;
}
.fauxevent-input .btn-group.bootstrap-select:hover {
  background-color: #2B2550;
}
.fauxevent-input .bootstrap-select > .dropdown-toggle {
  height: auto;
  border: 0;
}
.fauxevent-input .bootstrap-select .form-control {
  background-color: #2B2550;
  border: none;
  color: #fff;
  box-shadow: none;
}
.fauxevent-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #fff;
  font-weight: bold;
}
.fauxevent-input .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -37px 0 0 2px !important;
  padding-right: 18px;
  color: #fff;
}
.fauxevent-input .btn-group.bootstrap-select .dropdown-toggle:hover {
  background-color: #2B2550 !important;
}
.fauxevent-input .bootstrap-select > .dropdown-toggle {
  width: 100%;
}

.body-fusion-event .event-input-simple input {
  border-radius: 0px;
}

.body-fusion-event .bootstrap-select .dropdown-toggle.btn {
  border-width: 0px;
  padding-left: 0;
}

.fauxevent-input p.label-fauxevent-input,
p.label-fauxevent-input {
  font-size: 13px;
  left: 12px;
  color: #d5d8da;
  font-weight: 700;
  display: block;
  margin: 0;
}

.label-fauxevent-input-vide {
  margin: 0;
}

.fauxevent-input > .bootstrap-select > select {
  left: 0%;
}

.bootstrap-select.btn-group .dropdown-toggle .fusion-caret {
  color: #fff;
}

.multiple-input .fauxevent-input {
  float: left;
}

.multiple-input .event-input-simple {
  margin-right: 0;
  padding: 0;
  float: right;
}

.fauxevent-input input,
.event-input-simple input {
  background-color: #2B2550;
  border: none;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  box-shadow: none;
}

.event-input-simple input {
  border-bottom: 1px solid #757585;
  text-align: left;
  padding: 0;
  height: 30px;
}

.input-italic .event-input-simple {
  font-style: italic;
}

.event-input-simple input:focus {
  box-shadow: none;
  border-bottom: 1px solid #ff5555;
}

.multiple-input .fauxevent-input .bootstrap-select {
  margin-top: 2px;
}

.multiple-input .event-input-simple input {
  text-align: center;
}

.event-input-simple i {
  visibility: hidden;
  position: absolute;
  right: 22px;
  top: 17px;
  color: #ff5555;
}

.event-input-simple:hover i {
  visibility: visible;
}

.multiple-input1 .event-input-simple {
  margin-bottom: 15px;
}

.multiple-input2 {
  margin-top: 20px;
}

.fusion-question1 .btn + .btn-default {
  border-color: #fff;
}

.fusion-question1 .btn-default:hover {
  border-color: none;
  background-color: #fff !important;
  color: #ff5555;
  font-weight: bold;
}

.event-input-simple input.fusiondate {
  height: 39px;
}
.event-input-simple input.fusiondate.double {
  display: inline-block;
  width: 49%;
}

/*--------------------------------------------------------------------- fin modification edit even -----------------------------------------------------------------*/
/*--------------------------------------------------------------------- debut modification edit person -------------------------------------------------------------*/
.body-fusion-person {
  margin: 0;
}

.edit-person {
  margin-bottom: 15px;
}
.edit-person input {
  font-style: italic;
}

/*--------------------------------------------------------------------- fin modification edit person ------------------------------------------------------------*/
/*-------------------------------------------------- fin modifications fusion 23032017 ---------------------------------------------------*/
/* ======================================================================================================== FIN Fusion  -- */
.surnom {
  font-style: italic;
}

#treeMenu .btn-tree-menu {
  align-items: center;
  background-color: #363066;
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #fff;
  display: flex;
  font-size: 14px;
  padding: 12px 8px;
  position: relative;
}
#treeMenu .btn-tree-menu i {
  color: #fff;
  font-size: 25px;
  padding: 0 5px;
}
#treeMenu .btn-tree-menu i:last-child {
  font-size: 20px;
  padding: 0 5px 0 35px;
}
#treeMenu .btn-tree-menu:before {
  display: block;
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 22%;
  top: 50%;
  background: #fff;
}
#treeMenu ul.dropdown-menu {
  width: 190px;
}
#treeMenu ul.dropdown-menu li {
  display: block;
}
#treeMenu ul.dropdown-menu i {
  color: #363066;
  font-size: 22px;
  padding-right: 10px;
}
#treeMenu ul.dropdown-menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 8px 10px;
}
#treeMenu ul.dropdown-menu a.active, #treeMenu ul.dropdown-menu a:focus {
  color: #333333;
  font-weight: bold;
}
#treeMenu ul.dropdown-menu a.active i, #treeMenu ul.dropdown-menu a:focus i {
  background: #fff;
  color: #ff5555;
  margin: 0;
  padding: 0 10px 0 0;
}

.top-suggestions {
  position: absolute;
  top: 0;
  left: 0;
}
.top-suggestions .top-hints {
  position: absolute;
  top: -1px;
  left: -18px;
  z-index: 1;
}
.top-suggestions .top-hints .icon-i-plus {
  -moz-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  -webkit-transform: translateY(0.5px);
  transform: translateY(0.5px);
  left: 10px;
}

.tree-menu {
  /*  print item */
}
.tree-menu.fixed {
  position: fixed;
  width: 100%;
  min-height: calc(50 / var(--baseRem, 10) * 1rem);
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 1002;
}
.tree-menu .tree-menu__link > a {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(2.5 / var(--baseRem, 10) * 1rem);
  gap: calc(2.5 / var(--baseRem, 10) * 1rem);
  padding: 0;
  color: #363066;
  text-align: center;
  border: 2px solid transparent;
}
.tree-menu .tree-menu__link > a.active, .tree-menu .tree-menu__link > a:active, .tree-menu .tree-menu__link > a:hover, .tree-menu .tree-menu__link > a:focus {
  position: relative;
  color: #43C;
  text-decoration: none;
}
.tree-menu .tree-menu__link > a.active::before, .tree-menu .tree-menu__link > a:active::before, .tree-menu .tree-menu__link > a:hover::before, .tree-menu .tree-menu__link > a:focus::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: calc(1 / var(--baseRem, 10) * 1rem);
  background-color: #43C;
  top: 100%;
  left: 0;
}
.tree-menu .tree-menu__link > a i {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
}
.tree-menu .tree-menu__link > a span {
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
}
.tree-menu .tree-menu__link:not(.inner) > a {
  text-transform: capitalize;
}
.tree-menu .tree-menu__link + .tree-menu__link {
  margin-left: calc(20 / var(--baseRem, 10) * 1rem);
}
.tree-menu__link.inner {
  padding-left: 2px;
}
@media screen and (min-width: 768px) {
  .tree-menu__link > [data-toggle], .tree-menu__link > [data-bs-toggle] {
    position: relative;
  }
  .tree-menu__link > [data-toggle]:not(.dropdown) .consistency__notification, .tree-menu__link > [data-bs-toggle]:not(.dropdown) .consistency__notification {
    position: absolute;
    top: 0;
    right: 0;
    -moz-transform: translate(35%, -35%);
    -ms-transform: translate(35%, -35%);
    -webkit-transform: translate(35%, -35%);
    transform: translate(35%, -35%);
  }
}
.tree-menu__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
}
.tree-menu__views {
  list-style: none;
}
.tree-menu__views .dropdown-toggle i {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
}
.tree-menu__views .dropdown-toggle i:first-child {
  margin-right: 0.25em;
}
.tree-menu__views .dropdown-toggle span {
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
}
.tree-menu__views.isTreeView > a {
  display: none;
}
@media screen and (max-width: 991px) {
  .tree-menu__views .dropdown .tree-menu__links {
    display: none;
  }
  .tree-menu__views .dropdown.open .tree-menu__links {
    display: block;
  }
  .tree-menu__views .tree-menu__link a {
    grid-gap: calc(5 / var(--baseRem, 10) * 1rem);
    gap: calc(5 / var(--baseRem, 10) * 1rem);
    grid-auto-flow: column;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    width: 100%;
    padding: calc(2.5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
    white-space: nowrap;
    text-align: left;
  }
  .tree-menu__views .tree-menu__link a.active::before, .tree-menu__views .tree-menu__link a:active::before, .tree-menu__views .tree-menu__link a:hover::before, .tree-menu__views .tree-menu__link a:focus::before {
    background-color: transparent;
  }
  .tree-menu__views .tree-menu__link a.active {
    font-weight: 700;
  }
  .tree-menu__views .tree-menu__link + .tree-menu__link {
    margin-left: 0;
  }
  .tree-menu__views.isTreePage .dropdown {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .tree-menu__views .dropdown-toggle {
    display: none !important;
  }
  .tree-menu__views .dropdown-menu {
    all: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tree-menu__views.isTreePage > a {
    display: none;
  }
}
.tree-menu__pages li:not(:nth-child(-n+3)) .dropdown-menu {
  left: initial;
  right: 0;
}
@media screen and (min-width: 768px) {
  .tree-menu__pages .dropdown-menu {
    top: calc(100% + 5 / var(--baseRem, 10) * 1rem);
  }
}
.tree-menu__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding-top: calc(4 / var(--baseRem, 10) * 1rem);
  padding-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
.tree-menu__container:not(.container) {
  padding: calc(4 / var(--baseRem, 10) * 1rem) calc(8 / var(--baseRem, 10) * 1rem);
}
.tree-menu__container.container::before, .tree-menu__container.container::after {
  content: none;
}
.tree-menu__container .dropdown-menu > li > a:hover, .tree-menu__container .dropdown-menu > li > a:focus {
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .tree-menu__layout {
    min-height: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    background-color: rgb(250, 250, 252);
  }
  .tree-menu__layout .tree-menu__links {
    left: initial;
    right: 0;
  }
}
.tree-menu .dropdown-menu > li > a:hover, .tree-menu .dropdown-menu > li > a:focus {
  background-color: transparent;
}
.tree-menu__bar-trees {
  background-color: rgb(250, 250, 252);
}
.tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span {
  --text-max-width: 45vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--text-max-width);
}
@media screen and (min-width: 400px) {
  .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span {
    --text-max-width: 50vw;
  }
}
@media screen and (min-width: 480px) {
  .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span {
    --text-max-width: 60vw;
  }
}
@media screen and (min-width: 768px) {
  .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span {
    --text-max-width: 40vw;
  }
}
@media screen and (min-width: 992px) {
  .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span {
    --text-max-width: 50vw;
  }
}
.tree-menu__bar-trees [data-toggle=dropdown] {
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .tree-menu__bar-trees [data-toggle=dropdown] {
    padding-left: 0;
    padding-right: 0;
  }
}
.tree-menu__infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}
.tree-menu__infos > *:not(:first-child) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: calc(2 / var(--baseRem, 10) * 1rem);
  padding-left: calc(10 / var(--baseRem, 10) * 1rem);
  position: relative;
}
.tree-menu__infos > *:not(:first-child)::before {
  display: block;
  position: absolute;
  content: "";
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% + 4 / var(--baseRem, 10) * 1rem * 2);
  top: 50%;
  left: 0;
  opacity: 0.25;
  background-color: #667788;
}
@media screen and (max-width: 767px) {
  .tree-menu__infos > *:not(:first-child) {
    display: none;
  }
}
.tree-menu__infos + * {
  margin-left: calc(8 / var(--baseRem, 10) * 1rem);
}
.tree-menu--mobile {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  max-width: 100vw;
  bottom: 0;
  margin: calc(8 / var(--baseRem, 10) * 1rem) 0;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 1002;
}
.tree-menu--mobile .tree-menu__pages, .tree-menu--mobile .tree-menu__links {
  width: 100%;
}
.tree-menu--mobile .tree-menu__links {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
}
.tree-menu--mobile .tree-menu__link {
  margin-left: 0 !important;
}
.tree-menu--mobile .tree-menu__container {
  padding: calc(5 / var(--baseRem, 10) * 1rem) calc(15 / var(--baseRem, 10) * 1rem) calc(2.5 / var(--baseRem, 10) * 1rem) calc(15 / var(--baseRem, 10) * 1rem);
}
.tree-menu--mobile li.dropdown ul.dropdown-menu {
  max-height: 60vh !important;
  top: unset;
  bottom: calc(100% + 5 / var(--baseRem, 10) * 1rem);
}
@media screen and (min-width: 768px) {
  .tree-menu--mobile {
    display: none;
  }
}
.layout-places + .tree-menu--mobile {
  margin-bottom: 0;
}
.tree-menu .dropdown-menu {
  top: calc(100% + 5 / var(--baseRem, 10) * 1rem);
}
.tree-menu .dropdown-menu a:hover, .tree-menu .dropdown-menu a:active, .tree-menu .dropdown-menu a:focus {
  color: #43C;
}
.tree-menu .dropdown--tree li > * {
  display: block;
  padding: calc(5 / var(--baseRem, 10) * 1rem) calc(15 / var(--baseRem, 10) * 1rem);
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.tree-menu .dropdown--tree [data-toggle=dropdown] + .dropdown-menu {
  margin-top: calc(-0.2 / var(--baseRem, 10) * 1rem);
}
.tree-menu [data-toggle=dropdown] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: none;
  color: #363066;
}
.tree-menu [data-toggle=dropdown], .tree-menu [data-toggle=dropdown]:hover, .tree-menu [data-toggle=dropdown]:active, .tree-menu [data-toggle=dropdown]:focus {
  background: transparent;
}
.tree-menu [data-toggle=dropdown]:hover, .tree-menu [data-toggle=dropdown]:active, .tree-menu [data-toggle=dropdown]:focus {
  color: #43C;
}
.tree-menu .trees-list {
  max-height: 75vh;
}
.tree-menu .trees-list a:focus, .tree-menu .trees-list a:hover, .tree-menu .trees-list a:active {
  text-decoration: none;
}
.tree-menu .trees-list .secondary-info {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
}
.tree-menu .btn-tree-menu {
  text-transform: capitalize;
}
.tree-menu .btn-tree-menu.consistency-notification {
  position: relative;
}
.tree-menu .btn-tree-menu.consistency-notification::before {
  display: block;
  position: absolute;
  content: "";
  width: calc(6 / var(--baseRem, 10) * 1rem);
  height: calc(6 / var(--baseRem, 10) * 1rem);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ea580c;
  border-radius: 10rem;
  top: 10%;
  right: 0;
}
.tree-menu .dropdown-print-item .dropdown-submenu {
  /*  parent container in relative to position submenu child */
  position: relative;
}
.tree-menu .dropdown-print-item .dropdown-submenu .submenu-print {
  /* Position submenu on left  */
  right: auto;
  left: -100%;
  position: absolute;
  top: calc(-5 / var(--baseRem, 10) * 1rem);
}
.tree-menu .dropdown-print-item .dropdown-submenu .submenu-print li:hover a.submenuprint-link-2 {
  color: #ff5555;
}
.tree-menu .dropdown-print-item .dropdown-submenu:hover a.submenuprint-link-2 {
  color: #333333;
}
.tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link {
  /* use flexbox */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /* Make item left & right */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  /* vertical centering  */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  /* Overide old style hover arrow */
}
.tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link:hover i {
  background: none;
  color: #43C;
}
.tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link i {
  /* fallback if flex doesn't works properly */
  float: right;
}
.tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link i:hover {
  background: none;
  color: #43C;
}
.tree-menu .secondary-info {
  color: #667788 !important;
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
}

.has-tree-menu {
  margin-top: calc(104 / var(--baseRem, 10) * 1rem);
}
.has-tree-menu.custom-container ~ .tree-menu--mobile {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .has-tree-menu {
    margin-top: 8.8rem;
  }
}

.tree-rollover__btn {
  position: absolute;
  display: none !important;
  bottom: 0;
  right: 0.8rem;
  color: #2B2550 !important;
}
.tree-rollover__btn i {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.tree-rollover__btn:hover {
  color: #43C !important;
}
.tree-rollover__container:not(.inconnu):hover > .tree-rollover__btn {
  display: block !important;
  background-color: #F5F6FA;
}
.tree-rollover__container:not(.inconnu).active .tree-rollover__btn,
.tree-rollover__container:not(.inconnu).active .tree-rollover__btn i,
.tree-rollover__container:not(.inconnu) .active .tree-rollover__btn,
.tree-rollover__container:not(.inconnu) .active .tree-rollover__btn i {
  background-color: #2B2550 !important;
  color: #d5d8da !important;
}
.tree-rollover__container:not(.inconnu).active .tree-rollover__btn i:hover,
.tree-rollover__container:not(.inconnu) .active .tree-rollover__btn i:hover {
  color: #fff !important;
}
.tree-rollover__container .consistency__notification {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.close-hint {
  width: calc(16 / var(--baseRem, 10) * 1rem);
  height: calc(16 / var(--baseRem, 10) * 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background-color: #ff5555;
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.close-hint .material-icons--close {
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  line-height: initial;
}

#animatedModal .inscr-conn {
  margin-bottom: 30px;
  margin-top: 50px;
  height: auto;
  min-height: auto;
}
#animatedModal .inscr-conn .form-inscr-conn a {
  color: #fff;
  text-decoration: underline;
}

/* MODAL SUBCRIPTION CSS */
#modalSubscription {
  margin-left: 0px;
}

/* Full screen modal */
#fullScreenModal .modal-header,
.fullscreen-video .modal-header,
#fullScreenModal1 .modal-header,
#fullScreenModal2 .modal-header,
#fullScreenModal3 .modal-header,
#fullScreenModal4 .modal-header {
  border-bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  background: #000;
  height: 50px;
}
#fullScreenModal .modal-header .close,
.fullscreen-video .modal-header .close,
#fullScreenModal1 .modal-header .close,
#fullScreenModal2 .modal-header .close,
#fullScreenModal3 .modal-header .close,
#fullScreenModal4 .modal-header .close {
  color: #fff;
  opacity: 1;
}
#fullScreenModal .modal-body,
.fullscreen-video .modal-body,
#fullScreenModal1 .modal-body,
#fullScreenModal2 .modal-body,
#fullScreenModal3 .modal-body,
#fullScreenModal4 .modal-body {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  background: #000;
  padding-bottom: 70px;
}
#fullScreenModal .modal-dialog,
.fullscreen-video .modal-dialog,
#fullScreenModal1 .modal-dialog,
#fullScreenModal2 .modal-dialog,
#fullScreenModal3 .modal-dialog,
#fullScreenModal4 .modal-dialog {
  width: 90%;
}
#fullScreenModal .modal-content,
.fullscreen-video .modal-content,
#fullScreenModal1 .modal-content,
#fullScreenModal2 .modal-content,
#fullScreenModal3 .modal-content,
#fullScreenModal4 .modal-content {
  border: 0;
}

@media (max-width: 767px) {
  #fullScreenModal .modal-dialog,
  .fullscreen-video .modal-dialog,
  #fullScreenModal1 .modal-dialog,
  #fullScreenModal2 .modal-dialog,
  #fullScreenModal3 .modal-dialog,
  #fullScreenModal4 .modal-dialog {
    width: 99%;
  }
}
/****************** MODAL THREE PRINT ******************/
.print-tree-modal-container a.link-pop-up {
  font-size: 11px;
  color: #445599;
}
.print-tree-modal-container .complete-three-print {
  text-align: center;
}
.print-tree-modal-container .complete-three-print .three-input {
  margin: 20px 0;
  width: 100%;
  font-size: 16px;
}
.print-tree-modal-container .complete-three-print .three-input.active {
  border: 3px solid #ff5555;
}
.print-tree-modal-container .complete-three-print .three-input.active:focus {
  border: 3px solid #ff5555;
  outline-width: 0;
}
.print-tree-modal-container .complete-three-print .three-input:focus {
  border: 3px solid #ff5555;
  outline-width: 0;
}
.print-tree-modal-container .complete-three-print .print-three-item {
  text-align: center;
}
.print-tree-modal-container .complete-three-print .print-three-item .print-three-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.print-tree-modal-container .complete-three-print .print-three-item .print-three-text {
  font-size: 13px;
}
.print-tree-modal-container .footer-modal-print {
  text-align: left;
  border-top: 0px;
}
.print-tree-modal-container .radio + .radio,
.print-tree-modal-container label.radio + label.radio,
.print-tree-modal-container .radio,
.print-tree-modal-container label.radio {
  margin: 15px 0 0 0;
}
.print-tree-modal-container label.radio .row {
  margin: 15px 0 0 0;
}
.print-tree-modal-container .print-tree-modal-container label.radio {
  font-size: 16px;
}
.print-tree-modal-container .modal-legend {
  font-size: 15px;
}

/****************** END MODAL THREE PRINT ******************/
.print-tree-modal-container label.radio {
  margin: 15px 0 0 0;
}

.print-tree-modal-container label.radio:last-child {
  margin-bottom: 26px !important;
}

.print-tree-modal-container .footer-modal-print {
  text-align: left;
  border-top: 0px;
}

/****************** LOADER DWLD PRINT ******************/
#print-loader-download {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100%;
  /*safari fallback vh */
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  opacity: 1;
  overflow: inherit;
  animation-duration: 0.5s;
  color: white !important;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
#print-loader-download .loader-text {
  margin-top: 20px;
}
#print-loader-download .loader {
  border: 6px solid #8e9296;
  border-radius: 50%;
  border-top: 6px solid #ff5555;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/****************** END DWLD PRINT ******************/
/****************** POPOVER ******************/
.popover.popover_light {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.popover.popover_light .popover-content {
  padding: 5px 14px;
  color: #ff5555;
  font-weight: 600;
}

/****************** END POPOVER ******************/
/****************** NEWS HINTS ******************/
.display_new_hints .display_new_hints-title {
  border-bottom: 0;
}
.display_new_hints .display_new_hints-title .titre-bloc {
  font-size: 17px;
  vertical-align: middle;
}
.display_new_hints .display_new_hints-title .titre-bloc i {
  font-size: 27px;
  color: #ff5555;
  vertical-align: inherit;
  margin-right: 10px;
}
.display_new_hints .display_new_hints-info {
  background-color: #f7f7fc;
  padding: 15px 0 19px 0;
  margin-top: -15px;
}
.display_new_hints .display_new_hints-info:after {
  content: "";
  display: block;
  clear: both;
}
.display_new_hints .display_new_hints-info .info-img {
  float: left;
  box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18);
  -moz-box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18);
  width: 64px;
  height: 64px;
  background-color: #fff;
}
.display_new_hints .display_new_hints-info .info-img img {
  margin-left: 0;
  border: 3px solid #fff;
  width: 64px;
  height: 64px;
}
.display_new_hints .display_new_hints-info .info-img i {
  font-size: 63px;
  color: #d5d8da;
}
.display_new_hints .display_new_hints-info .info-txt {
  float: left;
  margin-left: 15px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-event {
  font-weight: bold;
  margin-top: 10px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-event span {
  font-weight: normal;
  color: #303f4c;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual {
  margin-top: 18px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual p {
  font-weight: bold;
  font-size: 17px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents {
  margin-top: 15px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag {
  display: inline-block;
  padding: 0px 10px;
  font-size: 14px;
  font-style: normal;
  border-radius: 20px;
  text-align: center;
  margin-bottom: 3px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag--father {
  background-color: #66cccc;
  border: 1px solid #66cccc;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag--mother {
  background-color: #ff8888;
  border: 1px solid #ff8888;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents p {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 3px;
  display: inline-block;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .highlight-name {
  background-color: #ff0;
}
.display_new_hints .display_new_hints-source {
  padding: 20px 0 0 0;
  margin-bottom: -10px;
}
.display_new_hints .display_new_hints-source p {
  font-size: 16px;
}
.display_new_hints .display_new_hints-action {
  text-align: left;
}
.display_new_hints .display_new_hints-action .link {
  margin-left: 15px;
}
.display_new_hints .display_new_hints-action label {
  margin: 15px 0 0 0;
}
.display_new_hints .modal-body {
  padding-bottom: 5px;
}

/****************** END NEWS HINTS ******************/
/****************** IGNORE NEWS HINTS ******************/
.ignore_hints {
  max-width: 52rem;
  text-align: center;
}
.ignore_hints .modal-body,
.ignore_hints .modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.ignore_hints .ignore_hints__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.ignore_hints .ignore_hints__actions--column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.ignore_hints .ignore_hints__actions .btn {
  margin: calc(var(--bs-modal-footer-gap, 0.5rem) * 0.5);
}
.ignore_hints .modal-header {
  border: 0;
  padding: 15px 15px 0 15px;
}
.ignore_hints .modal-body {
  width: 100%;
}
.ignore_hints .modal-body p {
  margin: 0;
  font-size: 16px;
}
.ignore_hints .modal-footer > .btn {
  margin: 0 auto 8px auto !important;
}
.ignore_hints .modal-footer > .btn:last-child {
  margin-bottom: 4px !important;
}
.ignore_hints .modal-footer > .btn:not(:first-child) {
  margin-top: 0.8rem;
}
.ignore_hints .icon-i-no-hints {
  -moz-transform: scale(2) translateY(-6px);
  -ms-transform: scale(2) translateY(-6px);
  -webkit-transform: scale(2) translateY(-6px);
  transform: scale(2) translateY(-6px);
  color: #ff5555;
  font-size: 5rem;
}
@media screen and (min-width: 480px) {
  .ignore_hints {
    margin-right: auto;
    margin-left: auto;
  }
}

/****************** END IGNORE NEWS HINTS ******************/
.hints-duo-container {
  width: 5rem;
  height: 8rem;
  margin-top: -2.4rem;
  margin-bottom: 0.8rem;
  position: relative;
}
.hints-duo-container i {
  font-size: 5rem;
}
.hints-duo-container .icon-hint-corner {
  left: initial;
}
.hints-duo-container .icon-hint-corner:not(.icon-hint-corner--secondary) {
  top: initial;
  bottom: 0;
  left: 0;
  -moz-transform: translateX(-2.1rem);
  -ms-transform: translateX(-2.1rem);
  -webkit-transform: translateX(-2.1rem);
  transform: translateX(-2.1rem);
}
.hints-duo-container .icon-hint-corner--secondary {
  right: 0;
  top: 0;
  -moz-transform: translate(0.9rem, 0.2rem);
  -ms-transform: translate(0.9rem, 0.2rem);
  -webkit-transform: translate(0.9rem, 0.2rem);
  transform: translate(0.9rem, 0.2rem);
}

.ajout-personne-existante.chose-person {
  margin-bottom: 0;
}
.ajout-personne-existante.chose-person li:first-child {
  margin: 0;
  border-bottom: 1px solid #dad9d4;
  font-style: normal;
}
.ajout-personne-existante.chose-person li:hover {
  background-color: #f4f4f4;
  font-weight: 700;
}
.ajout-personne-existante.chose-person li .name {
  padding: 5px 10px;
}
.ajout-personne-existante.chose-person li a {
  width: -moz-calc(100% - 16px);
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
}

#chose-person .close {
  font-size: 25px;
}
#chose-person .liste-personne {
  margin-bottom: 0;
}
#chose-person .mCSB_scrollTools {
  overflow: hidden;
  border-radius: 6px;
}
#chose-person .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}
#chose-person .mCSB_draggerRail {
  width: 0px;
}
#chose-person .mCSB_draggerContainer {
  border-left: 1px solid #dad9d4;
  background-color: #fff;
}
#chose-person .mCSB_dragger_bar {
  background-color: #7b7b7b;
  width: 9px;
}

#ajout-personne .mCSB_inside > .mCSB_container:not(.mCS_y_hidden) {
  margin-right: 15px;
}

.modal-footer .alert {
  text-align: center;
}
.modal-footer .btn + .checkbox {
  clear: left;
  float: left;
}
.modal-footer .btn--delete {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  font-size: 1.3rem;
}
.modal-footer .btn--delete, .modal-footer .btn--delete:hover, .modal-footer .btn--delete:focus {
  color: #D9001B;
  border: none !important;
}
.modal-footer .btn--delete, .modal-footer .btn--delete:hover {
  border: none;
}
.modal-footer .btn--delete:focus {
  border-color: #D9001B;
}
.modal-footer .btn--delete i:last-child {
  margin-left: 0.25em;
}
.modal-footer .btn--cancel {
  border-color: #999999;
  color: #999999;
}
.modal-footer .label--sosa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.known-individual {
  margin-bottom: 0;
}
.known-individual__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  max-width: 100%;
  min-height: 33px;
  overflow: hidden;
  padding: 5px 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.known-individual__item:hover {
  background-color: #f7f7fc;
}
.known-individual__item:hover .avatar__icon {
  background-color: #f7f7fc;
}
.known-individual__item:hover .selection {
  background-color: #ff5555;
  bottom: 0%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}
.known-individual__item:not(:last-child) {
  border-bottom: 1px solid #dad9d4;
}
.modal-body:last-child .known-individual__item:last-of-type, .modal-body:last-child .known-individual__item:last-of-type:hover {
  border-radius: 0 0 4px 4px;
}
.known-individual__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 5px 15px;
}
.known-individual__header span {
  font-style: italic;
  font-size: 16px;
  color: #6a7787;
}
.known-individual__header a {
  font-size: 12px;
}
.known-individual__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.known-individual__infos {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 15px;
}
#ExistingAlternativeParents .known-individual__infos {
  margin-top: 2px;
}
.known-individual__name {
  color: #333333;
}
.known-individual__years {
  color: #6a7787;
  font-style: italic;
}
.known-individual .side-infos {
  font-size: 12px;
  color: #6a7787;
}

.modal-body.mCustomScrollbar {
  max-height: 75vh;
}

.modal-body.mini-arbre {
  --clr-bg-current: #2B2550;
  --clr-font-current: #fff;
  --clr-label: #C3C3C3;
  --clr-border: #C3C3C3;
  --clr-hover: #fff;
  --clr-interaction: #fff;
  --clr-icon: #fff;
  --clr-icon-hover: #fff;
}
.modal-body.mini-arbre .md__wrapper {
  margin: 1rem 0 1rem 0;
}
.modal-body.mini-arbre .row--btn-end > [class*=col]:last-child .btn {
  padding: 0.8rem 1.8rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .modal-body.mini-arbre .row--btn-end {
    display: flex;
    align-items: center;
  }
}
.modal-body.mini-arbre .addParticipant__main {
  padding: 0;
}
.modal-body.mini-arbre .addParticipant__main .addParticipant__title {
  padding-left: 10px;
}
.modal-body.mini-arbre .addParticipant__aside {
  color: #fff;
  position: relative;
}
.modal-body.mini-arbre .addParticipant__aside, .modal-body.mini-arbre .addParticipant__aside::before, .modal-body.mini-arbre .addParticipant__aside::after {
  background-color: #363066;
}
.modal-body.mini-arbre .addParticipant__aside::before, .modal-body.mini-arbre .addParticipant__aside::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 15px;
  left: 0;
}
.modal-body.mini-arbre .addParticipant__aside::before {
  top: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.modal-body.mini-arbre .addParticipant__aside::after {
  bottom: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.modal-body.mini-arbre .addParticipant__aside .col-lg-12 {
  margin-top: 39px;
}
.modal-body.mini-arbre .addParticipant__aside .col-lg-12:nth-child(2) {
  margin-top: 43px;
}
.modal-body.mini-arbre .addParticipant__aside .dropdown-menu {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -70px;
  left: 50%;
  min-width: 180px;
}
.modal-body.mini-arbre .addParticipant__aside .dropdown-menu li > a {
  padding: 8px 15px;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside {
  background-color: #5c5c85;
  border-color: #5c5c85;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside + .individu-connu--aside {
  margin-top: 8px;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso {
  margin-left: 0;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso p {
  color: #fff;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso p:first-child {
  margin-bottom: 3px;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso p:not(:last-child) {
  margin-bottom: 1px;
}
.modal-body.mini-arbre .addParticipant__statut {
  font-size: 13px;
  margin: 0;
  margin-bottom: 5px;
  margin-left: -4px;
}
.modal-body.mini-arbre .addParticipant__list {
  max-height: 300px;
}
.modal-body.mini-arbre .addParticipant__list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.modal-body.mini-arbre .addParticipant__list .mCSB_inside > .mCSB_container:not(.mCS_no_scrollbar_y) {
  margin-right: 22px;
}
.modal-body.mini-arbre .addParticipant__member {
  margin: auto;
  width: 95%;
}
.modal-body.mini-arbre .addParticipant__member .addParticipant__statut {
  margin-top: 13px;
}
.modal-body.mini-arbre .addParticipant__member:first-child .addParticipant__statut:first-child {
  margin-top: 0;
}

.merge-event-infos {
  background: #EDEEF6;
  padding: 1rem 0;
}
.merge-event-infos p {
  margin-bottom: 0;
}

#group-results .form-group {
  margin: 27px 0 14px 0;
}
#group-results .radio {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  padding: 8px;
  margin: 0;
}
#group-results .radio.radio-shadow {
  -webkit-box-shadow: 0px 0px 7px #999999;
  -moz-box-shadow: 0px 0px 7px #999999;
  box-shadow: 0px 0px 7px #999999;
}
#group-results .radio .bagde-group {
  text-align: left;
  top: -19px;
  margin: -22px 0 0 0;
}
#group-results .radio .bagde-group .badge {
  display: inline-block;
  position: inherit;
  text-align: left;
}
#group-results .radio img {
  width: 100%;
}
#group-results .radio .circle, #group-results .radio .check {
  left: 48%;
  position: inherit;
}
#group-results .radio .circle {
  margin-top: 20px;
}
#group-results .radio .check {
  top: -13px;
}
#group-results .radio .check + p {
  font-size: 14px;
  font-weight: bold;
  margin: -5px 0 10px 0;
}
#group-results .text-muted {
  text-align: center;
  margin: 0;
}
#group-results .modal-footer {
  text-align: center;
}

#modal_customize-suggestions .modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#modal_customize-suggestions .modal-footer > *:first-child {
  margin-right: auto;
}
#modal_customize-suggestions label.radio {
  padding-left: 2.4rem;
}
#modal_customize-suggestions .radio .circle,
#modal_customize-suggestions label.radio-inline .circle,
#modal_customize-suggestions .radio .check {
  width: 1.8rem;
  height: 1.8rem;
}
#modal_customize-suggestions .checkbox label {
  color: #333333;
}
#modal_customize-suggestions .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
}
#modal_customize-suggestions .modal-heading {
  position: relative;
  margin-top: 2.4rem;
  margin-bottom: 1rem;
  border: none;
}
#modal_customize-suggestions .modal-heading > span:first-child {
  margin-right: 0.8rem;
}
#modal_customize-suggestions fieldset:disabled label,
#modal_customize-suggestions fieldset:disabled input {
  opacity: 0.5;
}

#popupMessageForm,
.modal-custom {
  width: 100%;
}
#popupMessageForm .modal-dialog,
.modal-custom .modal-dialog {
  --max-width: 680px;
  width: 100%;
  width: min(100% - 32 / var(--baseRem, 10) * 1rem, var(--max-width));
  margin: calc(16 / var(--baseRem, 10) * 1rem) auto;
}

.modal-custom {
  padding-right: 0 !important;
}
.modal-custom--center .modal-dialog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: calc(100% - 2 * 16 / var(--baseRem, 10) * 1rem);
}
.modal-custom__footer--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.modal-custom__title {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
  line-height: calc(32 / var(--baseRem, 10) * 1rem);
}

.modal-v2__title {
  margin-right: calc(32 / var(--baseRem, 10) * 1rem) !important;
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
}
.modal-v2__header, .modal-v2__body, .modal-v2__footer {
  padding: calc(12 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
}
.modal-v2__body .spinner--grey {
  --spinner-clr: #dee2e6;
}
.modal-v2__footer {
  display: flex;
  gap: calc(8 / var(--baseRem, 10) * 1rem);
}
.modal-v2__footer::before, .modal-v2__footer::after {
  content: none;
}
.modal-v2__footer > * {
  margin: 0;
}
.modal-v2__close {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(48 / var(--baseRem, 10) * 1rem);
  height: calc(48 / var(--baseRem, 10) * 1rem);
  display: grid;
  place-items: center;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  border: none;
}
.modal-v2__close .material-icons {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.modal-v2__close:hover {
  color: #43C;
}
.modal-v2__close:disabled {
  opacity: 0.5;
}
.modal-v2__row-checkbox {
  display: flex;
  margin-top: calc(8 / var(--baseRem, 10) * 1rem);
}
.modal-v2__row-checkbox .checkbox {
  margin-top: calc(10 / var(--baseRem, 10) * 1rem);
}
.modal-v2__row-checkbox p {
  margin-top: calc(5 / var(--baseRem, 10) * 1rem);
  margin-bottom: calc(0 / var(--baseRem, 10) * 1rem);
}

#recaptcha {
  padding: 10px;
}

#recaptchaMessage {
  display: none;
  padding: 10px;
  color: red;
  font-weight: bold;
}

.text-captcha {
  width: 100%;
}

#PartialPrint {
  height: 16px;
  width: 16px;
  float: none;
}

#capchaDivGoToPrint {
  display: none;
}

.btn-medium {
  font-size: 16px;
  padding: 8px 16px;
}
.btn-medium i {
  font-size: 20px;
  vertical-align: top;
}
.btn-medium i:first-child {
  margin-right: 5px;
}

.btn:focus, .btn:active, .btn:active:focus, .bootstrap-select .dropdown-toggle:focus, *:focus {
  outline: 0 !important;
  outline-width: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.modal-footer .btn {
  white-space: normal;
}

.btn {
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
}
.btn i {
  vertical-align: top;
}
.btn.btn-dropdown-simple {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: none;
  font-weight: bold;
  padding: 0;
}
.btn-large {
  font-size: 17px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 10px 19px;
}
.btn-small {
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 6px 11px;
  line-height: 20px;
}
.btn-action {
  background-color: #ff5555 !important;
  border: 1px solid #ff5555;
  color: #fff;
  white-space: normal;
}
.btn-action.free-trial {
  padding: 8px 19px;
  height: 48px;
  font-size: 20px;
  display: table;
  border-radius: 24px;
}
.btn-action.free-trial span,
.btn-action.free-trial i {
  display: table-cell;
  vertical-align: middle;
}
.btn-action:hover, .btn-action:focus {
  background-color: #f35a5b !important;
  color: #fff;
  border: 1px solid #ff5555;
  text-decoration: none;
}
.btn-action-bkgd {
  background-color: #fff;
  border: 1px solid #fff;
  color: #ff5555;
}
.btn-action-bkgd:hover, .btn-action-bkgd:focus {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: #ff5555;
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.btn-default {
  background-color: transparent;
  border: 1px solid #43C;
  color: #43C;
}
.btn-default:hover, .btn-default:focus {
  background-color: transparent !important;
  color: #ff5555;
  border: 1px solid #ff5555;
}
.btn-default:disabled, .btn-default:disabled:hover, .btn-default:disabled:focus {
  background-color: transparent;
  border-color: #757585;
  color: #43C;
}
.btn-default-bkgd {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn-default-bkgd:hover, .btn-default-bkgd:focus {
  background-color: #fff !important;
  color: #ff5555;
  border: 1px solid #fff;
}
.btn-default.disabled {
  border-color: #757585;
}
.btn-secondary {
  background-color: #fff;
  border-color: #43C;
  color: #43C;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #43C;
  border-color: #fff;
  color: #fff;
  text-decoration: none;
}
.btn-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: calc(44 / var(--baseRem, 10) * 1rem);
  height: calc(44 / var(--baseRem, 10) * 1rem);
  max-width: calc(44 / var(--baseRem, 10) * 1rem);
  max-height: calc(44 / var(--baseRem, 10) * 1rem);
  padding: 8px;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  color: currentColor;
}
.btn-icon i {
  pointer-events: none;
  user-select: none;
}
.btn-icon:hover, .btn-icon:focus {
  color: currentColor;
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.btn-icon--dark:hover, .btn-icon--dark:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-icon--close-modal {
  float: right;
  opacity: 0.75;
  -moz-transform: translate(8px, -8px);
  -ms-transform: translate(8px, -8px);
  -webkit-transform: translate(8px, -8px);
  transform: translate(8px, -8px);
}
.btn-icon--close-modal i {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.btn-icon--close-modal:hover, .btn-icon--close-modal:focus {
  opacity: 1;
}
.btn-tertiary {
  padding: 0;
}
.btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus {
  background-color: #fff;
  border-color: transparent;
  color: #43C;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #43C;
  text-decoration: underline;
}
.btn-opacity {
  opacity: 0.5;
}
.btn-action.disabled, .btn-danger.disabled {
  color: #fff;
}
.btn-add-alert {
  background: #464086;
  color: #fff;
}
.btn-add-alert:hover {
  background: #43C;
  color: #fff;
}
.btn-cancel {
  color: #999999;
  border-color: #999999;
}
.btn-cancel:hover {
  color: #ff5555;
  border-color: #ff5555;
}
.btn-caret-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.btn-caret-container .btn-caret {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #ff5555 !important;
  border: 1px solid #ff5555;
  color: #fff;
  white-space: normal;
  border-radius: 40px;
  padding: 10px 19px;
}
.btn-caret-container .btn-caret span {
  margin-left: auto;
  font-size: 17px;
}
.btn-caret-container .btn-caret i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
  font-size: 24px;
}
.btn-abo {
  white-space: nowrap;
}
.btn-FS {
  background-color: #87b940;
  border: 0;
  color: #fff;
  line-height: 23px;
  font-weight: bold;
  padding: 9px 16px;
}
.btn-FS i {
  padding: 0 6px 0 0 !important;
  font-size: 23px;
}
.btn-FS:hover, .btn-FS:focus {
  background-color: rgb(121.1746987952, 166.0542168675, 57.4457831325);
  color: #fff;
}
.btn-FS:hover i, .btn-FS:focus i {
  background: none !important;
  color: #fff !important;
}
.modal .btn-FS {
  padding: 5px 16px 6px;
}
.modal .btn-FS i {
  margin: -1px 0 0 0;
}
.btn-flipper {
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-flipper { /* IE10 et IE11 */
    display: block;
  }
}
.btn-flipper.flipped {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-flipper.flipped { /* IE10 et IE11 */
    display: none;
  }
}
.btn-flipper .btn {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  grid-gap: calc(8 / var(--baseRem, 10) * 1rem);
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
  max-height: calc(40 / var(--baseRem, 10) * 1rem);
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
  border: 1px solid var(--btn-cta-border-color, transparent);
  background-color: var(--btn-cta-bg-color, transparent);
  border-radius: calc(20 / var(--baseRem, 10) * 1rem);
}
.btn-cta, .btn-cta:hover, .btn-cta:active, .btn-cta:focus {
  text-decoration: none;
}
.btn-cta, .btn-cta:link, .btn-cta:visited, .btn-cta:hover, .btn-cta:active {
  color: var(--btn-cta-color, #43C);
}
.btn-cta--main {
  --btn-cta-bg-color: #ff5555;
  --btn-cta-border-color: #ff5555;
  --btn-cta-color: #fff;
  font-weight: 700;
}
.btn-cta--main:hover, .btn-cta--main:active, .btn-cta--main:focus {
  --btn-cta-bg-color: #e64d4d;
  --btn-cta-border-color: #e64d4d;
}
.btn-cta--second {
  --btn-cta-bg-color: #fff;
  --btn-cta-border-color: #43C;
  --btn-cta-color: #43C;
}
.btn-cta--second:hover, .btn-cta--second:active, .btn-cta--second:focus {
  --btn-cta-bg-color: #43C;
  --btn-cta-color: #fff;
}
.btn-cta--third {
  --btn-cta-border-color: rgba(68, 51, 204, 0.1);
  --btn-cta-color: #43C;
  border-width: 2px;
}
.btn-cta--third:hover, .btn-cta--third:active, .btn-cta--third:focus {
  --btn-cta-border-color: transparent;
  --btn-cta-bg-color: rgba(68, 51, 204, 0.1);
}
.btn-cta--icon {
  padding: calc(8 / var(--baseRem, 10) * 1rem);
  border-radius: 50%;
}
.btn-cta--error {
  --btn-cta-border-color: rgba(221, 51, 51, 0.1);
  --btn-cta-color: #dd3333;
}
.btn-cta--error:hover, .btn-cta--error:active, .btn-cta--error:focus {
  --btn-cta-border-color: transparent;
  --btn-cta-bg-color: rgba(221, 51, 51, 0.1);
}
.btn-cta[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.btn-link {
  display: inline-block;
  padding: 0;
  border: none;
  background: transparent;
}
.btn-link, .btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #43C;
  text-decoration: none;
}
.btn--interaction.btn-default {
  border-color: var(--main-clr, #363066);
  color: var(--main-clr, #363066);
}
.btn--interaction.btn-default:hover, .btn--interaction.btn-default:active, .btn--interaction.btn-default:focus {
  --main-clr: #43C;
}
.btn--secondary {
  background-color: transparent;
}
.btn--secondary, .btn--secondary:hover, .btn--secondary:focus {
  color: #43C;
}
.btn--secondary:hover, .btn--secondary:focus {
  background-color: rgba(68, 51, 204, 0.1);
}

span.title-connexion {
  margin-bottom: 26px;
  font-size: 36px;
  margin-top: 20px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin: 0.67em 0;
  display: block;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.link-white {
  color: #fff;
}
.link-white:hover {
  color: #fff;
  text-decoration: underline;
}

a.back-to-top {
  display: none;
  width: 5rem;
  height: 5rem;
  position: fixed;
  z-index: 999;
  right: 1.5rem;
  bottom: 16rem;
  background: #ff5555;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border: none;
}
@media screen and (min-width: 768px) {
  a.back-to-top {
    bottom: 9rem;
  }
}

a:hover.back-to-top {
  background-color: #d34243;
}

a.back-to-top i {
  color: #fff;
  font-size: 5rem;
}

.pagination-table {
  display: inline-block;
  width: 100%;
  height: 44px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .pagination-table {
    height: auto;
    margin-top: 0;
    padding: 10px 0 14px 0;
  }
}
.pagination-table:after {
  display: block;
  content: "";
  clear: left;
}
.pagination-table div {
  margin: 0 !important;
  line-height: 44px;
}
@media (max-width: 991px) {
  .pagination-table div {
    line-height: 25px;
  }
}
.pagination-table div.simple_numbers_no_ellipses {
  line-height: inherit;
}

/* supprime le style par défaut des navigateurs lors d'une invalidation d'un formulaire => coutour rouge d'un input sous IE par exemple */
:invalid {
  box-shadow: none;
  outline: 0;
}

/*  input avec btn intégré : ex de recherche */
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  padding: 11px 11px 5px 0;
  border: 1px solid #ccc;
  border-left: 1px solid #fff;
  background: #fff;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  height: 46px;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-right: 1 px solid #fff;
}

.input-group-btn.texte:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn.texte:first-child > .btn:not(:first-child),
.input-group-btn.texte:last-child > .btn,
.input-group-btn.texte:last-child > .btn-group > .btn,
.input-group-btn.texte:last-child > .dropdown-toggle {
  padding: 12px 11px 12px 0;
}

.input-group-btn .btn-default:hover,
.input-group-btn .btn-default:focus {
  background-color: #fff;
  border-left: 1px solid #fff;
  box-shadow: none;
}

.input-group-btn .btn-default i:hover {
  color: #757585;
}

.btn-in.form-control:focus + .input-group-btn .btn-default {
  border-color: #66afe9;
  box-shadow: none;
  border-left: 1px solid #fff;
  z-index: 1000;
}

.btn-in.form-control:focus {
  box-shadow: none;
}

/* -- input avec btn intégré : ex de recherche => Input simple (une bordure en bottom) - */
.input-simple input + label + .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-simple input + label + .input-group-btn:first-child > .btn:not(:first-child),
.input-simple input + label + .input-group-btn:last-child > .btn,
.input-simple input + label + .input-group-btn:last-child > .btn-group > .btn,
.input-simple input + label + .input-group-btn:last-child > .dropdown-toggle {
  border-bottom: 1px solid #d5d8da;
  border-right: 0;
  border-top: 0;
  padding: 14px 11px 4px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-simple .btn-in.form-control:focus + .input-group-btn .btn-default {
  border-color: #d5d8da;
}

.input-group.input-simple {
  margin-left: 15px;
}

.input-group.input-simple .form-control {
  position: static;
}

.modal-body .input-modal textarea {
  min-height: 110px;
}

/* les boutons select => modification de la fleche */
/* GRAND FORMAT */
.styled-select select {
  background: transparent none repeat scroll 0 0;
  padding-right: 37px;
  width: 115%;
  line-height: 2.3;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
@supports (-ms-ime-align: auto) {
  /* Edge */
  .styled-select {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
/* FORMAT MOYEN */
.styled-select-moyen {
  background: #fff url(/v4/genealogie/Content/img/btn-select-bleu-moyen.png) no-repeat scroll right center;
  border-right: 1px solid #d5d8da;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

.styled-select-moyen select {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  padding-right: 37px;
  width: 115%;
  line-height: 2.3;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select-moyen select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
@supports (-ms-accelerator: true) {
  .styled-select-moyen {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select-moyen select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
/* les boutons select => modification de la fleche */
/* FORMAT LONG col-lg-12 */
.styled-select-moyen select.lg {
  width: 103%;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen select.lg {
    width: inherit;
  }
}
@supports (-ms-accelerator: true) {
  .styled-select-moyen select.lg {
    width: inherit;
  }
}
/* FORMAT MOYEN col-lg-7 */
.styled-select-moyen select.my7 {
  width: 106%;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen select.my7 {
    width: inherit;
  }
}
@supports (-ms-accelerator: true) {
  .styled-select-moyen select.my7 {
    width: inherit;
  }
}
/* FORMAT SPECIAL CHAMPS ENTRE => fiche individuelle -> popup avec champs entre */
.styled-select-moyen.special-entre {
  background: #fff url(/v4/genealogie/Content/img/btn-select-bleu-moyen.png) no-repeat scroll right center;
  border: 1px solid #d5d8da;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  width: 31%;
}

.styled-select-moyen.special-entre select {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  padding-right: 29px;
  padding-left: 7px;
  width: 121%;
  line-height: 2.3;
}

@media screen and (min-width: 0\0 ) {
  .styled-select-moyen.special-entre {
    background: none;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .styled-select-moyen.special-entre select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .styled-select-moyen.special-entre {
    background: none;
    border: 1px solid #d5d8da;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .styled-select-moyen select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

.form-group.modifier-champs.input-simple .form-control {
  padding: 19px 34px 0 0;
}
.form-group.modifier-champs.input-simple.no-floatlabel .form-control {
  padding: 0 34px 0 0;
  height: 34px;
}
.form-group.input-simple .form-control {
  padding: 19px 5px 0 0;
}
.form-group.input-simple.no-floatlabel .form-control {
  padding: 0 5px 0 0;
  height: 34px;
}

/* Champ principal */
.mainField {
  font-weight: bold;
  border-color: #43C;
}

/* croix placée dans les champs pour supprimer la saisie */
.form-control-feedback {
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  height: 32px;
  line-height: 32px;
  right: 16px;
  top: 1px;
  width: 32px;
  color: #2B2550;
  pointer-events: inherit;
}
.form-control-feedback:hover {
  cursor: pointer;
}

.input-lg + .form-control-feedback,
span + .form-control-feedback {
  height: 44px;
  width: 32px;
  line-height: 44px;
}

/* ========================================================================================= DEBUT Page Formulaire Inscription/Connection */
.inscr-conn .form-inscr-conn p {
  margin-bottom: 0px;
}

.inscr-conn .form-inscr-conn p.marge-top10px {
  margin-top: 0px !important;
}

.inscr-conn .form-inscr-conn .tab-content {
  margin: 15px 0 0 0;
}

.inscr-conn .form-inscr-conn .tab-content > div > .row:last-child,
.inscr-conn .form-inscr-conn .row:last-child {
  text-align: center;
  padding: 0;
}

.inscr-conn .form-inscr-conn .inscription.row-inscr div.row {
  margin-bottom: 10px;
}

.inscr-conn .action-profil {
  margin-bottom: 40px;
}

.form-inscr-conn .modifier-champs .show-password {
  color: white;
  background: transparent !important;
}

.form-inscr-conn .modifier-champs input {
  color: white;
  background: transparent !important;
}

.form-inscr-conn .modifier-champs input:focus {
  border-bottom: 3px solid white;
}

.form-inscr-conn .modifier-champs.input-simple i {
  color: #eee !important;
}

.form-inscr-conn .modifier-champs input::-moz-placeholder,
.form-inscr-conn .modifier-champs label {
  color: white !important;
}

.form-inscr-conn .modifier-champs input::-webkit-input-placeholder,
.form-inscr-conn .modifier-champs label {
  color: white !important;
}

.form-inscr-conn .modifier-champs input:-ms-input-placeholder,
.form-inscr-conn .modifier-champs label {
  color: white !important;
}

.form-inscr-conn a.link-in-layer {
  color: white;
}

.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check,
.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #ff5555;
  color: #ff5555;
}

.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before,
.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: #ff5555;
  border-color: #ff5555;
}

.newsletter-insc .checkbox .checkbox-material .check {
  border-color: #ff5555;
}

.newsletter-insc label.checkbox {
  color: white !important;
}

.form-inscr-conn #alert-wrong-password p,
.form-inscr-conn #alert-wrong-email-registration p,
.form-inscr-conn #alert-wrong-email p,
.form-inscr-conn #alert-wrong-email-reset p {
  color: #f0ad50;
  font-weight: bold;
}

.form-inscr-conn .modifier-champs input:-webkit-autofill,
.form-inscr-conn .modifier-champs input:-webkit-autofill:hover,
.form-inscr-conn .modifier-champs input:-webkit-autofill:focus,
.form-inscr-conn .modifier-champs input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #556375 inset !important;
  -moz-box-shadow: 0 0 0 1000px #556375 inset !important;
  box-shadow: 0 0 0 1000px #556375 inset !important;
  -webkit-text-fill-color: #fafbfb !important;
  color: #fafbfb !important;
}

.error-message-block-in-layer > * {
  vertical-align: middle;
}

.error-message-block-in-layer > i {
  color: #f0ad50;
  margin-bottom: 4px;
  margin-right: 5px;
}

/* ========================================================================================= FIN Page Formulaire Inscription/Connection */
/* Float Label dans les Champs */
/* Basic Style */
.form-group {
  position: relative;
}

.form-group [data-toggle=floatLabel] {
  color: #333333;
  height: 49px;
  padding: 6px 16px 5px 16px;
  background: #fff !important;
}

.form-group [data-toggle=floatLabel] + label,
.label-place {
  font-size: 13px;
  left: 12px;
  opacity: 1;
  position: absolute;
  top: 6px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form-group textarea[data-toggle=floatLabel] + label {
  top: -18px;
}

.form-group [data-toggle=floatLabel]:required + label,
.form-group [data-toggle=floatLabel] + label,
.label-place {
  color: #757585;
}

/* Positioning */
.form-group [data-toggle=floatLabel][data-value=""] {
  padding-top: 6px;
}

.form-group [data-toggle=floatLabel][data-value=""] + label {
  opacity: 0;
  top: 18px;
  z-index: -1;
}

.form-group textarea[data-toggle=floatLabel][data-value=""] + label {
  top: -11px;
}

.form-group .twitter-typeahead + label {
  opacity: 0;
  top: 18px;
  font-size: 13px;
  left: 14px;
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.form-group .twitter-typeahead + label.affiche {
  opacity: 1;
  top: 6px;
  color: #757585;
  display: block;
  z-index: 1;
}

.form-group .twitter-typeahead input.tt-hint {
  display: none;
}

/* --  Input simple (une bordure en bottom) et Select simple -- */
.input-simple input,
.input-simple input[type=text] {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 16px;
}

.input-simple .form-control:focus,
.input-simple .form-control.active {
  box-shadow: none;
  border-bottom: 1px solid #337ab7;
}

.bg-essai-7j .input-simple .form-control:focus {
  box-shadow: none;
  border-bottom: 1px solid #ff5555;
}

.input-simple textarea,
.input-simple textarea:focus {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none;
  border-radius: 0;
}

.input-simple input {
  height: 63px;
  padding: 20px 0 0 0;
}

.input-simple.simple {
  margin: 0 0 16px 0;
}

.input-simple.simple input {
  height: 40px;
  padding: 0;
}

.input-simple input.small {
  height: 36px;
  padding: 0 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -moz-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

.form-group p.label-faux-input {
  margin: 7px 0 6px;
  padding: 1px 0 0 0;
}

.multiple-input .faux-input,
.multiple-input .input-simple {
  display: inline-block;
  margin: -29px 0 0;
}

.multiple-input .bootstrap-select {
  margin: 20px 0 0 0;
}

.form-group.input-simple select.form-control {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
  height: 37px;
}

/* avec float label */
.form-group.input-simple [data-toggle=floatLabel] {
  height: 63px;
  padding-top: 17px;
}
.form-group.input-simple [data-toggle=floatLabel] + label {
  left: 15px;
}
.form-group.input-simple [data-toggle=floatLabel].special-entre + label {
  left: 20px;
}
.form-group.input-simple.input-large [data-toggle=floatLabel] {
  height: 60px;
}
.form-group.input-simple .input-mdp [data-toggle=floatLabel] + label {
  left: 0;
}
.form-group.input-simple.input-floatLabel--small [data-toggle=floatLabel] {
  height: 48px;
  padding-top: 14px;
}
.form-group.input-simple.input-floatLabel--small .twitter-typeahead + label.affiche {
  color: #fff;
  font-size: 11px;
  top: -3px;
}

.row--inputs [class*=col-]:not(.col-ghost) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .row--inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row--inputs [class*=col-]:not(.col-ghost) {
    margin-top: 0;
  }
  .row--inputs [class*=col-]:not(:last-child) {
    padding-right: 0;
  }
}
.row--inputs .bootstrap-select .dropdown-toggle.btn {
  border-radius: 0;
  border-color: transparent;
  border-bottom-color: #fff;
  padding-left: 0;
  padding-right: 16px;
}
.row--inputs .bootstrap-select .dropdown-toggle.btn, .row--inputs .bootstrap-select .dropdown-toggle.btn:hover {
  background: none !important;
}
.row--inputs .bootstrap-select .dropdown-toggle.btn .bs-caret {
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.row--inputs .bootstrap-select .dropdown-toggle.btn .filter-option,
.row--inputs .bootstrap-select .dropdown-toggle.btn .caret::before {
  color: #fff;
}
.row--inputs .bootstrap-select .dropdown-toggle.btn .caret::before {
  font-size: 24px;
}
.row--inputs .floatlabel--fixed {
  bottom: 31px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: 16px;
  margin-bottom: 5px;
  position: absolute;
}
.row--inputs .dropdown-menu {
  border-radius: 0 0 4px 4px;
  border-width: 0;
  margin-top: 0;
  padding: 0;
}
.row--inputs .dropdown-menu li {
  padding: 4px 0;
}

.form-group.input-simple select.form-control.civility {
  margin-top: 19px;
  padding: 0;
  height: 44px;
  background: #fff url(/v4/genealogie/Content/css/SearchApi/https:/cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png) no-repeat;
  background-size: 20px;
  background-position: right 10px center;
  font-family: "Arial", sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-group.input-simple select.form-control.civility:focus {
  background: #fff url(/v4/genealogie/Content/img/ic_keyboard_arrow_down_48px_saumon-128.png) no-repeat;
  background-size: 20px;
  background-position: right 10px center;
}

.faux-input.register .fake-input {
  font-size: 11px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: -13px;
  z-index: 10;
  color: #757585;
}

.fake-input-line-2 {
  color: #757585;
  opacity: 1;
  position: absolute;
  top: 6px;
  z-index: 10;
  margin: 0 !important;
}

#popup-1erdoc .modal-dialog p .fake-input-line-2 {
  font-size: 11px !important;
  font-weight: 700;
  top: 0;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group {
  max-width: inherit;
  margin-bottom: 15px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group [data-toggle=floatLabel] + label {
  left: 15px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .birth {
  width: 20%;
  margin-right: 10px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .birth + .birth {
  width: 42%;
  margin-right: 10px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .input-simple {
  width: 28%;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .col-xs-12,
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .col-xs-6 {
  padding-left: 8px;
  padding-right: 8px;
}

.faux-input.birth {
  padding: 19px 0px 0 0;
  height: 63px;
}

.form-group.input-simple select.form-control.civility label {
  opacity: 1;
}

.form-group.input-simple textarea[data-toggle=floatLabel] + label {
  left: 15px;
  background: #fff;
  margin-top: -7px;
  height: 33px;
  vertical-align: middle;
  padding: 12px 0 15px 0;
  width: 94%;
}

#labelPlace {
  opacity: 1;
  top: 8px;
  left: 15px;
}

#formPrivateData .form-group.input-simple #userPostalCode.form-control {
  padding: 19px 20px 0 0;
}

.form-group.input-simple textarea.form-control {
  padding: 7px 12px 0 12px;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  margin: 32px 0 0 0;
  background: #f3f3f3 !important;
}

.modal .form-group.input-simple textarea.form-control {
  margin: 22px 0 0 0;
}

/*=> sur fond foncé */
.form-group.input-simple.inverse [data-toggle=floatLabel] {
  background: transparent !important;
  color: #fff;
}

.form-group.input-simple.inverse .form-control::-moz-placeholder {
  color: #ccc;
}

.form-group.input-simple.inverse .form-control:focus,
.form-group.input-simple.inverse .form-control:active {
  border-bottom: 1px solid #fff;
}

.form-group.input-simple.inverse [data-toggle=floatLabel]:required + label,
.form-group.input-simple.inverse [data-toggle=floatLabel] + label {
  color: #fff;
}

.form-group.input-simple .show-password {
  top: 34px;
}

.show-password {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 17px;
  text-transform: uppercase;
  top: 16px;
  color: #43C;
}

.modifier-champs.input-simple i {
  visibility: hidden;
  position: absolute;
  right: 35px;
  top: 33px;
  color: #43C;
}

.parametres-client .modifier-champs.input-simple span i {
  visibility: hidden;
  position: absolute;
  right: 35px;
  top: 33px;
  color: #337ab7;
}

.delete-parametres-client,
.delete-parametres-client:hover {
  color: #ff5555;
  padding-top: 37px;
  display: block;
}

.material-icons.no-wait {
  color: #ff5555;
  font-size: 73px;
}

.modifier-champs.input-simple span:hover i,
.modifier-champs.input-simple span:active i {
  visibility: visible;
}

.input-simple + div a i {
  margin: 27px 0 0 -15px;
  font-size: 28px;
}

.modifier-champs.input-simple:hover i,
.modifier-champs.input-simple:active i {
  visibility: visible;
}

/* bouton ou mise en page comme l'input simple */
.faux-input {
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px;
  height: 63px;
  margin: 0 0 15px 0;
  display: inherit;
  vertical-align: top;
}

.faux-input a,
a.faux-input {
  text-decoration: none;
}

.faux-input p {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  margin: 4px 0 0 9px;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .faux-input p {
    width: 83%;
  }
}
@media (max-width: 992px) {
  .faux-input p {
    width: 76%;
  }
}

.faux-input p.label-faux-input,
p.label-faux-input,
#popup-1erdoc .modal-dialog p.label-faux-input,
.modal-dialog.new-modal-dialog p.label-faux-input {
  font-size: 11px !important;
  left: 12px;
  color: #757585;
  font-weight: 700;
  display: block;
  margin: 0;
  padding: 5px 0 5px 0;
  line-height: 11px !important;
  text-align: left;
}

.faux-input p.label-champs {
  font-size: 15px;
  color: #757585;
  font-weight: 700;
  margin: 28px 0 4px 0;
}

.faux-input p.label-champs + i {
  float: right;
  margin: 28px 0 0 0;
  color: #43C;
  visibility: hidden;
}
@media (max-width: 991px) {
  .faux-input p.label-champs + i {
    visibility: visible;
  }
}

.faux-input:hover p.label-champs + i,
.faux-input:focus p.label-champs + i {
  visibility: visible;
  color: #337ab7;
}

.faux-input p + i {
  float: right;
  margin: 9px 0 0 0;
  color: #43C;
  visibility: hidden;
}
@media (max-width: 991px) {
  .faux-input p + i {
    visibility: visible;
  }
}

.faux-input:hover p + i,
.faux-input:focus p + i {
  visibility: visible;
  color: #337ab7;
}

.faux-input .profil {
  height: 32px;
  width: 32px;
}

.faux-input .profil.image img {
  height: 32px;
  width: 32px;
  border: 0;
}

.faux-input .profil .initiale {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin: 7px 0 0;
  text-align: center;
  display: inherit;
}

.faux-input + a {
  position: absolute;
  right: 13px;
  top: 29px;
}

/* Habillage des boutons radios et checkbox  */
.radio {
  margin: 5px 0 5px 0;
}
.radio label {
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 20px;
}
.radio + .radio {
  margin: 0 0 5px 0;
}

.radio-inline {
  margin: 10px 0 10px 0;
  padding-left: 0;
}
.radio-inline + .radio-inline {
  margin: 10px 0 10px 10px;
}

label.radio {
  margin: 5px 0 5px 0;
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 20px;
}
label.radio--alternative-parent {
  margin: 6px 8px 0 0;
  position: static;
}
label.radio--alternative-parent::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
label.radio--alternative-parent.radio span {
  left: 15px;
  top: 14px;
}
label + label.radio {
  margin: 0 0 5px 0;
}
label.radio-inline {
  margin: 10px 10px 10px 0;
}
label.radio-inline + label.radio-inline {
  margin: 10px 0 10px 10px;
}
@media (max-width: 767px) {
  label.radio-inline + label.radio-inline {
    margin: 0;
  }
}
label.checkbox {
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 0;
  margin: 5px 0 5px 0;
}
label.checkbox--alternative-parent {
  position: static;
}
label.checkbox--alternative-parent::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
label + label.checkbox {
  margin: 0 0 5px 0;
}
label.checkbox-inline {
  margin: 10px 0 10px 0;
}
label.checkbox-inline + label.checkbox-inline {
  margin: 10px 0 10px 10px;
}
label.checkbox-inline input[type=checkbox] {
  height: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: -1;
}
label.checkbox-inline .checkbox-material {
  position: relative;
  top: 3px;
  vertical-align: middle;
}

.checkbox {
  margin: 5px 0 5px 0;
}
.checkbox--static {
  position: static;
}
.checkbox label {
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 0;
}
.checkbox label div:not(.collapse) {
  display: inline-block;
  width: 90%;
  vertical-align: top;
}
.checkbox + .checkbox {
  margin: 0 0 5px 0;
}
.checkbox input[type=checkbox] {
  height: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: -1;
}
.checkbox .checkbox-material {
  position: relative;
  vertical-align: middle;
}

.checkbox-inline {
  margin: 10px 0 10px 0;
  padding-left: 0;
}
.checkbox-inline + .checkbox-inline {
  margin: 10px 0 10px 10px;
}

.checkbox .checkbox-material:before,
label.checkbox-inline .checkbox-material:before {
  background-color: transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: -5px;
  transform: scale3d(2.3, 2.3, 1);
  width: 18px;
  z-index: 1;
}

.checkbox .checkbox-material .check,
label.checkbox-inline .checkbox-material .check {
  border: 2px solid var(--clr-accent, #43C);
  border-radius: 2px;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  position: relative;
  width: 18px;
  z-index: 1;
  margin-right: 4px;
}

.checkbox .checkbox-material .check.coral,
label.checkbox-inline .checkbox-material .check.coral {
  border-color: #ff5555;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox .checkbox-material .check,
.essai-7j .bloc-essai-sept .bg-essai-phone label.checkbox-inline .checkbox-material .check,
.bg-essai-phone .checkbox .checkbox-material .check {
  border: 2px solid #fff;
}

.bg-essai-phone .checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background-color: transparent;
}

.checkbox.checkbox-blanc .checkbox-material .check {
  border: 2px solid #fff;
}

.checkbox.checkbox-blanc.blanc .checkbox-material .check {
  border: 2px solid #fff;
}

.checkbox .checkbox-material .check:before,
label.checkbox-inline .checkbox-material .check:before {
  box-shadow: none;
  content: "";
  display: block;
  height: 0;
  margin-left: 5px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(45deg);
  width: 0;
}

.checkbox .checkbox-material .check:after,
label.checkbox-inline .checkbox-material .check:after {
  box-shadow: none;
  content: "";
  display: block;
  height: 0;
  margin-left: 5px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(45deg);
  width: 0;
}

.checkbox input[type=checkbox]:focus + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after,
.checkbox input[type=checkbox]:focus + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus + input + .checkbox-material .check:after {
  opacity: 0.2;
}

.checkbox input[type=checkbox]:focus:checked + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before,
.checkbox input[type=checkbox]:focus:checked + input + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material:before {
  animation: 500ms ease 0s normal none 1 running rippleOn;
}

.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before,
.checkbox input[type=checkbox]:focus:checked + input + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material .check:before {
  animation: 0.3s ease 0s normal forwards 1 running checkbox-on;
}

.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after,
.checkbox input[type=checkbox]:focus:checked + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material .check:after {
  animation: 500ms ease 0s normal forwards 1 running rippleOn;
}

.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before,
.checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material:before {
  animation: 500ms ease 0s normal none 1 running rippleOff;
}

.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before,
.checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:before {
  animation: 0.3s ease 0s normal forwards 1 running checkbox-off;
}

.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after,
.checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:after {
  animation: 500ms ease 0s normal forwards 1 running rippleOff;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check,
.checkbox input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #d5d8da;
  color: #d5d8da;
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check.coral,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check.coral {
  border-color: #ff5555;
  color: #ff5555;
  background: #fff;
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: var(--clr-accent, #43C);
  color: var(--clr-accent, #43C);
}

.checkbox.checkbox-blanc input[type=checkbox]:checked + .checkbox-material .check,
.checkbox.checkbox-blanc input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #fff;
  color: #fff;
}

.checkbox.checkbox-blanc.blanc input[type=checkbox]:checked + .checkbox-material .check,
.checkbox.checkbox-blanc.blanc input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox input[type=checkbox]:checked + input + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked + input + .checkbox-material .check:before {
  -webkit-box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C);
  -moz-box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C);
  box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C);
  content: "_";
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: var(--clr-accent, #43C);
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check.coral:before,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check.coral:before {
  color: #ff5555;
}

.checkbox.checkbox-blanc input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox.checkbox-blanc input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: #fff;
}

.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after,
.checkbox input[type=checkbox][disabled] + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox][disabled] + input + .checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
.radio span {
  display: block;
  left: 0px;
  position: absolute;
  top: 2px;
  transition-duration: 0.2s;
}

.radio .circle,
label.radio-inline .circle {
  border: 2px solid var(--clr-accent, #43C);
  border-radius: 100%;
  height: 15px;
  width: 15px;
}

.radio.radio-blanc .circle,
label.radio-inline.radio-blanc .circle {
  border: 2px solid #fff;
  border-radius: 100%;
  height: 15px;
  width: 15px;
}

.radio .check {
  background-color: #d5d8da;
  border-radius: 100%;
  height: 15px;
  transform: scale3d(0, 0, 0);
  width: 15px;
}

.radio.radio-primary .check {
  background-color: #43C;
}

.radio input[type=radio]:focus:not(:checked) ~ .check:after,
label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after {
  animation: 500ms ease 0s normal none 1 running rippleOff;
}

.radio input[type=radio]:focus:checked ~ .check:after,
label.radio-inline input[type=radio]:focus:checked ~ .check:after {
  animation: 500ms ease 0s normal none 1 running rippleOn;
}

.radio input[type=radio],
label.radio-inline input[type=radio] {
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}

.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check,
.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  opacity: 1;
}

.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #d5d8da;
}

.radio.radio-primary input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: var(--clr-accent, #43C);
}

.radio.radio-blanc input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #fff;
}

.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #d5d8da;
}

.radio.radio-primary input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: var(--clr-accent, #43C);
}

.radio.radio-blanc input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #fff;
}

.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  transform: scale3d(0.55, 0.55, 1);
}

.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check,
.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  opacity: 0.26;
}

.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check {
  background-color: #000;
}

.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  border-color: #000;
}

#ExistingAlternativeParents .radio .circle,
#ExistingAlternativeParents label.radio-inline .circle,
#ExistingAlternativeParents .radio.radio-blanc .circle,
#ExistingAlternativeParents label.radio-inline.radio-blanc .circle,
#ExistingAlternativeParents .radio .check {
  height: 18px;
  width: 18px;
}

.liste-fratrie .checkbox {
  margin: 0;
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-mini.bootstrap-switch-animate .bootstrap-switch-label:before {
  background-color: #757585 !important;
}

.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-off.bootstrap-switch-focused,
.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-on.bootstrap-switch-focused {
  background: #d5d8da !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #d5d8da !important;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #d5d8da !important;
  color: #fff !important;
}

.bootstrap-switch-handle-off.bootstrap-switch-default i {
  margin: 0 0 3px;
  vertical-align: bottom;
}

.bootstrap-switch-handle-on.bootstrap-switch-primary i {
  margin: 1px 0 4px 0;
  vertical-align: bottom;
}

.bootstrap-switch {
  border-radius: 34px !important;
  -webkit-border-radius: 34px !important;
  -moz-border-radius: 34px !important;
}
.bootstrap-switch .bootstrap-switch-label:before {
  background-color: #445599;
  bottom: 3px;
  content: "";
  height: 26px;
  right: 39px;
  position: absolute;
  width: 26px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.bandeau-acces-gratuit label.checkbox.checkbox-HD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.checkbox-HD i {
  color: #445599;
  font-size: 20px;
  opacity: 0.5;
}
.checkbox-HD .bootstrap-switch {
  margin-top: 1px;
  margin-right: 15px;
}
.checkbox-HD .bootstrap-switch-label:before {
  background-color: #ffcc33;
  bottom: 1px;
  height: 20px;
  right: 38px;
  width: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.checkbox-HD .bootstrap-switch-on .bootstrap-switch-label:before {
  right: 40px;
}
.checkbox-HD .bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-mini.bootstrap-switch-animate .bootstrap-switch-label:before {
  background-color: #163c8a !important;
}
.checkbox-HD .bootstrap-switch-on .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container,
.checkbox-HD .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-off.bootstrap-switch-focused,
.checkbox-HD .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-on.bootstrap-switch-focused {
  background: #fff !important;
}
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #fff !important;
}
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #fff !important;
}
.checkbox-HD .bootstrap-switch-handle-off.bootstrap-switch-default i,
.checkbox-HD .bootstrap-switch-handle-on.bootstrap-switch-primary i {
  margin: 0;
}
.checkbox-HD .bootstrap-switch-handle-off {
  margin-left: -6px;
}

/* ------- Input avec drapeau => recherche commune ou département -------*/
.tt-dropdown-menu {
  width: 100%;
}
.tt-dropdown-menu .tt-dataset-lieu div span {
  cursor: pointer;
  display: table;
  padding: 0 10px 0 10px;
}
.tt-dropdown-menu .tt-dataset-lieu div span p {
  color: #303f4c;
  font-size: 16px;
  margin: 0;
  padding: 3px 8px;
}
.tt-dropdown-menu .tt-dataset-lieu div span img {
  display: table-cell;
  margin-top: 8px !important;
  margin-right: 6px;
  vertical-align: top;
  min-width: 23px;
  max-width: 23px;
  height: 13px !important;
  margin-left: 0;
}
.tt-dropdown-menu .tt-dataset-lieu div span:hover {
  background: rgba(117, 117, 133, 0.2) !important;
}
.tt-dropdown-menu .tt-dataset-lieu div span:hover p {
  background: none;
  color: #303f4c !important;
}
.tt-dropdown-menu .tt-dataset-lieu .tt-suggestion.tt-cursor span {
  background-color: #445599;
}

/* -- Select (transformation dropdown + personnalisation fleche) -- */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.bootstrap-select.input-lg {
  padding: 0 !important;
}

.bootstrap-select > .dropdown-toggle {
  height: 46px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #757585;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 dashed;
}
.bootstrap-select.btn-group.dropup .dropdown-toggle .caret {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 dashed;
  border-bottom: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  content: "\e915";
  font-family: "icomoon", sans-serif;
  font-size: 28px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -37px 0 0 2px !important;
  position: relative !important;
}

.home-owl-stage .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -83px 0 0 2px !important;
  position: relative !important;
}

.bootstrap-select .dropdown-menu .dropdown-menu .selected a {
  background: none;
}
.bootstrap-select .dropdown-menu .dropdown-menu .selected a:hover {
  color: #333333;
  font-weight: bold;
}
.bootstrap-select .dropdown-menu .dropdown-menu .selected.active a:hover {
  color: #333333;
  font-weight: bold;
}
.bootstrap-select .dropdown-menu .dropdown-menu .active a {
  background: none;
  color: #333333;
}
.bootstrap-select .dropdown-menu .dropdown-menu .active a:hover {
  color: #43C;
  font-weight: inherit;
}
.bootstrap-select .dropdown-menu .dropdown-menu a:hover {
  color: #43C;
  font-weight: inherit;
}
.bootstrap-select .dropdown-menu .dropdown-menu .disabled {
  height: 0px;
  border-bottom: 1px solid #d5d8da;
  margin: 10px 0 10px 0;
}
.bootstrap-select .dropdown-menu .dropdown-menu .disabled + .disabled {
  height: auto;
  margin: 0;
  border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: -37px 0 0 2px !important;
  }
  .home-owl-stage .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: -41px 0 0 2px !important;
  }
}
@media screen and (min-width: 0\0 ) {
  .container-fusion .btn-group.bootstrap-select .dropdown-toggle .caret {
    top: 0 !important;
  }
}
@supports (-ms-ime-align: auto) {
  .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: -37px 0 0 2px !important;
  }
}
.bootstrap-select .btn-default:hover,
.bootstrap-select.btn-group .dropdown-toggle:active,
.bootstrap-select.btn-group.open .dropdown-toggle {
  box-shadow: inherit;
}

.bootstrap-select .dropdown-menu > li > a {
  padding: 3px 6px;
}

.bootstrap-select .filter-option {
  font-size: 16px;
}
.bootstrap-select .filter-option.smaller {
  font-size: 13px;
}

.bootstrap-select .filter-option i {
  font-size: 24px;
  margin: -1px 3px 0 0;
  vertical-align: top;
}

.bootstrap-select .dropdown-menu.open i {
  font-size: 24px;
  margin: -1px 4px 0 0;
  vertical-align: top;
}

.bootstrap-select .dropdown-menu.open a {
  font-size: 17px;
}

.bootstrap-select .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li.selected > a,
.bootstrap-select .dropdown-menu > li > a:focus {
  color: #333333;
  font-weight: bold;
}

.bootstrap-select .dropdown-toggle.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 3px 25px 3px 17px;
  height: 34px;
  background-color: #fff;
}
.bootstrap-select .dropdown-toggle.btn.smaller {
  padding: 3px 20px 3px 8px;
}

.special-entre .selectorDate button.btn.dropdown-toggle {
  padding: 3px 20px 3px 8px;
}
.special-entre .selectorDate button.btn.dropdown-toggle .filter-option {
  font-size: 14px;
}

.espace-client .bootstrap-select .dropdown-toggle.btn {
  background-color: transparent;
}

.bootstrap-select .dropdown-toggle.btn-default:hover,
.bootstrap-select .dropdown-toggle.btn-default:active {
  background-color: #fff !important;
}

.select.input-lg {
  padding: 0;
}

.select.input-lg .bootstrap-select .dropdown-toggle.btn {
  height: 46px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.select.input-lg.owl-stage {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.select.input-lg.home-owl-stage {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.select.input-lg.select-inline {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.home-connectee .clonedInput .select.input-lg.select-inline {
  width: 100%;
}

.home .recherche .bloc-recherche .input-annee .form-group {
  width: 48%;
  float: left;
  margin-right: 4%;
}
.home .recherche .bloc-recherche .input-annee .form-group .input-lg {
  font-size: 15px;
}

.home .recherche .bloc-recherche .input-annee .form-group .form-control {
  padding-left: 16px;
}

.home .recherche .bloc-recherche .select.input-lg .bootstrap-select .dropdown-toggle.btn {
  height: 49px;
  border-radius: 4px;
  padding-left: 8px;
}

.home .recherche .bloc-recherche .input-annee .form-group.simple {
  width: 100%;
}

.home .recherche .bloc-recherche .select.input-lg .bootstrap-select .dropdown-toggle.btn span {
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.home .recherche .bloc-recherche .input-annee #divToYear {
  margin-right: 0;
}

.home .recherche .bloc-recherche .home-periode {
  width: 25%;
}

.col-lg-3 .select.input-lg.owl-stage {
  width: 100%;
}

/* -- select input simple (transformation dropdown + personnalisation fleche) -- */
.faux-input .bootstrap-select > .dropdown-toggle {
  border: 0;
  height: auto;
}
.faux-input .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -37px 0 0 -21px !important;
}
.faux-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #333333;
}
.faux-input .btn-group.bootstrap-select .dropdown-toggle {
  padding: 10px 0 0 0;
}
.faux-input .sans-label .btn-group.bootstrap-select .dropdown-toggle {
  padding: 31px 0 0 0;
}
.faux-input.sans-label-marge {
  height: 40px;
}
.faux-input.sans-label-marge .btn-group.bootstrap-select .dropdown-toggle {
  padding: 8px 0 0;
}

.alert-modal .faux-input.sans-label .btn-group.bootstrap-select .dropdown-toggle {
  padding: 31px 0 0 0;
}

/* Input simple avec fond (champ avec fond legerement coloré)  */
.input-simple.fond input {
  height: 44px;
}

.input-simple.fond .bootstrap-tagsinput input {
  background: #f3f3f3;
  border-bottom: 0 none;
}

.input-simple.fond .bootstrap-tagsinput input {
  padding: 7px 0 6px 43px !important;
  margin: 12px 0 0 0;
}

.input-simple.fond .bootstrap-tagsinput input:focus {
  border-bottom: 0;
}

.input-simple.fond .bootstrap-tagsinput + input + i {
  left: 32px;
}

.input-simple.fond .bootstrap-tagsinput + input + i + i {
  right: 29px;
}

.bootstrap-tag-container .input-simple i:hover {
  cursor: pointer;
}
.bootstrap-tag-container .input-simple:hover .material-icons {
  display: block;
}

/* Ajout d'un parent dans popup d'alerte */
.add_parents_popup .line {
  margin-bottom: 0 !important;
}
.add_parents_popup .line.select {
  padding-right: 21px;
}
.add_parents_popup .line.select + .line {
  padding: 0px 19px 0 2px;
}
.add_parents_popup .line.preremove-field-container {
  padding: 0 6px 0 19px;
}
.add_parents_popup .styled-select {
  height: 63px;
  padding-top: 17px;
}
.add_parents_popup .styled-select select {
  height: 46px !important;
}
.add_parents_popup .select-side {
  width: 26px;
  position: absolute;
  height: 48%;
  right: -16px;
  top: 25px;
  pointer-events: none;
  background: #fff;
  color: var(--clr-label, #757575);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.add_parents_popup .select-side i {
  font-size: 29px;
}
.add_parents_popup .md__base .select-side {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  top: calc(50% - 2px);
}
.add_parents_popup .remove-field-container {
  display: block;
  margin-top: 0.75rem;
}
.add_parents_popup .form-group.input-simple [data-toggle=floatLabel] + label {
  left: 0;
}

.floatlabel--select {
  position: absolute;
  left: 10px;
  font-size: 13px;
  z-index: 2;
}
.floatlabel__col {
  border-left: 1px solid lightgrey;
}
.floatlabel__col:hover .floatlabel--select, .floatlabel__col:focus .floatlabel--select {
  color: #43C;
}
.floatlabel__col .dropdown-menu,
.floatlabel__col .dropup .dropdown-menu {
  margin: 0;
}
.floatlabel__col .dropdown-menu {
  border-radius: 0 0 4px 4px;
}
.floatlabel__col .dropup .dropdown-menu {
  border-radius: 4px 4px 0 0;
}

.accent-delete {
  --clr-accent: #D9001B;
}

.coral {
  --clr-accent: #ff5555;
}

@media (max-width: 992px) {
  .home .recherche .bloc-recherche .input-annee .form-group {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .home .recherche .bloc-recherche .home-periode,
  .home .recherche .bloc-recherche .input-annee {
    width: 100%;
  }
  .home .recherche .bloc-recherche .input-annee {
    margin-top: 15px;
  }
  .home .recherche .bloc-recherche .input-annee .form-group {
    width: 49%;
  }
}
@media (max-width: 480px) {
  .champs-periode div.marge-top10px-768:first-child {
    width: 98%;
  }
  .select.input-lg.select-inline {
    width: 100%;
  }
  .home .recherche .bloc-recherche .input-annee .form-group {
    width: 48%;
  }
}
@media (max-width: 460px) {
  .floatlabel__col {
    border-left: none;
    width: 100%;
  }
}
@media (min-width: 768px) {
  [class*=col-sm-4] input.double-date {
    font-size: 11px;
  }
}
.bs-caret {
  position: relative;
  display: inline-block;
}

/* Input téléphone => page profile */
.complete-phone {
  width: 100%;
}
.complete-phone .intl-tel-input.allow-dropdown {
  width: 100%;
}
.complete-phone .intl-tel-input.allow-dropdown .selected-flag {
  padding: 0;
}
.complete-phone .intl-tel-input.allow-dropdown input {
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.row--date .special-entre {
  height: 50px;
  padding-top: 30px;
}
.row--date .special-entre button.dropdown-toggle.btn.btn-default {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  height: inherit;
  padding: 3px 20px 9px 2px;
}
.row--date .special-entre ~ input.form-control {
  height: 34px;
  padding: 0 0 8px;
}
.row--event .md__select--event {
  margin-top: var(--gap-y, 14px);
}
@media (min-width: 768px) {
  .row--event {
    margin-top: calc(var(--gap-y, 14px) / -2);
  }
  .row--event .md__select--event {
    margin-top: calc(0.5rem + 17px);
  }
}

.underlined-inputs .bootstrap-select.btn-group button.dropdown-toggle.btn,
.underlined-inputs textarea.form-control {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  padding-left: 2px;
}

.quote-text-container {
  margin: 10px auto;
  display: block;
  text-align: center;
}
.quote-text-container .quote {
  color: #ff5555;
  font-style: italic;
  font-size: 30px;
  border-left: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.quote-text-container .quote-author {
  color: #757585;
  font-size: 14px;
  font-style: normal;
}

.quote-container {
  margin: 10px auto;
  display: block;
  text-align: center;
}
.quote-container .quote {
  color: #ff5555;
  font-style: italic;
  font-size: 30px;
  border-left: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.quote-container .quote-author {
  font-size: 17px;
}

.beaucarnot-section-container {
  padding: 45px 0;
}
.beaucarnot-section-container .beaucarnot-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (max-width: 992px) {
  .beaucarnot-section-container .beaucarnot-section {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .beaucarnot-section-container .beaucarnot-section .quote-beaucarnot {
    margin-top: 20px;
  }
}
.beaucarnot-section-container .filae-info-container {
  text-align: center;
  font-size: 20px;
  min-height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.beaucarnot-section-container .filae-info {
  color: #ff5555;
}
.beaucarnot-section-container .filae-info-2 {
  color: #303f4c;
}
.beaucarnot-section-container .quote-beaucarnot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.beaucarnot-section-container .quote-beaucarnot img {
  height: 80px;
  width: 80px;
  margin-right: 10px;
}
.beaucarnot-section-container .quote-container {
  margin: 0;
}
.beaucarnot-section-container .quote {
  margin-bottom: 0px;
  font-size: 32px;
  text-align: center;
}
.beaucarnot-section-container .quote-author {
  color: #757585;
  font-size: 14px;
  font-style: normal;
}

.filae-guide-container .subtitle-section {
  margin-bottom: 70px;
}
.filae-guide-container .guide {
  counter-reset: counter-guide;
}
.filae-guide-container .guide:first-child .guide-img {
  width: auto;
}
.filae-guide-container .guide-item-container {
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .filae-guide-container .guide-item-container {
    padding-right: 15px !important;
    margin-bottom: 30px;
  }
}
.filae-guide-container .guide-item:before {
  counter-increment: counter-guide;
  content: counter(counter-guide) ".";
  color: #445599;
  font-size: 32px;
  font-weight: 700;
}
.filae-guide-container .guide-img {
  color: #333333;
  height: 145px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (max-width: 768px) {
  .filae-guide-container .guide-img {
    height: auto;
    width: 50%;
    margin: 0 auto;
    display: block;
    padding-top: 20px;
  }
}
.filae-guide-container .guide-content {
  padding-left: 27px;
  margin-top: -27px;
}
@media (max-width: 768px) {
  .filae-guide-container .guide-content {
    text-align: center;
  }
}
.filae-guide-container .guide-content p {
  margin: 0;
  line-height: 24px;
  font-size: 16px;
}
.filae-guide-container .filae-guide-cta {
  margin: 55px auto;
}

.advantages-container {
  background-color: rgba(54, 62, 99, 0.0784313725);
  text-align: center;
}
.advantages-container .subtitle-section {
  font-size: 40px;
  margin: 55px auto;
}
.advantages-container .bloc-advantage {
  margin-bottom: 50px;
}
.advantages-container .bloc-advantage h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #2B2550;
  margin-bottom: 5px;
}
.advantages-container .bloc-advantage .text {
  font-size: 16px;
  line-height: 24px;
  color: rgba(70, 85, 105, 0.9568627451);
}
.advantages-container .img-advantage-container {
  height: 144px;
  position: relative;
  display: table;
  width: 100%;
}
.advantages-container .img-advantage-container .img-advantage {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.advantages-container .img-advantage-container .img-advantage.small img {
  max-width: 165px;
}
.advantages-container .img-advantage-container .img-advantage .map {
  height: 88px;
  width: 88px;
}
.advantages-container .img-advantage-container .img-advantage img {
  display: block;
  width: 80%;
  margin: 0 auto;
  max-width: 180px;
}
.advantages-container .img-advantage-container .label-guide {
  display: table;
  width: 168px;
  height: 48px;
  margin: 0 auto;
  font-weight: 700;
  background-color: #fff;
  padding: 0 15px;
  font-size: 18px;
  border-radius: 4px;
  border: 1px solid #ff5555;
}
.advantages-container .img-advantage-container .label-guide i, .advantages-container .img-advantage-container .label-guide .label-name {
  display: table-cell;
  vertical-align: middle;
}
.advantages-container .img-advantage-container i {
  color: #ff5555;
  font-size: 32px;
}
.advantages-container .img-advantage-container.card img {
  display: block;
  width: 56px;
  height: 56px;
  border: 3px solid #66cccc;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.advantages-container .img-advantage-container .card-container {
  position: relative;
  border: 1px solid #dad9d4;
  background-color: #fff;
  border-radius: 4px;
  width: 80px;
  height: 128px;
  display: block;
  margin: 0 auto;
}
.advantages-container .img-advantage-container .card-container i {
  font-size: 28px;
  position: absolute;
  left: -14px;
  top: -10px;
}
.advantages-container .img-advantage-container .card-container p {
  font-size: 10px;
  line-height: 13px;
  color: #303f4c;
  text-align: center;
}
.advantages-container .img-advantage-container .icon-hint i {
  font-size: 80px;
}
.advantages-container .advantages-picto {
  height: 72px;
  width: 72px;
  display: block;
  margin: 0 auto;
}
.advantages-container .advantages-picto.doc {
  width: 64px;
  height: 64px;
}
.advantages-container .advantages-picto.tree {
  height: 69px;
  width: auto;
}
.advantages-container .jam {
  color: #ff5555;
  font-size: 60px;
  position: relative;
}

@media (max-width: 767px) {
  .mobile-none {
    display: none;
  }
}
.promo {
  min-height: 60px;
  background-color: #ffcc33;
}
.promo .promo-container {
  min-height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.promo .promo-title {
  color: #2B2550;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 480px) {
  .promo .promo-title {
    font-size: 20px;
  }
}
.promo:hover .promo-title {
  text-decoration: underline;
}

.link-bandeau + .home-full .home-intro {
  padding-top: 100px;
}
.link-bandeau .offer-yellow-bg {
  float: inherit;
  margin: 0 auto;
  display: block;
  max-width: 430px;
}
.link-bandeau + input + input + .paywall-offre {
  margin-top: 20px;
}
.link-bandeau + input + input + .footer-btn-paywall + .paywall-offre {
  margin-top: 20px;
}

/* BANDEAU Annonce */
/* Bandeau publicitaire : promo, bases gratuites ...  */
.banner_advert {
  background-color: #363066;
  display: block;
  height: 110px;
}
.banner_advert.banner_advert-promo .btn-action-container {
  text-align: right;
}
.banner_advert.banner_advert-promo .btn-action {
  margin: 38px 0;
  width: 130px;
  white-space: nowrap;
}
.banner_advert.banner_advert-promo.promo-light h1 {
  color: #fff;
  font-size: 21px;
  margin: 28px 0 0 0;
  text-align: center;
  display: inline-block;
  line-height: normal;
  width: 100%;
}
.banner_advert.banner_advert-promo.promo-light h1 span {
  display: block;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-light .illustration-1 {
  background-image: url(/v4/genealogie/Content/img/home/portable-viewer-2017-bandeau-annonce-7j.png);
  background-position: 0px 0;
  background-repeat: no-repeat;
  width: 163px;
  top: 23px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-light .illustration-1 img {
  margin-top: 32px;
}
.banner_advert.banner_advert-promo.promo-bandeau {
  height: 120px;
  /*
      Desactivate br for now
      He is activate in offer-yellow-bg div on < 992px screen size
  */
}
.banner_advert.banner_advert-promo.promo-bandeau .illustration-1 img {
  position: absolute;
  width: 97px;
  top: 0;
  height: auto;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.promo-bandeau br {
  display: none;
}
.banner_advert.banner_advert-promo.promo-bandeau .offer-box-round {
  display: table;
  height: 80px;
  width: 80px;
  margin: 20px 0 20px 83px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-bandeau .offer-box-round span {
  display: table-cell;
  vertical-align: middle;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-weight: 600;
  font-size: 13px;
  border-radius: 50%;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text {
  display: table;
  width: 100%;
  height: 120px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text div:first-child {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  padding: 0 15px;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text div:first-child h2 {
  color: #fff;
  margin-top: 0;
  font-size: 2.2rem;
  font-weight: 600;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text div:first-child .offer-yellow-bg {
  display: inline-block;
  margin: 0 auto;
  width: auto;
  padding: 5px 15px;
}
.banner_advert.banner_advert-promo.promo-guide {
  background: #eff0f3;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-guide .offer-box-round {
  display: table;
  height: 95px;
  width: 95px;
  margin: 12px 0 0 116px;
  border: 2px solid #00a3b7;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #00a3b7;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-guide .offer-box-round span {
  display: table-cell;
  vertical-align: middle;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-weight: 600;
  font-size: 17px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text {
  margin: 9px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text h2 {
  color: #2B2550;
  font-size: 27px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text h5 {
  color: #2B2550;
  font-size: 27px;
  font-weight: bold;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text .btn-action {
  margin: 8px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-guide .badge-edition {
  color: #fff;
  background: #00a3b7;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  font-size: 13px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  padding: 5px 11px 6px 11px;
  position: absolute;
  right: 23px;
  top: 35px;
}
.banner_advert.banner_advert-promo.promo-guide .badge-edition sup {
  font-size: 9px;
}
.banner_advert.banner_advert-promo.promo-guide .badge-edition span {
  display: block;
}
.banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
  height: 150px;
  float: right;
  margin-right: 50px;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star {
  display: block;
  color: #ff5555;
  width: 0px;
  height: 0px;
  border-right: 12px solid transparent;
  border-bottom: 10px solid #ff5555;
  border-left: 11px solid transparent;
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star:before {
  border-bottom: 9px solid #ff5555;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -5px;
  left: -9px;
  display: block;
  content: "";
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star:after {
  position: absolute;
  display: block;
  color: #ff5555;
  top: 1px;
  left: -13px;
  width: 0px;
  height: 0px;
  border-right: 12px solid transparent;
  border-bottom: 9px solid #ff5555;
  border-left: 11px solid transparent;
  -moz-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -webkit-transform: rotate(-70deg);
  transform: rotate(-70deg);
  content: "";
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.one {
  top: 32px;
  left: 89px;
  transform: rotate(98deg);
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
  top: 64px;
  left: 56px;
  transform: rotate(98deg);
  border-right: 16px solid transparent;
  border-bottom: 14px solid #ff5555;
  border-left: 15px solid transparent;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two:before, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four:before {
  border-bottom: 12px solid #ff5555;
  border-left: 6px solid transparent;
  border-right: 7px solid transparent;
  top: -6px;
  left: -12px;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two:after, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four:after {
  top: 0px;
  left: -16px;
  border-right: 16px solid transparent;
  border-bottom: 14px solid #ff5555;
  border-left: 15px solid transparent;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.three {
  top: 47px;
  left: 62px;
  transform: rotate(98deg);
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
  display: none;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 {
  background-image: url(/v4/genealogie/Content/img/banner/icon-gift-livre-noel-18.png);
  background-position: 8px 76px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
}
.banner_advert.banner_advert-promo.promo-blackfriday {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-blackfriday:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side {
  width: 43%;
  background: #000000;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container {
  float: right;
  width: -moz-calc(0.43 * 1170px);
  width: -webkit-calc(0.43 * 1170px);
  width: calc(0.43 * 1170px);
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .illustration-1 img {
  height: 150px;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
  color: #fff;
  font-size: 44px;
  line-height: 40px;
  margin-left: 20px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 span {
  display: block;
  font-weight: bold;
  margin-left: 33px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .triangle-banner {
  width: 20px;
  position: absolute;
  right: -69px;
  top: 0;
  border-bottom: 120px solid #000000;
  border-right: 69px solid transparent;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
  background: #ff5555;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  right: -69px;
  top: 25px;
  z-index: 1;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:before {
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:after {
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 37px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side {
  background: #cfcfcf;
  width: 57%;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-container {
  width: -moz-calc(0.57 * 1170px);
  width: -webkit-calc(0.57 * 1170px);
  width: calc(0.57 * 1170px);
  float: left;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
  width: 80%;
  margin-left: 30px;
  text-align: center;
  margin-top: 13px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 {
  color: #333333;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 span {
  display: block;
  font-size: 23px;
  font-weight: inherit;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend {
  margin-top: 9px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 {
  font-size: 24px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 span {
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend p {
  font-size: 12px;
  margin: 0;
  color: #333333;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text .btn-action {
  margin: 5px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 img {
  margin-top: -30px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 {
  position: relative;
  height: 120px;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019::before, .banner_advert.banner_advert-promo.promo-blackfriday--2019::after {
  display: block;
  position: absolute;
  content: "";
  width: 50%;
  height: 120px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  z-index: -1;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019::before {
  left: 0;
  background-color: #000;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019::after {
  right: 0;
  background-color: #cfcfcf;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner {
  margin-right: -50px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side--left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #000;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side--right {
  background-color: #cfcfcf;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title {
  color: #fff;
  font-size: 44px;
  line-height: 40px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title span {
  display: block;
  font-weight: bold;
  margin-left: 33px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target {
  font-weight: bold;
  color: #ff5555;
  font-size: 30px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__btn.btn-action {
  margin: 0;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__row--cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 5px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
  background: #ff5555;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  right: -10px;
  top: 50%;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-transform: translateY(-50%) rotate(-11deg);
  -ms-transform: translateY(-50%) rotate(-11deg);
  -webkit-transform: translateY(-50%) rotate(-11deg);
  transform: translateY(-50%) rotate(-11deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price .macaron-dent__currency {
  margin-left: 5px;
  margin-top: 6px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old {
  color: #dddddd;
  font-size: 24px;
  opacity: 50%;
  position: relative;
  top: 21%;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old .macaron-dent__currency {
  font-size: 16px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old::before {
  display: block;
  position: absolute;
  content: "";
  width: 46px;
  height: 2px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #dddddd;
  top: 50%;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new {
  color: #fff;
  font-size: 32px;
  top: 63%;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new .macaron-dent__currency {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .triangle-banner {
  position: absolute;
  right: 0;
  top: 0;
  border-top: 120px solid #cfcfcf;
  border-left: 50px solid transparent;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-coffret {
  height: 135px;
  display: block;
  margin-top: 5px;
  margin-left: 42px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-2 {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-2 img {
  margin-top: -30px;
  margin-right: 45px;
}
.banner_advert.banner_advert-promo.promo-noel2018 {
  height: 206px;
  background-color: #90b8a8;
}
.banner_advert.banner_advert-promo.promo-noel2018 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left:after {
  display: bloc;
  content: "";
  clear: left;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 {
  float: left;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
  height: 229px;
  margin-top: 8px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
  font-family: "Cookie", cursive;
  font-size: 64px;
  color: #fff;
  margin: 54px 0 0 16px;
  line-height: 50px;
  float: left;
  width: 56%;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
  font-family: "Lato", sans-serif;
  color: #c63618;
  text-transform: uppercase;
  font-size: 39px;
  margin-left: 75px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
  display: none;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 {
  overflow: hidden;
  height: 206px;
  position: absolute;
  left: 52%;
  transform: translateX(-50%);
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 img {
  margin-top: -86px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right {
  margin: 33px 0 0 142px;
  text-align: center;
  width: 58%;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right h5 {
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding: 0 8px 4px 8px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 {
  font-size: 33px;
  color: #005e47;
  font-weight: bold;
  margin: 10px 0 10px 0;
  line-height: 31px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 span {
  font-size: 23px;
  display: block;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right .btn-action {
  margin: 0;
  background-color: #c63618 !important;
  border-color: #c63618;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 {
  overflow: hidden;
  height: 206px;
  position: absolute;
  right: 0;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 img {
  margin-top: 35px;
  height: 190px;
}
.banner_advert.banner_advert-promo.promo-noel2019 {
  background-color: #3c954d;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .illustration-coffret {
  display: block;
  height: 135px;
  margin-left: 40px;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .btn-action {
  margin: 0;
  width: 120px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
  color: #fff;
  font-family: "Cookie", cursive;
  font-size: 48px;
  margin: 0 0 0 20px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title span {
  color: #ffcc55;
  display: block;
  font-size: 28px;
  font-family: "Lato", sans-serif;
  margin: 8px 0 0 40px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
  margin-right: 16px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-title {
  border-bottom: 1px solid #ffcc55;
  color: #ffcc55;
  display: inline-block;
  font-size: 15px;
  margin: 0;
  padding: 0 5px 1px 5px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text {
  color: #fff;
  font-size: 22px;
  margin: 6px 0 8px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span {
  display: block;
  font-size: 14px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration {
  position: absolute;
  bottom: 0;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--left {
  left: 0;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--right {
  right: 0;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.banner_advert.banner_advert-promo.promo-fin2018 {
  height: 223px;
  background-color: #333333;
}
.banner_advert.banner_advert-promo.promo-fin2018 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fin2018 .illustration-1 img {
  height: 229px;
  margin-top: 30px;
}
.banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
  position: absolute;
  left: 211px;
}
.banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-2 {
  position: absolute;
  right: 0;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text {
  background: #fff;
  text-align: center;
  width: 76%;
  position: relative;
  border: 2px solid #d6b47b;
  z-index: 3;
  margin: 8px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text:after {
  content: "";
  display: block;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  background: #fff;
  border: 2px solid #d6b47b;
  position: absolute;
  z-index: -3;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
  font-family: "Cookie", cursive;
  font-size: 66px;
  color: #d6b47b;
  line-height: 50px;
  margin: 20px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
  font-family: "Lato", sans-serif;
  color: #ff5555;
  font-size: 44px;
  margin-left: 10px;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
  font-size: 32px;
  margin: 10px 0 0 0;
  font-weight: bold;
  color: #333333;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text p {
  font-size: 22px;
  margin: -4px 0 0 0;
  color: #333333;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text .btn-action {
  margin: 5px 0 20px 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 {
  height: 160px;
  background-color: #4abfaf;
}
.banner_advert.banner_advert-promo.promo-fin2019 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
  margin: 20px 0 0 65px;
  z-index: 1;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
  position: absolute;
  left: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-2 {
  position: absolute;
  right: 0;
  top: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
  margin: 5px 0 20px 0;
  position: absolute;
  right: 38px;
  top: 66px;
  z-index: 1;
  padding: 8px 19px;
  font-size: 20px;
  width: auto;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 {
  margin: 13px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon {
  background: #38867d;
  position: relative;
  height: 50px;
  width: 480px;
  margin: 0 25px;
  text-align: center;
  padding: 6px 0 0 0;
  display: inline-block;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:before, .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  border-style: solid;
  border-color: #38867d transparent #38867d transparent;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:before {
  left: -16px;
  border-width: 25px 0px 25px 16px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:after {
  right: -16px;
  border-width: 25px 16px 25px 0px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon h1 {
  font-size: 33px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p {
  font-size: 27px;
  color: #1e4c47;
  display: inline-block;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
  background: #eff20e;
  padding: 0 3px;
  font-size: 22px;
  margin: 10px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 {
  margin: 7px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1 {
  font-size: 33px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  display: inline-block;
  text-align: right;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1:after {
  content: "";
  display: block;
  right: -12px;
  top: 0;
  background: #fff;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre {
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p {
  font-size: 30px;
  color: #1e4c47;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p span {
  font-size: 24px;
  color: #fff;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 {
  background-color: #127f6a;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text {
  background: #333333;
  border: 3px solid #d6b47b;
  height: 110px;
  position: relative;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
  font-family: "Cookie", cursive;
  font-size: 46px;
  color: #fff;
  margin-left: 4.5rem;
  text-align: left;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 span {
  font-family: "Lato", sans-serif;
  color: #ff5555;
  font-size: 44px;
  margin-left: 10px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h1 {
  font-size: 14px;
  margin: 10px 0 5px 0;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p {
  font-size: 20px;
  margin: -4px 0 0 0;
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p span {
  font-weight: bold;
  color: #d6b47b;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .btn-action {
  margin: 5px 0 15px 0;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 3;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left {
  -moz-transform: translate(-80%, -44%);
  -ms-transform: translate(-80%, -44%);
  -webkit-transform: translate(-80%, -44%);
  transform: translate(-80%, -44%);
  left: 0;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left img {
  height: 115px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
  -moz-transform: translate(120%, -50%);
  -ms-transform: translate(120%, -50%);
  -webkit-transform: translate(120%, -50%);
  transform: translate(120%, -50%);
  right: 0;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right img {
  height: 95px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .row--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent {
  background: #ff5555;
  width: 60px;
  height: 60px;
  text-align: center;
  position: absolute;
  right: -45px;
  top: 50%;
  z-index: 1;
  -moz-transform: rotate(-11deg) translateY(-56%);
  -ms-transform: rotate(-11deg) translateY(-56%);
  -webkit-transform: rotate(-11deg) translateY(-56%);
  transform: rotate(-11deg) translateY(-56%);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 60px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-premium-2019 {
  background-color: #445599;
  color: #fff;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .container {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles.jpg);
  background-position: 90% 5%;
  background-size: 16%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h2,
.banner_advert.banner_advert-promo.promo-premium-2019 h5 {
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h2 {
  font-family: "Cookie", cursive;
  font-size: 48px;
  margin-top: 6px;
  margin-bottom: 0;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h5 {
  font-size: 28px;
  font-weight: bold;
  margin-top: 8px;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h5 span {
  color: #deb683;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--left, .banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
  height: 110px;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--left {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles2.jpg);
  background-position: 12% -25%;
  background-size: 30%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--right .btn-action {
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle {
  width: 18rem;
  height: 18rem;
  -moz-transform: translateY(-50%) rotate(-20deg);
  -ms-transform: translateY(-50%) rotate(-20deg);
  -webkit-transform: translateY(-50%) rotate(-20deg);
  transform: translateY(-50%) rotate(-20deg);
  position: absolute;
  right: 0;
  top: 50%;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle, .banner_advert.banner_advert-promo.promo-premium-2019 .circle::before {
  background-color: #fff;
  border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle::before, .banner_advert.banner_advert-promo.promo-premium-2019 .circle::after {
  display: block;
  position: absolute;
  content: "";
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle::before {
  width: calc(100% - 2.25rem);
  height: calc(100% - 2.25rem);
  border: 5px solid #deb683;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle::after {
  width: 18rem;
  height: 18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  content: "- 20%";
  color: #445599;
  font-size: 50px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 {
  background-color: #11a88b;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 h5 span {
  color: #ebb46e;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .container {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles-v2.jpg);
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .area--left {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles2-v2.jpg);
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .circle::before {
  border-color: #11a88b;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .circle::after {
  color: #ff5555;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 {
  height: 206px;
  background-color: #2a3844;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .illustration-1 {
  overflow: hidden;
  height: 206px;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .illustration-1 img {
  margin-top: -41px;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text {
  text-align: center;
  margin: 0 60px 0 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
  color: #fff;
  font-size: 43px;
  margin: 20px 0 3px 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
  color: #fff;
  font-size: 35px;
  margin: 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 span {
  font-family: "Cookie", cursive;
  color: #d7c152;
  font-size: 52px;
  margin: 0 12px 0 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
  background: #d70042 !important;
  width: auto;
  border: 1px solid #d70042;
  margin: 15px 0 0 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
  position: absolute;
  right: 0;
  bottom: -21px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 {
  height: 120px;
  background-color: #fff;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box:after {
  display: block;
  content: "";
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box img {
  height: 150px;
  margin-top: 5px;
  float: left;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
  float: right;
  margin-top: 14px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
  font-family: "Rouge Script", cursive;
  color: #47566a;
  font-size: 75px;
  margin: 0;
  line-height: 63px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
  font-size: 25px;
  color: #18d7b2;
  text-align: right;
  line-height: 22px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
  background: #18d7b2;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  left: 100px;
  top: 25px;
  z-index: 2;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #18d7b2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:before {
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:after {
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 37px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
  position: absolute;
  top: 0px;
  left: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
  border: 4px solid #fed6d7;
  background: #fff;
  padding: 11px 30px;
  margin-top: 5px;
  height: 110px;
  text-align: center;
  z-index: 1;
  position: absolute;
  right: 75px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h2 {
  font-size: 18px;
  text-transform: uppercase;
  color: #333333;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h4 {
  font-size: 21px;
  color: #333333;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h4 span {
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text .btn {
  margin: 0;
  margin: 8px 0 0 0;
  padding: 4px 14px;
  width: auto;
}
.banner_advert.banner_advert-promo.happy_days {
  height: 120px;
  background-color: #163c8a;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-logo {
  position: absolute;
  top: 0;
  height: 120px;
  overflow: hidden;
  z-index: 1;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-logo img {
  margin-top: -24px;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
}
.banner_advert.banner_advert-promo.happy_days .happy_day-logo + img {
  position: absolute;
  left: 158px;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-text {
  position: absolute;
  z-index: 2;
  left: 37%;
  margin-top: 16px;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-text h1 {
  background: #fff;
  margin: 0;
  color: #163c8a;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  padding: 8px 15px;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
  background: #fff;
  color: #ff5555;
  margin: 0;
  font-size: 23px;
  font-weight: bold;
  padding: 5px 15px;
  margin-left: 15px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.happy_days .btn-action {
  font-size: 18px !important;
  padding: 11px 30px;
  font-weight: bold;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-fetepere19 {
  height: 120px;
  background-color: #61bbc3;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box:after {
  display: block;
  content: "";
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
  height: 150px;
  margin-top: 5px;
  float: left;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
  float: left;
  margin-top: 10px;
  margin-left: 40px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text h3 {
  font-family: "Norican", cursive;
  color: #fff;
  font-size: 41px;
  margin: 0;
  line-height: 63px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p {
  font-size: 25px;
  color: #fff;
  text-align: right;
  line-height: 22px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p span {
  display: none;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
  background: #262d35;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  right: 170px;
  top: 25px;
  z-index: 2;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #262d35;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:before {
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:after {
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 37px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
  position: absolute;
  top: -40px;
  right: -12px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
  height: 200px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .illustration-2 {
  position: absolute;
  bottom: 0px;
  right: 15px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
  margin-top: 20px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 5px 0;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 {
  font-size: 21px;
  color: #fff;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 span {
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text .btn {
  margin: 0;
  margin: 8px 0 0 0;
  padding: 4px 14px;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-salon2020 {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-salon2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side {
  width: 55%;
  background: #1637b3;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
  width: -moz-calc(0.55 * 1170px);
  width: -webkit-calc(0.55 * 1170px);
  width: calc(0.55 * 1170px);
  float: right;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 img {
  margin: 4px 0 0 35px;
  height: 110px;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
  margin: 22px 0 0 16px;
  color: #fff;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #d8ce29;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container {
  width: 120px;
  height: 120px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: -58px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container .circle {
  width: 200px;
  height: 200px;
  background: #1637b3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -64px;
  position: absolute;
  right: 12px;
  border: 5px solid #d8ce29;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side {
  background: #ffffff;
  width: 45%;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
  width: -moz-calc(0.45 * 1170px);
  width: -webkit-calc(0.45 * 1170px);
  width: calc(0.45 * 1170px);
  float: left;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text {
  margin: 9px 0 0 28px;
  text-align: center;
  width: 95%;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text h1 {
  font-size: 40px;
  color: #1637b3;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
  margin: 0 0 -5px 0;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p {
  font-size: 20px;
  color: #ff5555;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
  background: #e6dc31;
  padding: 0 4px;
  font-size: 19px;
  margin: -2px 0 2px 0;
  color: #333333;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .btn-action {
  margin: 39px 0 0 0;
  font-size: 20px;
  width: auto;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 {
  height: 120px;
  background-color: #f5f7f6;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-printemps-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-printemps2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .promo-printemps2020-block {
  background-color: #fff;
  margin: 10px 0;
}
.banner_advert.banner_advert-promo.promo-printemps2020 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: bold;
  color: #77844e;
  margin: 14px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text {
  margin: 16px 0 0 16px;
  color: #ff5555;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #fff000;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.news_data_filae {
  height: 120px;
  background-color: #3cfad9;
  position: relative;
}
.banner_advert.banner_advert-promo.news_data_filae:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.news_data_filae .back-color {
  background-image: url(/v4/genealogie/Content/img/banner/illu-new-data-bg-rec.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  opacity: 0.3;
  height: 120px;
  position: absolute;
  top: 0;
  width: 100%;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block {
  background: #fff;
  position: relative;
  height: 100px;
  margin-top: 11px;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue {
  background-color: #2B2550;
  height: 100%;
  text-align: center;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
  margin-top: 11px;
  width: 98%;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background-color: #2B2550;
  padding: 13px 0 13px 15px;
  margin: 0;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
  text-align: left;
  font-size: 29px;
  font-weight: bold;
  color: #ff5555;
  padding: 1px 0 6px 15px;
  margin: 0;
}
.banner_advert.banner_advert-promo.news_data_filae .block-btn {
  text-align: center;
}
.banner_advert.banner_advert-promo.news_data_filae .block-btn .btn-action {
  font-size: 22px;
  width: 145px;
  margin: 27px 0;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine {
  height: 50px;
  background-color: #3cfad9;
  position: relative;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block {
  background: #fff;
  position: relative;
  height: 40px;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #2B2550;
  margin: 6px 0 0 26px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
  font-size: 23px;
  font-weight: bold;
  color: #ff5555;
  margin: 0 0 0 6px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side {
  width: 40%;
  background: #5dc9ab;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .green_side-container {
  float: right;
  width: -moz-calc(0.35 * 1170px);
  width: -webkit-calc(0.35 * 1170px);
  width: calc(0.35 * 1170px);
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side img {
  height: 112px;
  margin-top: 4px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  margin-left: 20px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .triangle-banner {
  width: 20px;
  position: absolute;
  right: -55px;
  top: 0;
  border-bottom: 120px solid #5dc9ab;
  border-right: 55px solid transparent;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
  background: #fff;
  width: 60%;
  height: 100%;
  float: left;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-spe-avril-bg-2020.jpg);
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-container {
  width: -moz-calc(0.60 * 1170px);
  width: -webkit-calc(0.60 * 1170px);
  width: calc(0.60 * 1170px);
  float: left;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
  width: 80%;
  margin-left: 61px;
  text-align: center;
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 8px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text h1 {
  color: #3c9179;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  line-height: 28px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin: 0;
  line-height: 24px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span:nth-child(0n+1) {
  font-size: 35px;
  margin-right: 5px;
  margin-left: 0;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
  font-size: 18px;
  color: #ff5555;
  margin-left: 5px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .btn-action {
  margin: 42px 0 0 0;
}
.banner_advert.banner_advert-promo.donation-covid19 {
  height: 120px;
  background-color: #09bfd8;
  background-image: url(/v4/genealogie/Content/img/banner/illu-donation-COVID19-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.donation-covid19:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.donation-covid19 .donation-covid19-block {
  background-color: #fff;
  margin: 2px 0;
  border: 2px solid #fda003;
}
.banner_advert.banner_advert-promo.donation-covid19 img {
  height: 56px;
  margin: 31px 0 5px 15px;
}
.banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block {
  text-align: center;
}
.banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation {
  margin: 29px 0;
  background-color: #fda003;
  color: #513402;
  display: inline-block;
  padding: 6px 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  width: 164px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation.plus {
  margin: 39px 0;
}
.banner_advert.banner_advert-promo.donation-covid19 .block-text {
  margin: 13px 0 0 0;
  text-align: center;
}
.banner_advert.banner_advert-promo.donation-covid19 .block-text h1 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #0249a7;
}
.banner_advert.banner_advert-promo.donation-covid19 .block-text p {
  font-size: 20px;
  margin: 0 0 0 29px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  background-color: #ff5555;
  padding: 3px 14px;
  text-align: center;
  display: inline;
}
.banner_advert.banner_advert-promo.promo-fetemere20 {
  height: 120px;
  background-color: #b6c5c7;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdm1-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere20:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .promo-fetemere20-block {
  background-color: #629ea7;
  border: 2px solid #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-fetemere20 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .color-block {
  background-color: #fadddc;
  height: 99.5px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 {
  text-align: center;
  font-size: 43px;
  font-weight: bold;
  color: #3b656b;
  margin: 11px 0 0 0;
  font-family: "Rouge Script", cursive;
  line-height: 42px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 span {
  font-size: 49px;
  display: block;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text {
  margin: 16px 0 0 31px;
  color: #fff;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #fbe981;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .illu-fleur img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  right: -111px;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere20 {
  height: 120px;
  background-color: #bbdeec;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdp2-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: repeat;
}
.banner_advert.banner_advert-promo.promo-fetepere20:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .promo-fetepere20-block {
  background-color: #fff;
  margin: 10px 0;
}
.banner_advert.banner_advert-promo.promo-fetepere20 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 h1 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #2e6174;
  margin: 14px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 h1 span {
  display: block;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text {
  margin: 16px 0 0 16px;
  color: #10303c;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #f1ce31;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle.left img {
  left: -86px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle.right img {
  right: -83px;
}
.banner_advert.banner_advert-promo.promo-ete2020 {
  height: 120px;
  background-color: #2da1c1;
  background-image: url(/v4/genealogie/Content/img/banner/illu-ete1-bg-2020.jpg);
  background-position: -67px 0;
  background-repeat: no-repeat;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-ete2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-ete2020 .promo-ete2020-block {
  background-color: #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-ete2020 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-ete2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: bold;
  color: #ed7731;
  margin: 31px 14px;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text {
  margin: 16px 0 0 16px;
  color: #197892;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #fddba7;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-ete2020 .illu-ete {
  position: absolute;
  top: 25px;
  right: 3%;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 {
  height: 120px;
  background-color: #224a6d;
  background-image: url(/v4/genealogie/Content/img/banner/illu-salon-virtuel-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .promo-salonvirtuel2020-block {
  background-color: #fff;
  position: relative;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 img {
  height: 90px;
  margin: -22px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .btn-action {
  margin: 12px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
  color: #222255;
  margin: 5px 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .reduction {
  text-align: right;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction {
  color: #ff5555;
  display: inline-block;
  position: inherit;
  z-index: 2;
  text-align: center;
  margin: 6px 15px 0 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p {
  font-size: 51px;
  font-weight: bold;
  line-height: 43px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p span {
  font-size: 26px;
  vertical-align: top;
  line-height: 26px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p + p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text {
  margin: 5px 0 0 0;
  color: #ff5555;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #d8ce29;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p {
  font-size: 25px;
  margin: 0 0 0 29px;
  line-height: 28px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p span {
  font-size: 20px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-rentree2020 {
  height: 120px;
  background-color: #bbdeec;
  background-image: url(/v4/genealogie/Content/img/banner/illu-rentree-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: repeat;
}
.banner_advert.banner_advert-promo.promo-rentree2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .promo-rentree2020-block {
  background-color: #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-rentree2020 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  color: #fa7500;
  margin: 15px 14px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text {
  margin: 16px 0 0 45px;
  color: #429474;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #ffce00;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-one {
  position: absolute;
  top: 66px;
  left: 190px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-one img {
  height: auto;
  width: auto;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two {
  position: absolute;
  top: -24px;
  left: 12px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two img {
  height: auto;
  width: auto;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-three {
  overflow: hidden;
  height: 120px;
  position: absolute;
  right: -3%;
  top: 50px;
  transform: translateX(-50%);
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-three img {
  height: auto;
  width: auto;
  margin: -45px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #000;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title {
  color: #fff;
  font-size: 44px;
  line-height: 40px;
  margin-top: 15px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .one {
  display: block;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .two {
  display: inline-block;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .reduce {
  background-color: #ff5555;
  display: inline-block;
  padding: 0 5px;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .reduce span {
  font-size: 25px;
  font-weight: normal;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .price_mobile {
  display: none;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
  background: #ff5555;
  width: 78px;
  height: 78px;
  text-align: center;
  position: absolute;
  right: 82px;
  top: 53%;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 78px;
  width: 78px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .old {
  color: #ffffff;
  font-size: 13px;
  position: relative;
  top: -27%;
  z-index: 100;
  line-height: 13px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .new {
  color: #fff;
  font-size: 48px;
  top: -11%;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .new span {
  font-size: 22px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .target {
  font-weight: bold;
  color: #ff5555;
  font-size: 30px;
  margin: 12px 0 5px 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .date {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .fin {
  font-size: 15px;
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .fin.relance {
  background-color: #ecef11;
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .btn-action {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 21px;
  width: auto;
  padding: 8px 20px;
}
.banner_advert.banner_advert-promo.promo-noel20 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #3b4364;
}
.banner_advert.banner_advert-promo.promo-noel20:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-noel20 .promo-noel20-block {
  background-color: #fff;
  margin: 10px 0;
  border: 2px solid #a07502;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-noel20 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-noel20 .btn-action {
  margin: 26px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #c62317 !important;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 {
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  color: #c62317;
  font-family: "Great Vibes", cursive;
  margin: 17px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 span:nth-child(1) {
  margin: 0 12px 0 0;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 span:nth-child(2) {
  margin: 0 12px 0 0;
  font-size: 33px;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 span:nth-child(3) {
  margin: 0 0 0 0;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text {
  margin: 16px 0 0 35px;
  color: #a07502;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #a07502;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-noel20 .illu-noel img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-noel20 .illu-noel.left img {
  left: 0;
}
.banner_advert.banner_advert-promo.promo-noel20 .illu-noel.right img {
  right: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere21 {
  height: 120px;
  background-color: #06b291;
}
.banner_advert.banner_advert-promo.promo-fetemere21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .promo-fetemere21-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 img {
  height: 122px;
  margin-top: 5px;
  position: absolute;
  left: 40px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
  background: #ff5555;
  width: 75px;
  height: 75px;
  text-align: center;
  position: absolute;
  right: 4px;
  top: 42px;
  z-index: 2;
  border: 2px solid #fff;
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .macaron span {
  z-index: 1;
  color: #fff;
  font-size: 34px;
  position: absolute;
  left: 2px;
  top: 10px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .macaron span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
  margin: 30px;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #06b291;
  margin: 15px 0 0 0;
  line-height: 44px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 span {
  font-size: 46px;
  font-family: "Noto Serif", serif;
  margin-left: 12px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text p {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #ff5555;
  margin: 11px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text p span {
  font-size: 18px;
  margin-left: 12px;
  color: #06b291;
  text-transform: initial;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam1 {
  height: 120px;
  width: 301px;
  margin: 0;
  position: absolute;
  top: 0;
  left: -174px;
  z-index: 0;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdm-bg-2021-1.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam2 {
  height: 120px;
  width: 343px;
  margin: 0;
  position: absolute;
  top: 0;
  right: -171px;
  z-index: 0;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdm-bg-2021-2.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetepere21 {
  height: 120px;
  background-color: #ffffff;
  border-bottom: 1px solid #ff5555;
}
.banner_advert.banner_advert-promo.promo-fetepere21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .promo-fetepere21-block {
  background-color: #222255;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 img {
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
  background: #ff5555;
  width: 87px;
  height: 87px;
  text-align: center;
  position: absolute;
  right: -15px;
  top: 50%;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 87px;
  width: 87px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent .new {
  color: #fff;
  font-size: 49px;
  top: 5px;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -3px;
  left: -12px;
  -moz-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent .new span {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 14px;
  right: -10px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .btn-action + p {
  margin: 0 0 10px;
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  margin: 15px 0 0 0;
  line-height: 44px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 span {
  font-size: 46px;
  font-family: "Limelight", cursive;
  margin-left: 12px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 11px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span {
  color: #ff5555;
  margin-left: 12px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span {
  font-size: 18px;
  margin-left: 12px;
  color: #fff;
  text-transform: initial;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span span {
  font-size: 22px;
  background-color: #e9fe39;
  color: #222255;
  font-weight: bold;
  padding: 0 5px;
}
.banner_advert.banner_advert-promo.promo-fetepere23 {
  background-color: #5271aa !important;
  border-bottom-color: transparent !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .promo-fetepere21-block {
  background-color: transparent !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .btn-action {
  margin: 8px 0 !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent {
  display: none !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .details {
  font-size: calc(11 / var(--baseRem, 10) * 1rem) !important;
  line-height: calc(14 / var(--baseRem, 10) * 1rem) !important;
  padding: 0 calc(16 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-fetepere23 .details,
.banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
  text-transform: unset !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
  font-size: calc(16 / var(--baseRem, 10) * 1rem) !important;
  color: #f9cb5c !important;
}
@media screen and (min-width: 400px) {
  .banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
    font-size: calc(20 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
    font-size: calc(17 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent {
    display: block !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent .new {
    top: 11px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .btn-action {
    margin: 34px 0 0 0 !important;
    padding: 6px 27px !important;
    width: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
    font-size: calc(24 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent {
    right: -38px !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .details {
    margin-top: 16px !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 h1 {
    margin-top: 8px !important;
  }
}
.banner_advert.banner_advert-promo.offre-flash21 {
  height: 120px;
  background-color: #fdf2ea;
  background-image: url(/v4/genealogie/Content/img/banner/illu-flash-bg-2021-2.jpg);
  background-position: -100px 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.offre-flash21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.offre-flash21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-flash21 .promo-offre-flash21-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.offre-flash21 .macaron {
  background: #1f4937;
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  position: absolute;
  left: 28px;
  top: 53px;
  z-index: 1;
  border: 2px solid #ffd800;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.offre-flash21 .macaron .new {
  color: #fff;
  font-size: 46px;
  top: 10px;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -3px;
  left: -8px;
  -moz-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.banner_advert.banner_advert-promo.offre-flash21 .macaron .new span {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 19px;
  right: -1px;
}
.banner_advert.banner_advert-promo.offre-flash21 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.offre-flash21 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
  background: #f8633d;
}
.banner_advert.banner_advert-promo.offre-flash21 .btn-action + p {
  margin: 0 0 10px;
  color: #f8633d;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-flash {
  display: inline-block;
  color: #f8633d;
  font-size: 56px;
  font-family: "Damion", cursive;
  line-height: 45px;
  padding: 9px 0 0 0;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-flash span {
  display: block;
  margin-left: 46px;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo {
  display: inline-block;
  margin-left: 15px;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo:before {
  content: "";
  display: block;
  /* left: 8px; */
  top: 15px;
  background: #ffd800;
  width: 5px;
  height: 82%;
  position: absolute;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
  font-size: 45px;
  font-weight: bold;
  color: #00ae96;
  margin: 0 0 0 18px;
  line-height: 60px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
  font-size: 42px;
  font-weight: bold;
  color: #2c674d;
  margin: 0 0 0 21px;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo p span {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo p span + span {
  background: #ff0756;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  padding: 1px 5px;
}
.banner_advert.banner_advert-promo.promo-ete23 h1 {
  font-family: "Dancing Script", cursive !important;
}
.banner_advert.banner_advert-promo.promo-ete23 h1 {
  margin-bottom: calc(8 / var(--baseRem, 10) * 1rem) !important;
}
.banner_advert.banner_advert-promo.promo-ete23 .prol {
  margin-bottom: 0 !important;
}
.banner_advert.banner_advert-promo.promo-ete23 .block-text {
  margin-top: calc(24 / var(--baseRem, 10) * 1rem) !important;
  font-weight: 700 !important;
}
.banner_advert.banner_advert-promo.promo-ete23 .details {
  font-size: 13px;
}
.banner_advert.banner_advert-promo.promo-ete23:not(.prolongation) h1 {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-ete23:not(.prolongation) h1 {
    margin-top: calc(18 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-ete23:not(.prolongation) h1 {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-ete23 .details {
    margin-left: 29px;
    font-size: 14px;
  }
}
.banner_advert.banner_advert-promo.promo-ete24 .block-text {
  margin-top: calc(16 / var(--baseRem, 10) * 1rem) !important;
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-ete24 .block-text p {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-ete24 .block-text p {
    font-size: 26px !important;
  }
}
.banner_advert.banner_advert-promo.promo-ete21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #f4edd1;
}
.banner_advert.banner_advert-promo.promo-ete21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-ete21 .promo-ete21-block {
  background-color: #fff;
  margin: 10px 0;
  border: 2px solid #89acaa;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-ete21 img {
  height: 113px;
  margin: -8px 0 5px 15px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-ete21 .btn-action {
  margin: 23px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #ff5555 !important;
}
.banner_advert.banner_advert-promo.promo-ete21 .btn-action + span {
  font-size: 15px;
  color: #5f8d8d;
}
.banner_advert.banner_advert-promo.promo-ete21 h1 {
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  color: #436060;
  font-family: "Crete Round", serif;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-ete21 h1 span + span {
  font-family: "Dancing Script", cursive;
  margin-left: 17px;
  letter-spacing: 2px;
}
.banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
  font-size: 20px;
  background: #fdff57;
  padding: 1px 5px;
  font-weight: bold;
  margin: 0 0 0 17px;
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: inherit;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text {
  margin: 16px 0 0 35px;
  color: #5f8d8d;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #ffdc53;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-ete21 .illu-ete21 img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-ete21 .illu-ete21.left img {
  left: 0;
}
.banner_advert.banner_advert-promo.promo-ete21 .illu-ete21.right img {
  right: 0;
}
.banner_advert.banner_advert-promo.promo-aout21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #b9ebe3;
}
.banner_advert.banner_advert-promo.promo-aout21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-aout21 .promo-aout21-block {
  background-color: #fff;
  margin: 10px 0;
  border: 2px solid #ffdc53;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-aout21 img {
  height: 113px;
  margin: -8px 0 5px 15px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-aout21 .btn-action {
  margin: 14px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #ff4e03 !important;
}
.banner_advert.banner_advert-promo.promo-aout21 .btn-action + span {
  font-size: 15px;
  color: #117196;
}
.banner_advert.banner_advert-promo.promo-aout21 h1 {
  text-align: center;
  font-size: 46px;
  color: #269da7;
  font-family: "Satisfy", cursive;
  margin: 20px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-aout21 h1 span + span {
  margin-left: 12px;
  font-size: 55px;
  color: #ff4e03;
}
.banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
  font-size: 20px;
  background: #ffdc53;
  padding: 1px 5px;
  font-weight: bold;
  margin: 0 0 0 17px;
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: inherit;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text {
  margin: 16px 0 0 35px;
  color: #f47744;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #ffdc53;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-aout21 .illu-aout21 img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.left img {
  left: 57px;
  top: 7px;
}
.banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.right img {
  right: 30px;
}
.banner_advert.banner_advert-promo.offre-sept21 {
  height: 120px;
  background-color: #5a585e;
  background-image: url(/v4/genealogie/Content/img/banner/illust-back-sept.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.offre-sept21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.offre-sept21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-sept21 .promo-offre-sept21-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.offre-sept21 .macaron {
  background: #f05701;
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  position: absolute;
  left: 28px;
  top: 53px;
  z-index: 1;
  border: 2px solid #ffe000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.offre-sept21 .macaron .new {
  color: #fff;
  font-size: 46px;
  top: 10px;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -3px;
  left: -8px;
  -moz-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.banner_advert.banner_advert-promo.offre-sept21 .macaron .new span {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 19px;
  right: -1px;
}
.banner_advert.banner_advert-promo.offre-sept21 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.offre-sept21 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
  background: #f05701 !important;
}
.banner_advert.banner_advert-promo.offre-sept21 .btn-action + p {
  margin: 0 0 10px;
  color: #49047a;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-flash {
  display: inline-block;
  color: #f05701;
  font-size: 48px;
  font-family: "Satisfy", cursive;
  line-height: 45px;
  padding: 10px 0 0 55px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-flash span {
  font-size: 35px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
  display: block;
  margin-left: 46px;
  font-size: 48px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo {
  display: inline-block;
  margin-left: 15px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo:before {
  content: "";
  display: block;
  /* left: 8px; */
  top: 15px;
  background: #ffe000;
  width: 5px;
  height: 82%;
  position: absolute;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
  font-size: 45px;
  font-weight: bold;
  color: #49047a;
  margin: 0 0 0 18px;
  line-height: 60px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
  font-size: 42px;
  font-weight: bold;
  color: #680ea7;
  margin: 0 0 0 21px;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo p span {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo p span + span {
  background: #77bc05;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  padding: 1px 5px;
}
.banner_advert.banner_advert-promo.promo-MH21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #fff;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH11.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-MH21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-MH21 .promo-MH21-block {
  background-color: #fff2f0;
  margin: 10px 0;
  border: 2px solid #ff5555;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-MH21 img {
  height: 82px;
  margin: 6px 0 0 34px;
}
.banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
  font-family: "Lobster", cursive;
  color: #fff;
  font-size: 21px;
  line-height: 25px;
  padding: 11px;
  background: #4e3dff;
  width: 78px;
  height: 78px;
  position: absolute;
  text-align: center;
  left: 110px;
  top: 7px;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
.banner_advert.banner_advert-promo.promo-MH21 .btn-action {
  margin: 14px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-MH21 .btn-action + span {
  font-size: 15px;
  color: #363066;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text {
  margin: 5px 0 0 0;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 {
  font-size: 31px;
  color: #ff5555;
  display: inline-block;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre img {
  display: inline-block;
  height: auto;
  vertical-align: top;
  margin: 0 15px 0 15px;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text p {
  font-size: 42px;
  margin: 0 0 0 29px;
  line-height: 34px;
  color: #363066;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text p span {
  font-size: 46px;
  color: #ff5555;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text p span + span {
  font-size: 24px;
  color: #363066;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.promo-MH21-r {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #fff;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH11.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-MH21-r:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-MH21-r .promo-MH21-block {
  background-color: #fff2f0;
  margin: 10px 0;
  border: 2px solid #ff5555;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-MH21-r img {
  height: 82px;
  margin: 6px 0 0 34px;
}
.banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
  font-family: "Lobster", cursive;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  padding: 18px 0;
  background: #ff5555;
  width: 86px;
  height: 86px;
  position: absolute;
  text-align: center;
  left: 110px;
  top: 4px;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
.banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash.last {
  font-size: 23px;
  line-height: 22px;
  padding: 21px 0;
  background: #fffc00;
  color: #363066;
}
.banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text {
  margin: 5px 0 0 0;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 {
  font-size: 42px;
  margin: 0 0 0 29px;
  line-height: 34px;
  color: #363066;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span {
  font-size: 46px;
  color: #ff5555;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span + span {
  font-size: 24px;
  color: #363066;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
  font-size: 31px;
  margin: 0 0 0 29px;
  line-height: 34px;
  color: #363066;
  font-weight: bold;
  background: #fffc00;
  text-transform: uppercase;
  padding: 5px 10px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-BF21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #000000;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-BF21-back1.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.banner_advert.banner_advert-promo.promo-BF21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-BF21 .promo-BF21-block {
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron {
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-BF21-mac.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 119px;
  margin-top: 0 px;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
  font-size: 88px;
  color: #fff;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  padding: 29px 0 0 0;
  line-height: 39px;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
  font-size: 74px;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
  font-size: 47px;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 19px;
  padding: 0px;
}
.banner_advert.banner_advert-promo.promo-BF21 .btn-action {
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: 162px;
  white-space: inherit;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-titre .bf {
  width: 300px;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
  padding: 0 0 0 33px;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p {
  font-size: 33px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p span {
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p + p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-CM21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #002c41;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-CM-back1.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ff5555;
}
.banner_advert.banner_advert-promo.promo-CM21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-CM21 .promo-CM21-block {
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron {
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-CM-mac.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 120px;
  margin-top: 0 px;
  text-align: center;
  border-bottom: 1px solid #ff5555;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
  font-size: 88px;
  color: #fff;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  padding: 29px 0 0 0;
  line-height: 39px;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
  font-size: 74px;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
  font-size: 47px;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 19px;
  padding: 0px;
}
.banner_advert.banner_advert-promo.promo-CM21 .btn-action {
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: 162px;
  white-space: inherit;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-titre .bf {
  width: 280px;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
  padding: 0 0 0 33px;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p {
  font-size: 33px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p span {
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p + p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #3c5160;
  background-image: url(/v4/genealogie/Content/img/banner/illu-noel2021-back1.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ce2759;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .promo-NoelCoffret21-block {
  background-color: #fff;
  margin: 8px 0 0 0;
  position: relative;
  z-index: 1;
  height: 103px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 img {
  height: 130px;
  margin: 5px 0 0 11px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .bg {
  height: 111px;
  margin: 0 0 0 33px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .sm {
  display: none;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
  margin: 7px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: 162px;
  white-space: inherit;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action + p {
  font-size: 14px;
  color: #3c5160;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h1 {
  font-family: "Berkshire Swash", cursive;
  font-size: 45px;
  color: #3c5160;
  margin: 8px 0 0 27px;
  line-height: 45px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 {
  font-family: "Berkshire Swash", cursive;
  font-size: 45px;
  color: #ce2759;
  margin: 0 0 0 135px;
  line-height: 45px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 span {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  line-height: 20px;
  margin: 13px 6px 0 0;
  display: inline-block;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
  text-align: center;
  margin: 14px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
  font-size: 62px;
  font-weight: 900;
  color: #ce2759;
  line-height: 46px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 span {
  font-size: 26px;
  vertical-align: top;
  margin: -10px 0 0 0;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:before, .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:after {
  content: url(/v4/genealogie/Content/img/banner/illu-noel2021-3.gif);
  color: #eab761;
  font-size: 20px;
  position: relative;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  color: #3c5160;
}
.banner_advert.banner_advert-promo.promo-dec21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #82bdc4;
  background-image: url(/v4/genealogie/Content/img/banner/background-findannee21-long-gif.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-dec21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block {
  background-color: #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu {
  position: absolute;
  z-index: 1;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-dec-2021-1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: auto;
  bottom: -21px;
  left: 0;
}
.banner_advert.banner_advert-promo.promo-dec21 .mac {
  height: 113px;
  margin: -7px 0 5px 40px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-dec21 .btn-action {
  margin: 14px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #e1584e !important;
}
.banner_advert.banner_advert-promo.promo-dec21 .btn-action + span {
  font-size: 15px;
  color: #255054;
}
.banner_advert.banner_advert-promo.promo-dec21 h1 {
  text-align: right;
  font-size: 32px;
  line-height: 31px;
  color: #255054;
  font-family: "Raleway", sans-serif;
  margin: 15px -23px 0 0;
  font-weight: bold;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-dec21 h1 span {
  text-align: right;
  font-size: 43px;
  line-height: 43px;
  color: #82bdc4;
  font-family: "Gwendolyn", cursive;
  margin: 0;
  text-transform: initial;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-dec21 h1 span.pro-text {
  font-size: 36px;
}
.banner_advert.banner_advert-promo.promo-dec21 .pro {
  background: #f1ff11;
  color: #255054;
  display: inline-block;
  margin: 6px 0 -18px 77px;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 10px;
}
.banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text {
  margin: 7px 0 0 70px;
}
.banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text p {
  font-size: 24px;
  margin: 0 0 0 29px;
  line-height: 24px;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text {
  margin: 16px 0 0 70px;
  color: #e1584e;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #c42110;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
@media screen and (max-width: 767px) {
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin-top: 8px !important;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 24px !important;
    font-weight: 700;
  }
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin-top: 16px !important;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 26px !important;
  }
}
.banner_advert.banner_advert-promo.offre-fev22 {
  height: 120px;
  background-color: #b9ecef;
  background-image: url(/v4/genealogie/Content/img/banner/background-fev22-long-gif.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.offre-fev22:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.offre-fev22 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-fev22 .promo-offre-fev22-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.offre-fev22 .macaron {
  margin: 8px 0 0 28px;
}
.banner_advert.banner_advert-promo.offre-fev22 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.offre-fev22 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
  background: #840dd7 !important;
  border: 0;
}
.banner_advert.banner_advert-promo.offre-fev22 .btn-action + p {
  margin: 0 0 10px;
  color: #3c878b;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-flash {
  display: inline-block;
  color: #3c878b;
  font-size: 38px;
  line-height: 39px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  margin: 8px 0 0 30px;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-flash span {
  display: block;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo {
  display: inline-block;
  margin-left: 15px;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo:before {
  content: "";
  display: block;
  /* left: 8px; */
  top: 15px;
  background: #b9ecef;
  width: 5px;
  height: 82%;
  position: absolute;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
  font-size: 45px;
  font-weight: bold;
  color: #49047a;
  margin: 0 0 0 18px;
  line-height: 60px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
  font-size: 42px;
  font-weight: bold;
  color: #680ea7;
  margin: 0 0 0 21px;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo p span {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span {
  background: #77bc05;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  padding: 1px 5px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 {
  height: 120px;
  background-color: #4141dc;
}
.banner_advert.banner_advert-promo.promo-premium-2022:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .details {
  margin-top: calc(16 / var(--baseRem, 10) * 1rem);
  margin-bottom: 0;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  color: #fff;
  font-weight: 700;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .prolongation {
  background-color: #f1ff11;
  color: #333;
  padding: 2px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .macaron {
  margin: 7px 0 0 28px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .btn-action {
  font-size: 20px;
  margin: 32px 0 0 0;
  padding: 14px 29px;
  width: auto;
  white-space: normal;
  font-weight: bold;
  background: #fff !important;
  border: 2px solid #4141dc;
  color: #4141dc;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .block-text {
  margin: 6px 0 0 -26px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  line-height: 75px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 {
  font-size: 38px;
  font-weight: bold;
  color: #ececfb;
  margin: 0;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text {
  margin-left: 0;
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2 {
  font-size: calc(40 / var(--baseRem, 10) * 1rem);
  line-height: calc(60 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
  font-size: calc(32 / var(--baseRem, 10) * 1rem);
  line-height: calc(16 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .details {
  margin-top: calc(12 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-premium-2022 .zindex {
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .back-img {
  height: 120px;
  position: absolute;
  right: 0;
  width: 100%;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .back-img:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .left {
  width: 70%;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .right {
  width: 40%;
  float: right;
  background-image: url(/v4/genealogie/Content/img/banner/background-discover-offer-2022-03.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 {
  height: 120px;
  background-color: #fbe6e1;
  background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-1.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere22:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .promo-fetemere22-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 img {
  height: 132px;
  margin-top: -3px;
  position: absolute;
  left: 31px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .macaron {
  background: #e9b867;
  width: 82px;
  height: 82px;
  text-align: center;
  position: absolute;
  right: 4px;
  top: 42px;
  z-index: 2;
  border: 2px solid #fff;
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .macaron span {
  z-index: 1;
  color: #fff;
  font-size: 38px;
  position: absolute;
  left: 2px;
  top: 10px;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .macaron span strong {
  font-weight: 500;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
  margin: 30px;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
  text-align: center;
  font-size: 40px;
  color: #e9a198;
  margin: 10px 0 0 0;
  line-height: 51px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
  font-size: 55px;
  font-family: "Parisienne", cursive;
  margin-left: 18px;
  color: #478393;
  text-transform: none;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
  text-align: center;
  font-size: 28px;
  color: #478393;
  margin: 13px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text p span {
  font-size: 18px;
  margin-left: 12px;
  color: #478393;
  text-transform: initial;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo {
  height: 120px;
  background-color: #fbe6e1;
  background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-1.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .promo-fetemere22-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron {
  background: #e9b867;
  width: 110px;
  height: 110px;
  text-align: center;
  position: absolute;
  left: 21px;
  top: 0;
  z-index: 2;
  border: 2px solid #fff;
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron span {
  z-index: 1;
  color: #fff;
  font-size: 57px;
  position: absolute;
  left: 2px;
  top: 10px;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron span strong {
  font-weight: 500;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .btn-action {
  margin: 30px;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .block-text h1 {
  text-align: center;
  font-size: 52px;
  font-family: "Parisienne", cursive;
  color: #e9a198;
  margin: 10px 0 0 0;
  line-height: 51px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .block-text p {
  text-align: center;
  font-size: 35px;
  color: #478393;
  margin: 20px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h1 {
  margin-top: 6px !important;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h2,
.banner_advert.banner_advert-promo.promo-fetemere23-abo h3 {
  text-align: center;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h2 {
  font-size: calc(23 / var(--baseRem, 10) * 1rem);
  color: #478393;
  margin: 8px 0 0 0;
  line-height: 7px;
  text-transform: unset;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h3 {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  color: #478393;
  margin: 14px 0 0 0;
  line-height: calc(18 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo .details {
  font-size: calc(11 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: calc(108 / var(--baseRem, 10) * 1rem);
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block h1 {
    font-size: calc(40 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block h2 {
    margin-top: 4px;
    font-weight: 700;
    line-height: calc(24 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block .details {
    margin-top: 10px;
  }
}
.banner_advert.banner_advert-promo.promo-MH23 .block-text p,
.banner_advert.banner_advert-promo.promo-MH23 .block-text-titre h1,
.banner_advert.banner_advert-promo.promo-MH23 .promo-MH23__price {
  font-size: 22px !important;
}
.banner_advert.banner_advert-promo.promo-MH23 .details {
  margin-bottom: 0;
  text-align: center;
  color: #363066;
  font-size: 13px;
}
.banner_advert.banner_advert-promo.promo-MH23 .promo-MH21-r .block-text p {
  padding: 0 5px;
}
.banner_advert.banner_advert-promo.promo-MH23 .promo-MH23__label {
  margin-top: var(--marge-top-label, 0) !important;
}
.banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r .promo-MH23__prolongation {
  padding: 1px 5px !important;
  font-size: 20px !important;
}
@media screen and (min-width: 480px) {
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH23 .block-text p,
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH23 .block-text-titre h1,
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH23 .promo-MH23__price {
    font-size: 26px !important;
  }
}
@media screen and (max-width: 767px) {
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r h1 {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-MH23 {
    --marge-top-label: -4px;
  }
  .banner_advert.banner_advert-promo.promo-MH23 .block-text p,
  .banner_advert.banner_advert-promo.promo-MH23 .block-text-titre h1,
  .banner_advert.banner_advert-promo.promo-MH23 .promo-MH23__price {
    font-size: 32px !important;
  }
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r p.promo-MH23__prolongation {
    font-size: 16px !important;
    margin-bottom: 4px;
  }
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r p.promo-MH23__prolongation span {
    display: inline-block !important;
  }
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-MH23 {
    --marge-top-label: -6px;
  }
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r p.promo-MH23__prolongation {
    font-size: 22px !important;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-MH23 {
    --marge-top-label: -8px;
  }
}
.banner_advert.banner_advert-promo.promo-nov23 .btn-action {
  width: initial !important;
}
.banner_advert.banner_advert-promo.promo-nov23 .prolongation {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #e6dc31;
  color: var(--prolongation-clr, #000);
  font-weight: 700;
}
.banner_advert.banner_advert-promo.promo-nov23.promo-CM21 {
  --prolongation-clr: #002c41;
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-promo {
    margin-top: 4px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .prolongation {
    line-height: 28px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .btn-action {
    margin-top: 32px;
  }
}
.banner_advert.banner_advert-freebase {
  height: 110px;
}
.banner_advert.banner_advert-freebase.freebase-1418 {
  background: #0288d1;
  background-image: url(/v4/genealogie/Content/img/home/drapeau-bandeau-annonce.png);
  background-repeat: repeat-y;
  background-position: right;
}
.banner_advert.banner_advert-freebase.freebase-1418 h1 {
  width: 100%;
  color: #fff;
  font-size: 29px;
  margin: 21px 0 0;
  text-align: center;
  display: inline-block;
  line-height: 35px;
}
.banner_advert.banner_advert-freebase.freebase-1418 h1 span {
  display: block;
  font-weight: bold;
}
.banner_advert.banner_advert-freebase.freebase-1418 h1.offer10 {
  width: 100%;
}
.banner_advert.banner_advert-freebase.freebase-1418 .illustration-1 {
  background-image: url(/v4/genealogie/Content/img/home/viewer-op8mai2017-bandeau-annonce.png);
  background-position: right bottom;
}
.banner_advert.banner_advert-freebase.freebase-1418 .illustration-2 {
  background-image: url(/v4/genealogie/Content/img/home/prisonniers-bandeau-annonce-1418.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 110px;
  width: 183px;
}
.banner_advert.fixed {
  position: fixed;
  width: 100%;
  z-index: 1004;
}
.banner_advert + .banner_advert {
  padding-top: 20px;
  background: #363066;
}
.banner_advert + .banner_advert + .SeoSem {
  margin-top: 20px;
}
.banner_advert + #newlayouttree .reglage-arbre-lateral {
  top: 293px;
}
@media (max-width: 1400px) {
  .banner_advert.banner_advert-promo.promo-fetemere20 .illu-fleur {
    display: none;
  }
}
@media (max-width: 1350px) {
  .banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle {
    display: none;
  }
}
@media (max-width: 1490px) {
  .banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam1, .banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam2 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-light h1 {
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text {
    margin: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h2 {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h5 {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text .btn-action {
    margin: 8px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 13px;
  }
  .banner_advert.banner_advert-promo.promo-guide .badge-edition {
    right: -7px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 {
    background-position: 0 76px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container {
    width: -moz-calc(0.43 * 992px);
    width: -webkit-calc(0.43 * 992px);
    width: calc(0.43 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    right: -48px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-container {
    width: -moz-calc(0.57 * 992px);
    width: -webkit-calc(0.57 * 992px);
    width: calc(0.57 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
    right: 0px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 img {
    margin-top: -17px;
    width: 110px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-coffret {
    margin-right: auto;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: 184px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
    height: 203px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    font-size: 62px;
    margin: 58px 0 0 16px;
    line-height: 39px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
    font-size: 31px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 {
    height: 184px;
    left: 52%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 img {
    margin-top: -16px;
    height: 200px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 23px 0 0 113px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 {
    height: 184px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 img {
    margin-top: 31px;
    height: 129px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--left {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
    margin-right: 0;
    margin-left: 40px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
    margin-left: 30px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    left: 170px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    right: -10px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right img {
    height: 75px;
    margin: auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
    font-size: 32px;
    margin-left: 2.5rem;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .macaron-dent {
    right: -14px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .row--center {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .container {
    background-position: 93% 25%;
    background-size: 18%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--left {
    background-position: 0% -10%;
    background-size: 25%;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    font-size: 38px;
    margin: 28px 0 3px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 span {
    font-size: 50px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
    margin: 20px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
    left: -50px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-2 {
    top: 85px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    font-size: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    left: 51px;
    top: 50px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    top: -61px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    padding: 11px 12px;
    right: 56px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo + img {
    left: 125px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text {
    left: 40%;
    margin-top: 19px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h1 {
    background: #fff;
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
    margin-top: 20px;
    margin-left: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text h3 {
    font-size: 38px;
    line-height: 47px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    right: 123px;
    top: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    right: -50px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 9px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
    width: -moz-calc(0.55 * 992px);
    width: -webkit-calc(0.55 * 992px);
    width: calc(0.55 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: 27px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
    width: -moz-calc(0.45 * 992px);
    width: -webkit-calc(0.45 * 992px);
    width: calc(0.45 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 h1 {
    font-size: 31px;
    margin: 20px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .green_side-container {
    width: -moz-calc(0.35 * 992px);
    width: -webkit-calc(0.35 * 992px);
    width: calc(0.35 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    background-position: 264% 0;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-container {
    width: -moz-calc(0.55 * 992px);
    width: -webkit-calc(0.55 * 992px);
    width: calc(0.55 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    margin-top: 8px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text h1 {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span:nth-child(0n+1) {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
    display: block;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
    font-size: 22px;
    padding: 5px 0 6px 15px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
    margin-top: 7px;
    width: 86%;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
    font-size: 22px;
    margin: 8px 0 0 13px;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.donation-covid19 img {
    height: auto;
    margin: 34px 0 5px 0;
    width: 100%;
    padding: 0 15px 0 10px;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation {
    margin: 29px 0;
    background-color: #fda003;
    color: #513402;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    width: 164px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text {
    margin: 16px 0 0 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text h1 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text p {
    font-size: 20px;
    margin: 0 0 0 29px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ff5555;
    padding: 3px 14px;
    text-align: center;
    display: inline;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
    margin: 30px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 h1 {
    font-size: 29px;
    margin: 16px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 h1 {
    font-size: 31px;
    margin: 33px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
    font-size: 29px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .btn-action {
    margin: 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p span {
    font-size: 22px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-one {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two {
    top: -24px;
    left: -5px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-three {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    right: 41px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .btn-action {
    padding: 8px 15px;
  }
  .banner_advert.banner_advert-promo.promo-noel20 h1 {
    font-size: 52px;
    margin: 27px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .block-text p {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    left: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
    margin: 30px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 span {
    font-size: 43px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    right: -28px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 {
    font-size: 25px;
    margin-top: 3px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 span {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p {
    font-size: 25px;
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span {
    display: block;
    margin: 23px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash {
    font-size: 53px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo {
    margin-left: 9px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
    font-size: 34px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span + span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    margin: -8px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 {
    font-size: 48px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
    font-size: 18px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text:before {
    left: 19px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    margin: -8px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 {
    text-align: left;
    margin: 3px 0 0 13px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span {
    font-size: 42px;
    display: block;
    margin: 4px 0 0 15px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span + span {
    margin: -10px 0 0 59px;
    font-size: 47px;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
    font-size: 18px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text:before {
    left: 19px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.left img {
    left: 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.right img {
    right: 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash {
    font-size: 42px;
    padding: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
    font-size: 42px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo {
    margin-left: 9px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
    font-size: 34px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span + span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH22.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21 .btn-action {
    padding: 10px 15px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH22.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    left: 100px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
    padding: 10px 15px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron {
    background-size: 100%;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
    font-size: 70px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
    font-size: 60px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
    font-size: 17px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    margin: 25px 0 0 0;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    width: 162px;
    white-space: inherit;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre .bf {
    width: 267px;
    margin-top: 8px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    padding: 0 0 0 33px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron {
    background-size: 100%;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
    font-size: 70px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
    font-size: 60px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
    font-size: 17px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    margin: 25px 0 0 0;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    width: 162px;
    white-space: inherit;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre .bf {
    width: 250px;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    padding: 0 0 0 33px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-noel2021-back2.gif);
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .bg {
    height: 95px;
    margin: 15px 0 0 17px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
    margin: 13px 0 0 0;
    padding: 8px 23px;
    font-size: 15px;
    width: 139px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h1 {
    font-size: 37px;
    margin: 13px 0 0 42px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 {
    font-size: 38px;
    margin: 0 0 0 95px;
    line-height: 34px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 span {
    margin: 6px 6px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
    text-align: center;
    margin: 14px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
    font-size: 62px;
    font-weight: 900;
    color: #ce2759;
    line-height: 46px;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 span {
    font-size: 26px;
    vertical-align: top;
    margin: -10px 0 0 0;
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:before, .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:after {
    content: url(/v4/genealogie/Content/img/banner/illu-noel2021-2.jpg);
    color: #eab761;
    font-size: 20px;
    position: relative;
    line-height: 20px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
    font-size: 27px;
    margin: 0;
    line-height: 27px;
    color: #3c5160;
  }
  .banner_advert.banner_advert-promo.promo-dec21 {
    background-image: url(/v4/genealogie/Content/img/banner/background-findannee21-moyen-gif.gif);
  }
  .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu {
    bottom: -28px;
    transform: rotate(7deg);
    left: 3px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 {
    font-size: 31px;
    margin: 11px -23px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span {
    margin: 0 -9px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span.pro-text {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro {
    margin: 6px 0 -18px 87px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text:before {
    left: 18px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash {
    font-size: 33px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo {
    margin-left: 9px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
    font-size: 34px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
    font-size: 34px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 {
    background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-2.jpg);
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 img {
    left: 8px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
    margin: 30px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
    font-size: 51px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo {
    background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-2.jpg);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .left {
    width: 64%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .right {
    width: 36%;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    font-size: 25px;
  }
}
@media (max-width: 992px) {
  .banner_advert.banner_advert-promo.promo-light {
    height: 100%;
  }
  .banner_advert.banner_advert-promo.promo-light h1 {
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 img {
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .container {
    width: inherit;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .offer-box-subtitle {
    max-width: 365px;
    margin: 0 auto 10px auto;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .offer-yellow-bg {
    font-size: 1.5rem;
  }
  .banner_advert.banner_advert-promo.promo-guide .offer-box-round {
    margin: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 17px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.one {
    left: 117px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two {
    left: 146px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.three {
    top: 68px;
    left: -56px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    margin-left: 2px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    right: -85px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
    margin-left: 88px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 span {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
    width: 50px;
    right: 8px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 img {
    margin-top: 56px;
    width: 42px;
    transform: rotate(25deg);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__btn.btn-action {
    margin: auto;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: 176px;
    background-image: url(/v4/genealogie/Content/img/banner/illu-noel2018-1024-1.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
    height: 194px;
    margin-top: 8px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    font-size: 58px;
    margin: 59px 0 0 16px;
    line-height: 39px;
    width: 66%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
    font-size: 33px;
    margin-left: 98px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
    display: block;
    overflow: hidden;
    height: 176px;
    position: absolute;
    left: 60%;
    transform: translateX(-50%);
    width: 126px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 img {
    margin-top: -70px;
    transform: rotate(-16deg);
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 33px 0 0 0;
    width: 100%;
    padding: 0 0 0 40px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 {
    font-size: 29px;
    margin: 8px 0 8px 0;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .illustration-coffret {
    height: 110px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
    margin-left: 30px;
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title span {
    font-size: 18px;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
    margin-left: -46px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustration-1 img {
    margin-top: 12px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    left: 168px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text {
    width: 87%;
    margin: 12px 9px 0 0;
    float: right;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
    font-size: 56px;
    margin: 17px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
    font-size: 28px;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
    width: 100px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
    left: -90px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
    top: 86px;
    padding: 6px 3px 6px 8px;
    font-size: 17px;
    line-height: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p {
    font-size: 17px;
    width: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
    font-size: 15px;
    width: 90px;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p {
    font-size: 23px;
    margin: 0 0 0 21px;
    line-height: 30px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p span {
    font-size: 22px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left {
    -moz-transform: translate(-30%, -44%);
    -ms-transform: translate(-30%, -44%);
    -webkit-transform: translate(-30%, -44%);
    transform: translate(-30%, -44%);
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
    font-size: 28px;
    margin-left: 5.75rem;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .macaron-dent {
    right: -60px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .circle {
    right: -65px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .container {
    background-position: 93% 22%;
    background-size: 17%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--left {
    background: none;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustration-1 img {
    margin-top: -23px;
    height: 255px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    font-size: 38px;
    margin: 10px 0 3px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 span {
    font-size: 50px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
    margin: 2px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
    position: absolute;
    right: 0;
    bottom: inherit;
    top: 10px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 img {
    height: 86px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
    margin-top: 26px;
    margin-right: 17px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    font-size: 50px;
    line-height: 46px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    left: 2px;
    top: 50px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    top: -65px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    padding: 4px 12px;
    left: 58px;
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h2 {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo img {
    margin-top: -14px;
    height: 147px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo + img {
    display: none;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text {
    left: 31%;
    margin-top: 18px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h1 {
    font-size: 16px;
    padding: 6px 9px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
    font-size: 19px;
    padding: 6px 9px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
    margin-top: 20px;
    margin-left: 25px;
    width: 28%;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text h3 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p {
    font-family: "Norican", cursive;
    font-size: 31px;
    text-align: left;
    line-height: 40px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    width: 60px;
    height: 60px;
    right: 123px;
    top: 58px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:after {
    height: 60px;
    width: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent span {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    top: -20px;
    right: -12px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
    height: 154px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .illustration-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 11px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 img {
    margin: 4px 0 0 6px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: 22px 0 0 3px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text:before {
    left: 14px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p span {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container {
    right: -56px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text {
    margin: 19px 0 0 28px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
    background: #e6dc31;
    margin: -13px 0 2px 0;
    width: 70%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .btn-action {
    padding: 6px 5px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .green_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
    font-size: 34px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .triangle-banner {
    right: -31px;
    border-right: 31px solid transparent;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    background-position: 100% 0;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    margin-left: 42px;
    margin-top: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text h1 {
    font-size: 24px;
    margin: 0 0 7px 0;
    line-height: 24px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p {
    line-height: 21px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span:nth-child(0n+1) {
    font-size: 32px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
    font-size: 13px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
    margin-top: 11px;
    width: 190px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
    font-size: 22px;
    padding: 10px 0 10px 15px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
    font-size: 20px;
    padding: 5px 0 6px 15px;
    line-height: 22px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .block-btn .btn-action {
    width: auro;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
    font-size: 18px;
    margin: 11px 0 0 0;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p span {
    display: none;
  }
  .banner_advert.banner_advert-promo.donation-covid19 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .donation-covid19-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 img {
    height: auto;
    margin: 10px 0 5px 0;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation.plus {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text h1 {
    font-size: 19px;
    margin: 0 auto 10px;
    width: 80%;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action i {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 {
    font-size: 34px;
    margin: 15px 0 0 0;
    line-height: 34px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 span {
    font-size: 38px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text {
    margin: 16px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text:before {
    left: -1px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 18px;
    margin: 0 0 0 11px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p span {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p span {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 h1 {
    font-size: 31px;
    margin: 20px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 img {
    height: 79px;
    margin: -6px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .btn-action {
    margin: 18px 0 0 10px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction {
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p {
    font-size: 49px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p + p {
    font-size: 12px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p span {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text {
    margin: 16px 0 0 15px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p span {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title {
    font-size: 39px;
    line-height: 36px;
    margin-top: 29px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .reduce {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    width: 65px;
    height: 65px;
    right: 25px;
    top: 56%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:after {
    height: 65px;
    width: 65px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .new {
    font-size: 39px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .target {
    font-size: 25px;
    margin: 19px 0 5px 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .date {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .btn-action {
    margin: 23px 0 0 19px;
  }
  .banner_advert.banner_advert-promo.promo-noel20 h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .block-text {
    margin: 16px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    left: 4px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
    right: -23px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 {
    font-size: 23px;
    margin: 0;
    line-height: 33px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 span {
    font-size: 35px;
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text p {
    font-size: 21px;
    margin: 5px 0 0 0;
    line-height: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text p span {
    font-size: 15px;
    margin-left: 0;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    right: -4px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .btn-action {
    font-size: 17px;
    margin: 18px 0 0 0;
    padding: 4px 9px;
    width: 121px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 {
    font-size: 16px;
    line-height: 30px;
    margin: -3px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 span {
    font-size: 28px;
    display: block;
    margin: -4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p {
    font-size: 22px;
    line-height: 22px;
    margin: 2px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span {
    display: block;
    font-size: 15px;
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span span {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .no-padding-768 {
    padding: 0 0 0 10px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash {
    font-size: 42px;
    line-height: 40px;
    padding: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash span {
    margin-left: 12px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo {
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    font-size: 27px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    margin: -49px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .btn-action {
    margin: 2px 0 0 0;
    padding: 8px 21px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 {
    font-size: 38px;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text {
    margin: -3px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    margin: -55px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .btn-action {
    margin: -29px 0 0 0;
    padding: 8px 21px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 {
    text-align: center;
    margin: -5px 0 0 13px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span {
    font-size: 38px;
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span + span {
    display: inline-block;
    font-size: 40px;
    margin: 0 0 0 11px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text {
    margin: -3px 0 0 53px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .illu-aout21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .block-text {
    margin: -2px 0 0 27px !important;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .no-padding-768 {
    padding: 0 0 0 10px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash {
    font-size: 40px;
    line-height: 40px;
    padding: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span {
    margin-left: 0;
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
    margin-left: 0;
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo {
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
    font-size: 27px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH33.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21 img {
    height: 73px;
    margin: 13px 0 0 7px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
    left: 60px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text {
    margin: 17px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 {
    font-size: 29px;
    margin: -1px 0 1px 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p {
    font-size: 33px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p span {
    font-size: 40px;
    color: #ff5555;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH33.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21-r img {
    height: 73px;
    margin: 13px 0 0 7px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    left: 60px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
    margin: 25px 0 0 0;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 {
    font-size: 33px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span {
    font-size: 40px;
    color: #ff5555;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
    font-size: 21px;
    margin: 3px 0 0 29px;
    line-height: 24px;
    padding: 2px 10px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
    font-size: 54px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
    font-size: 53px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
    font-size: 14px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    padding: 10px 10px;
    font-size: 15px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre .bf {
    width: 300px;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
    font-size: 54px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
    font-size: 53px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
    font-size: 14px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    padding: 10px 10px;
    font-size: 15px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre .bf {
    width: 280px;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-noel2021-back3.gif);
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .bg {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .sm {
    display: inline-block;
    height: 92px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
    margin: 7px 6px 0 0;
    padding: 10px 5px;
    font-size: 15px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action + p {
    font-size: 14px;
    color: #3c5160;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h1 {
    font-size: 35px;
    margin: 8px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 {
    font-size: 35px;
    margin: -4px 0 0 29px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
    text-align: center;
    margin: 14px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
    font-size: 54px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:before, .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:after {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 {
    background-image: url(/v4/genealogie/Content/img/banner/background-findannee21-petit-gif.gif);
  }
  .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .mac {
    margin: -49px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action {
    margin: -5px 0 0 25px;
    padding: 8px 21px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action + span {
    font-size: 12px;
    margin: 0px 0 0 40px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 {
    text-align: center;
    margin: 0 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span.pro-text {
    font-size: 32px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text {
    margin: -3px 0 0 53px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin: -3px 0 0 53px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .no-padding-768 {
    padding: 0 0 0 10px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin-left: 24px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo {
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
    font-size: 27px;
    margin: -7px 0 0 15px;
    line-height: 39px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .macaron {
    margin: 7px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .btn-action {
    margin: 27px 0 0 -9px;
    padding: 5px 19px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text {
    margin: 2px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 {
    font-size: 43px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2 {
    font-size: calc(40 / var(--baseRem, 10) * 1rem);
    line-height: calc(60 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
    font-size: calc(32 / var(--baseRem, 10) * 1rem);
    line-height: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .details {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .left {
    width: 76%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .right {
    width: 24%;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .macaron {
    width: 70px;
    height: 70px;
    right: -10px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .macaron span {
    font-size: 31px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
    font-size: 20px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
    font-size: 29px;
    margin: 1px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
    font-size: 35px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
    font-size: 25px;
    margin: -8px 0 0 0;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p span {
    display: block;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    font-size: 23px;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 .illustration-1 {
    height: 100%;
  }
  .banner_advert.fixed {
    height: auto;
  }
  .banner_advert + .banner_advert {
    padding-top: 0;
  }
  .banner_advert + .banner_advert + .SeoSem {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .banner_advert.banner_advert-promo.promo-light .btn-center {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side, .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title span {
    display: inline-block;
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side--left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 38%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner {
    margin-right: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .triangle-banner {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
    top: 100%;
    right: 25px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 {
    height: 120px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side {
    width: 100%;
    height: 57%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 {
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: -43px 0 0 0;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 24px;
    line-height: 28px;
    color: #1637b3;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side {
    width: 100%;
    height: 88%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text {
    margin: -60px 0 0 0;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text h1 {
    font-size: 32px;
    color: #fff;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .btn-action {
    padding: 6px 12px;
    margin: 58px 0 0 0;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    margin-top: 3px;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 .left-responsive {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .banner_advert {
    height: auto;
  }
  .banner_advert.banner_advert-promo .btn-action-container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo .btn-action {
    margin: 5px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-light {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 img {
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-light h1 {
    line-height: 30px;
    margin: 15px 5px 5px;
  }
  .banner_advert.banner_advert-promo.promo-bandeau {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .illustration-1 {
    height: 150px;
    width: 163px;
    display: block;
    margin: 0 auto 0px auto;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text {
    margin: 15px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h2 {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h5 {
    font-size: 22px;
  }
  .banner_advert.banner_advert-promo.promo-guide .badge-edition {
    right: 5px;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 29px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.three {
    top: 47px;
    left: -21px;
    transform: rotate(98deg);
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
    display: block;
    top: 76px;
    left: -58px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday {
    height: 180px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side {
    width: 100%;
    height: 38%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .illustration-1 img {
    margin-top: 17px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    margin-top: 13px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 span {
    display: inline-block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .triangle-banner {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    right: 25px;
    top: 39px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side {
    width: 100%;
    height: 62%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
    margin-left: 76px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: 206px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left {
    display: inline-block;
    width: 87%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 {
    text-align: right;
    width: 25%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
    height: 159px;
    margin-top: 27px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    font-size: 50px;
    margin: 34px 0 0 11px;
    width: 70%;
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
    font-size: 29px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
    height: 206px;
    left: 79%;
    transform: inherit;
    bottom: -14px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 img {
    position: absolute;
    transform: rotate(180deg);
    bottom: -48px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 + div {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 0;
    top: -118px;
    padding: 0 0 0 73px;
    position: absolute;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h5 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 {
    font-size: 33px;
    margin: 10px 0 10px 0;
    line-height: 31px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 span {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--right {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block {
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--left {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--right {
    background-color: #3c954d;
    padding-bottom: 10px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
    margin-left: 0;
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title span {
    display: inline;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span {
    display: inline;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 {
    height: 188px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustration-1 img {
    height: 170px;
    margin-top: 11px;
    margin-left: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    left: 24%;
    top: 11px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 img {
    height: 167px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text {
    width: 63%;
    position: absolute;
    top: -179px;
    right: 17px;
    margin: 10px 0px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text:after {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
    font-size: 43px;
    margin: 7px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
    font-size: 29px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
    font-size: 23px;
    margin: -1px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text p {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text .btn-action {
    margin: 5px 0 16px 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 {
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
    margin: 20px 0 0 8px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
    position: inherit;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p {
    display: block;
    width: 100%;
    font-size: 17px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 {
    background-color: #127f6a;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .container {
    position: relative;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text {
    background: #333333;
    border: 3px solid #d6b47b;
    height: 110px;
    position: relative;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
    font-family: "Cookie", cursive;
    font-size: 46px;
    color: #fff;
    margin-left: 4.5rem;
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 span {
    font-family: "Lato", sans-serif;
    color: #ff5555;
    font-size: 44px;
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h1 {
    font-size: 14px;
    margin: 10px 0 5px 0;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p {
    font-size: 20px;
    margin: -4px 0 0 0;
    color: #fff;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p span {
    font-weight: bold;
    color: #d6b47b;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .btn-action {
    margin: 5px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 3;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left {
    -moz-transform: translate(-80%, -44%);
    -ms-transform: translate(-80%, -44%);
    -webkit-transform: translate(-80%, -44%);
    transform: translate(-80%, -44%);
    left: 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left img {
    height: 115px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
    -moz-transform: translate(120%, -50%);
    -ms-transform: translate(120%, -50%);
    -webkit-transform: translate(120%, -50%);
    transform: translate(120%, -50%);
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right img {
    height: 95px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .row--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent {
    background: #ff5555;
    width: 60px;
    height: 60px;
    text-align: center;
    position: absolute;
    right: -45px;
    top: 50%;
    z-index: 1;
    -moz-transform: rotate(-11deg) translateY(-56%);
    -ms-transform: rotate(-11deg) translateY(-56%);
    -webkit-transform: rotate(-11deg) translateY(-56%);
    transform: rotate(-11deg) translateY(-56%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    background: #ff5555;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before {
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span {
    z-index: 1;
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: -1px;
    top: 5px;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span b {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text {
    margin: 0;
    padding: 0 20px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    font-size: 31px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
    margin: 2px 0 14px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
    right: 12px;
    top: 96px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .container {
    background: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .absolute {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 h2,
  .banner_advert.banner_advert-promo.promo-premium-2019 h5 {
    margin: 2px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 h2 {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 h5 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--left, .banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--right .btn-action {
    margin: 4px 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--right .btn-action.btn-large {
    border-radius: 22px;
    font-size: 14px;
    padding: 6px 12px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 {
    height: 175px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box img {
    height: 186px;
    position: absolute;
    z-index: 2;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
    float: inherit;
    text-align: center;
    margin-top: 5px;
    margin-right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    font-size: 50px;
    line-height: 46px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    top: 50px;
    left: 87px;
    z-index: 4;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    top: 4px;
    right: 7px;
    left: inherit;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    padding: 10px 40px;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 70%;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h2 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.happy_days {
    text-align: center;
    height: auto;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo {
    position: inherit;
    height: auto;
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo img {
    margin: auto;
    height: 143px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text {
    position: inherit;
    left: 0;
    margin-top: 8px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.happy_days .btn-action {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 {
    height: 175px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
    height: 185px;
    position: absolute;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
    width: 100%;
    margin-top: 11px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    right: 103px;
    top: 100px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    right: 5px;
    top: -15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
    -moz-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
    position: relative;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 11px;
    padding: 0 150px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 {
    height: auto;
    background-color: #abb86e;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .promo-printemps2020-block {
    border: 2px solid #fff000;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght {
    height: 174px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side {
    width: 100%;
    height: 65px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side img {
    margin-top: 31px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
    margin-left: -55px;
    margin-top: 15px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .triangle-banner {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    width: 100%;
    height: 109px;
    background-image: none;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    width: 80%;
    margin-left: 105px;
    margin-top: 0;
    background-color: transparent;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .btn-action {
    margin: 0 0 0 13%;
  }
  .banner_advert.banner_advert-promo.news_data_filae {
    height: auto;
    padding: 5px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .back-color {
    display: none;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block {
    height: auto;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue {
    height: auto;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
    margin-top: 5px;
    width: 205px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae .block-btn .btn-action {
    margin: 0 0 5px 0;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine {
    height: auto;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
    font-size: 20px;
    margin: 6px 0 0 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
    font-size: 20px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .promo-fetemere20-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 img {
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
    margin: 7px 0 12px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 {
    font-size: 43px;
    margin: 11px 0 0 0;
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 span {
    font-size: 49px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text {
    margin: 0 0 9px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 30px;
    margin: 0 0 0 29px;
    line-height: 34px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 {
    height: auto;
    background-color: #2da1c1;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .promo-ete2020-block {
    border: 2px solid #fddba7;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .illu-ete {
    top: 12px;
    right: 20px;
    transform: rotate(180deg);
    z-index: 2;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .illu-ete img {
    width: 88px;
    height: 60px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 {
    height: auto;
    background-image: none;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .promo-salonvirtuel2020-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .btn-action {
    margin: 12px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
    padding: 0 20px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .reduction {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction {
    margin: 6px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p + p {
    font-size: 19px;
    line-height: 24px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text {
    padding: 0 25px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text:before {
    left: 37px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p {
    font-size: 24px;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .promo-rentree2020-block {
    border: 2px solid #fddba7;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two {
    top: -198px;
    left: 2px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title {
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .one {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    right: 56px;
    top: 104%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .target {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .promo-noel20-block {
    border: 6px solid #a07502;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .btn-action {
    margin: 7px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 img {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 h1 {
    display: block;
    margin: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .block-text {
    margin: 6px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .illu-noel img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .promo-fetemere21-block {
    margin: 6px 0 6px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    left: 4px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
    margin: 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .promo-fetepere21-block {
    margin: 6px 0 6px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    left: 25px;
    top: 78px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .btn-action {
    padding: 4px 15px;
    width: auto;
    margin: 3px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .promo-offre-flash21-block {
    margin: 6px 0 6px 0;
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .macaron {
    left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .btn-action {
    padding: 4px 20px;
    width: auto;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .no-padding-768 {
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash {
    display: block;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo {
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .promo-ete21-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    margin: 0;
    left: 13px;
    top: -41px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .btn-action {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .btn-action + span {
    display: block;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 {
    font-size: 42px;
    margin: 0;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
    display: block;
    margin: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text {
    margin: -3px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p {
    font-size: 25px;
    line-height: 25px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .illu-ete21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-aout21 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .promo-aout21-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    margin: 0;
    left: 13px;
    top: -41px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .btn-action {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .btn-action + span {
    display: block;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 {
    font-size: 42px;
    margin: 0;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
    display: block;
    margin: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text {
    margin: 4px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p {
    font-size: 25px;
    line-height: 25px;
  }
  .banner_advert.banner_advert-promo.promo-ete23 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-ete21-fond1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .btn-action {
    margin-bottom: calc(8 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.offre-sept21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .promo-offre-sept21-block {
    margin: 6px 0 6px 0;
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .macaron {
    left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .btn-action {
    padding: 4px 20px;
    width: auto;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .no-padding-768 {
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash {
    display: block;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo {
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .promo-MH21-block {
    padding-bottom: 9px;
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-MH21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
    left: 12px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .btn-action + span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .promo-MH21-block {
    padding-bottom: 9px;
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    left: 12px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
    margin: 9px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action + span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text {
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
    margin: 7px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-BF21 {
    height: auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .banner_advert.banner_advert-promo.promo-BF21:after {
    content: "";
    display: block;
    clear: both;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .promo-BF21-block {
    position: relative;
    z-index: 1;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron {
    background-position: 0;
    height: 177px;
    margin-top: 82px;
    position: absolute;
    border: 0;
    z-index: 1;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
    font-size: 59px;
    padding: 59px 0 0 0;
    line-height: 27px;
    width: 200px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
    font-size: 54px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
    font-size: 35px;
    vertical-align: top;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    margin: 25px 0 15px 0;
    width: auto;
    padding: 10px 19px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    display: inline-block;
    padding: 30px 0 0 198px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 {
    height: auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .banner_advert.banner_advert-promo.promo-CM21:after {
    content: "";
    display: block;
    clear: both;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .promo-CM21-block {
    position: relative;
    z-index: 1;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron {
    background-position: 0;
    height: 177px;
    margin-top: 6px;
    position: absolute;
    border: 0;
    z-index: -1;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
    font-size: 59px;
    padding: 59px 0 0 0;
    line-height: 27px;
    width: 200px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
    font-size: 54px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
    font-size: 35px;
    vertical-align: top;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    margin: 25px 0 15px 0;
    width: auto;
    padding: 10px 19px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    display: inline-block;
    padding: 30px 0 0 198px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .promo-NoelCoffret21-block {
    margin: 8px 0 8px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 img {
    margin: 19px 0 0 11px;
    position: absolute;
    left: 32px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .sm {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
    margin: 7px 0 0 0;
    padding: 10px 25px;
    font-size: 18px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
    text-align: center;
    margin: 14px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-dec21 {
    background-image: none;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .mac {
    margin: 0;
    left: 13px;
    top: 0px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action + span {
    display: block;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 {
    font-size: 36px;
    margin: 0;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 + p {
    font-size: 42px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro {
    display: inline-block;
    margin: 0 0 7px 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text {
    margin: 0;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin: 4px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 25px;
    line-height: 25px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .promo-offre-fev22-block {
    margin: 6px 0 6px 0;
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .macaron {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .btn-action {
    padding: 4px 20px;
    width: auto;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .no-padding-768 {
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash span + span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo {
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 {
    height: auto;
    text-align: center;
    padding: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .btn-action {
    margin: 10px 0 0 0px;
    padding: 9px 19px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 {
    margin: 10px 0 5px;
    line-height: 47px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 {
    line-height: 39px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 span {
    display: inline-block;
    padding: 2px;
    border-radius: 4px;
    background-color: #ff5555;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2, .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
    line-height: 1;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2 {
    font-size: calc(32 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
    font-size: calc(26 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text .details {
    margin-top: 2px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .back-img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .promo-fetemere22-block {
    margin: 6px 0 6px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 img {
    left: 4px;
    top: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
    margin: 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .promo-fetemere22-block {
    margin: 0;
    height: auto;
    text-align: center;
    border: 9px solid #fbe6e1;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .btn-action {
    margin: 10px 0 10px 0;
    position: relative;
    padding: 6px 27px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .block-text p {
    font-size: 35px;
    margin: 4px 0 0 0;
    line-height: 40px;
  }
  .banner_advert.fixed {
    display: none;
  }
  .banner_advert + .banner_advert + .SeoSem {
    margin-top: 72px;
  }
}
@media (max-width: 590px) {
  .banner_advert.banner_advert-freebase.freebase-1418 {
    background-image: none;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    width: 100%;
    font-size: 20px;
    line-height: auto;
  }
  .banner_advert.banner_advert-promo.promo-guide {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 29px;
  }
  .banner_advert.banner_advert-promo.promo-guide .badge-edition {
    top: 104px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 img {
    margin-right: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container > div {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container > div + div {
    width: 100%;
    display: block;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    right: -11px;
    top: 14px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:after {
    height: 50px;
    width: 50px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span {
    font-size: 28px;
    left: -3px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span b {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 span {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title {
    font-size: 34px;
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
    -moz-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    transform: rotate(-11deg);
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    right: -11px;
    top: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:after {
    height: 40px;
    width: 40px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price .macaron-dent__currency {
    margin-left: 4px;
    margin-top: 3px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old {
    font-size: 13px;
    font-weight: normal;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old .macaron-dent__currency {
    font-size: 9px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old::before {
    height: 1px;
    width: 28px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new .macaron-dent__currency {
    font-size: 11px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left {
    display: inherit;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    margin: 34px 0 0 0;
    width: 100%;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 0 0 10px 0;
    position: relative;
    padding: 0;
    top: 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .row > .col-xs-12 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .row > .col-xs-12 + .illustrion-finannee-1 + .col-xs-12 {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text {
    width: 97%;
    float: initial;
    margin: 8px auto;
    position: relative;
    top: 0;
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
    padding: 0 15px;
    font-size: 41px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
    font-size: 28px;
    display: block;
    margin: -21px 0 -10px 4px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
    padding: 0 15px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text p {
    padding: 4px 15px 0;
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-2 {
    top: 58px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon {
    height: auto;
    width: auto;
    margin: 0;
    padding: 6px 10px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:before, .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:after {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1:after {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1 br {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    line-height: 33px;
    margin: 10px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    line-height: 29px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
    margin: 7px 0 14px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
    position: inherit;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p:before {
    content: "- ";
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    left: 24px;
    top: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    width: 80%;
    height: auto;
    position: inherit;
    margin-bottom: 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
    height: 164px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    right: 54px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
    height: 138px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .illustration-2 {
    position: absolute;
    bottom: 0px;
    right: 15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 3px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: 71px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    height: auto;
    padding-bottom: 8px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    width: 100%;
    margin: 0 auto;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .btn-action {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text:before {
    left: 8px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 24px;
    margin: 0 15px 0 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .price_mobile {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background-color: #ff5555;
    margin: 0 0 4px 0;
    line-height: 30px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .price_mobile span {
    font-weight: normal;
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text {
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .block-text,
  .banner_advert.banner_advert-promo.promo-ete23 .block-text p {
    margin-left: 0 !important;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .block-text::before {
    content: none;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
    top: 93px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .mac {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 img {
    display: none;
  }
  .banner_advert.promo-rentree2020 .illu-rentree-two {
    display: none;
  }
}
@media (max-width: 581px) {
  .banner_advert.banner_advert-promo.promo-light h1 br {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .banner_advert {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-light h1 {
    font-size: 17px;
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 {
    height: auto;
    padding: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p span {
    display: inline;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    padding: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__row--cta {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    margin: 8px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre img {
    width: 300px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre img + img {
    width: 177px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    padding: 0 0 0 33px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p {
    padding: 0 20px 0 20px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    margin: 8px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre img {
    width: 300px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre img + img {
    width: 177px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    padding: 0;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p {
    padding: 0 20px 0 20px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
    line-height: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-titre .bf {
    width: 160px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-promo {
    width: 100%;
    padding-left: 0 !important;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-promo p {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .prolongation {
    margin: 0.5em 0 0.25em 0;
  }
}
@media (max-width: 380px) {
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span {
    display: block;
  }
}

/* FIN OFFER BOXE */
.full-beta .container.page {
  margin-top: 30px;
}

/* Bandeau bleu nouvelles données pages home non connectée -- */
.bandeau-new-donnees {
  background: #2b71ad;
  text-align: center;
  padding: 0 35px 0 0;
  margin: 0;
  border-radius: 0;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1030;
}

.bandeau-new-donnees h1 {
  color: #fff;
  display: inline-block;
  font-size: 19px;
  margin: 8px 0 8px;
}

.bandeau-new-donnees h1 a {
  color: #fff;
}

.bandeau-new-donnees.alert-dismissible .close {
  top: 6px;
  color: #fff;
}

.bandeau-new-donnees + #containAll .navbar-fixed-top {
  top: 38px;
}

.bandeau-new-donnees + #containAll .intro {
  margin-top: 38px;
}

.bandeau-new-donnees + #containAll .container.home-connectee {
  margin-top: 114px;
}

.bandeau-temp__heading {
  margin-top: 12px;
  font-size: 25px;
  line-height: 29px;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 700;
}
.bandeau-temp__accent {
  background-color: #ff5555;
  border-radius: 4px;
  padding: 0 4px;
}
@media screen and (min-width: 768px) {
  .bandeau-temp__heading {
    margin-top: 24px;
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (min-width: 992px) {
  .bandeau-temp__heading {
    margin-top: 20px;
    font-size: 32px;
    line-height: 40px;
  }
}

.promo__fev24-block {
  border-radius: 8px;
}
.promo__fev24 .btn-action {
  padding: 8px !important;
}
.promo__fev24 .macaron {
  display: none;
  position: absolute;
  left: calc(-16 / var(--baseRem, 10) * 1rem);
}
.promo__fev24 .cta__wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(4 / var(--baseRem, 10) * 1rem);
  align-items: center;
}
.promo__fev24 .heading--prolongation {
  padding-inline: calc(4 / var(--baseRem, 10) * 1rem) !important;
  background-color: #fff65c;
  color: #000 !important;
}
@media screen and (max-width: 639px) {
  .promo__fev24 .heading {
    margin-left: 0 !important;
  }
  .promo__fev24 .heading--1 {
    font-size: calc(22 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .heading--2 {
    font-size: calc(22 / var(--baseRem, 10) * 1rem) !important;
    line-height: calc(38 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .heading--3 {
    font-size: calc(28 / var(--baseRem, 10) * 1rem) !important;
    line-height: calc(24 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .heading--prolongation {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(8 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .cta__wrapper {
    margin-block: calc(8 / var(--baseRem, 10) * 1rem);
    flex-direction: row;
    justify-content: center;
    gap: calc(8 / var(--baseRem, 10) * 1rem);
  }
  .promo__fev24 .btn-action {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 480px) {
  .promo__fev24 .macaron {
    display: block;
  }
  .promo__fev24 .heading--prolongation {
    font-size: calc(22 / var(--baseRem, 10) * 1rem) !important;
    margin-bottom: calc(4 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .promo__fev24 .btn-action {
    padding-inline: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .promo__fev24 .macaron {
    position: static;
  }
  .promo__fev24 .cta__wrapper {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 992px) {
  .promo__fev24 .heading--prolongation {
    font-size: calc(24 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 1200px) {
  .promo__fev24 .heading--prolongation {
    font-size: calc(32 / var(--baseRem, 10) * 1rem) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .min-content {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}

.banner-promo {
  display: block;
  padding-block: calc(8 / var(--baseRem, 10) * 1rem);
}
.banner-promo, .banner-promo:hover, .banner-promo:active, .banner-promo:focus {
  text-decoration: none;
  color: currentColor;
}
.banner-promo__wrapper, .banner-promo__content, .banner-promo__title {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  gap: var(--banner-gap, calc(8 / var(--baseRem, 10) * 1rem));
}
.banner-promo__wrapper {
  padding: calc(8 / var(--baseRem, 10) * 1rem);
  position: relative;
}
.banner-promo__img, .banner-promo__aside {
  display: none;
}
.banner-promo p {
  margin-bottom: 0;
}
.banner-promo .prolongation {
  background-color: #fff65c;
  color: #333;
  padding-inline: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (min-width: 640px) {
  .banner-promo__img {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(16 / var(--baseRem, 10) * 1rem);
    transform: translateY(-50%);
    width: calc(112 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .banner-promo {
    --banner-gap: calc(16 / var(--baseRem, 10) * 1rem);
    position: relative;
    z-index: 0;
  }
  .banner-promo__wrapper, .banner-promo__title {
    flex-direction: row;
  }
  .banner-promo__wrapper {
    border: 1px solid var(--banner-desktop-bdclr, #666);
  }
  .banner-promo__offers {
    text-align: left;
  }
  .banner-promo__aside {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
  }
  .banner-promo__aside:first-child {
    left: var(--banner-aside-offset, 0);
  }
  .banner-promo__aside:last-child {
    right: var(--banner-aside-offset, 0);
  }
}
@media screen and (min-width: 992px) {
  .banner-promo__content {
    flex-direction: row;
  }
  .banner-promo__title {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo .btn-cta {
    font-size: calc(22 / var(--baseRem, 10) * 1rem);
    padding: calc(24 / var(--baseRem, 10) * 1rem) calc(20 / var(--baseRem, 10) * 1rem);
    font-weight: 400;
    border-radius: 50vw;
  }
}
.banner-promo--50 .banner-promo__wrapper {
  background-color: var(--banner-wrapper-bgc, #fff);
}
.banner-promo--50 .banner-promo__title {
  font-weight: 700;
}
.banner-promo--50 .banner-promo__title p:first-of-type {
  font-family: var(--banner-title-ff, "Dancing Script", cursive);
  color: var(--banner-title-clr, #666);
  font-size: calc(40 / var(--baseRem, 10) * 1rem);
  line-height: calc(40 / var(--baseRem, 10) * 1rem);
}
.banner-promo--50 .banner-promo__title .date {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  color: var(--banner-date-clr, #666);
}
.banner-promo--50 .banner-promo__title .prolongation {
  color: var(--banner-prolong-clr, #666);
}
.banner-promo--50 .banner-promo__offers {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  line-height: calc(26 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
  color: #ff5555;
  color: var(--banner-offers-clr, #ff5555);
}
.banner-promo--50 .banner-promo__offers * > span {
  color: var(--banner-old-offers-clr, #757585);
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .banner-promo--50 .banner-promo__img {
    width: calc(108 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .banner-promo--50 {
    background-color: var(--banner-mobile-bgc, white);
  }
  .banner-promo--50 .banner-promo__wrapper {
    border: 2px solid var(--banner-mobile-bdclr, #666);
  }
  .banner-promo--50 .banner-promo__title {
    --banner-gap: calc(4 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__title .prolongation {
    margin-top: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .banner-promo--50 {
    height: 120px;
    background-color: var(--banner-desktop-bgc, #f5f7f6);
  }
  .banner-promo--50 .banner-promo__title {
    --banner-gap: calc(8 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__title .date {
    font-size: calc(18 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__offers {
    position: relative;
  }
  .banner-promo--50 .banner-promo__offers::before {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    top: 0;
    left: var(--offers-offset, calc(-8 / var(--baseRem, 10) * 1rem));
    background-color: var(--banner-separator-clr, #666);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner-promo--50 .banner-promo__content {
    --banner-gap: calc(8 / var(--baseRem, 10) * 1rem);
    --offers-offset: calc(-12 / var(--baseRem, 10) * 1rem);
    align-items: flex-start;
  }
  .banner-promo--50 .banner-promo__title {
    transform: translateX(calc(124 / var(--baseRem, 10) * 1rem));
  }
  .banner-promo--50 .banner-promo__offers {
    transform: translateX(calc(140 / var(--baseRem, 10) * 1rem));
  }
  .banner-promo--50 .banner-promo__cta {
    margin-top: calc(32 / var(--baseRem, 10) * 1rem);
    margin-left: auto;
  }
  .banner-promo--50 .banner-promo__wrapper {
    margin-top: calc(-7 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .date {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 992px) {
  .banner-promo--50 .banner-promo__img {
    position: static;
    width: calc(82 / var(--baseRem, 10) * 1rem);
    transform: scale(1.25);
  }
  .banner-promo--50 .banner-promo__offers {
    font-size: calc(24 / var(--baseRem, 10) * 1rem);
    line-height: calc(32 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__content {
    flex-grow: 0.75;
    justify-content: space-around;
  }
  .banner-promo--50 .banner-promo__cta {
    margin-inline: auto;
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo--50 {
    --offers-offset: calc(-16 / var(--baseRem, 10) * 1rem);
  }
}
.banner-promo--spring {
  --banner-title-clr: #77844e;
  --banner-date-clr: #5f8d69;
  --banner-mobile-bgc: #abb86e;
  --banner-mobile-bdclr: #fff65c;
  --banner-desktop-bgc: #f5f7f6;
  --banner-desktop-bdclr: #abb86e;
  --banner-separator-clr: #ffdc53;
}
@media screen and (min-width: 768px) {
  .banner-promo--spring {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-printemps-bg-2020.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
.banner-promo--summer {
  --banner-title-clr: #ff4e03;
  --banner-date-clr: #269da7;
  --banner-mobile-bgc: #269da7;
  --banner-mobile-bdclr: #ffdc53;
  --banner-desktop-bgc: #b9ebe3;
  --banner-desktop-bdclr: #ffdc53;
  --banner-separator-clr: #ffdc53;
}
.banner-promo--summer .btn-cta--main {
  --btn-cta-bg-color: #ff4e03;
  --btn-cta-border-color: #ff4e03;
  --btn-cta-color: #fff;
}
.banner-promo--summer .btn-cta--main:hover, .banner-promo--summer .btn-cta--main:active, .banner-promo--summer .btn-cta--main:focus {
  --btn-cta-bg-color: rgb(238.65, 71.0267857143, 0);
  --btn-cta-border-color: rgb(238.65, 71.0267857143, 0);
}
@media screen and (min-width: 992px) {
  .banner-promo--summer .banner-promo__title p:first-of-type {
    font-size: calc(48 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo--summer {
    --banner-aside-offset: calc(24 / var(--baseRem, 10) * 1rem);
  }
}
.banner-promo--fall {
  --banner-title-clr: #FFA854;
  --banner-mobile-bgc: #ffd9b4;
  --banner-date-clr: #996561;
  --banner-prolong-clr: #572521;
  --banner-mobile-bdclr: #ffa854;
  --banner-desktop-bdclr: #A9463F;
  --banner-desktop-bgc: #ffd9b4;
  --banner-separator-clr: #ffa854;
  background-image: url(/v4/genealogie/Content/css/SearchApi/https:/www.filae.com/v4/genealogie/Content/img/banner/bg-fall-24-3.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: min(100%, 1600px);
}
.banner-promo--fall .btn-cta--main {
  --btn-cta-bg-color: #c21612;
  --btn-cta-border-color: #c21612;
  --btn-cta-color: #fff;
}
.banner-promo--fall .btn-cta--main:hover, .banner-promo--fall .btn-cta--main:active, .banner-promo--fall .btn-cta--main:focus {
  --btn-cta-bg-color: rgb(179.45, 20.35, 16.65);
  --btn-cta-border-color: rgb(179.45, 20.35, 16.65);
}
@media screen and (min-width: 992px) {
  .banner-promo--fall .banner-promo__title p:first-of-type {
    font-size: calc(44 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo--fall {
    --banner-aside-offset: calc(24 / var(--baseRem, 10) * 1rem);
  }
}

.banner {
  position: relative;
  display: block;
}
.banner img {
  max-width: 100%;
  display: block;
}
.banner, .banner:hover, .banner:active, .banner:focus {
  text-decoration: none;
}
.banner .sub,
.banner p {
  margin-bottom: 0;
}
.banner__container {
  padding-inline: calc(16 / var(--baseRem, 10) * 1rem);
  padding-block: var(--container-py, calc(10 / var(--baseRem, 10) * 1rem));
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 592px) {
  .banner__container {
    max-width: 592px;
  }
}
@media screen and (min-width: 976px) {
  .banner__container {
    max-width: 976px;
  }
}
@media screen and (min-width: 1168px) {
  .banner__container {
    max-width: 1168px;
  }
}
@media screen and (min-width: 1368px) {
  .banner__container {
    max-width: 1368px;
  }
}
.banner__wrapper {
  display: flex;
  flex-direction: column;
}
.banner__cta {
  padding: var(--cta-py, calc(10 / var(--baseRem, 10) * 1rem)) var(--cta-px, calc(12 / var(--baseRem, 10) * 1rem));
  font-size: var(--cta-fs, calc(16 / var(--baseRem, 10) * 1rem));
  line-height: var(--cta-lh, calc(24 / var(--baseRem, 10) * 1rem));
  white-space: normal;
  font-weight: bold;
  border-radius: 50vw;
}
.banner__discount {
  width: var(--discount-width, calc(96 / var(--baseRem, 10) * 1rem));
}
.banner--default {
  background-color: #4141dc;
  color: #fff;
}
.banner--default .banner__cta {
  background: #fff;
  border: 2px solid #4141dc;
  color: #4141dc;
  text-transform: uppercase;
}
.banner--default .sub {
  font-weight: 700;
}
.banner--default .sub--1, .banner--default .sub--2 {
  font-family: "Open Sans", sans-serif;
}
.banner--default .sub--1 {
  font-size: var(--sub--1-fs, calc(22 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  margin-bottom: calc(5 / var(--baseRem, 10) * 1rem);
  text-transform: uppercase;
}
.banner--default .sub--2 {
  font-size: var(--sub--2-fs, calc(16 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  color: #ececfb;
}
.banner--default .sub--3 {
  margin-top: 2px;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .banner--default .sub--2 span {
    display: inline-block;
    padding: 2px;
    border-radius: 4px;
    background-color: #f55;
  }
}
@media screen and (min-width: 592px) {
  .banner--default {
    --sub--1-fs: calc(26 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(20 / var(--baseRem, 10) * 1rem);
    position: relative;
  }
  .banner--default::before {
    display: block;
    position: absolute;
    content: "";
    width: 40%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(/v4/genealogie/Content/img/banner/background-discover-offer-2022-03.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 976px) {
  .banner--default {
    --sub--1-fs: calc(38 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(28 / var(--baseRem, 10) * 1rem);
    --container-py: calc(5 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 591px) {
  .banner__container {
    text-align: center;
  }
  .banner__cta {
    margin-top: calc(10 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .banner {
    --cta-py: calc(9 / var(--baseRem, 10) * 1rem);
    --cta-px: calc(19 / var(--baseRem, 10) * 1rem);
    --cta-fs: calc(20 / var(--baseRem, 10) * 1rem);
    --cta-lh: 1.42857143;
  }
  .banner__wrapper {
    align-items: center;
    flex-direction: row;
    gap: var(--wrapper-gap, calc(8 / var(--baseRem, 10) * 1rem));
  }
  .banner__content {
    flex: 1;
  }
}
@media screen and (min-width: 976px) {
  .banner {
    --cta-py: calc(14 / var(--baseRem, 10) * 1rem);
    --cta-px: calc(29 / var(--baseRem, 10) * 1rem);
    --cta-fs: calc(20 / var(--baseRem, 10) * 1rem);
    --wrapper-gap: min(calc(48 / var(--baseRem, 10) * 1rem), 2vw);
    --discount-width: calc(102 / var(--baseRem, 10) * 1rem);
  }
}

.promo {
  background-color: var(--promo-bgc, lightgoldenrodyellow);
  --promo-cta-bgc: #fff;
  --promo-cta-bdc: transparent;
  --promo-cta-clr: #333;
}
.promo, .promo:link, .promo:visited, .promo:hover, .promo:active, .promo:focus {
  color: var(--promo-txt-clr, #fff);
}
.promo__cta {
  background-color: var(--promo-cta-bgc);
  color: var(--promo-cta-clr);
  border: 2px solid var(--promo-cta-bdc);
}
.promo__cta:hover, .promo__cta:active, .promo__cta:focus {
  background-color: var(--promo-cta-active-bgc, var(--promo-cta-bgc));
  border-color: var(--promo-cta-active-bdc, var(--promo-cta-bdc));
}
.promo__wrapper {
  background-color: var(--wrapper-bgc, #fff);
  padding: var(--wrapper-p, calc(4 / var(--baseRem, 10) * 1rem));
  border: 1px solid var(--wraper-bdc, transparent);
}
.promo__extension {
  background-color: #fff65c;
  color: var(--extension-clr, #333);
  padding-inline: calc(4 / var(--baseRem, 10) * 1rem);
}
.promo .sub {
  font-weight: 700;
}
.promo .sub--1 {
  margin-bottom: 0.25em;
  font-size: var(--sub--1-fs, calc(22 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  color: var(--sub--1-clr, currentColor);
}
.promo .sub--2 {
  font-size: var(--sub--2-fs, calc(16 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  color: var(--sub--2-clr, currentColor);
}
.promo .sub--3 {
  font-size: var(--sub--3-fs, calc(14 / var(--baseRem, 10) * 1rem));
  margin-top: 0.25em;
  color: var(--sub--3-clr, currentColor);
}
.promo .old {
  color: #757585;
  font-weight: 400;
}
@media screen and (min-width: 976px) {
  .promo {
    --sub--1-fs: calc(32 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(18 / var(--baseRem, 10) * 1rem);
    --sub--3-fs: calc(18 / var(--baseRem, 10) * 1rem);
    --wrapper-p: calc(8 / var(--baseRem, 10) * 1rem);
    min-height: calc(112 / var(--baseRem, 10) * 1rem);
  }
  .promo__content {
    display: flex;
    align-items: center;
    gap: var(--wrapper-gap);
  }
}
@media screen and (min-width: 1168px) {
  .promo {
    --sub--1-fs: calc(36 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(20 / var(--baseRem, 10) * 1rem);
    --sub--3-fs: calc(24 / var(--baseRem, 10) * 1rem);
    --wrapper-p: calc(8 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
  }
}
.promo--fall {
  --promo-bgc: #ffd9b4;
  --wrapper-bgc: rgba(255, 255, 255, 0.95);
  --wraper-bdc: #996561;
  --promo-cta-bgc: #c21612;
  --promo-cta-bdc: #c21612;
  --promo-cta-active-bgc: rgb(179.45, 20.35, 16.65);
  --promo-cta-active-bdc: rgb(179.45, 20.35, 16.65);
  --promo-cta-clr: #fff;
  --sub--1-clr: #FFA854;
  --sub--1-fs: calc(36 / var(--baseRem, 10) * 1rem);
  --sub--2-clr: #996561;
  --sub--3-clr: #f55;
  --prolong-clr: #572521;
  --separator-clr: #ffa854;
  background-image: url(/v4/genealogie/Content/img/banner/bg-fall-24-3.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: min(100%, 1600px);
}
.promo--fall .sub--1 {
  font-family: "Dancing Script", "Lato", sans-serif;
}
@media screen and (min-width: 976px) {
  .promo--fall {
    --sub--3-fs: calc(20 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1168px) {
  .promo--fall {
    --sub--1-fs: calc(44 / var(--baseRem, 10) * 1rem);
    --sub--3-fs: calc(22 / var(--baseRem, 10) * 1rem);
    --wrapper-gap:min(calc(64 / var(--baseRem, 10) * 1rem), 5vw);
  }
}
@media screen and (min-width: 1368px) {
  .promo--fall {
    --sub--3-fs: calc(24 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 976px) {
  .promo--50-all .sub--3 {
    position: relative;
  }
  .promo--50-all .sub--3::before {
    display: block;
    position: absolute;
    content: "";
    width: calc(4 / var(--baseRem, 10) * 1rem);
    height: 90%;
    top: 50%;
    left: var(--separator-offset, calc(-12 / var(--baseRem, 10) * 1rem));
    background-color: var(--separator-clr, #f55);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1168px) {
  .promo--50-all {
    --separator-offset: calc(-16 / var(--baseRem, 10) * 1rem);
  }
}
.promo--day .banner__logo {
  max-width: var(--promo-logo-mw, calc(180 / var(--baseRem, 10) * 1rem));
  margin: auto;
}
.promo--day .banner__discount img {
  -webkit-filter: drop-shadow(0 0 8px #f55);
  filter: drop-shadow(0 0 8px #f55);
}
@media screen and (max-width: 975px) {
  .promo--day .sub {
    text-align: center;
  }
}
@media screen and (min-width: 976px) {
  .promo--day {
    --promo-logo-mw: calc(260 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1368px) {
  .promo--day {
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .promo--day .promo__wrapper {
    padding-left: calc(120 / var(--baseRem, 10) * 1rem);
    padding-right: calc(160 / var(--baseRem, 10) * 1rem);
  }
}
.promo--bf {
  --promo-bgc: #000;
  --wrapper-bgc: #000
  --wraper-bdc: #fff;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #fff;
}
@media screen and (min-width: 1368px) {
  .promo--bf {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-BF21-back1.jpg);
  }
}
.promo--cm {
  --promo-bgc: #002c41;
  --wrapper-bgc: #002c41
  --wraper-bdc: #fff;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #fff;
}
@media screen and (min-width: 1368px) {
  .promo--cm {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-CM-back1.gif);
  }
}
.promo--new-eve {
  --promo-bgc: #f8fff0;
  --wrapper-bgc: #002c41
  --wraper-bdc: #fff;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #4d6036;
  border-bottom: 1px solid #d6decd;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--new-eve::before, .promo--new-eve::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  background-repeat: no-repeat;
  z-index: -1;
}
.promo--new-eve::before {
  top: -2px;
  left: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-banner-new-eve-left.png);
}
.promo--new-eve::after {
  bottom: 0;
  right: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-banner-new-eve-right.png);
}
@media screen and (min-width: 592px) {
  .promo--new-eve::before {
    left: -10%;
  }
  .promo--new-eve::after {
    right: -10%;
  }
}
@media screen and (min-width: 976px) {
  .promo--new-eve .banner__container,
  .promo--new-eve .banner__wrapper {
    padding-bottom: 0;
  }
  .promo--new-eve::before, .promo--new-eve::after {
    height: 100%;
    transform: scale(1.1);
  }
  .promo--new-eve::before {
    top: 0;
    left: 0;
  }
  .promo--new-eve::after {
    right: 0;
  }
}
.promo--new-eve--prolong {
  --promo-bgc: #2b2550;
  --promo-txt-clr: #fff;
  border-bottom: 1px solid #bd8b36;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--new-eve--prolong .sub--2.promo__extension {
  --sub--2-clr: #333;
  background-color: #f4c676;
}
.promo--new-eve--prolong::before, .promo--new-eve--prolong::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--new-eve--prolong::before {
  top: -2px;
  left: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-prolong-left.png);
}
.promo--new-eve--prolong::after {
  right: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-prolong-right.png);
}
@media screen and (min-width: 592px) {
  .promo--new-eve--prolong::before {
    left: -10%;
  }
  .promo--new-eve--prolong::after {
    right: -10%;
  }
}
@media screen and (min-width: 976px) {
  .promo--new-eve--prolong .banner__container, .promo--new-eve--prolong .banner__wrapper {
    padding-bottom: 0;
  }
  .promo--new-eve--prolong .banner__logo {
    transform: translateX(calc(-128 / var(--baseRem, 10) * 1rem));
  }
  .promo--new-eve--prolong .banner__discount {
    transform: translateX(calc(176 / var(--baseRem, 10) * 1rem));
  }
  .promo--new-eve--prolong::before, .promo--new-eve--prolong::after {
    height: 100%;
    width: calc(240 / var(--baseRem, 10) * 1rem);
    object-fit: contain;
  }
  .promo--new-eve--prolong::before {
    top: 0;
    left: 0;
  }
  .promo--new-eve--prolong::after {
    top: initial;
    right: 0;
    bottom: 0;
  }
}
.promo--february {
  --baseRem: 11;
  --promo-bgc: rgb(2,94,119);
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #002c41;
  --separator-clr: transparent;
  --wrapper-bgc: transparent;
  --wrapper-p: 0;
  background: radial-gradient(circle, rgba(187, 223, 232, 0.85), rgba(17, 97, 126, 0.7) 95%);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--february::before, .promo--february::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--february::before {
  width: calc(400 / var(--baseRem, 10) * 1rem);
  height: calc(300 / var(--baseRem, 10) * 1rem);
  top: -70%;
  left: -40%;
  background-image: url(/v4/genealogie/Content/img/banner/opsp-25-02-side-image-1.png);
}
.promo--february::after {
  right: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/opsp-25-02-side-image-2.png);
}
.promo--february .promo__content {
  text-align: center;
  justify-content: center;
}
.promo--february .sub--2 {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .promo--february .sub {
    padding-block: calc(4 / var(--baseRem, 10) * 1rem);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .promo--february {
    background: linear-gradient(90deg, rgba(2, 94, 119, 0.8) 0%, rgba(187, 223, 232, 0.85) 22%, rgba(153, 205, 218, 0.45) 75%, rgba(2, 94, 119, 0.75) 100%);
  }
  .promo--february::before {
    left: -15%;
  }
  .promo--february::after {
    right: -10%;
  }
}
@media screen and (min-width: 976px) {
  .promo--february {
    --sub--1-fs: calc(28 / var(--baseRem, 10) * 1rem);
    --promo-logo-mw: calc(228 / var(--baseRem, 10) * 1rem);
  }
  .promo--february::before, .promo--february::after {
    object-fit: contain;
  }
  .promo--february::before {
    height: calc(800 / var(--baseRem, 10) * 1rem);
    top: 0;
    left: 0;
  }
  .promo--february::after {
    height: 100%;
    width: calc(240 / var(--baseRem, 10) * 1rem);
    top: initial;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1168px) {
  .promo--february .banner__discount {
    transform: scale(1.2);
  }
}
.promo--april {
  --promo-bgc: #f5efe6;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #002c41;
  --separator-clr: transparent;
  --wrapper-bgc: transparent;
  --wrapper-p: 0;
  --sub--1-clr: #3d5f42;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--april::before, .promo--april::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--april::before {
  top: initial;
  bottom: 0;
  left: -2%;
  background-image: url(/v4/genealogie/Content/img/banner/illu-banner-25-04-left-1.png);
}
.promo--april::after {
  right: -12%;
  background-image: url(/v4/genealogie/Content/img/banner/illu-banner-25-04-right-1.png);
}
.promo--april .promo__content {
  text-align: center;
  justify-content: center;
}
.promo--april .sub--2 {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .promo--april .sub {
    padding-block: calc(4 / var(--baseRem, 10) * 1rem);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .promo--april::before {
    height: calc(200 / var(--baseRem, 10) * 1rem);
  }
  .promo--april::after {
    right: -5%;
    height: calc(200 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 976px) {
  .promo--april {
    --sub--1-fs: calc(28 / var(--baseRem, 10) * 1rem);
    --promo-logo-mw: calc(228 / var(--baseRem, 10) * 1rem);
  }
  .promo--april::before, .promo--april::after {
    object-fit: contain;
  }
  .promo--april::before {
    height: calc(400 / var(--baseRem, 10) * 1rem);
    bottom: -100%;
    left: 0;
  }
  .promo--april::after {
    height: calc(300 / var(--baseRem, 10) * 1rem);
    width: calc(200 / var(--baseRem, 10) * 1rem);
    right: 0;
  }
}
@media screen and (min-width: 1168px) {
  .promo--april .banner__discount {
    transform: scale(1.2);
  }
  .promo--april::before {
    height: calc(400 / var(--baseRem, 10) * 1rem);
    width: calc(400 / var(--baseRem, 10) * 1rem);
  }
  .promo--april::after {
    height: calc(600 / var(--baseRem, 10) * 1rem);
    width: calc(400 / var(--baseRem, 10) * 1rem);
    right: 0;
  }
}
@media screen and (min-width: 1368px) {
  .promo--april::before {
    height: calc(500 / var(--baseRem, 10) * 1rem);
    width: calc(400 / var(--baseRem, 10) * 1rem);
    bottom: -25%;
    left: -5%;
  }
}
.promo--summer {
  --promo-bgc: #00abc1;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #002c41;
  --separator-clr: transparent;
  --wrapper-bgc: transparent;
  --wrapper-p: 0;
  --sub--1-clr: #fff;
  --sub--2-clr: #fec50a;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--summer::before, .promo--summer::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(320 / var(--baseRem, 10) * 1rem);
  aspect-ratio: 2;
  bottom: -2px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--summer::after {
  right: -15%;
  background-image: url(/v4/genealogie/Content/img/banner/25-07-opsp-banner-right.png);
}
.promo--summer .promo__content {
  text-align: center;
  justify-content: center;
}
.promo--summer .sub--2 {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .promo--summer::before {
    width: calc(100 / var(--baseRem, 10) * 1rem);
    aspect-ratio: 1;
    bottom: initial;
    top: -1.5rem;
    left: -3rem;
    background-image: url(/v4/genealogie/Content/img/banner/25-07-opsp-banner-left-mobile.png);
    transform: rotate(90deg);
  }
  .promo--summer .sub {
    padding-block: calc(4 / var(--baseRem, 10) * 1rem);
    border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .promo--summer::before {
    background-image: url(/v4/genealogie/Content/img/banner/25-07-opsp-banner-left.png);
    left: -10%;
  }
  .promo--summer::after {
    right: 0;
  }
}
@media screen and (min-width: 976px) {
  .promo--summer {
    --sub--1-fs: calc(32 / var(--baseRem, 10) * 1rem);
  }
  .promo--summer::before, .promo--summer::after {
    object-fit: contain;
  }
  .promo--summer::before {
    left: 0;
  }
  .promo--summer::after {
    right: 5rem;
    bottom: 20%;
    transform: scale(1.5);
  }
}
@media screen and (min-width: 1168px) {
  .promo--summer .banner__discount {
    transform: scale(1.25);
  }
  .promo--summer::before {
    left: 2%;
    bottom: 40%;
    transform: scale(2);
  }
  .promo--summer::after {
    right: 10rem;
    bottom: 40%;
    transform: scale(2);
  }
}

.clr-brand {
  color: #f55 !important;
}

.flow > * + * {
  margin-top: var(--spacer-flow, calc(8 / var(--baseRem, 10) * 1rem));
}

@media screen and (max-width: 591px) {
  .hide-sm {
    display: none !important;
  }
}
@media screen and (max-width: 975px) {
  .hide-md {
    display: none !important;
  }
}
/* Bloc-departement slider */
.bloc-departement .carousel-departement a {
  left: -34px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.bloc-departement .carousel-departement a + a {
  left: auto;
  right: -34px;
  z-index: 100;
}
.bloc-departement .carousel-departement a i {
  color: #757585;
  font-size: 50px;
}

@media (max-width: 768px) {
  .bloc-departement .carousel-departement a {
    right: -30px;
  }
}
.tweet-section-container .tweet-container {
  min-height: 224px;
  height: 224px;
  max-width: 464px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (max-width: 768px) {
  .tweet-section-container .tweet-container {
    margin: 15px auto;
  }
}
.tweet-section-container .icon-twitter-container {
  display: block;
  text-align: center;
  font-size: 45px;
  color: #ff5555;
}

.carousel-individus {
  position: relative;
  margin: 0 20px 21px 20px;
}
.carousel-individus a {
  left: -34px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.carousel-individus a + a {
  left: auto;
  right: -34px;
  z-index: 100;
}
.carousel-individus .customNavigation a i {
  font-size: 50px;
  color: #757585;
}
.carousel-individus .customNavigation a i::-moz-selection {
  background: #ff5555; /* The Fallback */
  background: rgba(255, 85, 85, 0.99);
  color: #fff;
}
.carousel-individus .customNavigation a i::selection {
  background: #ff5555; /* The Fallback */
  background: rgba(255, 85, 85, 0.8);
  color: #fff;
}
.carousel-individus .person {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 132px;
  margin: 7px 12px 0 12px;
}
.carousel-individus .person .face i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  background: #fff;
  border-radius: 50%;
  color: #757585;
  font-size: 12px;
  padding: 3px;
}
.carousel-individus .person:hover .face i {
  background-color: #eeeff0;
}
.carousel-individus .person.sosa {
  background: #2B2550;
}
.carousel-individus .person.sosa .surnom {
  color: #fff;
}
.carousel-individus .person.sosa .face i {
  background: #2B2550;
  color: #fff;
}
.carousel-individus .person.sosa .identite .nom,
.carousel-individus .person.sosa .identite .prenom,
.carousel-individus .person.sosa .identite .period {
  color: #fff;
}
.carousel-individus .owl-theme .owl-controls {
  display: none !important;
}

.carousel-reviews {
  position: relative;
}
.carousel-reviews .customNavigation a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.carousel-reviews .customNavigation a:first-child {
  left: -16px;
  right: auto;
}
.carousel-reviews .customNavigation a + a {
  right: -16px;
}
.carousel-reviews .customNavigation a i {
  color: #ff5555;
  font-size: 50px;
}
.carousel-reviews .owl-reviews {
  width: 90%;
  margin: 0 auto;
}
.carousel-reviews .owl-reviews .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
}
.carousel-reviews .owl-reviews .item div:first-child {
  margin: auto 0;
}
.carousel-reviews .owl-reviews .item div:first-child img {
  width: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.carousel-reviews .owl-reviews .item div:first-child + div {
  margin: auto 0;
  font-size: 16px;
  text-align: left;
}
.carousel-reviews .owl-reviews .item div:first-child + div p {
  margin: 0px 35px 0 20px;
}
.carousel-reviews .owl-reviews .item div:first-child + div p span {
  display: block;
  color: #ff5555;
}
.carousel-reviews .owl-reviews .item:after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 1200px) {
  .carousel-reviews .owl-reviews .item {
    height: 180px;
  }
}
@media (max-width: 912px) {
  .carousel-reviews .owl-reviews .item {
    height: 230px;
  }
}
@media (max-width: 857px) {
  .carousel-reviews .owl-reviews .item {
    height: 264px;
  }
}
@media (max-width: 799px) {
  .carousel-reviews .owl-reviews .item {
    height: auto;
  }
}
@media (max-width: 582px) {
  .carousel-reviews .owl-reviews .item div:first-child img {
    display: none;
  }
  .carousel-reviews .owl-reviews .item div:first-child + div p {
    margin: 0px 20px 0 20px;
  }
}
/* -- Callout => message d'alert, d'information de la documentation de bootstrap non inclu dans bootstrap.css => http://cpratt.co/twitter-bootstrap-callout-css-styles/ --*/
.alert.alert-dismissable,
.alert.alert-dismissible {
  padding-right: 35px !important;
}

.bs-callout {
  padding: 7px 15px;
  margin: 0px 0 15px 0;
  border-radius: 3px;
  background-color: #fff;
}
.bs-callout i {
  font-size: 30px;
  vertical-align: middle;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  margin-bottom: 0;
}
.bs-callout.alert-dismissible {
  position: relative;
  overflow: auto;
}
.bs-callout.alert-dismissible .cta-alert {
  float: right;
}
.bs-callout.alert-dismissible .close {
  opacity: 1;
  line-height: inherit;
  top: 0;
}
.bs-callout.alert-dismissible .close:hover i {
  color: #666666;
}
.bs-callout.alert-dismissible .close i {
  color: #cccccc;
  font-size: 20px;
}
@media (max-width: 992px) {
  .bs-callout.alert-dismissible {
    padding-right: 5px !important;
  }
  .bs-callout.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .bs-callout.alert-dismissible .cta-alert {
    float: inherit;
  }
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout p span {
  width: auto;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout span {
  display: inline-block;
  width: 85%;
}
.bs-callout span + i {
  font-size: 48px;
  float: right;
}
.bs-callout div {
  margin: 20px 0 0 0;
}
.bs-callout div a.btn {
  margin: 0 10px 0 0;
}
.bs-callout-default h4, .bs-callout-default i {
  color: #2B2550;
}
.bs-callout-success h4, .bs-callout-success i {
  color: #5cb85c;
}
.bs-callout-danger h4, .bs-callout-danger i {
  color: #d9534f;
}
.bs-callout-warning h4, .bs-callout-warning i {
  color: #f0ad4e;
}
.bs-callout-info h4, .bs-callout-info i {
  color: #7190ae;
}

#boardAlertBlock .bs-callout-info h4, #boardAlertBlock .bs-callout-info i {
  color: #00a3b7;
}
#boardAlertBlock .close i {
  color: #cccccc;
}
#boardAlertBlock .close:hover i {
  color: #666666;
}

/* Bulle d'explication informatives  */
.bubble-info {
  position: relative;
  padding: 0px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: #d5d8da solid 1px;
}
.bubble-info:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 13px 13px 13px 0;
  border-color: transparent #fff;
  display: block;
  width: 0;
  z-index: 1;
  left: -13px;
  top: 29px;
}
.bubble-info:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 13px 13px 13px 0;
  border-color: transparent #d5d8da;
  display: block;
  width: 0;
  z-index: 0;
  left: -14px;
  top: 29px;
}

/*  Message informatif dans propositiond de message (popup de demande d'accès)  */
.proposition-msg .conseil {
  display: inline-block;
  margin: 10px 0 15px 0;
}
.proposition-msg .conseil i {
  color: #337ab7;
  font-size: 64px;
  margin: 8px 0 0 0;
  vertical-align: top;
  cursor: pointer;
}
.proposition-msg .conseil .bubble-info {
  display: inline-block;
  width: 60%;
  margin: 0 0 0 18px;
}
.proposition-msg .conseil .bubble-info h6 {
  background: #d5d8da;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 7px 10px;
}
.proposition-msg .conseil .bubble-info p {
  font-size: 13px;
  margin: 0;
  padding: 0 10px 10px 10px;
}

.mui-alert {
  display: flex;
  padding: calc(6 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
  margin-block: calc(16 / var(--baseRem, 10) * 1rem);
  border-radius: calc(8 / var(--baseRem, 10) * 1rem);
  line-height: 1.429;
  letter-spacing: 0em;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  background-color: var(--mui-alert-bgc, transparent);
  color: var(--mui-alert-clr, currentColor);
}
.mui-alert a {
  text-decoration: underline;
}
.mui-alert a, .mui-alert a:visited {
  color: var(--mui-alert-clr, currentColor);
}
.mui-alert > i {
  margin-left: calc(-4 / var(--baseRem, 10) * 1rem);
  margin-right: calc(8 / var(--baseRem, 10) * 1rem);
  padding: calc(7 / var(--baseRem, 10) * 1rem) 0;
  font-size: calc(22 / var(--baseRem, 10) * 1rem);
  opacity: 0.9;
}
.mui-alert > p {
  margin-bottom: 0;
  padding-block: calc(8 / var(--baseRem, 10) * 1rem);
}
.mui-alert--error {
  --mui-alert-clr: #d33;
  --mui-alert-bgc: rgba(221, 51, 51, 0.1);
}

/*  Bloc Media Filae : home page/landing page paywall 20%    */
.media-filae-title {
  font-size: 16px;
  color: #757585;
  text-align: center;
  margin-top: 30px;
}

.media-container {
  display: block;
  max-width: 980px;
  margin: 20px auto 50px auto;
}
.media-container .media-filae {
  width: 100%;
  text-align: justify;
  padding: 0 10px;
  height: 94px;
}
.media-container .media-filae:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.media-container .item {
  display: inline-block;
  text-align: center;
}
.media-container img.tf1 {
  width: 96px;
}
.media-container img.france-tv {
  width: 144px;
}
.media-container img.m6 {
  width: 56px;
}
.media-container img.bfm {
  width: 48px;
}
.media-container img.le-parisien {
  width: 104px;
}
.media-container img.rtl {
  width: 60px;
}
.media-container img.france-inter {
  width: 60px;
}
.media-container img.europe-1 {
  width: 90px;
}
@media (max-width: 480px) {
  .media-container img {
    padding: 0 10px;
  }
  .media-container img.tf1 {
    width: 60px;
  }
  .media-container img.france-tv {
    width: 80px;
  }
  .media-container img.m6 {
    width: 46px;
  }
  .media-container img.bfm {
    width: 46px;
  }
  .media-container img.le-parisien {
    width: 80px;
  }
  .media-container img.rtl {
    width: 47px;
  }
  .media-container img.france-inter {
    width: 45px;
  }
  .media-container img.europe-1 {
    width: 73px;
  }
}
@media (max-width: 768px) {
  .media-container .media-filae {
    width: 100%;
    margin-bottom: 30px;
  }
  .media-container .item {
    display: inline-block;
    width: 24%;
    margin-bottom: 20px;
  }
}

.progress {
  box-shadow: none;
  height: 10px;
  border-radius: 0;
  width: 100%;
  margin-bottom: 15px;
}
.progress.active {
  background-size: 40px 40px;
  animation: progress-bar-stripes 2s linear infinite;
  background-image: linear-gradient(-45deg, #f2f3f4 0%, #f2f3f4 25%, #e4e2e4 25%, #e4e2e4 50%, #f2f3f4 50%, #f2f3f4 75%, #e4e2e4 75%, #e4e2e4);
}
.progress .progress-bar-active {
  animation: none;
  background-image: none;
  background-color: #43C;
}
.progress + p {
  color: #757585;
}

/*  Dark dropdown    */
.dropdown-dark {
  background-color: #333333;
  color: #fff;
  padding: 10px 0;
}
.dropdown-dark .dropdown-header {
  margin: 0;
  color: #aaaaaa;
  font-size: 15px;
  padding: 5px 13px 5px 13px;
}
.dropdown-dark.attach_create_tree_ {
  padding: 15px;
}
.dropdown-dark.attach_create_tree_ .no-thanks-link {
  color: #fff;
}
.dropdown-dark.attach_create_tree_ .no-thanks-link:hover {
  color: #fff;
}
.dropdown-dark li a {
  color: #fff;
  font-size: 15px;
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-dark li a:hover, .dropdown-dark li a:focus {
  background-color: #ff5555;
  color: #fff;
  text-decoration: none;
}

/*  Dropdown menu choix tableau   */
span.dropdown.choix-table {
  margin-left: 4px;
}
span.dropdown.choix-table > a {
  color: #333333;
  display: inline-block;
  margin: 3px 0 0 0;
  padding: 11px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
span.dropdown.choix-table > a:hover {
  background: #d5d8da;
  text-decoration: none;
}
span.dropdown.choix-table > a:focus {
  background: #d5d8da;
  text-decoration: none;
}
span.dropdown.choix-table > a#tri-message {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 7px 10px;
}
span.dropdown.choix-table > a#tri-message .caret {
  margin: 0;
}
span.dropdown.choix-table > a#tri-message .tri-message-text {
  margin-right: 5px;
}
span.dropdown.choix-table .dropdown-menu {
  margin: 16px 0 0 -2px;
}
span.dropdown.choix-table .dropdown-menu > li > a {
  clear: both;
  color: #333333;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}
span.dropdown.choix-table .dropdown-menu > li > a:hover {
  background: #d5d8da;
  color: #333333;
}

@supports (background: -webkit-named-image(i)) { /** Safari */
  .dropdown-tag-v2 .dropdown-toggle {
    min-width: calc(48 / var(--baseRem, 10) * 1rem);
  }
}
a[popover-active=true] + .popover {
  background-color: #323232;
  color: #fff;
}
a[popover-active=true] + .popover.top, a[popover-active=true] + .popover.bottom {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50% !important;
}
a[popover-active=true] + .popover .top {
  top: 100% !important;
}
a[popover-active=true] + .popover .bottom {
  top: 0 !important;
}
a[popover-active=true] + .popover .tooltip-filae .form-group {
  margin-bottom: 6px;
}
a[popover-active=true] + .popover .tooltip-filae .form-group .input-day {
  text-align: center;
  width: 36px;
}
a[popover-active=true] + .popover .tooltip-filae .form-group .dropdown-menu {
  background-color: #323232;
}
a[popover-active=true] + .popover .tooltip-filae .form-group .dropdown-menu > li > a, a[popover-active=true] + .popover .tooltip-filae .form-group .dropdown-menu > li > a:hover {
  background-color: #323232;
  color: #fff;
}
a[popover-active=true] + .popover .tooltip-filae .form-group.input-simple [data-toggle=floatLabel] {
  height: 57px;
  padding-top: 24px;
}
a[popover-active=true] + .popover .tooltip-filae .form-group.input-simple [data-toggle=floatLabel][data-value=""] + label {
  top: 18px;
  z-index: -1;
}
a[popover-active=true] + .popover .tooltip-filae .form-group.input-simple [data-toggle=floatLabel] + label {
  color: #d5d8da;
  font-size: 12px;
  left: 0px;
  top: 7px;
}
a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel],
a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default {
  background-color: #323232 !important;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: #fff;
  border-style: solid;
  color: #fff;
}
a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel]:active, a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel]:focus, a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel]:hover,
a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default:active,
a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default:focus,
a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default:hover {
  border-color: #ff5555;
}
a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default:active, a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default:focus, a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default:hover {
  background-color: #323232 !important;
}
a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default .filter-option {
  color: #fff;
}
a[popover-active=true] + .popover .tooltip-filae .event-select-simple .floatLabelParent + label {
  color: #d5d8da;
  font-size: 12px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 6px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
a[popover-active=true] + .popover .tooltip-filae .event-select-simple .floatLabelParent[data-value="0"] + label {
  top: 18px;
  opacity: 0;
  z-index: -1;
}
a[popover-active=true] + .popover .tooltip-filae .event-select-simple .btn-group.bootstrap-select.select-float {
  height: 55px;
  padding-top: 22px;
}
a[popover-active=true] + .popover .tooltip-filae .event-select-simple .btn-group.bootstrap-select.select-float .dropdown-toggle.btn {
  padding: 2px 30px 2px 0;
}
a[popover-active=true] + .popover .tooltip-filae .event-select-simple .bs-caret {
  position: absolute;
  right: 12px;
}
a[popover-active=true] + .popover .tooltip-filae .btn-small {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 12px;
  height: inherit;
  line-height: 16px;
  margin-top: 20px;
  padding: 7px;
}
a[popover-active=true] + .popover .tooltip-filae .btn-small, a[popover-active=true] + .popover .tooltip-filae .btn-small:hover, a[popover-active=true] + .popover .tooltip-filae .btn-small:active {
  border: none;
}
a[popover-active=true] + .popover .tooltip-filae .error-message {
  margin-bottom: 0;
}
a[popover-active=true] + .popover .tooltip-filae button span.close-btn {
  opacity: 0.5;
}
a[popover-active=true] + .popover .tooltip-filae button span.close-btn:focus, a[popover-active=true] + .popover .tooltip-filae button span.close-btn:hover {
  opacity: 0.75;
}
a[popover-active=true] + .popover .tooltip-filae button.close {
  color: #fbfbfa;
  font-weight: normal;
  opacity: 1;
  text-shadow: none;
}
a[popover-active=true] + .popover .tooltip-filae .tooltip-title {
  font-size: 13px;
}

[data-toggle=popover] + .popover.bottom > .arrow::after {
  border-bottom-color: #323232;
}
[data-toggle=popover] + .popover.top > .arrow::after {
  border-top-color: #323232;
}
[data-toggle=popover] + .popover.left > .arrow::after {
  border-left-color: #323232;
}
[data-toggle=popover] + .popover.right > .arrow::after {
  border-right-color: #323232;
}
[data-toggle=popover] + .popover .popover-content {
  padding: 8px;
}

.wrapper-entre, .wrapper-seul {
  float: right;
  font-size: 12px;
  position: relative;
  text-align: right;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .wrapper-entre a[popover-active=true] + .popover.top, .wrapper-entre a[popover-active=true] + .popover.bottom, .wrapper-seul a[popover-active=true] + .popover.top, .wrapper-seul a[popover-active=true] + .popover.bottom {
    left: 0 !important;
  }
}

.avatar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  height: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: var(--avatar-bgc, #8888ff);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  min-height: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  min-width: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  position: relative;
}
.avatar__initiale {
  font-size: var(--avatar-fs, calc(36 / var(--baseRem, 10) * 1rem));
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.avatar__icon.material-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: var(--avatar-icon-size, calc(24 / var(--baseRem, 10) * 1rem));
  height: var(--avatar-icon-size, calc(24 / var(--baseRem, 10) * 1rem));
  background-color: #2B2550;
  border-radius: 50%;
  bottom: 0;
  font-size: var(--avatar-icon-fs, calc(19 / var(--baseRem, 10) * 1rem));
  position: absolute;
  right: 0;
  top: inherit;
}
.avatar__image {
  width: 100%;
  height: 100%;
  border: var(--avatar-img-border-width, calc(6 / var(--baseRem, 10) * 1rem)) solid var(--avatar-border-clr, #757585);
  border-radius: 50%;
}
.avatar--man {
  --avatar-bgc: #66cccc;
}
.avatar--man .avatar__image, .avatar--man.avatar--empty {
  --avatar-border-clr: #66cccc;
}
.avatar--woman {
  --avatar-bgc: #ff8888;
}
.avatar--woman .avatar__image, .avatar--woman.avatar--empty {
  --avatar-border-clr: #ff8888;
}
.avatar__status {
  --avatar-bgc: #FD7E14;
  font-family: "icomoon";
  position: relative;
}
.avatar__status::before {
  display: block;
  position: absolute;
  content: "\e801";
  font-size: calc(60 / var(--baseRem, 10) * 1rem);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
}
.avatar__status--checked {
  --avatar-bgc: #20C997;
}
.avatar__status--checked::before {
  content: "\e91e";
}
.avatar__status--edit {
  --avatar-bgc: #fff;
  border: 1px solid #adb5bd;
}
.avatar__status--edit::before {
  content: "\e97c";
  color: #adb5bd;
}
.avatar--medium {
  --avatar-size: calc(64 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(24 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(4 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(16 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(12 / var(--baseRem, 10) * 1rem);
}
.avatar--medium .avatar__icon {
  background-color: #fff;
  bottom: 0;
  color: #757585;
  right: 0;
}
.avatar--medium.avatar__status::before {
  font-size: calc(40 / var(--baseRem, 10) * 1rem);
}
.avatar--small, #ExistingAlternativeParents .avatar--known-person, .liste-fratrie .avatar--known-person {
  --avatar-size: calc(36 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(16 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(3 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(14 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(9 / var(--baseRem, 10) * 1rem);
}
.avatar--small .avatar__icon, #ExistingAlternativeParents .avatar--known-person .avatar__icon, .liste-fratrie .avatar--known-person .avatar__icon {
  background-color: #fff;
  bottom: -2px;
  color: #757585;
  right: -2px;
}
.avatar--small.avatar__status::before, #ExistingAlternativeParents .avatar__status.avatar--known-person::before, .liste-fratrie .avatar__status.avatar--known-person::before {
  font-size: calc(20 / var(--baseRem, 10) * 1rem);
}
.avatar--known-person {
  --avatar-size: calc(48 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(22 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(3 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(18 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(12 / var(--baseRem, 10) * 1rem);
}
.avatar--known-person .avatar__icon {
  background-color: #fff;
  bottom: -4px;
  color: #757585;
  right: -3px;
}
.avatar--empty {
  --avatar-bgc: transparent;
  border: 2px dashed #8888ff;
}

.md-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
  font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  /* Input */
  /* Span */
}
.md-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: -1;
  position: absolute;
  left: -10px;
  top: -12px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
  /* Checked, Indeterminate */
}
.md-checkbox__input:focus {
  outline: none !important;
}
.md-checkbox__input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.md-checkbox__input:checked ~ .md-checkbox__span::before, .md-checkbox__input:indeterminate ~ .md-checkbox__span::before {
  border-color: #43C;
  background-color: #43C;
}
.md-checkbox__input:checked ~ .md-checkbox__span::after, .md-checkbox__input:indeterminate ~ .md-checkbox__span::after {
  border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
}
.md-checkbox__input:indeterminate ~ .md-checkbox__span::after {
  border-left: none;
  transform: translate(4px, 3px);
}
.md-checkbox__input:checked:active ~ .md-checkbox__span::before {
  border-color: transparent;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}
.md-checkbox__span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  user-select: none;
  /* Box */
  /* Checkmark */
}
.md-checkbox__span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 1px 11px 3px 1px;
  border: solid 2px; /* Safari */
  border-color: #43C;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}
.md-checkbox__span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  width: 13px;
  height: 7px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(2px, 4px) rotate(-45deg);
}

.md__wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0;
  margin: 0;
  margin-bottom: calc(18 / var(--baseRem, 10) * 1rem);
  min-width: 0;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.md__wrapper.disabled {
  opacity: 0.65;
}
.md__wrapper:not(.fill) {
  z-index: 1;
}
.md__wrapper:not(.fill):not(:focus-within).has-placeholder .md__label {
  display: none;
}
.md__wrapper:not(.fill) .clear-input {
  display: none !important;
}
.md__wrapper.fill:focus-within .clear-input, .md__wrapper.fill:hover .clear-input {
  display: inline-block;
}
.md__wrapper.fill .md__input[type=text]:focus {
  padding-right: calc(30 / var(--baseRem, 10) * 1rem);
}
.md__label {
  background-color: var(--clr-bg-current, #fff);
  color: var(--clr-label, #757575);
  display: block;
  font-size: calc(15 / var(--baseRem, 10) * 1rem);
  font-weight: 400;
  left: 0;
  letter-spacing: 0.00938em;
  line-height: 1;
  margin-bottom: calc(5 / var(--baseRem, 10) * 1rem);
  padding: 0 calc(5 / var(--baseRem, 10) * 1rem);
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(8px, 13px) scale(1);
  transform-origin: top left;
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1);
  z-index: -1;
}
.focus .md__label, .fill .md__label {
  transform: translate(8px, -6px) scale(0.75);
  z-index: 1;
}
.focus .md__label {
  color: var(--clr-interaction, #43C);
}
.md__label--radios {
  color: var(--clr-label, #757575);
  display: block;
  font-size: calc(15 / var(--baseRem, 10) * 1rem * 0.75);
  font-weight: 400;
  letter-spacing: 0.00938em;
  line-height: 1;
  margin-bottom: calc(var(--gap-y, calc(7 / var(--baseRem, 10) * 1rem)) / 2 * 1.25);
}
@media (min-width: 767px) {
  .md__label--radios {
    margin-bottom: calc(var(--gap-y, calc(7 / var(--baseRem, 10) * 1rem)) / 2 * 0.75);
  }
}
.md__base {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #212121;
  cursor: text;
  line-height: 1.1875em;
  position: relative;
  width: 100%;
}
.md__input {
  display: block;
  padding: calc(10 / var(--baseRem, 10) * 1rem);
  margin: 0;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--clr-border, #C3C3C3);
  background: none;
  color: var(--clr-font-current, currentColor);
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 200ms cubic-bezier(0, 0, 0.2, 1), border-width 200ms cubic-bezier(0, 0, 0.2, 1);
  font-size: 16px;
}
.md__input.md__input {
  border-radius: 4px;
}
.md__input.md__input:not(textarea) {
  height: calc(40 / var(--baseRem, 10) * 1rem);
  padding: calc(6.5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
}
.md__input--password {
  padding-right: calc(40 / var(--baseRem, 10) * 1rem);
  position: relative;
}
.md__input:hover {
  border: 1px solid var(--clr-hover, #212121);
}
.md__input:focus {
  outline: 0;
  border-width: 2px;
  border-color: var(--clr-interaction, #43C);
}
.error .md__input {
  border-color: #D9001B;
}
.md__input:disabled {
  cursor: not-allowed;
}
.md__helpertext {
  color: #D9001B;
  display: none;
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
  font-weight: 400;
  letter-spacing: 0.03333em;
  line-height: 1em;
  margin: 8px 0 0;
  min-height: 1em;
  text-align: left;
}
.md__helpertext--alert {
  display: block;
  margin: 0 0 12px;
}
.md__icon {
  position: absolute;
  right: calc(10 / var(--baseRem, 10) * 1rem);
  top: 50%;
  transform: translateY(-50%);
  user-select: none;
}
.error ~ .md__icon {
  transform: translateY(-92%);
}
.md__icon:hover {
  cursor: pointer;
}
.md__picker .profil {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-right: 4px;
}
.md__picker .profil,
.md__picker .profil img {
  width: calc(25 / var(--baseRem, 10) * 1rem);
  height: calc(25 / var(--baseRem, 10) * 1rem);
}
.md__picker .profil img {
  border-width: 2px;
}
.md__picker .initiale {
  font-size: 0.75em;
  letter-spacing: 0.005em;
  font-weight: bold;
}
.md__picker .md__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  padding-right: calc(32.5 / var(--baseRem, 10) * 1rem);
}
.md__picker .md__input:hover {
  cursor: pointer;
}
.md__picker .md__input > p {
  max-width: calc(100% - 24px);
}
.md__picker .md__input p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: calc(5 / var(--baseRem, 10) * 1rem) 0;
}
.md__picker .md__input i {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  color: var(--clr-interaction, #43C);
}
.md__picker--readonly .md__input:hover {
  cursor: initial;
}
.md__picker #nameSosaPersonSearch {
  max-width: calc(100% - (25 / var(--baseRem, 10) * 1rem + 4px + 24px));
}
.md__select .md__label {
  z-index: 3;
}
.md__select:focus-within .md__label {
  color: var(--clr-interaction, #43C);
}
.md__select .dropdown-toggle.btn,
.md__select select {
  height: calc(40 / var(--baseRem, 10) * 1rem);
}
.md__select .dropdown-toggle.btn:hover,
.md__select select:hover {
  border-color: var(--clr-hover, #212121);
}
.md__select .dropdown-toggle.btn, .md__select .dropdown-toggle.btn:hover, .md__select .dropdown-toggle.btn:focus,
.md__select select,
.md__select select:hover,
.md__select select:focus {
  background-color: var(--clr-bg-current, #fff) !important;
}
.md__select .dropdown-toggle.btn {
  padding: calc(6.5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
}
.md__select .dropdown-toggle.btn, .md__select .dropdown-toggle.btn:hover, .md__select .dropdown-toggle.btn:focus {
  color: var(--clr-label, #757575) !important;
}
.md__select .bootstrap-select.open .dropdown-toggle,
.md__select select:focus {
  border-width: 2px;
  border-color: var(--clr-interaction, #43C);
}
.md__select select {
  width: 100%;
  padding: calc(2.5 / var(--baseRem, 10) * 1rem);
  border: 1px solid var(--clr-border, #C3C3C3);
  border-radius: 4px;
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  text-overflow: ellipsis;
}
.md__select .bs-caret {
  margin-left: -4px;
}
.md__select .caret {
  padding: 0 calc(10 / var(--baseRem, 10) * 1rem);
}
.md__select .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 20 / var(--baseRem, 10) * 1rem);
}
.md__select .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: var(--clr-hover, #212121);
}
.md__select .btn-default {
  color: #303f4c;
}
.md__select:hover .btn-default {
  color: var(--clr-interaction, #43C);
}
.md__columns {
  --gap-y: 14px;
}
.md__columns .row {
  margin-right: -7px;
  margin-left: -7px;
}
.md__columns [class*=col-],
.md__columns .col {
  padding-left: 7px;
  padding-right: 7px;
}
.md__columns .md__wrapper {
  margin-bottom: var(--gap-y, 14px);
}
.md__columns .col-radios {
  margin-bottom: calc(var(--gap-y, 14px) * 2 - 5 / var(--baseRem, 10) * 1rem);
}
.md__columns .col-radios .radio-inline {
  margin: 7px 14px 7px 0;
}
.md__columns .tag-v2__row--popup {
  margin-top: 7px;
}
.md__input-with-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.md__input-with-btn > .md__wrapper:not(:only-child):first-child .md__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.md__input-with-btn > .md__wrapper:not(:only-child):last-child {
  min-width: calc(40 / var(--baseRem, 10) * 1rem);
  width: calc(40 / var(--baseRem, 10) * 1rem);
}
.md__input-with-btn > .md__wrapper:not(:only-child):last-child .md__input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.md__input-with-btn > .md__wrapper:not(:only-child) button.md__input {
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.md__input-with-btn > .md__wrapper:not(:only-child) button.md__input:hover i, .md__input-with-btn > .md__wrapper:not(:only-child) button.md__input:active i {
  color: #43C;
}

a.md__picker:hover, a.md__picker:focus, a.md__picker:active {
  text-decoration: none;
}

textarea.md__input {
  padding-right: calc(30 / var(--baseRem, 10) * 1rem);
}

.clear-input {
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
  display: none;
  position: absolute;
  right: calc(8 / var(--baseRem, 10) * 1rem);
  top: 20px;
  z-index: 1;
  padding: 0 0 0 calc(5 / var(--baseRem, 10) * 1rem);
  background-color: var(--clr-bg-current, #fff);
  border: none;
  color: var(--clr-icon, #000);
}
.clear-input:hover, .clear-input:focus, .clear-input:active {
  color: var(--clr-icon-hover, #43C);
}
.clear-input:hover i, .clear-input:focus i, .clear-input:active i {
  opacity: 1;
  pointer-events: none;
}
.clear-input i {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  opacity: 0.6;
}

.md-radio {
  margin: 16px 0;
}
.md-radio.md-radio--inline {
  display: inline-block;
}
.md-radio input[type=radio] {
  display: none;
}
.md-radio input[type=radio]:checked + label:before {
  animation: ripple 0.2s linear forwards;
  border-color: #43C;
}
.md-radio input[type=radio]:checked + label:after {
  transform: scale(1) translateY(-50%);
}
.md-radio label {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 20px;
  margin-bottom: 0;
  padding: 0 30px;
  position: relative;
  user-select: none;
  vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after {
  border-radius: 50%;
  content: "";
  position: absolute;
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
  transition-property: transform, border-color;
}
.md-radio label:before {
  border: 2px solid #43C;
  height: 20px;
  left: 0;
  top: 0;
  width: 20px;
}
.md-radio label:after {
  background: #43C;
  height: 10px;
  left: 5px;
  top: 50%;
  transform: scale(0) translateY(-50%);
  transform-origin: center;
  width: 10px;
}

.md-radios-group {
  --bs-btn-border-radius: pxToRem(8);
}
.md-radios-group .btn {
  border-radius: var(--bs-btn-border-radius);
  padding: calc(5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
}
.md-radios-group .btn-outline-primary {
  --bs-btn-color: #43C;
  --bs-btn-border-color: #43C;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #43C;
  --bs-btn-hover-border-color: #43C;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #43C;
  --bs-btn-active-border-color: #43C;
  --bs-btn-disabled-color: #43C;
  --bs-btn-disabled-border-color: #43C;
}
.md-radios-group .btn-check:focus + .btn, .md-radios-group .btn:focus {
  box-shadow: none;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.md-modal .modal-content {
  border-radius: calc(24 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-header {
  border-bottom: 0;
  padding-top: calc(12 / var(--baseRem, 10) * 1rem);
  padding-right: calc(4 / var(--baseRem, 10) * 1rem);
  padding-bottom: 0;
}
.md-modal .modal-header button {
  display: grid;
  place-content: center;
  width: calc(44 / var(--baseRem, 10) * 1rem);
  height: calc(44 / var(--baseRem, 10) * 1rem);
  margin-top: calc(-8 / var(--baseRem, 10) * 1rem);
  border-radius: 50%;
  border: 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.6392156863);
  float: right;
}
.md-modal .modal-header button:hover, .md-modal .modal-header button:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.md-modal .modal-header button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.md-modal .modal-body {
  padding-block: calc(8 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-title {
  color: #333;
  font-size: calc(20 / var(--baseRem, 10) * 1rem);
  line-height: calc(28 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-footer {
  display: flex;
  flex-direction: row-reverse;
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  padding-top: 0;
}
.md-modal .modal-footer .btn-cta {
  padding: calc(10 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-footer .btn-cta--third {
  border-width: 1px;
}
.md-modal .modal-footer .btn-cta--third, .md-modal .modal-footer .btn-cta--third:hover, .md-modal .modal-footer .btn-cta--third:active, .md-modal .modal-footer .btn-cta--third:focus {
  --btn-cta-border-color: #43C;
}

.skeleton {
  position: relative;
  background-color: #e9ecef;
  overflow: hidden;
}
.skeleton::before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #dee2e6;
  animation: 1.5s skeleton-loading ease-in infinite;
}
.skeleton--text {
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem;
}
.skeleton--text, .skeleton--text::before {
  border-radius: 0.3rem;
}
.skeleton--text:last-child {
  width: 80%;
  margin-bottom: 0;
}

@keyframes skeleton-loading {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.is-loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  /* slightly transparent fallback */
  background-color: rgba(255, 255, 255, 0.9);
  /* if backdrop support: very transparent and blurred */
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .is-loading {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(0.5em);
    backdrop-filter: blur(0.5em);
  }
}

.spinner.load {
  margin: auto;
  width: calc(40 / var(--baseRem, 10) * 1rem);
  height: calc(40 / var(--baseRem, 10) * 1rem);
  border: var(--spinner-border-width, calc(6 / var(--baseRem, 10) * 1rem)) solid var(--spinner-clr, #ff5555);
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 1.6s linear infinite;
}
.spinner.spinner--sm, .spinner.spinner--icon {
  --spinner-border-width: .25em;
  animation-duration: 1.15s;
}
.spinner.spinner--sm {
  width: calc(20 / var(--baseRem, 10) * 1rem);
  height: calc(20 / var(--baseRem, 10) * 1rem);
}
.spinner.spinner--icon {
  width: calc(24 / var(--baseRem, 10) * 1rem);
  height: calc(24 / var(--baseRem, 10) * 1rem);
}
.spinner--grey {
  --spinner-clr: #dee2e6;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.tree-infos {
  --color-sex: #8888ff;
  background-color: #EDEEF6;
}
.tree-infos__person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.tree-infos__person .tree-infos__sex {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}
.tree-infos__sex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.5rem;
  background-color: #fff;
  border: 2px solid var(--color-sex);
  border-radius: 50%;
  color: #757585;
}
.tree-infos__sex .material-icons {
  font-size: 0.9rem;
}
.tree-infos__sex .material-icons:not(.sosa) {
  display: none;
}
.tree-infos__label {
  position: relative;
  margin-left: 0.2rem;
}
.tree-infos__content {
  padding-bottom: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.tree-infos__content p {
  margin-bottom: 0;
}
.tree-infos__content > li {
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.tree-infos__content > li:last-child {
  border-color: transparent;
}
.tree-infos__name {
  position: relative;
  padding-left: 1rem;
}
.tree-infos__name::before {
  display: block;
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  top: 0.5em;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-sex);
}
.tree-infos__event {
  min-width: 6.4rem;
  color: #556677;
}
.tree-infos p {
  word-break: break-word;
}
.tree-infos__toggle[data-toggle=collapse] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1rem 0;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  font-weight: 700;
  cursor: pointer;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 1;
}
.tree-infos__toggle[data-toggle=collapse] > div:first-child .btn-icon {
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.tree-infos__toggle[data-toggle=collapse].collapsed > div:first-child .btn-icon {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tree-infos__toggle[data-toggle=collapse].collapsed .tree-infos__person {
  display: none;
}
.tree-infos__toggle[data-toggle=collapse] .tree-infos__person > p {
  font-size: 1.8rem;
}
.tree-infos__close {
  display: none;
}
.tree-infos__letter-spacing {
  letter-spacing: 1px;
}
.tree-infos .colon {
  display: none;
}
.tree-infos [class*="--man"] {
  --color-sex: #66cccc;
}
.tree-infos [class*="--woman"] {
  --color-sex: #ff8888;
}
.tree-infos--large {
  margin-top: -1px;
}
.tree-infos--large .tree-infos__toggle[data-toggle=collapse] > div:first-child i {
  position: absolute;
  top: calc(12.5 / var(--baseRem, 10) * 1rem);
  transform: translate(-25%, -50%);
}
.tree-infos--large .tree-infos__toggle[data-toggle=collapse] > div:first-child i + span {
  margin-left: calc(20 / var(--baseRem, 10) * 1rem);
}
.tree-infos--large .tree-infos__toggle[data-toggle=collapse].collapsed > div:first-child i {
  transform: translate(-25%, -50%) rotate(270deg);
}
@media screen and (min-width: 480px) {
  .tree-infos--large .tree-infos__label {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .tree-infos--large .tree-infos__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
  .tree-infos--large .tree-infos__content.collapse:not(.in) {
    display: none;
  }
  .tree-infos--large .tree-infos__content > li {
    -webkit-flex-basis: calc(50% - 1.6rem / 2);
    -moz-flex-basis: calc(50% - 1.6rem / 2);
    -ms-flex-preferred-size: calc(50% - 1.6rem / 2);
    flex-basis: calc(50% - 1.6rem / 2);
  }
  .tree-infos--large .tree-infos__content > li:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .tree-infos--large .tree-infos__content > li:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .tree-infos--large .tree-infos__content > li:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .tree-infos--large .tree-infos__content > li:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .tree-infos--large .tree-infos__content > li:nth-child(2), .tree-infos--large .tree-infos__content > li:nth-child(4) {
    border-bottom-color: transparent;
  }
  .tree-infos--large .tree-infos__content > li:nth-child(3), .tree-infos--large .tree-infos__content > li:nth-child(4) {
    margin-left: 1.6rem;
  }
  .tree-infos--large .tree-infos__content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tree-infos--large .tree-infos__content ul li:not(:last-child) {
    margin-right: 0.8rem;
  }
  .tree-infos--large .tree-infos__toggle[data-toggle=collapse] {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .tree-infos--large .tree-infos__toggle[data-toggle=collapse].collapsed .tree-infos__person {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tree-infos--large .colon {
    display: inline-block;
  }
  .tree-infos--large.tree-infos--birth .tree-infos__content > li:last-child {
    border-bottom-color: rgba(255, 255, 255, 0.24);
  }
}
.tree-infos--dark {
  background-color: #2B2550;
}
.tree-infos--dark,
.tree-infos--dark .tree-infos__event {
  color: #fff;
}
.tree-infos--dark .tree-infos__person {
  margin-bottom: 1.6rem;
  gap: 0.8rem;
}
.tree-infos--dark .tree-infos__owner {
  margin-top: calc(18 / var(--baseRem, 10) * 1rem);
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: initial;
  font-weight: 700;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tree-infos--dark .tree-infos__toggle[data-toggle=collapse] {
  padding: calc(16 / var(--baseRem, 10) * 1rem) 0;
}
.tree-infos--dark .tree-infos__toggle[data-toggle=collapse] .btn-icon {
  width: calc(40 / var(--baseRem, 10) * 1rem);
  height: calc(40 / var(--baseRem, 10) * 1rem);
}
.tree-infos--dark.tree-infos--large .tree-infos__person {
  margin-bottom: 0;
}
.tree-infos--dark .avatar {
  width: calc(56 / var(--baseRem, 10) * 1rem);
  height: calc(56 / var(--baseRem, 10) * 1rem);
  min-height: calc(56 / var(--baseRem, 10) * 1rem);
  min-width: calc(56 / var(--baseRem, 10) * 1rem);
}
.tree-infos--dark .avatar .avatar__icon {
  background-color: #2B2550;
  color: #fff;
}
.tree-infos--dark .avatar__initiale {
  font-size: calc(20 / var(--baseRem, 10) * 1rem);
  line-height: normal;
}
.search-footer .tree-infos__toggle {
  padding-right: 2.4rem;
  position: relative;
}
.search-footer .tree-infos__close {
  display: block;
  position: absolute;
  padding: 0;
  top: 1rem;
  right: 0;
  color: #555;
  color: #000;
  opacity: 0.5;
}
.search-footer .tree-infos__close i {
  font-size: 2rem;
}

.card-shadow {
  padding: 0.8rem 1.6rem;
  gap: 1.6rem;
  background-color: #fff;
  border-radius: 0.8rem;
  border: 1px solid rgb(222, 226, 230);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.122);
}

.icon-hint-container {
  position: absolute;
  top: 0;
  left: 0;
  isolation: isolate;
}
.icon-hint-corner {
  position: absolute;
  top: -1px;
  left: -1px;
  font-size: 2.2rem;
  color: #ff5555;
  user-select: none;
  z-index: 1;
  -moz-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%);
}
.icon-hint-corner--secondary {
  color: #00aa99;
}
:not(.icon-hint-corner[style*="display:none"]) + .icon-hint-corner--secondary {
  top: -6px;
  left: 3px;
  z-index: 0;
}
:not(.icon-hint-corner[style*="display:none"]) + .icon-hint-corner--secondary::before {
  display: block;
  position: absolute;
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  background-color: #00aa99;
  border-radius: 2px;
}
.icon-hint-corner::before {
  content: "\e91f";
}
.icon-hint-corner::after {
  display: block;
  position: absolute;
  content: "";
  width: 60%;
  height: 60%;
  top: 1px;
  right: 1px;
  background-color: #fff;
  z-index: -1;
}

.popover-contact {
  margin: calc(8 / var(--baseRem, 10) * 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: calc(16 / var(--baseRem, 10) * 1rem);
  gap: calc(16 / var(--baseRem, 10) * 1rem);
}
.popover-contact .avatar {
  width: calc(56 / var(--baseRem, 10) * 1rem);
  height: calc(56 / var(--baseRem, 10) * 1rem);
  min-width: calc(56 / var(--baseRem, 10) * 1rem);
  min-height: calc(56 / var(--baseRem, 10) * 1rem);
  pointer-events: none;
}
.popover-contact .avatar, .popover-contact .avatar__image {
  border-width: 0;
}
.popover-contact .avatar__initiale {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
}
.popover-contact p {
  margin-bottom: 0;
}
.popover-contact .overflow-hidden > p:first-child {
  margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
.popover-contact .date {
  color: #667788;
}
.popover-contact .date--small {
  font-size: 11px;
  line-height: 20px;
}
.popover-contact .close {
  position: absolute;
  top: calc(4 / var(--baseRem, 10) * 1rem);
  right: calc(6 / var(--baseRem, 10) * 1rem);
  float: none;
  font-size: calc(21 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.popover-contact .close:hover {
  opacity: 0.5;
}
.popover-contact .close i {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  font-weight: 400;
  pointer-events: none;
}
.popover-contact .premium-label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: calc(16 / var(--baseRem, 10) * 1rem);
  height: calc(16 / var(--baseRem, 10) * 1rem);
  position: relative;
  margin-left: calc(2 / var(--baseRem, 10) * 1rem);
}
.popover-contact .premium-label::before {
  display: block;
  position: absolute;
  content: "";
  width: 66%;
  height: 66%;
  background-color: #fff;
  border-radius: calc(20 / var(--baseRem, 10) * 1rem);
}
.popover-contact .icon-premium-badge {
  color: #ff5555;
  font-size: calc(22 / var(--baseRem, 10) * 1rem);
}
.popover-contact__toggle + .popover.bottom > .arrow::after {
  border-bottom-color: #fff;
}
@media (max-width: 532px) {
  .popover-contact__toggle + .popover {
    max-width: calc(100vw - 3.2rem);
  }
}
.popover-contact__toggle[data-placement=top] > .popover {
  top: initial !important;
  bottom: calc(100% + 11 / var(--baseRem, 10) * 1rem) !important;
}
.popover-contact__infos {
  padding-left: calc(16 / var(--baseRem, 10) * 1rem);
  margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
  border-left: 1px solid #dee2e6;
}

/* FAMILY NAMES CSS */
#family-name-container .home .storm-subtitle {
  color: #2B2550;
  font-weight: 700;
  font-size: 20px;
}
#family-name-container .home .popularity-title {
  margin-bottom: 25px;
}
#family-name-container .home .etimology {
  margin: 45px -15px 45px -15px;
}
#family-name-container .home .etimology .etimology-text {
  color: #000000;
  font-size: 16px;
}
#family-name-container .home .etimology .rang-container {
  font-size: 16px;
  color: #303f4c;
}
#family-name-container .home .etimology .rang-container .rang {
  color: #ff5555;
}
#family-name-container .home .fil-family-name {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 16px;
}
#family-name-container .home .fil-family-name .last-name {
  color: #757585;
}
#family-name-container .home .fil-family-name .slash {
  margin: 0 5px;
}
#family-name-container .home .number-family-names-title {
  margin-bottom: 20px;
}
#family-name-container .home .number-family-names-title .number-family-names {
  color: #ff5555;
}
#family-name-container .home .title-family-name {
  margin-top: 0;
  font-size: 32px;
}
#family-name-container .home .progress-family-name {
  border-radius: 100px;
  height: 8px;
  width: 100%;
  margin-bottom: 6px;
}
#family-name-container .home .progress-family-name .progress-bar-family-name {
  background-color: #ff5555;
}
#family-name-container .home .row.is-flex:before, #family-name-container .home .row.is-flex:after {
  display: none;
}
#family-name-container .home .row.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#family-name-container .home .row.is-flex > [class*=col-] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#family-name-container .home #map-canvas {
  margin-top: 0;
  height: 500px !important;
}
#family-name-container .home .family-button-search {
  width: 47px;
  height: 47px;
  background-color: #ff5555;
  border-radius: 100px;
  position: relative;
}
#family-name-container .home .family-button-search .search-icon-container {
  width: 50%;
  height: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#family-name-container .home .family-button-search .search-icon-container i {
  color: #fff;
}
#family-name-container .home #map-div {
  width: 100%;
  height: 450px;
  background-color: grey;
}
#family-name-container .home #sidebar-search-family {
  padding-top: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
#family-name-container .home #sidebar-search-family .search-name-title {
  margin-bottom: 15px;
}
#family-name-container .home #sidebar-search-family .btn-caret-container .btn-caret {
  width: 100%;
  margin-top: 10px;
}
#family-name-container .home #sidebar-search-family .btn-caret-container .btn-caret span {
  margin-left: inherit;
}
#family-name-container .home #sidebar-search-family .btn-caret-container .btn-caret i {
  margin-left: inherit;
}
#family-name-container .home #sidebar-search-family .btn-caret-container:hover {
  text-decoration: none !important;
}
#family-name-container .home #sidebar-search-family .look-for-ancestor-container .look-for-ancestor-title {
  color: #ff5555;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
#family-name-container .home #sidebar-search-family .look-for-ancestor-container .look-for-ancestor-text {
  color: #000000;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}
#family-name-container .home #sidebar-search-family .play-video .beaucarnot-family-img {
  width: 100%;
}
#family-name-container .home #sidebar-search-family .cta-container .btn {
  margin: 15px 0 0px 0;
  width: 100%;
}
#family-name-container .home #sidebar-search-family .cta-container .btn .btn-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
#family-name-container .home .btn-text-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 20px;
}
#family-name-container .home .btn-text-center .btn-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
#family-name-container .home .recherche img {
  margin-top: 38px !important;
}
#family-name-container .home .recherche button#validate {
  margin-top: 25px;
}
#family-name-container .home .engagement-precision {
  text-align: center;
  color: #2B2550;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 10px;
}
#family-name-container .home .subtitle-family-name {
  text-align: center;
  padding: 15px 0;
}
#family-name-container .home .subtitle-family-name h3 {
  font-size: 20px;
}
#family-name-container .home .civil-recensement {
  text-transform: uppercase;
  color: #ff5555;
}
#family-name-container .home .civil-recensement-name {
  font-weight: bold;
  font-size: 25px;
}
#family-name-container .home hr.coral {
  color: #ff5555;
  border-top: 1px solid #ff5555;
  margin-top: 0px;
}
#family-name-container .home .stat-family-container {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}
#family-name-container .home .stat-family-container .number-stat {
  color: #ff5555;
  font-size: 40px;
}
#family-name-container .home .stat-family-container .act a {
  color: #333333;
}
#family-name-container .home .sources h4 {
  color: #ff5555;
  font-weight: 700;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
}
#family-name-container .home .sources h4 + p {
  font-size: 14px !important;
}
#family-name-container .home .source-title {
  line-height: 1.4;
  color: #303f4c;
}
#family-name-container .home .bloc-source-explanation {
  font-size: 20px;
  text-align: center;
  color: #2B2550;
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 35px;
}
#family-name-container .home .source-text {
  width: 75%;
  margin-bottom: 0;
}
#family-name-container .home .bloc-source-container {
  margin: 0px -15px 0px -15px;
}
#family-name-container .home .bloc-source-container .bloc-source {
  margin: 0 0 15px 0;
}
#family-name-container .home .box-stat-title {
  color: #2B2550;
  font-size: 20px;
}
#family-name-container .home .box-stat-container {
  margin-top: 30px;
}
#family-name-container .home .box-stat-container .name-container {
  font-weight: 500;
}
#family-name-container .home .box-stat-container .box-stat-title.ortho-title {
  margin-top: 35px;
}
#family-name-container .home .box-stat-container .born-number-container {
  background-color: #f0f1f3;
  padding-top: 20px;
  padding-bottom: 20px;
}
#family-name-container .home .box-stat-container .born-number-container .born-number {
  color: #ff5555;
  font-size: 30px;
}
#family-name-container .home .box-stat-container .born-number-container .born-text {
  color: #2B2550;
  font-size: 16px;
}
#family-name-container .home .box-stat-container .born-number-container .period {
  color: #1e1e1e;
}
#family-name-container .home .box-stat-container .born-number-container .born-img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
#family-name-container .home .box-stat-container .born-number-container .born-legend {
  font-weight: lighter;
  margin-bottom: 15px;
  font-size: 12px;
}
#family-name-container .home .box-stat-container .born-number-container .lastnameDetailsFlash object {
  width: 100%;
}
#family-name-container .home .box-stat-container .line-rank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#family-name-container .home .box-stat-container .line-rank a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#family-name-container .home .box-stat-container .line-rank div {
  white-space: nowrap;
}
#family-name-container .home .first-name {
  margin-top: 35px;
  margin-bottom: 45px;
  color: black;
}

.family-name-container h1, .family-name-container h2, .family-name-container h3, .family-name-container h4 {
  margin: 0 0 15px 0;
}

@media (max-width: 768px) {
  .bloc-stat-family {
    margin-top: 25px;
  }
}
@media (max-width: 992px) {
  .bloc-source-explanation br {
    display: none;
  }
}
/* Fenêtre "Besoin d'aide" => jquery.mytour.css */
#my-tour-tooltip p.text-left {
  text-align: left;
}

/* DEBUT ajout CSS general-style.css 11/05/2017  */
.container.page .orange-check {
  color: #ff5555;
}
.container.page .resultTable {
  font-size: 14px;
  font-family: "Lato", sans-serif;
}
.container.page .table > tbody > tr > td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.container.page .breadcrumb {
  background-color: #EDEEF6 !important;
  border-radius: 0px;
  border-left: 1px solid rgb(169, 173.7777777778, 212);
  border-right: 1px solid rgb(169, 173.7777777778, 212);
}
.container.page .panel-body .breadcrumb {
  background-color: #fff !important;
}
.container.page .border_bottom {
  margin-left: 0px;
  margin-right: 0px;
}
.container.page #structure-n1 #sourcesTabHeader[style="display: block;"] + #filters .navbar .navbar-nav {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.container.page #structure-n1 .breadcrumb {
  color: #666666;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
.container.page #structure-n1 .breadcrumb li a {
  color: #43C;
}
.container.page #structure-n1 .breadcrumb > li + li:before {
  color: #43C;
}
.container.page #structure-n1 .breadcrumb > .active {
  color: #666666;
}
.container.page .nav > li.disabled > a:hover, .container.page .nav > li.disabled > a:focus {
  cursor: pointer;
}
.container.page .nav > li.disabled.sort > a:hover, .container.page .nav > li.disabled.sort > a:focus {
  cursor: pointer;
}
.container.page .eventCheckbox input {
  float: left;
}
.container.page .sourcesCheckbox input {
  float: left;
}
.container.page #mainPerson, .container.page #withImage, .container.page #withKnownAncestry, .container.page #withSource, .container.page #firstnameVariants {
  float: left;
}
.container.page #evenements .eventCheckbox p {
  margin-left: 18px;
  width: 100%;
}
.container.page #sources .sourcesCheckbox p {
  margin-left: 18px;
  width: 100%;
}
.container.page .dropdown-menu.recently {
  left: auto;
  right: 0;
}

#forgotPasswordForm .BtnReset {
  margin: 25px 0;
}

.archives iframe {
  width: 600px;
  height: 310px;
  display: block;
  margin: auto;
}
@media (max-width: 768px) {
  .archives iframe {
    width: 80%;
  }
}

.img-book {
  width: 100%;
  align-content: center;
  margin-left: 60px;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .img-book {
    margin-left: 0;
  }
}

.list-tools {
  margin-top: 80px;
  background-color: #2B2550;
}

.banner-free-trial-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: fixed;
  z-index: 1000;
  width: 100%;
  min-height: 60px;
  bottom: 0;
  background: #2B2550; /* The Fallback */
  background: rgba(43, 37, 80, 0.9);
  -webkit-animation: heightSlideUp 1s 1;
  -moz-animation: heightSlideUp 1s 1;
  -o-animation: heightSlideUp 1s 1;
  animation: heightSlideUp 1s 1;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-free-trial-container .banner-reduction-img {
  position: absolute;
  top: -24px;
  left: 35px;
  width: 48px;
  height: 48px;
}
@media (max-width: 785px) {
  .banner-free-trial-container .banner-reduction-img {
    position: relative;
    top: 0;
    left: 0;
  }
}
@media (max-width: 955px) {
  .banner-free-trial-container div {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .banner-free-trial-container div span {
    margin-bottom: 10px;
  }
}
@-webkit-keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-ms-keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.banner-free-trial-container div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner-free-trial-container a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.banner-free-trial-container span {
  color: #fff;
  font-size: 21px;
  text-align: center;
}
.banner-free-trial-container .btn-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 0;
  height: 42px;
  margin-left: 30px;
  width: 139px;
  white-space: nowrap;
}
.banner-free-trial-container .btn-action.btn-large {
  padding: 10px 18px;
  font-size: 19px;
  width: auto;
}
.banner-free-trial-container button.close {
  position: absolute;
  transform: translateY(-50%);
  right: 10px;
  top: 50%;
  color: #fff;
  opacity: 1;
  text-shadow: initial;
  z-index: 1005;
}

.search-footer .container.page {
  margin-top: 25px;
}
.search-footer .link-bandeau.marge-banner + .container.page {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .search-footer .link-bandeau.marge-banner + .container.page {
    margin-top: 25px;
  }
}

#searchForm .form-group {
  margin-bottom: 5px;
}
#searchForm .form-group .bootstrap-select .filter-option,
#searchForm .form-group .styled-select {
  color: #333333;
}

#results .orange-check {
  border: 2px solid #11a88b;
  color: #11a88b;
  padding: 2px;
  font-size: 8px;
  font-weight: 900;
  border-radius: 50%;
}
#results .icon-baseline-mail {
  font-size: 20px;
  top: 0;
}
#results .icon-premium-badge {
  font-size: 25px;
  top: -2px;
}
#results .message-img {
  height: 20px;
}
#results #filters .dropdown-menu {
  z-index: 1001;
}

#search-tabs table > thead > tr > th {
  padding: 0 8px;
}
#search-tabs table > thead > tr > th.headerSortBySpouseParent, #search-tabs table > thead > tr > th.headerSortByLastname {
  min-width: 120px;
}
#search-tabs .icon-i-outline-lock {
  color: #757585;
  font-size: 20px;
}
#search-tabs .orange-check {
  border: 2px solid #11a88b;
  color: #11a88b;
  padding: 2px;
  font-size: 8px;
  font-weight: 900;
  border-radius: 50%;
}
#search-tabs .icon-baseline-mail {
  font-size: 20px;
}
#search-tabs .icon-premium-badge {
  font-size: 25px;
}
#search-tabs .message-img {
  height: 20px;
}
#search-tabs .tree-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#search-tabs .tree-name span {
  white-space: nowrap;
  margin-right: 2px;
}
#search-tabs .table > tbody > .search__row {
  display: table-row;
}
#search-tabs .table > tbody > .search__row > td > a, #search-tabs .table > tbody > .search__row > td > a:link, #search-tabs .table > tbody > .search__row > td > a:visited, #search-tabs .table > tbody > .search__row > td > a:hover, #search-tabs .table > tbody > .search__row > td > a:active {
  color: #333333;
}
#search-tabs .table > tbody > .search__row > td > a:focus, #search-tabs .table > tbody > .search__row > td > a:hover {
  text-decoration: none;
}
#search-tabs .table > tbody > .search__row > td > a:visited .highlight-blue-uppercase, #search-tabs .table > tbody > .search__row > td > a:visited .highlight-black {
  color: #767676;
}
#search-tabs .table > tbody > .search__row > td > a.custom-link-visited .highlight-blue-uppercase {
  color: #767676 !important;
}

.badge-premium {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  background-color: #ff5555;
  text-align: center;
  font-weight: 900;
  border-radius: 8px;
  font-size: 11px;
}

#sourcesTab > div > div {
  margin-top: 20px;
}

.row-search {
  margin-right: -2px;
  margin-left: -2px;
  position: relative;
}
.row-search .line {
  margin-bottom: 10px;
  min-height: 44px;
}
.row-search > [class*=col] {
  min-height: auto;
}
.row-search.date #divEventType {
  padding-right: 0;
}
.row-search.date #divEventType .bootstrap-select .btn.dropdown-toggle.btn-default {
  border-top-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 6px;
}
.row-search.date #divFromYear {
  padding: 0;
}
.row-search.date #divToYear,
.row-search.date #divAroundYear {
  padding-left: 0;
}
.row-search.date #inputFromYear,
.row-search.date #inputToYear,
.row-search.date #inputAroundYear {
  border-left-color: transparent;
}
.row-search.date #inputFromYear:focus,
.row-search.date #inputToYear:focus,
.row-search.date #inputAroundYear:focus {
  border-left-color: #66afe9;
}
.row-search.date #inputFromYear {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.row-search.date #inputToYear,
.row-search.date #inputAroundYear {
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 0;
}
.row-search.date .input-lg,
.row-search.date .bootstrap-select .filter-option {
  font-size: 14px;
}
.row-search > [class*=col-] {
  padding-right: 2px;
  padding-left: 2px;
}
@media (max-width: 1201px) and (min-width: 992px) {
  .row-search .col-lg-11 {
    width: 90%;
  }
  .row-search .col-lg-1 {
    width: 10%;
  }
  .row-search .date__select {
    min-width: auto;
  }
  .row-search .date__select .bootstrap-select .filter-option {
    font-size: 13px;
  }
  .row-search .date__select button.dropdown-toggle {
    padding: 0 0 0 2px !important;
  }
  .row-search .date__year {
    max-width: auto;
  }
  .row-search .date__year.col-xs-6.col-sm-8.col-md-8.col-lg-8 {
    max-width: 130px;
  }
  .row-search .date__year .input-lg {
    padding: 2px;
    font-size: 14px;
  }
}
.row-search span + .form-control-feedback {
  height: 41px;
  top: 2px;
  width: 32px;
  line-height: 42px;
  right: 0px;
  margin-right: 3px;
  background-color: #fff;
}
.row-search.input-annee .input-lg {
  height: 49px;
}
.row-search .input-lg {
  height: 44px;
  padding: 10px;
  font-size: 14px;
}
.row-search .input-lg + .form-control-feedback {
  height: 41px;
  top: 2px;
  width: 32px;
  line-height: 42px;
  right: 0px;
  margin-right: 3px;
  background-color: #fff;
}
.row-search .input-lg + .form-control-feedback:hover {
  cursor: pointer;
}
.row-search .input-lg.select {
  padding: 0;
}
.row-search .input-lg.select .bootstrap-select .dropdown-toggle.btn {
  height: 44px;
  padding: 3px 8px;
}
.row-search .input-lg.select .bootstrap-select .dropdown-toggle.btn .filter-option {
  width: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: 0px !important;
    top: -19px;
    left: 0px;
  }
}
.row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle {
  line-height: 31px;
}
.row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
  position: static;
  display: inline;
}
.row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute !important;
  margin: 0px !important;
  top: inherit !important;
  left: inherit;
  right: 0;
  width: auto;
  height: auto;
  border-bottom: 0;
  color: #333333;
}
.row-search .submit-container {
  padding-left: 10px;
}
.row-search .submit-container #submitSearchButton {
  padding: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.row-search .submit-container #submitSearchButton i {
  top: 3px;
}
.row-search .submit-container #clearform i {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  font-size: 23px;
  margin: 10px 0 0 8px;
  padding: 0;
  vertical-align: top;
}
@media (max-width: 768px) {
  .row-search .submit-container {
    text-align: center;
    padding: 20px;
  }
}
.row-search .plusoptions {
  display: inline;
  margin: 0;
  color: #43C;
}
.row-search .plusoptions:focus {
  text-decoration: none;
}
.row-search .plusoptions:focus:hover {
  text-decoration: underline;
}

.row-search .clear-input,
.bloc-recherche .clear-input,
.recherche .clear-input,
.form-search-container .clear-input {
  -moz-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  display: inline-block;
  top: 50%;
  right: 1rem;
  padding: 0 0 0 0.5rem;
  height: calc(100% - 2rem);
  width: initial;
}

.nav-tabs {
  border-bottom: 1px solid rgb(169, 173.7777777778, 212);
  margin-top: 8px;
  margin-right: 3px;
}
.nav-tabs > li {
  margin: 0 0 -1px 0;
}
.nav-tabs > li.active > a {
  color: #333333;
  cursor: default;
  background-color: #e0e2ef;
  border-color: rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-bottom-color: #e0e2ef;
}
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #333333;
  cursor: default;
  background-color: #e0e2ef;
  border-color: rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-bottom-color: #e0e2ef;
}
.nav-tabs > li > a {
  padding: 10px 22px;
  background-color: #464086;
  color: #fff;
  font-weight: bold;
  margin-right: 8px;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  color: #fff;
  background-color: #43C;
  border: 1px solid rgb(169, 173.7777777778, 212);
  border-bottom-color: #43C;
}
.nav-tabs > li > a .badge {
  margin-left: 4px;
}
.nav-tabs > li.tab-btn i {
  display: table-cell;
  vertical-align: middle;
}
.nav-tabs > li.tab-btn a {
  color: #464086;
  background-color: #fff;
  border: 1px solid rgb(169, 173.7777777778, 212);
  border-bottom: 0;
}
.nav-tabs > li.tab-btn a#filterOptionsTag {
  padding: 9px 13px 13px;
}
.nav-tabs > li.tab-btn a#filterOptionsTag i {
  font-size: 20px;
  font-weight: bold;
}
.nav-tabs > li.tab-btn a.btn-faq {
  padding: 9px 18px 9px;
}
.nav-tabs > li.tab-btn a.btn-faq span {
  font-size: 24px !important;
  font-weight: bold;
}
.nav-tabs > li.tab-btn a:focus, .nav-tabs > li.tab-btn a:hover {
  color: #fff;
  background-color: #43C;
}
.nav-tabs > li.tab-reset {
  float: right;
  margin: 0;
}
.nav-tabs > li.tab-reset a {
  color: #dd3333;
  background: none;
  margin-right: 0;
  padding: 10px 0 0 0;
  border: 0;
}
.nav-tabs > li.tab-reset a:focus, .nav-tabs > li.tab-reset a:hover {
  border: 0;
  text-decoration: underline;
}
.nav-tabs > li.tab-reset a i {
  margin-left: 5px;
  font-size: 30px;
  vertical-align: middle;
  margin: -4px 0 5px 5px;
}

#tabs span {
  line-height: 20px;
  font-size: 18px;
  font-family: "Lato", sans-serif;
}
#tabs li.active span {
  color: #333333;
}

.filterbar .popover {
  text-align: center;
  padding-bottom: 7px;
}

.filter-categ {
  color: #61a6ee;
  padding-bottom: 3px;
  padding-left: 17px;
  padding-right: 20px;
  padding-top: 3px;
}

.popover a {
  cursor: pointer;
}

.nav-filtre-1 li a i {
  font-size: 15px;
}

.filterbar .icon-i-resultat-0 {
  display: inline-block;
  margin: 2px 0 0 0;
  font-size: 19px;
}
.filterbar .icon-i-resultat-1, .filterbar .icon-i-resultat-2 {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 13px;
}

.navbar-nav > li > a.pull-right {
  padding-top: 18px;
  padding-bottom: 18px;
}

/* CORRECT FILTER FIRST LINE PADDING */
.filter-container {
  float: right;
  display: block;
  height: 50px;
}
.filter-container > li {
  display: inline-block;
  position: relative;
}
.filter-container .popover_light--container {
  display: block;
  position: absolute;
  left: 50%;
}

.popover_light.filter {
  margin: -7px 0px 0px -4px;
  padding-bottom: 0;
  top: -41px;
  left: 56%;
  display: block;
  width: 127px;
  transform: translateX(-50%);
  z-index: 0;
}

#filters .navbar.filterbar {
  border-bottom: none;
  background-color: #fff;
  font-family: "Lato", sans-serif;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav {
  float: inherit;
  background-color: #e0e2ef;
  border-left: 1px solid rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-right: 1px solid rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li > a {
  color: #333333;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown {
  width: 16.6%;
  padding-right: 6px;
  margin: 5px 0;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.open .dropdown-toggle .title-dropdown {
  color: #43C;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:first-child {
  padding-left: 5px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:last-child {
  padding-right: 5px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding: 10px 26px 10px 10px;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a .caret {
  position: absolute !important;
  margin: 0px !important;
  top: 55%;
  left: inherit;
  right: 5px;
  width: auto;
  height: auto;
  border: 0;
  margin-top: 50vh;
  transform: translateY(-50%);
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a .caret:before {
  content: "\e915";
  font-family: "icomoon";
  font-size: 28px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.value-all i {
  display: none;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle .title-dropdown {
  display: block;
  margin-bottom: 0;
  color: #556677;
  font-size: 13px;
  line-height: 14px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle .title-dropdown i {
  color: #dd3333;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu {
  font-size: 14px;
  list-style: outside none none;
  text-align: left;
  padding: 7px 0;
  margin-top: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid rgb(169, 173.7777777778, 212);
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu .title-dropdown {
  display: none;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
  left: -132px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li {
  display: block;
  position: relative;
  width: auto;
  padding-right: 55px;
}
@media (max-width: 990px) {
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li {
    padding-right: 0;
  }
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li:after {
  content: "";
  display: block;
  clear: left;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a {
  clear: both;
  color: #333333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
  font-size: 14px;
  height: 27px;
  float: left;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a.all {
  color: #43C;
}
@media (max-width: 992px) {
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a + div {
    display: none !important;
  }
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li .btn-flipper {
  position: absolute;
  right: 15px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li .btn {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  width: auto;
  color: #ffffff;
  padding: 3px 10px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li span a {
  position: absolute;
  right: 0;
  top: 4px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a {
  font-size: 15px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a p.disabled {
  color: #a2a9b4;
  cursor: not-allowed;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a:hover {
  color: #43C;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a + div {
  position: absolute;
  right: 0;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown #yearSimpleFilter .dropdown-menu {
  min-width: 170px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle {
  color: #333333 !important;
  opacity: 0.5;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle .title-dropdown {
  color: #556677;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown#namesDropdown > li {
  width: auto;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a {
  background-color: #fff;
  border-color: #445599;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:hover, #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:focus {
  background-color: #fff;
  border-color: #445599;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li {
  margin-right: 10px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #dropdownMenuSelected {
  color: #333333;
  font-size: 14px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li a {
  color: #43C;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li button {
  margin-top: 10px;
  margin-left: 0;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu {
  min-width: auto;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a {
  color: #333333;
  font-size: 14px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:hover, #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:focus {
  color: #43C;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav.center {
  margin-left: auto;
  margin-right: auto;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info {
  color: #ff5555;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info i {
  font-size: 21px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info a {
  color: #ff5555;
  text-decoration: underline;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .caret {
  position: absolute !important;
  margin: 0px !important;
  top: 55%;
  left: inherit;
  right: -6px;
  width: auto;
  height: auto;
  border: 0;
  margin-top: 50vh;
  transform: translateY(-50%);
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .caret:before {
  content: "\e915";
  font-family: "icomoon", sans-serif;
  font-size: 21px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-text:first-child {
  margin-left: 0px;
  color: #757585;
}
#filters .navbar.filterbar.nav-filter-2 #dropdownMenuSelected {
  padding-left: 0;
}
#filters .navbar.filterbar .navbar-text {
  margin-right: 15px;
  margin-left: 15px;
}

#add-spouse-container .remove-field.remove_field:not(.remove_field--inline) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -46px;
}
@media screen and (max-width: 767px) {
  #add-spouse-container .remove-field.remove_field:not(.remove_field--inline) {
    top: -100%;
    transform: translateY(0);
    right: -30px;
  }
}
#add-spouse-container .clonedInput.row-search {
  position: relative;
}
#add-spouse-container .clonedInput.row-search .form-group {
  position: relative;
  margin-bottom: 0px;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .form-control.input-lg.typeparent.selectpickerVal {
  border-radius: 3px;
  color: #333333;
  appearance: none;
  width: 100%;
  text-indent: 1px;
  text-overflow: "";
  line-height: 31px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .form-control.input-lg.typeparent.selectpickerVal:focus {
  outline: none;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side {
  width: 40px;
  position: absolute;
  height: 96%;
  right: 1px;
  top: 1px;
  pointer-events: none;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side:before {
  content: "";
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side .caret {
  border-width: 0;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side i {
  left: 30%;
  top: 50%;
  font-size: 28px;
  position: absolute;
  transform: translateY(-50%);
  background-color: white;
  right: 1px;
}
#add-spouse-container .clonedInput.row-search .preremove-field-container {
  padding-right: 0;
}
@media (max-width: 767px) {
  #add-spouse-container .clonedInput.row-search .preremove-field-container {
    padding-right: 2px;
    padding-left: 2px;
  }
}
#add-spouse-container .clonedInput.row-search .remove-field-container {
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-left: 0;
  text-align: center;
}
#add-spouse-container .clonedInput.row-search .remove-field-container .remove-field {
  display: block;
  color: #43C;
}
#add-spouse-container .clonedInput.row-search .remove-field-container .remove-field i {
  line-height: 40px;
}
@media (max-width: 767px) {
  #add-spouse-container .clonedInput.row-search .remove-field-container {
    padding-right: 2px;
    padding-left: 2px;
  }
  #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field {
    border-radius: 6px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #add-spouse-container .clonedInput.row-search .first-name {
    width: 35%;
    padding-right: 2px;
  }
  #add-spouse-container .clonedInput.row-search .last-name {
    width: 35%;
  }
  #add-spouse-container .clonedInput.row-search .remove-field-container {
    margin: 0;
    width: 5%;
    padding-right: 0px;
    padding-left: 5px;
  }
}
@media (max-width: 992px) {
  #add-spouse-container .clonedInput.row-search .remove-field-container {
    height: 44px;
  }
  #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field {
    margin: 0;
    float: right;
  }
}
@media (max-width: 768px) {
  #add-spouse-container .clonedInput.row-search .align-middle {
    width: 100%;
  }
}

.search_variante {
  background: #ffffff;
  margin: 0;
  border-bottom: 1px solid #d5d8da;
  padding: 14px 0 0 0;
}
.search_variante a {
  color: #43C !important;
}
.search_variante .search_variante-order:first-child {
  margin-bottom: 14px;
}
.search_variante .search_variante-order:first-child li {
  display: inline-block;
  font-size: 16px;
}
.search_variante .search_variante-order:first-child li a {
  font-weight: normal;
  font-size: 12px !important;
}
.search_variante .search_variante-order:first-child li a:before {
  content: "|";
  color: #333333;
  padding: 0 4px;
}
.search_variante .search_variante-order:first-child li:last-child {
  float: right;
  color: rgb(133.7678571429, 142.8928571429, 157.2321428571);
}
.search_variante .search_variante-order:first-child li button {
  margin-top: -6px;
}
.search_variante .search_variante-order:first-child li + li + li a {
  display: none;
}
.search_variante .search_variante-order:first-child li + li + li a.display {
  display: inline-block;
}
.search_variante #displayVar {
  margin-left: 0;
  margin-right: 0;
  border: 1px solid rgb(169, 173.7777777778, 212);
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.search_variante .search_variante-result {
  margin-bottom: 0;
  padding-top: 10px;
  display: inline-block;
  width: 100%;
  max-height: 185px;
  border-top: none;
}
.search_variante .search_variante-result li {
  border-right: 1px solid #cccccc;
  margin: -1px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.search_variante .search_variante-result li:nth-child(4n+4) {
  border-right: 0;
}
.search_variante .search_variante-result li.name label {
  color: #43C !important;
}
.search_variante .search_variante-result li.name span {
  color: #43C;
}
.search_variante .search_variante-result li:last-child {
  margin-bottom: 5px;
}
.search_variante .search_variante-result label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search_variante .search_variante-result label + span {
  float: right;
  margin: 5px 0 5px 10px;
  white-space: nowrap;
}

#group_results_bar_grouped, #group_results_bar_splitted {
  font-size: 13px;
  border-bottom: 1px solid #d5d8da;
  margin: 0 0 10px 0;
  padding: 5px 0 15px 0;
}
#group_results_bar_grouped p, #group_results_bar_splitted p {
  margin: 0;
}

/*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */
.bandeau-acces-gratuit {
  background: #163c8a;
  margin-top: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.bandeau-acces-gratuit:after {
  display: block;
  content: "";
  clear: both;
}
.bandeau-acces-gratuit label.checkbox {
  color: #fff !important;
  display: inline;
  font-size: 18px;
  font-weight: bold !important;
  margin: 0;
  padding: 10px 20px;
  float: left;
}
.bandeau-acces-gratuit label .checkbox-material {
  vertical-align: top;
}
.bandeau-acces-gratuit span.label {
  display: inline;
  float: right;
  font-size: 17px;
  text-transform: uppercase;
  margin: 10px 20px 9px 20px;
}

/* composant Saisie automatique champs : Commune département */
span.twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000 !important;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #d5d8da;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

span.twitter-typeahead .tt-suggestion > p, .twitter-typeahead .tt-suggestion > p, .twitter-typeahead .tt-suggestion div span p {
  display: table-cell;
  padding: 3px 20px;
  margin-bottom: 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.twitter-typeahead .tt-suggestion div span p {
  white-space: normal !important;
  box-sizing: border-box; /* IE9-11 & Edge 12-13 */
  max-width: 100%;
  width: 100%;
}

span.twitter-typeahead .tt-suggestion > p:hover, .twitter-typeahead .tt-suggestion > p:hover, span.twitter-typeahead .tt-suggestion > p:focus, .twitter-typeahead .tt-suggestion > p:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #445599;
  cursor: pointer;
}

button.orange {
  background-color: #ff5555;
}

span.twitter-typeahead .tt-suggestion.tt-cursor p, .twitter-typeahead .tt-suggestion.tt-cursor p {
  color: #fff !important;
  background-color: #445599;
}

#new-message-popup span.twitter-typeahead .tt-suggestion.tt-cursor p:not(.initiale), #new-message-popup .twitter-typeahead .tt-suggestion.tt-cursor p:not(.initiale) {
  color: #333 !important;
}

span.twitter-typeahead .tt-suggestion.tt-cursor .incrementation-contact p, .twitter-typeahead .tt-suggestion.tt-cursor .incrementation-contact p, .new-message-popup .twitter-typeahead .tt-suggestion.tt-cursor {
  background-color: transparent;
}

span.twitter-typeahead, .twitter-typeahead {
  width: 100%;
}

.moteur-search-beta span.twitter-typeahead, .moteur-search-beta .twitter-typeahead {
  background: #fff !important;
}

.input-group span.twitter-typeahead, .input-group .twitter-typeahead {
  display: block !important;
}

.input-group span.twitter-typeahead .tt-dropdown-menu, .input-group .twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}

.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu, .input-group.input-group-lg .twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}

.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu, .input-group.input-group-sm .twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}

span.centrage-lien {
  margin: 0 0 0 -43px;
  background-color: rgba(243, 243, 243, 0.6);
}

.champs-periode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.champs-periode div.marge-top10px-768 {
  padding: 0 0 0 15px;
}

.champs-periode div.marge-top10px-768:first-child {
  padding: 0;
  width: 50%;
}

.champs-periode div.marge-top10px-768:last-child {
  padding: 0 0 0 15px;
}

/* Sous 1200px */
@media (max-width: 1200px) {
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
    left: -172px;
  }
}
/* Sous 992px */
@media (max-width: 992px) {
  .nav-tabs > li > a {
    padding: 10px 10px;
    margin-right: 4px;
  }
  .nav-tabs > li.tab-btn a#filterOptionsTag {
    padding: 9px 13px 12px;
  }
  .nav-tabs > li.tab-btn a.btn-faq {
    padding: 9px 18px 8px;
  }
  #tabs span {
    font-size: 15px;
  }
  .search_variante .search_variante-result li {
    border-right: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
    left: -173px;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */
  .bandeau-acces-gratuit span.label {
    display: none;
  }
  .bandeau-acces-gratuit label.checkbox {
    font-size: 16px;
  }
}
/* Sous 768px */
@media (max-width: 768px) {
  .nav-tabs {
    margin-top: 0;
  }
  .nav-tabs > li > a {
    padding: 10px 6px;
    margin-right: 2px;
  }
  .nav-tabs > li.tab-btn a#filterOptionsTag {
    padding: 12px 8px 11px;
  }
  .nav-tabs > li.tab-btn a#filterOptionsTag i {
    font-size: 18px;
  }
  .nav-tabs > li.tab-btn a.btn-faq {
    padding: 9px 13px 9px;
  }
  .nav-tabs > li.tab-btn a.btn-faq span {
    font-size: 21px !important;
  }
  .nav-tabs > li.tab-reset a i {
    font-size: 26px;
    margin: -4px 0 5px 2px;
  }
  #tabs span {
    font-size: 14px;
  }
  #tabs span span {
    display: none;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav {
    border-bottom: 1px solid rgb(169, 173.7777777778, 212);
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown {
    width: 100%;
    padding-right: 0;
    margin: 0;
    border-bottom: 1px solid rgb(169, 173.7777777778, 212);
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:first-child {
    padding-left: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:last-child {
    padding-right: 0;
    border-bottom: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a {
    background-color: #e0e2ef;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 5px 7px;
    font-size: 14px;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu {
    padding: 0 0 3px 0;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    border: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
    left: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters {
    padding: 6px 0 6px 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li {
    width: 100%;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a:hover {
    background: #fff;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle {
    background: hsl(233.3333333333, 33.3333333333%, 144.7058823529%);
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:hover, #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:focus {
    background-color: #EDEEF6;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: auto;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li {
    display: inline-block;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li a {
    margin-top: 5px;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li button {
    margin: 0;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a {
    color: #333333;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:hover, #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:focus {
    color: #43C;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #dropdownMenuSelected {
    display: none;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #orderFilter {
    padding-left: 0;
    margin-left: -15px;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav + .navbar-nav > li:first-child {
    display: none;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav + .navbar-nav > li:last-child {
    margin: 10px 0 0 0;
  }
  #filters .navbar.filterbar .navbar-text {
    margin-right: 15px;
    margin-left: 15px;
  }
}
/* Sous 480px */
@media (max-width: 480px) {
  .nav-tabs > li {
    margin: 0 0 -1px 0;
  }
  .nav-tabs > li.tab-reset span {
    display: none;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */
  .bandeau-acces-gratuit img {
    display: none;
  }
  .bandeau-acces-gratuit label.checkbox {
    font-size: 14px;
  }
}
.recensement-container.SeoSem .recherche {
  height: auto !important;
}
.recensement-container.SeoSem .exclusive-badge-container {
  position: absolute;
  right: 0;
  height: 100px;
  width: 100px;
  border-radius: 100%;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  top: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.recensement-container.SeoSem .exclusive-badge-container .exclusive-badge {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
@media screen and (max-width: 992px) {
  .recensement-container.SeoSem .exclusive-badge-container {
    position: absolute;
    left: 0;
    top: 6px;
    transform: translateY(-100%);
    width: 48px;
    height: 48px;
    margin: 0;
  }
}
.recensement-container.SeoSem .archives .img-archives-tools {
  width: 50%;
  height: 650px;
  float: right;
  margin-top: 80px;
  background-position: center;
  background-size: 870px 650px;
  background-image: url(/v4/genealogie/Content/img/genealogie-recherche-archives.jpg);
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .recensement-container.SeoSem .archives .img-archives-tools {
    width: 100%;
  }
}
.recensement-container.SeoSem .BlocJLB {
  margin: 35px 0;
}
.recensement-container.SeoSem .BlocJLB .quote {
  color: #ff5555;
  font-style: italic;
  font-size: 30px;
}
.recensement-container.SeoSem .BlocJLB .quote-author {
  color: dimgrey;
  font-size: 14px;
}
.recensement-container.SeoSem .video-container {
  margin: 35px 0;
}
.recensement-container.SeoSem .app-screen {
  width: 100%;
  border: 2px solid #d5d8da;
}
.recensement-container.SeoSem .subtitle-recensement {
  font-size: 20px;
  margin-bottom: 30px;
}
.recensement-container.SeoSem .subtitle-recensement-2 {
  padding: 10px 30px;
}
.recensement-container.SeoSem .presentation-app h1 {
  margin-top: 75px;
}
.recensement-container.SeoSem .presentation-app .explanation-subtitle {
  margin: 25px 0;
}
.recensement-container.SeoSem .presentation-app .explanation-text {
  margin-bottom: 20px;
}
.recensement-container.SeoSem .presentation-app .txt-recensement {
  text-align: left;
}
.recensement-container.SeoSem .presentation-app .txt-recensement .explanation-subtitle {
  text-align: left;
  font-size: 23px;
  color: #303f4c;
}
.recensement-container.SeoSem .presentation-app .txt-recensement .explanation-text {
  font-size: 16px;
  color: #303f4c;
  text-align: left;
}
.recensement-container.SeoSem .map-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-top: 30px;
}
.recensement-container.SeoSem .map-section-02 {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .recensement-container.SeoSem .map-section {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: block;
  }
}
.recensement-container.SeoSem .map-section .bloc-stat-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 33%;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .stat-container {
  font-size: 24px;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .stat-bloc {
  text-align: center;
  font-weight: bold;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .stat-bloc .number-recensement {
  color: #ff5555;
  text-align: center;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .stat-bloc .legend-number {
  color: #2B2550;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .separator-bloc {
  border-top: 2px solid #2B2550;
  width: 50px;
  margin: 20px auto;
  display: block;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map {
    margin-bottom: 40px;
  }
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .legend {
  text-align: center;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #2B2550;
  border: 1px solid #d5d8da;
  margin-right: 10px;
  vertical-align: text-top;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-01 {
  background-color: #4975e2;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-02 {
  background-color: #ed3737;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-03 {
  background-color: #f784b3;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-04 {
  background-color: #65e58c;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-05 {
  background-color: #fc8663;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-06 {
  background-color: #f4cf64;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-07 {
  background-color: #a881f2;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-08 {
  background-color: #042daf;
}
.recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-09 {
  background-color: #44824e;
}
@media screen and (max-width: 767px) {
  .recensement-container.SeoSem .map-section .bloc-stat-container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: block;
  }
}
.recensement-container.SeoSem .map-section .map-container {
  width: 67%;
}
.recensement-container.SeoSem .map-section .map-container .map {
  display: block;
  margin: 0 auto;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .recensement-container.SeoSem .map-section .map-container .map {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .recensement-container.SeoSem .map-section .map-container {
    position: relative;
    width: 100%;
    display: block;
  }
}
.recensement-container.SeoSem .media .media-title {
  margin-top: 30px;
  margin-bottom: 30px;
  color: dimgrey;
  font-size: 20px;
}

#andriveau-container .card-wedding.container .card-container-wedding .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  #andriveau-container .card-wedding.container .card-container-wedding .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    padding: 0 15px !important;
  }
}

.SeoSem .recherche.recherche-andriveau {
  padding-bottom: 10px !important;
  height: auto !important;
  margin-bottom: 0 !important;
}

#andriveau-container .subtitle-search sup {
  font-size: 16px;
}
#andriveau-container .exclu {
  color: #ff5555;
}
#andriveau-container .search-button-container {
  margin-top: 20px;
  margin-bottom: 15px;
}
#andriveau-container .search-button-container .btn-large {
  font-size: 20px;
  padding: 10px 18px;
}
@media (max-width: 767px) {
  #andriveau-container .search-button-container .btn-large {
    width: inherit;
  }
}
#andriveau-container .video-container .subtitle {
  font-size: 40px;
  text-align: center;
  margin-top: 35px;
}
#andriveau-container .video-container .legend-andriveau {
  text-align: center;
  font-size: 22px;
  margin: 0 15px;
  color: #303F4C;
}
@media (max-width: 1020px) {
  #andriveau-container .video-container .legend-andriveau br {
    display: none;
  }
}
#andriveau-container .video-container iframe {
  width: 550px;
  height: 310px;
  display: block;
  margin: 70px auto 80px auto;
}
@media (max-width: 768px) {
  #andriveau-container .video-container iframe {
    width: 80%;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  #andriveau-container .card-wedding.container {
    width: 90%;
  }
}
#andriveau-container .card-wedding.container .card-container-wedding {
  background-color: black;
  color: #fff;
  background-image: url(/v4/genealogie/Content/img/andriveau/card-archive.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: auto;
  display: table;
  /* Media queries on 769px to make breakpoint earlier and have good view on tablet */
}
@media (max-width: 769px) {
  #andriveau-container .card-wedding.container .card-container-wedding {
    background-image: url(/v4/genealogie/Content/img/andriveau/card-archive-responsive.png);
    background-size: container;
  }
}
@media (max-width: 480px) {
  #andriveau-container .card-wedding.container .card-container-wedding {
    background-size: contain;
  }
}
#andriveau-container .card-wedding.container .card-container-wedding .img-bg-height {
  /* Media queries on 769px to make breakpoint earlier and have good view on tablet */
}
@media (max-width: 769px) {
  #andriveau-container .card-wedding.container .card-container-wedding .img-bg-height {
    height: 350px;
    width: 100%;
  }
}
#andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container {
  background-color: black;
  /* Media queries on 769px to make breakpoint earlier and have good view on tablet */
}
@media (max-width: 769px) {
  #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container {
    width: 100%;
  }
}
#andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table {
  display: table;
}
@media (max-width: 480px) {
  #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table [class*=col-] {
    width: 100%;
  }
}
#andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table [class*=col-] {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
#andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table .wedding-text-column {
  height: 100%;
}
#andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container {
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 480px) {
  #andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container .wedding-title {
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
}
#andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container .wedding-text {
  color: #fff;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.3;
}
#andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container .wedding-text .wedding-highlight {
  color: #ff5555;
}
#andriveau-container .card-wedding.container .card-container-wedding .card-img {
  width: 100%;
}
#andriveau-container .stat-container {
  margin-top: 40px;
  margin-bottom: 40px;
}
#andriveau-container .stat-container .bloc-stat-container {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #2B2550;
}
#andriveau-container .stat-container .bloc-stat-container.left {
  border-right: 1px solid #2B2550;
}
#andriveau-container .stat-container .bloc-stat-container.right {
  border-left: 1px solid #2B2550;
}
@media (max-width: 767px) {
  #andriveau-container .stat-container .bloc-stat-container {
    width: 180px;
    display: block;
    margin: 0px auto;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  #andriveau-container .stat-container .bloc-stat-container.left {
    border-bottom: 1px solid #2B2550;
    border-right: 0;
  }
  #andriveau-container .stat-container .bloc-stat-container.middle {
    border-bottom: 1px solid #2B2550;
  }
  #andriveau-container .stat-container .bloc-stat-container.right {
    border-left: 0;
  }
}
#andriveau-container .stat-container .bloc-stat-container .stat {
  color: #ff5555;
}
#andriveau-container .stat-container .bloc-stat-container .stat.storm {
  color: #2B2550;
}
#andriveau-container .fond-andriveau-origin {
  margin-bottom: 20px;
}
#andriveau-container .fond-andriveau-origin .subtitle {
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 25px;
}
#andriveau-container .fond-andriveau-origin .origin-text {
  font-size: 15px;
  margin-bottom: 20px;
}
#andriveau-container .fond-andriveau-origin .origin-link {
  font-size: 15px;
}
@media (max-width: 767px) {
  #andriveau-container .fond-andriveau-origin .origin-link {
    margin-bottom: 20px;
    display: block;
  }
}
#andriveau-container .fond-andriveau-origin .bloc-lagoon-container {
  background-color: #00a3b7;
  color: #fff;
}
#andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-img {
  width: 100%;
}
#andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-content {
  padding: 0 20px 15px 20px;
}
#andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-content .insurrection-subtitle {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
}
#andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-content .insurrection-text {
  font-size: 16px;
}
#andriveau-container .conclusion {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #2B2550;
  margin-top: 90px;
  margin-bottom: 90px;
}

/* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */
.section-outlined {
  --spacer: 2rem;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #d5d8da;
  font-size: 1.4rem;
}
.section-outlined > [data-toggle=collapse] {
  font-size: 1.9rem;
  cursor: pointer;
  margin: 0;
}
.section-outlined > [data-toggle=collapse] [class^=icon] {
  float: right;
  font-size: 2.5rem;
}
.section-outlined > [data-toggle=collapse]:not(.collapsed) [class^=icon] {
  transform: rotate(-180deg);
}
.section-outlined > [data-toggle=collapse] + * {
  padding-top: var(--spacer, 1rem);
}
.section-outlined h5 {
  margin-bottom: 1.6rem;
  font-weight: 700;
  font-size: 1.3rem;
}

.option-arbre {
  margin-bottom: 2.4rem;
  height: auto;
  min-height: auto;
}
.option-arbre > div {
  margin: 0;
}
.option-arbre a.btn {
  margin: 20px 0 0;
}
.option-arbre a.btn.btn--toggle-delete {
  margin: 0;
  float: right;
}
.option-arbre h1 + p {
  color: #757585;
  font-size: 14px;
  margin: 0 0 38px 0;
}
.option-arbre h4 {
  font-size: 28px;
}
.option-arbre .tab-content {
  margin: 0 0 3.6rem 0;
}

.btn.btn-error {
  border: 1px solid #fff;
  background-color: #D9001B;
  color: #fff;
}
.btn.btn-error:hover, .btn.btn-error:focus, .btn.btn-error:active {
  border-color: #fff;
  background-color: rgb(204.25, 0, 25.41359447) !important;
  color: #fff;
}
.btn.btn-error--outlined {
  border: 1px solid #D9001B;
  background-color: transparent;
  color: #D9001B;
}
.btn.btn-error--outlined:hover, .btn.btn-error--outlined:focus, .btn.btn-error--outlined:active {
  border-color: #fff;
  background-color: #D9001B !important;
  color: #fff;
}

[class*=btn-error].btn.disabled {
  opacity: 0.4;
}

.parametre {
  --spacer-flow: 2rem;
  margin-top: 1.6rem;
}
.parametre .radio p {
  margin-bottom: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.parametre .radio + .radio {
  margin-bottom: 13px;
}
.parametre .radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.parametre .radio-group > .radio {
  margin-top: 5px;
}
.parametre .radio-group > .radio:not(:last-child) {
  margin-right: 2rem;
}
.parametre .arb-prive-interdit.checkbox {
  margin: 0 0 0 17px;
}
.parametre .checkbox.disabled {
  opacity: 0.65;
  pointer-events: none;
}
.parametre h4.titre-marge-top i {
  color: #337ab7;
  margin: 0 0 2px 8px;
  vertical-align: bottom;
  font-size: 28px;
}

#formParams {
  margin-top: 1.25rem;
}

#privacyArea .privacy > * {
  margin: 0;
}
#privacyArea .privacy > * + * {
  margin-top: 1rem;
}
#privacyArea .privacy > * label p + p {
  margin-bottom: 0.75rem;
}

.privacy a.information[data-toggle=collapse] {
  margin-left: 0;
}
.privacy a.information[data-toggle=collapse]:before {
  content: none;
}
.privacy a.information[data-toggle=collapse] + *.collapse, .privacy a.information[data-toggle=collapse] + *.collapsing {
  padding-left: 1.25rem;
  margin: 1rem 0 0 0;
  border-left: 1px solid #43C;
  color: #757585;
}

.gedcom .import-gedcom p {
  font-weight: bold;
  margin: 20px 0 20px 0;
}

.parametre .suppression-arbre .checkbox {
  margin: 0 0 0.75rem 0;
}

.gedcom .import-gedcom .checkbox {
  margin: 0 0 20px 0;
}

.suppression-arbre .bold {
  color: #D9001B;
}

#inputSendingDate {
  padding-top: 0;
  height: 43px;
  margin-top: 19px;
}
#inputSendingDate:hover {
  cursor: pointer;
}
#inputSendingDate:hover ~ #sendingDateCaret {
  color: #ff5555;
}

#sendingDateCaret {
  margin-top: 19px;
  cursor: pointer;
}

[data-target="#suppression-arbre-container"] i:first-of-type {
  font-size: inherit;
  color: #D9001B;
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

/* -- Liste des individus --*/
.liste-individus h1 + p,
.liste-lieu h1 + p {
  color: #757585;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 38px 0;
}
.liste-individus h1 i,
.liste-lieu h1 i {
  color: #757585;
}
.liste-individus #treeName,
.liste-lieu #treeName {
  margin-top: 0;
}
.liste-individus ul.letters,
.liste-lieu ul.letters {
  margin: 13px 0 15px;
}
.liste-individus .letters a,
.liste-lieu .letters a {
  cursor: pointer;
  font-size: 16px;
  padding: 2px 5px 3px;
  text-decoration: none;
  color: #445599;
}
@media (max-width: 1198px) {
  .liste-individus .letters a,
  .liste-lieu .letters a {
    padding: 2px 2.8px 3px !important;
  }
}
.liste-individus .letters li,
.liste-lieu .letters li {
  display: inline-block;
}
@media (max-width: 733px) {
  .liste-individus .letters li,
  .liste-lieu .letters li {
    margin-bottom: 6px;
  }
}
.liste-individus .letters li.active a,
.liste-individus .letters li a:hover,
.liste-lieu .letters li.active a,
.liste-lieu .letters li a:hover {
  background: #2B2550 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  padding: 2px 5px 3px;
}
.liste-individus .letters li.no-active a, .liste-individus .letters li.no-active a:hover,
.liste-lieu .letters li.no-active a,
.liste-lieu .letters li.no-active a:hover {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  color: #A0B4D2;
  padding: 2px 5px 3px;
}
.liste-individus .person-number,
.liste-lieu .person-number {
  margin: 16px 0 0 -15px;
  color: #757585;
  font-size: 15px;
  font-weight: bold;
  float: right;
}
.liste-individus .table-individus,
.liste-lieu .table-individus {
  margin-top: 10px;
  width: 100% !important;
}
.liste-individus .table-individus thead th.nom-individu,
.liste-lieu .table-individus thead th.nom-individu {
  text-align: left;
}
.liste-individus .table-individus thead th.ordre,
.liste-lieu .table-individus thead th.ordre {
  padding: 15px 0 10px;
}

.liste-lieu #treeName,
.liste-lieu #goToTreeLink {
  margin-top: 30px;
}

.liste-individus h4,
.liste-lieu h4,
.search-tracking h4 {
  font-size: 28px;
  font-weight: bold;
}

.liste-individus .table-individus thead th {
  text-align: left;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .liste-individus .table-individus thead th.profil-individu {
    padding: 10px 0 10px 18px;
  }
}

.liste-lieu .table-individus thead th {
  text-align: center;
}

.table-individus .profil-individu .profil, .table-condensed .profil-individu .profil {
  height: 32px;
  width: 32px;
}
.table-individus .profil-individu .profil.image img, .table-condensed .profil-individu .profil.image img {
  height: 32px;
  width: 32px;
  border-width: 0;
}
.table-individus .profil-individu .profil.image.femme img, .table-condensed .profil-individu .profil.image.femme img {
  border-color: #ff8888;
  border-width: 2px;
}
.table-individus .profil-individu .profil.image.homme img, .table-condensed .profil-individu .profil.image.homme img {
  border-color: #66cccc;
  border-width: 2px;
}
.table-individus .profil-individu .profil i, .table-condensed .profil-individu .profil i {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 11px;
  padding: 2px;
  position: relative;
  margin: -13px -3px 0 0;
}
.table-individus .profil-individu .profil i.ss-img, .table-condensed .profil-individu .profil i.ss-img {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 11px;
  padding: 2px;
  position: relative;
  margin: -6px -3px 0 0;
}
.table-individus .profil-individu .profil .initiale, .table-condensed .profil-individu .profil .initiale {
  color: #fff;
  font-size: 13px;
  font-weight: bolder;
  margin: 0;
  padding: 6px 0 0;
  text-align: center;
}
.table-individus .profil-individu a:hover, .table-individus .profil-individu a:focus, .table-individus .profil-individu a:active, .table-condensed .profil-individu a:hover, .table-condensed .profil-individu a:focus, .table-condensed .profil-individu a:active {
  text-decoration: none;
}

.table-individus.table-hover > tbody > tr:hover .ss-img {
  background: #f5f5f5 none repeat scroll 0 0;
}

.liste-individus .table-responsive {
  border: 0;
}
.liste-individus .table-individus .nom-individu p {
  margin: 6px 0 0 0;
}
.liste-individus .table-individus .nb-text p {
  text-align: center;
  color: #445599;
}
.liste-individus .table-individus .nb-indice {
  text-align: center;
}
.liste-individus .table-individus .nb-indice a {
  text-decoration: none !important;
}
.liste-individus .table-individus .nb-indice div {
  width: auto;
  display: inline-block;
}
.liste-individus .table-individus .nb-indice p {
  text-align: center;
  color: #fff;
  background: #11a88b none repeat scroll 0 0;
  border-radius: 11px;
  width: auto;
  padding: 2px 7px;
}
.liste-individus .table-individus .nb-indice.coral p {
  background: #ff5555 none repeat scroll 0 0;
}
.liste-individus .table-individus.table_correspondances td {
  padding: 8px 10px 8px 17px;
}
.liste-individus .table-individus.table_correspondances .nom-individu span {
  display: block;
  color: #43C;
}
.liste-individus .table-individus.table_correspondances a {
  color: #667788;
  text-decoration: none;
}
.liste-individus .dataTables_processing {
  top: 7% !important;
}

.liste-individus .confidentialite h4 i {
  color: #337ab7;
  vertical-align: top;
  margin: 2px 0 0 0;
}

/* -- Confidentialite --*/
.confidentialite h4 + div.row > div > p + ul li:before {
  content: "\e67d";
  font-family: "icomoon", sans-serif;
  font-size: 7px;
  margin: 0 4px 0 0;
  vertical-align: middle;
}
.confidentialite .radio label {
  height: 150px;
}
.confidentialite .person {
  height: 127px;
  width: 80px;
  cursor: initial;
  padding: 12px 4px 5px;
}
.confidentialite .person:hover {
  background: #fff;
}
.confidentialite .person .identite.confidentielle .nom {
  font-weight: normal;
  text-transform: inherit;
}
.confidentialite .person .face i {
  color: #fff;
  vertical-align: middle;
}
.confidentialite .preference .preference i {
  color: #757585;
  font-size: 24px;
  margin: -3px 0 0;
  vertical-align: top;
}
.confidentialite .preference a {
  color: #333333;
  font-size: 14px;
}
.confidentialite .preference a.information[data-toggle=collapse] + div.collapse, .confidentialite .preference a.information[data-toggle=collapse] + div.collapsing {
  margin: 0;
}
.confidentialite h4.titre-marge-top {
  display: inline-block;
}
.confidentialite h4.titre-marge-top + .btn {
  display: inline-block;
  float: right;
  margin: 42px 0 0 0;
}
.confidentialite .individu-confidentiel {
  margin-top: 20px;
  width: 100% !important;
}
.confidentialite .individu-confidentiel thead {
  border-top: 1px solid #757585;
}
.confidentialite .individu-confidentiel thead th .checkbox {
  margin: 0;
}
.confidentialite .individu-confidentiel thead th.ordre {
  padding: 15px 0 10px;
}
.confidentialite .individu-confidentiel .profil-individu .profil {
  height: 32px;
  width: 32px;
}
.confidentialite .individu-confidentiel .profil-individu .profil.image img {
  height: 32px;
  width: 32px;
  border-width: 0;
}
.confidentialite .individu-confidentiel .profil-individu .profil .initiale {
  color: #fff;
  font-size: 13px;
  font-weight: bolder;
  margin: 0;
  padding: 8px 0 0;
  text-align: center;
}
.confidentialite .individu-confidentiel .nom-individu {
  width: 90%;
}
.confidentialite .individu-confidentiel .nom-individu p {
  margin: 6px 0 0 0;
}
.confidentialite .no-individu {
  text-align: center;
  border-top: 1px solid #757585;
  margin: 11px 0 0 0;
}
.confidentialite .no-individu i {
  color: #757585;
  font-size: 75px;
  margin: 50px 0 24px;
}
.confidentialite .no-individu p {
  color: #757585;
  font-size: 30px;
  margin: 0 0 25px;
}

.dataTables_wrapper {
  position: relative;
  /* clear: both; */
  /* zoom: 1; */
  display: block;
  width: 100%;
  /*-- Pagination Jquery pour le tableau de confidentialité */
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #ccc !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  margin-left: -1px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  background: #eeeeee !important;
  color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border-right: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border-left: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current, .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
  background: #445599 !important;
  border: 0;
  color: #fff !important;
}

/* -- Invitation -- */
.invitations div.row:first-child a {
  float: right;
}
.invitations span.dropdown.choix-table .dropdown-menu {
  margin: 16px 0 0;
}
.invitations table {
  border-top: 1px solid #d5d8da;
  margin: 10px 0 0;
}
.invitations table.messagerie-table tr .pseudo-table {
  width: 40%;
}
.invitations table.messagerie-table tr .pseudo-table p {
  font-size: 15px;
  line-height: 23px;
  font-weight: bold;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.invitations table.messagerie-table thead tr th:nth-child(3) {
  padding-left: 8px;
}
.invitations table.messagerie-table thead tr th:nth-child(3):hover, .invitations table.messagerie-table thead tr th:nth-child(4):hover, .invitations table.messagerie-table thead tr th:nth-child(5):hover {
  opacity: 1;
  cursor: default;
}
.invitations .table.messagerie-table {
  /* -- Switch tableau --*/
}
.invitations .table.messagerie-table td.confidentiel + td a i {
  color: #333333;
  margin: 14px 6px 0 0;
  font-size: 25px;
  visibility: hidden;
}
.invitations .table.messagerie-table tr:hover td.confidentiel + td a i {
  visibility: visible;
}
.invitations .table.messagerie-table tr .bootstrap-switch {
  margin: 9px 0 0 0;
}
.invitations .table-hover.messagerie-table > tbody > tr:hover {
  background: #fff;
}
.invitations .table-hover.messagerie-table > tbody > tr td:hover,
.invitations .table-hover.messagerie-table > tbody > tr td .profil {
  cursor: default;
}

.option-arbre .no-contact div.row + div.row {
  text-align: center;
}
.option-arbre .no-contact i {
  color: #aeada9;
  font-size: 75px;
  margin: 60px 0 24px;
}
.option-arbre .no-contact i + p {
  color: #aeada9;
  font-size: 30px;
  margin: 0 0 260px;
}

/* -- Gedcom -- */
.gedcom h4.titre-marge-top i {
  color: #337ab7;
  font-size: 28px;
  margin: 0 0 2px 8px;
  vertical-align: bottom;
}

/* -- Suivi des recherches -- */
.search-tracking {
  height: auto;
  margin-bottom: 2.4rem;
}
.search-tracking i.check_success {
  color: #5cb85c;
  font-size: 26px;
}
.search-tracking i.done_warning {
  color: #f0ad4e;
  font-size: 26px;
}
.search-tracking i.cross_danger {
  color: #d9534f;
  font-size: 26px;
}
.search-tracking .tracking_table .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  border-color: #2B2550;
}
.search-tracking .tracking_table .nav li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 19px;
  text-align: center;
}
.search-tracking .tracking_table .nav li a {
  padding: 9px 15px;
  background-color: #fff;
  color: #43C;
  font-weight: bold;
  border: 1px solid #ddd;
  border-bottom: none;
  margin-right: 1px;
}
.search-tracking .tracking_table .nav li.active a {
  background-color: #2B2550;
  border-color: #2B2550;
  color: #fff;
}
.search-tracking .tracking_generation .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0;
}
.search-tracking .tracking_generation .panel .panel-heading h4 {
  font-size: 17px;
  color: #43C;
}
.search-tracking .tracking_generation .panel .panel-heading h4 a:hover, .search-tracking .tracking_generation .panel .panel-heading h4 a:focus {
  text-decoration: none;
}
.search-tracking .tracking_generation .panel .panel-collapse {
  border-bottom: 1px solid #2B2550;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body {
  border-top: 0;
  padding: 10px 0 0 0;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body table {
  margin-bottom: 0;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body table td {
  vertical-align: middle;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu a {
  display: flex;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu a:hover {
  text-decoration: none;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu a .badge--hint {
  position: inherit;
  height: 19px;
  margin: 16px 0 0 13px;
}
.search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu .profil + p {
  margin: 6px 0 0 10px;
  float: left;
}
.search-tracking .tracking_generation .panel + .panel {
  margin-top: 1px;
}
.search-tracking .tracking_generation .panel .th-event-life {
  width: 110px;
}
@media (max-width: 575px) {
  .search-tracking .tracking_generation .panel .th-event-life {
    width: auto;
  }
}
@media (max-width: 767px) {
  .search-tracking .tracking_generation .panel .th-event-life {
    width: 80px;
  }
}
.search-tracking .tracking_generation .panel .gen-body {
  max-height: 410px;
}
.search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table th:last-child {
  text-align: center;
  width: 25%;
}
.search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table th:first-child {
  width: 15%;
  padding-left: 15px;
}
.search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table td:last-child {
  text-align: center;
}
.search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table td:first-child {
  width: 15%;
  padding-left: 15px;
}
.search-tracking .tracking_generation.events .event-legend {
  display: flex;
  margin: 10px 0;
}
.search-tracking .tracking_generation.events .event-legend li {
  margin-right: 18px;
  font-size: 15px;
  display: flex;
}
.search-tracking .tracking_generation.events .event-legend li span {
  margin: 2px 0 0 6px;
}
.search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:nth-child(0n+3), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:nth-child(0n+4), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:nth-child(0n+5) {
  text-align: center;
}
.search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:first-child {
  width: 20%;
  padding-left: 15px;
}
.search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:nth-child(0n+3), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:nth-child(0n+4), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:nth-child(0n+5) {
  text-align: center;
}
.search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:first-child {
  padding-left: 15px;
}
.search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td .check_success, .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td .done_warning, .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td .cross_danger {
  margin-top: 6px;
}
.search-tracking .tracking_generation .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 30px;
}

/* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */
@media (max-width: 767px) {
  /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */
  .option-arbre .tab-pane h4.titre-marge-top {
    margin: 40px 0 10px;
  }
  .parametre .checkbox {
    margin: 0;
  }
  /*-- Invitations --*/
  .invitations table {
    border-top: 0;
    margin: 0;
  }
  .invitations .dropdown {
    display: inline-block;
    margin: 15px 0 10px 16px;
  }
  .invitations div.row:first-child a {
    float: left;
  }
  /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */
  /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */
  /* -- Confidentialité -- */
  .option-arbre .tab-pane.confidentialite h4 {
    margin: 16px 0 16px 57px;
  }
  .option-arbre .tab-pane.confidentialite h4.titre-marge-top {
    margin: 40px 0 10px;
  }
  .confidentialite .radio label {
    height: auto;
  }
  .confidentialite .table-responsive {
    margin-top: 20px;
  }
  .confidentialite .individu-confidentiel {
    margin: 0;
  }
  .confidentialite .individu-confidentiel thead {
    border-top: 0;
  }
  /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */
  li.visible-xs {
    display: inline-block !important;
  }
  .menu-lateral-gauche .nav-tabs {
    text-align: center;
  }
  #formParams .checkbox {
    margin-top: -0.25rem;
    margin-bottom: 1.6rem;
  }
}
.container-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.container-buttons > a.btn + a.btn {
  margin-left: 0.75rem;
}

@media (min-width: 768px) and (max-width: 992px) {
  .menu-lateral-gauche + * {
    padding-left: 0;
  }
  label[data-target="#nouvel-individu"] {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  #formParams .checkbox {
    margin-top: 0.75rem;
  }
}
@media (max-width: 992px) {
  .menu-lateral-gauche .nav-tabs {
    width: 100%;
    margin: 0 auto;
  }
  .menu-lateral-gauche .nav-tabs > li {
    padding-right: 20px;
    display: inline-block;
  }
}
.tree-request__email {
  color: #999999 !important;
}
.tree-request__email span {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
  font-style: italic;
  font-weight: 400;
  color: #667788 !important;
}

.profil .initiale .material-icons--hourglass {
  margin: 0;
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
  text-align: center;
}

.tree-print {
  margin-top: calc(54 / var(--baseRem, 10) * 1rem) !important;
}
.tree-print__grid {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  place-items: center;
  column-gap: calc(16 / var(--baseRem, 10) * 1rem);
  row-gap: calc(4 / var(--baseRem, 10) * 1rem);
  margin-top: calc(24 / var(--baseRem, 10) * 1rem);
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}
.tree-print__grid .grid-item:nth-child(1n+1) {
  grid-column: 1;
}
.tree-print__item {
  width: calc(176 / var(--baseRem, 10) * 1rem);
}
.tree-print__img {
  width: 100%;
  height: calc(116 / var(--baseRem, 10) * 1rem);
  border: 4px solid #CCCCEE;
  border-radius: 4px;
}
.tree-print__img:hover, .tree-print__img:focus {
  border-color: #43C;
}
.tree-print__img:hover + .tree-print__title, .tree-print__img:focus + .tree-print__title {
  text-decoration: underline;
}
.tree-print__title {
  color: #43C;
  font-weight: 700;
}
@media screen and (min-width: 400px) {
  .tree-print__grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    row-gap: calc(12 / var(--baseRem, 10) * 1rem);
  }
  .tree-print__grid .grid-item:nth-child(2n+1) {
    grid-column: 1;
  }
  .tree-print__grid .grid-item:nth-child(2n+2) {
    grid-column: 2;
  }
}
@media screen and (min-width: 640px) {
  .tree-print__grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .tree-print__grid .grid-item:nth-child(3n+1) {
    grid-column: 1;
  }
  .tree-print__grid .grid-item:nth-child(3n+2) {
    grid-column: 2;
  }
  .tree-print__grid .grid-item:nth-child(3n+3) {
    grid-column: 3;
  }
}
@media screen and (min-width: 768px) {
  .tree-print {
    margin-top: calc(120 / var(--baseRem, 10) * 1rem) !important;
  }
  .tree-print__grid {
    margin-top: calc(40 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 976px) {
  .tree-print__grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .tree-print__grid .grid-item:nth-child(4n+1) {
    grid-column: 1;
  }
  .tree-print__grid .grid-item:nth-child(4n+2) {
    grid-column: 2;
  }
  .tree-print__grid .grid-item:nth-child(4n+3) {
    grid-column: 3;
  }
  .tree-print__grid .grid-item:nth-child(4n+4) {
    grid-column: 4;
  }
}
@media screen and (min-width: 1200px) {
  .tree-print__grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .tree-print__grid .grid-item:nth-child(5n+1) {
    grid-column: 1;
  }
  .tree-print__grid .grid-item:nth-child(5n+2) {
    grid-column: 2;
  }
  .tree-print__grid .grid-item:nth-child(5n+3) {
    grid-column: 3;
  }
  .tree-print__grid .grid-item:nth-child(5n+4) {
    grid-column: 4;
  }
  .tree-print__grid .grid-item:nth-child(5n+5) {
    grid-column: 5;
  }
}

h1, h2, h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

body.no-bg {
  background-image: none;
}
body.no-bg .small-footer {
  margin-top: 0;
}
body.no-bg .carte-num-open {
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.05), 0 0px 10px rgba(0, 0, 0, 0.1);
}

.container.page.abonnement-7j {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .container.page.abonnement-7j {
    margin-top: 20px;
  }
  .container.page.abonnement-7j .bloc-essai-sept .trial-wrap {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.container.page.abonnement-7j .free-trial-subtitle {
  margin-top: 15px;
  font-size: 20px;
}

.essai-7j .titre-offre-sept {
  margin-bottom: 0px;
}
.essai-7j .bloc-essai-sept .bg-essai-7j {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 0 50px;
  max-width: 65%;
  /* Not eligible style */
  /* CODE VIEW FREE OFFER */
}
.essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem {
  margin-top: 85px;
}
.essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem .not-eligible-title {
  color: #333333 !important;
  font-size: 22px !important;
}
.essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem .not-eligible-text {
  padding: 0 70px;
}
@media screen and (max-width: 767px) {
  .essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem .not-eligible-text {
    padding: 0;
  }
}
.essai-7j .bloc-essai-sept .bg-essai-7j .firstMessage-free-offer {
  margin-top: 60px;
}
.essai-7j .bloc-essai-sept .bg-essai-7j .firstMessage-free-offer h4 {
  font-size: 22px !important;
  color: #333333 !important;
}
.essai-7j .bloc-essai-sept .bg-essai-7j .firstMessage-free-offer p {
  font-size: 16px !important;
}
@media screen and (max-width: 992px) {
  .essai-7j .bloc-essai-sept .bg-essai-7j {
    max-width: 85%;
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .essai-7j .bloc-essai-sept .bg-essai-7j {
    max-width: 100%;
    width: 100%;
  }
}
.essai-7j .bloc-essai-sept .bg-essai-phone {
  padding: 0 50px;
  max-width: 65%;
  margin-top: 40px;
}
@media screen and (max-width: 425px) {
  .essai-7j .bloc-essai-sept .bg-essai-phone {
    padding: 0 10px;
  }
}
.essai-7j .bloc-essai-sept .bg-essai-phone .title-trial-phone {
  margin-bottom: 0;
}
.essai-7j .bloc-essai-sept .bg-essai-phone .subtitle-trial-phone {
  font-size: 15px;
  text-align: center;
}
.essai-7j .bloc-essai-sept .bg-essai-phone .sept-input input#phone {
  height: 50px;
  font-size: 22px;
}
.essai-7j .bloc-essai-sept .bg-essai-phone .sept-input .intl-tel-input {
  margin-top: 25px;
}
.essai-7j .bloc-essai-sept .bg-essai-phone .txt-check .refus-info {
  font-size: 12.5px !important;
  margin: 25px 0 0 0;
  line-height: 1 !important;
  text-align: center;
  padding: 0 30px;
}
@media screen and (max-width: 1200px) {
  .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check .refus-info {
    line-height: 1.75 !important;
  }
}
@media screen and (max-width: 425px) {
  .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check {
    padding: 0 5px;
  }
  .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check .refus-info {
    padding: 0 5px;
  }
}
.essai-7j .bloc-essai-sept .bg-essai-phone .bloc-btn {
  margin: 30px 0;
}
.essai-7j .bloc-essai-sept .bg-essai-phone .text-loi p {
  font-size: 12px !important;
  color: #fff;
}
@media screen and (max-width: 992px) {
  .essai-7j .bloc-essai-sept .bg-essai-phone {
    max-width: 85%;
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .essai-7j .bloc-essai-sept .bg-essai-phone {
    max-width: 90%;
    width: 90%;
  }
}
.essai-7j .bloc-essai-sept .trial-wrap {
  position: relative;
  margin-top: 15px;
}
.essai-7j .bloc-essai-sept .trial-wrap h4 {
  text-align: center;
}
.essai-7j .bloc-essai-sept .trial-wrap .have-account-link {
  position: absolute;
  right: 0;
  top: 10px;
}
@media screen and (max-width: 1200px) {
  .essai-7j .bloc-essai-sept .trial-wrap .have-account-link {
    position: relative;
    display: block;
    max-width: 100%;
    width: 100%;
    top: 0;
  }
  .essai-7j .bloc-essai-sept .trial-wrap .have-account-link a {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.essai-7j .bloc-essai-sept .banner-indigo {
  background-color: #445599;
  padding: 30px 0;
}
.essai-7j .bloc-essai-sept .banner-indigo p {
  margin-bottom: 0;
  color: white;
  text-align: center;
  font-size: 20px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container {
  width: 100%;
  background-color: #fff;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-title {
  font-size: 48px;
  color: #2B2550;
  text-align: center;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-subtitle {
  font-size: 24px;
  color: #2B2550;
  text-align: center;
  line-height: 32px;
}
@media (max-width: 768px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-subtitle br {
    display: none;
  }
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search {
  background-color: #2B2550;
  padding: 40px 0 50px 0;
  color: white;
  text-align: center;
  z-index: 50;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .subscription-welcome-search-title {
  font-size: 40px;
  color: #fff;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .subscription-welcome-search-subtitle {
  font-size: 20px;
  color: #fff;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .important-info {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .important-info .important {
  font-weight: 700;
  color: #ff5555;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container {
  display: block;
  max-width: 685px;
  margin: 0 auto;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-1 {
  padding-right: 10px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-2 {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-1, .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-2 {
    padding: 0 15px;
  }
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container form:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .btn-search-container {
  position: absolute;
  right: -52px;
  top: 0;
}
@media (max-width: 768px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .btn-search-container {
    position: relative;
    right: 0;
    width: 50px;
    display: block;
    margin: 10px auto;
  }
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .btn-search-container .btn {
  border-radius: 100px;
  background-color: #ff5555;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .subscription-z-index {
  z-index: 20;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container {
  margin-top: 30px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .anim-computer {
  overflow: hidden;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container #computer-container-2 {
  transform: translateX(100%);
  text-align: center;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container #computer-container-1 {
  position: relative;
  max-width: 480px;
  height: auto;
  margin: 0 auto;
  display: inline-block;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container #computer-container-1 .computer {
  margin-top: 20px;
  width: 100%;
  height: auto;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .subscription-welcome-column {
  margin-top: -40px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .container {
  position: relative;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .bounceIn {
  opacity: 1 !important;
  z-index: 10;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .badge-25 {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100px;
  height: 100px;
  opacity: 0;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .promo-subtitle {
  font-size: 20px;
  color: #2B2550;
  text-align: left;
  font-weight: 700;
  line-height: 28px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .promo-subtitle .coral-highlight {
  color: #ff5555;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .cta-free-trial {
  margin-top: 85px;
  margin-bottom: 85px;
  text-align: center;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .cta-free-trial .btn {
  margin: 20px auto 0 auto;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .btn {
  display: table;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .btn.btn-abo-subscription {
  width: 320px;
  height: 48px;
  padding: 0 10px;
  margin-top: 20px;
}
@media (max-width: 400px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .btn.btn-abo-subscription {
    width: auto;
  }
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .btn i {
  display: table-cell;
  vertical-align: middle;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .btn span {
  display: table-cell;
  vertical-align: middle;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .promo-explanation {
  margin-top: 20px;
  font-size: 16px;
  color: #2B2550;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-explanation {
  font-size: 20px;
  color: #2B2550;
  line-height: 28px;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 990px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-explanation br {
    display: none;
  }
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source {
  margin-bottom: 15px;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source h4 {
  color: #ff5555;
  font-weight: 700;
  font-size: 16px;
  margin-top: 0;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source img {
  width: 100%;
}
@media (max-width: 768px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source img {
    max-width: 80px;
    margin: 0 auto;
    display: block;
  }
}
@media (min-width: 1200px) {
  .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source img {
    max-width: 84px;
  }
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .conclusion {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #2B2550;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .filae-info-container {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.essai-7j .bloc-essai-sept .subscription-welcome-container .beaucarnot-section {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.essai-7j .bloc-essai-sept .bloc-phone a {
  padding-bottom: 12px;
  text-align: left;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.essai-7j .bloc-essai-sept .text-center a {
  display: inline-block;
  margin: 5px 0 0;
}
.essai-7j .bloc-essai-sept .txt-check {
  width: 100%;
}
.essai-7j .bloc-essai-sept .forget-password {
  margin-top: 25px;
}
.essai-7j .bloc-essai-sept .code-phone-container {
  margin-top: 37px;
  margin-bottom: 50px;
}
.essai-7j .bloc-essai-sept .sms-not-received-container {
  line-height: 1.7;
}
.essai-7j .bloc-essai-sept .sms-not-received-container .sms-not-received {
  color: #333333;
}
.essai-7j .bloc-essai-sept .sms-not-received-container .sms-not-received .phone-link {
  margin-top: 0;
}
.essai-7j .bloc-essai-sept .text-loi p {
  font-size: 12px;
  padding: 30px 0;
  color: #757585;
  text-align: center;
  line-height: 1.42857143 !important;
}

/* SPECIFIC STYLES */
/* First view trial 7 days && same as firts view pop up free trial*/
#registerWithoutCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}

#withoutCBLoginForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#withoutCBLoginForm .bloc-btn {
  margin-top: 40px;
}

/* Final pop up */
#completeUserProfile .bg-essai-7j {
  width: 100%;
  max-width: 100%;
}

/* Make container take full width on pop up */
.modal-open .modal .bloc-essai-sept .container {
  width: 100%;
}

/* Disable free trial width container on pop up view */
#registerWithoutCard .container {
  width: inherit !important;
  padding: 0 !important;
}

.label-phone {
  opacity: 0;
  z-index: 1;
}
.label-phone.input-has-value {
  display: inline-block;
  z-index: 10;
  font-size: 12px;
  left: 45px;
  opacity: 1;
  position: absolute;
  top: -14px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.col-xs-12.col-sm-8.col-md-8.col-lg-8.freetrial-left.paywall-left .label-phone {
  opacity: 0;
  z-index: 1;
}
.col-xs-12.col-sm-8.col-md-8.col-lg-8.freetrial-left.paywall-left .label-phone.input-has-value {
  display: inline-block;
  z-index: 10;
  font-size: 12px;
  left: 45px !important;
  opacity: 1;
  position: absolute;
  top: 0px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #757585;
}

/* -- Dans les popup -- */
.modal-content .bs-callout {
  margin: 0;
}
.modal-content .bs-callout .modal-body,
.modal-content .bs-callout .modal-footer {
  padding: 0;
  border-top: 0;
}
.modal-content .bs-callout .modal-footer {
  margin: 30px 0 0 0;
}
.modal-content .bs-callout div {
  margin: 0;
}

.bg-essai-7j .intl-tel-input #phone {
  outline: -webkit-focus-ring-color auto 0px;
  margin-bottom: 15px !important;
}
.bg-essai-7j .intl-tel-input.complete-phone #phone {
  margin-bottom: 15px !important;
}
.bg-essai-7j .bootstrap-select .dropdown-toggle.btn, .bg-essai-7j .bootstrap-select .dropdown-toggle.btn:hover, .bg-essai-7j .bootstrap-select .dropdown-toggle.btn:active {
  background-color: transparent !important;
}

.intl-tel-input.allow-dropdown.complete-phone .flag-container {
  margin-top: 20px;
}

/* Popup facebook */
.inscr-conn .form-inscr-conn {
  margin-top: 0px;
  margin-bottom: 0px;
}

/*----------------------- POPUP => Importer : question est-ce la mm personne ? --- */
.question-correspondance {
  margin: 27px 0 0 -10px;
  min-height: 64px;
  width: 120%;
}
.question-correspondance .lien-g {
  float: left;
  height: 1px;
  width: 30%;
  margin: 34px 0 0 0;
  border-bottom: 2px dashed #ff5555;
}
.question-correspondance .lien-question {
  width: 40%;
  float: left;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 30px;
  min-height: 64px;
  line-height: 64px;
}
.question-correspondance .lien-d {
  float: left;
  height: 1px;
  width: 30%;
  margin: 34px 0 0 0;
  border-bottom: 2px dashed #ff5555;
}

/* ======================================================================================================== FIN Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */
/*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */
/* ======================================================================================================== DEBUT Import -- */
.modal-body.mini-arbre.pad50 {
  padding: 50px 0;
}
.modal-body.mini-arbre .individu-connu.individu-parente {
  border: 3px dashed #337ab7;
  margin: -2px 0 0;
  cursor: pointer;
}
.modal-body.mini-arbre .individu-connu.individu-parente:hover,
.modal-body.mini-arbre .individu-connu.individu-parente:focus {
  background: #337ab7 none repeat scroll 0 0;
  border: 3px solid #337ab7;
}
.modal-body.mini-arbre .individu-connu.individu-parente:hover p,
.modal-body.mini-arbre .individu-connu.individu-parente:hover span,
.modal-body.mini-arbre .individu-connu.individu-parente:focus p,
.modal-body.mini-arbre .individu-connu.individu-parente:focus span {
  color: #fff;
}
.modal-body.mini-arbre .individu-connu.individu-centrale-correspondant {
  border: 3px solid #fff;
  margin: -2px 0 0;
}
.modal-body.mini-arbre .individu-correspondant .profil:after {
  content: "\e91e";
  font-family: "icomoon", sans-serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #fff;
  font-size: 25px;
}
.modal-body.mini-arbre .individu-correspondant.individu-principal .profil:after {
  margin: 10px 0 0 0px;
  display: block;
}
.modal-body.mini-arbre .individu-inconnu .profil:after {
  margin: -3px 0 0 -3px;
  display: block;
}
.modal-body.mini-arbre .individu-correspondant.individu-inconnu,
.modal-body.mini-arbre .correspondant-multiple.individu-inconnu {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
}
.modal-body.mini-arbre .individu-correspondant.individu-inconnu p {
  color: #333333;
  margin: 0;
}
.modal-body.mini-arbre .individu-connu,
.modal-body.mini-arbre .individu-correspondant,
.modal-body.mini-arbre .individu-parente {
  height: 68px;
}
.modal-body.mini-arbre .enfant-connu {
  overflow: hidden;
}
.modal-body.mini-arbre .individu-connu .profil,
.modal-body.mini-arbre .enfant-connu .profil,
.modal-body.mini-arbre .individu-inconnu .profil {
  float: left;
  height: 45px;
  margin: auto;
  width: 45px;
  margin: 10px 0 0 8px;
}
.modal-body.mini-arbre .individu-connu .dropdown .profil {
  margin: 10px 0 0 1px !important;
}
.modal-body.mini-arbre .individu-connu .dropdown.open ul li a {
  padding-left: 6px;
}
.modal-body.mini-arbre .individu-connu .dropdown.open ul li:last-child a {
  padding-left: 0;
}
.modal-body.mini-arbre .individu-connu .profil .initiale,
.modal-body.mini-arbre .enfant-connu .profil .initiale,
.modal-body.mini-arbre .individu-inconnu .profil .initiale {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0px 0;
  text-align: center;
}
.modal-body.mini-arbre .individu-connu .profil .initiale {
  padding: 12px 0 0 5px;
  width: 39px;
}
.modal-body.mini-arbre .enfant-connu .profil .initiale {
  padding: 14px 0 0 0px;
}
.modal-body.mini-arbre .individu-parente .profil .initiale {
  width: 45px;
  height: 45px;
}
.modal-body.mini-arbre .individu-connu .profil.image img,
.modal-body.mini-arbre .individu-inconnu .profil.image img,
.modal-body.mini-arbre .enfant-connu .profil.image img,
.modal-body.mini-arbre .individu-parente .profil.image img {
  border-width: 2px;
  height: 45px;
  width: 45px;
}
.modal-body.mini-arbre .individu-principal .profil.image img {
  display: none;
}
.modal-body.mini-arbre .individu-inconnu .dropdown > div .info-perso {
  margin: 8px -16px 0 0;
}
.modal-body.mini-arbre .individu-connu .dropdown > div .info-perso {
  margin: 8px 8px 0 0;
  width: 56%;
  padding-left: 5px;
}
.modal-body.mini-arbre .individu-connu .info-perso,
.modal-body.mini-arbre .enfant-connu .info-perso,
.modal-body.mini-arbre .individu-inconnu .info-perso {
  display: inline-block;
  height: 48px;
  margin: 8px 10px 0 6px;
  position: relative;
  width: 50%;
}
.modal-body.mini-arbre .individu-connu .info-perso div,
.modal-body.mini-arbre .enfant-connu .info-perso div,
.modal-body.mini-arbre .individu-inconnu .info-perso div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.modal-body.mini-arbre .individu-connu .info-perso p,
.modal-body.mini-arbre .enfant-connu .info-perso p,
.modal-body.mini-arbre .individu-inconnu .info-perso p {
  display: block;
  text-align: left;
  font-size: 12px;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  line-height: 12px;
}
.modal-body.mini-arbre .individu-parente .info-perso p {
  color: #fff;
}
.modal-body.mini-arbre .individu-connu .info-perso div p:last-child,
.modal-body.mini-arbre .enfant-connu .info-perso div p:last-child,
.modal-body.mini-arbre .individu-inconnu .info-perso div p:last-child {
  font-style: normal;
}
.modal-body.mini-arbre .individu-connu .info-perso p:nth-child(2),
.modal-body.mini-arbre .enfant-connu .info-perso p:nth-child(2),
.modal-body.mini-arbre .individu-inconnu .info-perso p:nth-child(2) {
  font-weight: bold;
}
.modal-body.mini-arbre .individu-connu .material-icons,
.modal-body.mini-arbre .enfant-connu .material-icons {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 11px;
  margin: 2px 0 0;
  padding: 2px;
  position: relative;
}
.modal-body.mini-arbre .individu-principal .material-icons {
  background: #2B2550 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  float: right;
  font-size: 11px;
  margin: 2px 0 0;
  padding: 2px;
  position: relative;
}
.modal-body.mini-arbre .individu-inconnu.individu-parente .material-icons {
  background: #2B2550 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  float: right;
  font-size: 11px;
  margin: -10px 0 0;
  padding: 2px;
  position: relative;
}
.modal-body.mini-arbre .individu-inconnu .material-icons {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #757585;
  float: right;
  font-size: 11px;
  margin: -10px 0 0;
  padding: 2px;
  position: relative;
}
.modal-body.mini-arbre .individu-connu .image .material-icons,
.modal-body.mini-arbre .enfant-connu .image .material-icons,
.modal-body.mini-arbre .individu-parente .material-icons,
.modal-body.mini-arbre .individu-principal .material-icons {
  margin: -12px 0 0;
}
.modal-body.mini-arbre .individu-principal .material-icons {
  display: none;
}
.modal-body.mini-arbre .lien-left:before {
  content: "\e67d";
  font-family: "icomoon", sans-serif;
  font-size: 4.5px;
  left: -7px;
  position: relative;
  vertical-align: top;
  color: #757585;
}
.modal-body.mini-arbre .individu-inconnu .lien-left:before {
  top: -31px;
}
.modal-body.mini-arbre .lien-dropdown .lien-left:before {
  top: -28px;
}
.modal-body.mini-arbre .individu-connu .lien-left:before,
.modal-body.mini-arbre .individu-correspondant .lien-left:before {
  top: -1px;
}
.modal-body.mini-arbre .individu-connu .lien-right,
.modal-body.mini-arbre .individu-inconnu .lien-right {
  height: 1px;
  width: 7px;
  position: absolute;
  right: -10px;
  background-color: #757585;
  top: 50%;
}
.modal-body.mini-arbre .individu-connu .lien-left,
.modal-body.mini-arbre .individu-inconnu .lien-left {
  height: 1px;
  width: 7px;
  position: absolute;
  left: -10px;
  background-color: #757585;
  top: 50%;
}
.modal-body.mini-arbre .individu-connu .lien-left,
.modal-body.mini-arbre .individu-inconnu .individu-correspondant .lien-left {
  line-height: normal !important;
  top: 49%;
}
.modal-body.mini-arbre .individu-inconnu.individu-correspondant .lien-left {
  line-height: 3px !important;
}
.modal-body.mini-arbre .lien-connu-parent-enfant {
  height: 65px;
  width: 1px;
  margin: -29px 50% 0;
  background: #757585;
}
.modal-body.mini-arbre .lien-connu-enfant-frere-soeur {
  border-left: 1px solid #757585;
  border-right: 1px solid #757585;
  border-top: 1px solid #757585;
  height: 30px;
  margin: 0 -16px 0 -15px;
}
.modal-body.mini-arbre .lien-inconnu-parent-enfant {
  height: 29px;
  width: 0;
  border-right: 1px dotted #757585;
  margin: 0 0 0 -15px;
}
.modal-body.mini-arbre .lien-connu-parent-enfant-bas {
  height: 60px;
  width: 0;
  border-left: 1px solid #757585;
  margin: -30px 0 0 -15px;
}
.modal-body.mini-arbre .lien-connu-parent-enfant-bas-bas {
  height: 30px;
  width: 106px;
  border-right: 1px solid #757585;
  border-top: 1px solid #757585;
  margin: 0 0 0 -15px;
}
.modal-body.mini-arbre .individu-inconnu .femme,
.modal-body.mini-arbre .lien-dropdown .femme {
  color: #f99;
}
.modal-body.mini-arbre .individu-inconnu .homme,
.modal-body.mini-arbre .lien-dropdown .homme {
  color: #9cc;
}

.modal-content .modal-body.liens-familiaux-arbre .generation {
  clear: left;
  /* ligne grands-parents */
}
.modal-content .modal-body.liens-familiaux-arbre .generation:last-child {
  margin: 0 0 22px 0;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent,
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent-2,
.modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu {
  float: left;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent {
  height: 50px;
  width: 2.816901%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent-2 {
  height: 50px;
  width: 5.633802%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu {
  height: 50px;
  width: 22.183098%;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 47px;
  min-height: 50px;
  position: relative;
  text-align: center;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu p {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
  font-size: 11px;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu p .bold {
  font-weight: bold;
  font-size: 12px;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu.inconnu p .bold {
  font-size: 18px;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-a, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-b, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-c, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-d, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-e, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-f {
  float: left;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-a {
  height: 18px;
  width: 11.091549%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-b {
  height: 18px;
  width: 24.823943%;
  border-bottom: 2px solid #337ab7;
  border-left: 2px solid #337ab7;
  border-right: 2px solid #337ab7;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-c {
  height: 18px;
  width: 27.816901%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-d {
  height: 18px;
  width: 23.591549%;
  border-right: 2px solid #337ab7;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-e {
  height: 18px;
  width: 52.816901%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-f {
  height: 18px;
  width: 23.591549%;
  border-left: 2px solid #337ab7;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-a,
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-b,
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-a,
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-b {
  float: left;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-a {
  height: 50px;
  width: 11.97183%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-b {
  height: 50px;
  width: 30.985915%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-a {
  height: 18px;
  width: 23.591549%;
}
.modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-b {
  height: 18px;
  width: 52.816901%;
  border-bottom: 2px solid #337ab7;
  border-left: 2px solid #337ab7;
  border-right: 2px solid #337ab7;
}

/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
#popup-1erdoc.first-doc .cache-img-consult .close {
  text-shadow: none;
  display: block;
}

#popup-1erdoc.first-doc .cache-img-consult .close i {
  background-color: #445599;
  font-size: 16px;
  padding: 2px;
}

#popup-1erdoc.first-doc .cache-img-consult .close-end {
  display: none;
}

#popup-1erdoc.first-doc .new-modal-dialog .modal-header {
  padding-bottom: 0;
}

#popup-1erdoc.first-doc .new-modal-dialog .modal-header .individu-name {
  color: #445599;
}

#popup-1erdoc.first-doc .btn {
  font-weight: 700;
}

#popup-1erdoc #congratulationsText {
  padding: 35px 0 35px 0;
  line-height: inherit !important;
}

/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
#popup-1erdoc .modal-header .close {
  position: absolute;
  right: 10px;
  top: 10px;
  margin-top: 0;
  color: #d5d8da;
  opacity: 1;
}

#popup-1erdoc #freeoffer-popup-container .freetrial-title {
  text-align: center;
  margin-bottom: 20px;
}

#popup-1erdoc #freeoffer-popup-container .explanation {
  text-align: center;
  line-height: 24px !important;
  margin-bottom: 15px;
}

#popup-1erdoc #freeoffer-popup-container .error-message {
  margin: 0 auto;
  max-width: 300px;
  font-size: 11px !important;
  text-align: left;
}

#popup-1erdoc #freeoffer-popup-container .btn-free-container {
  margin: 15px auto 20px auto;
}

#popup-1erdoc #freeoffer-popup-container .btn-free-container .btn {
  padding: 8px 16px;
  font-weight: 700;
}

/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
#popup-1erdoc #error-password-subscription .error-message {
  margin: 0 auto;
  max-width: 300px;
  font-size: 11px !important;
  text-align: left;
  white-space: nowrap;
  line-height: inherit;
}

@media (max-width: 600px) {
  #popup-1erdoc #error-password-subscription .error-message {
    white-space: normal;
  }
}
#popup-1erdoc .checkbox-freetrial {
  padding-top: 15px;
}

#popup-1erdoc .checkbox {
  margin: 0 auto;
  max-width: 450px;
  text-align: left;
  display: inline-block;
}

#popup-1erdoc .checkbox.block {
  display: block;
}

#popup-1erdoc .checkbox .check {
  border-color: #ff5555;
  color: #ff5555;
}

#popup-1erdoc .checkbox .check:before {
  color: #ff5555;
}

#popup-1erdoc #freeoffer-popup-container .freetrial-title {
  text-align: center;
  margin-bottom: 20px;
}

#popup-1erdoc #freeoffer-popup-container .btn-free-container {
  margin: 15px auto 20px auto;
}

#popup-1erdoc #freeoffer-popup-container .btn-free-container .btn {
  padding: 8px 16px;
  font-weight: 700;
}

#popup-1erdoc #succes-reset-password .done-icon i {
  font-size: 75px;
  vertical-align: bottom;
}

#popup-1erdoc #succes-reset-password .explanation.short {
  max-width: 525px;
  margin: 20px auto 0 auto;
  line-height: inherit !important;
}

#popup-1erdoc #succes-reset-password .explanation.last {
  margin-top: 30px;
  margin-bottom: 25px;
}

/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
#popup-1erdoc #phone-step-freetrial .freetrial-title {
  margin-top: 0;
  margin-bottom: 20px;
}

#popup-1erdoc #phone-step-freetrial .form-group {
  max-width: 300px;
}

#popup-1erdoc #phone-step-freetrial .form-group .intl-tel-input.allow-dropdown {
  width: 300px;
}

@media (max-width: 600px) {
  #popup-1erdoc #phone-step-freetrial .form-group .intl-tel-input.allow-dropdown {
    width: auto;
  }
}
#popup-1erdoc #phone-step-freetrial .input-simple:hover .material-icons {
  display: inline-block;
}

#popup-1erdoc #phone-step-freetrial .phone-container {
  margin: 45px auto 35px auto;
}

#popup-1erdoc #phone-step-freetrial .intl-tel-input .country-list {
  max-height: 200px;
  width: inherit;
}

#popup-1erdoc #phone-step-freetrial .intl-tel-input.allow-dropdown input[type=tel] {
  height: 30px;
  padding-top: 0;
}

#popup-1erdoc #phone-step-freetrial .intl-tel-input.allow-dropdown .error {
  font-size: 11px !important;
  text-align: left;
  color: #d9534f;
}

#popup-1erdoc #phone-step-freetrial .intl-tel-input.allow-dropdown .error i {
  vertical-align: middle;
}

#popup-1erdoc #phone-step-freetrial .explanation {
  color: #303f4c;
  font-weight: 700;
}

#popup-1erdoc #phone-step-freetrial .checkbox-phone-container {
  display: table;
}

#popup-1erdoc #phone-step-freetrial .checkbox-phone-container .checkbox-material, #popup-1erdoc #phone-step-freetrial .checkbox-phone-container #newsletter {
  display: table-cell;
  vertical-align: top;
}

#popup-1erdoc #phone-step-freetrial .checkbox-phone-container .text-checkbox {
  display: table-cell;
  vertical-align: top;
  font-weight: 700;
  color: #757585;
  padding-left: 5px;
  font-size: 13px;
  line-height: 22px;
}

#popup-1erdoc #phone-step-freetrial .btn-free-container {
  margin: 25px auto 25px auto;
}

#popup-1erdoc #phone-step-freetrial .legal-notice-container {
  margin-top: 25px;
}

.intl-tel-input.allow-dropdown {
  z-index: 10;
}

#popup-1erdoc .modal-dialog.popup-size {
  max-width: 725px;
  opacity: 0.95;
  width: 100%;
}
#popup-1erdoc .popup-freetrial-layout {
  max-width: 725px;
  opacity: 0.95;
  width: 100%;
}
#popup-1erdoc .popup-freetrial-layout.new-modal-dialog .popup-essai {
  padding: 0 25px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group {
  max-width: inherit;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group .faux-input.register {
  padding: 26px 0 5px 0;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group [data-toggle=floatLabel] + label {
  left: 10px;
  top: 2px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up p.fake-input-line-2 {
  top: 10px;
  color: #757585;
  text-align: left;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .birth {
  padding: 26px 0 5px 0;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .birth .btn-group {
  margin: 0;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up #userYearBirth {
  padding: 34px 0 0 0;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone {
  width: 100%;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone .complete-phone-label {
  top: 17px;
  z-index: 10;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone .intl-tel-input.allow-dropdown {
  width: 100%;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone .flag-container {
  margin-top: 22px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone #phone {
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 55px;
  margin-bottom: 0px !important;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .txt-check {
  text-align: left;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .bloc-phone {
  text-align: left;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .bloc-phone .checkbox {
  max-width: 100%;
}
#popup-1erdoc .popup-freetrial-layout .col-xs-12.col-sm-12.col-md-12.col-lg-12.freetrial-left.paywall-left {
  float: inherit;
}
#popup-1erdoc .popup-freetrial-layout .explenation-not-eligible {
  line-height: inherit !important;
}
#popup-1erdoc .popup-freetrial-layout .form-group {
  margin: 0 auto;
  max-width: 300px;
}
#popup-1erdoc .popup-freetrial-layout .form-group label {
  left: 0;
  position: absolute;
}
#popup-1erdoc .popup-freetrial-layout .form-group [data-toggle=floatLabel] + label {
  left: 0;
}
#popup-1erdoc .popup-freetrial-layout .form-group .show-password {
  text-transform: inherit;
}
#popup-1erdoc .popup-freetrial-layout .form-group .form-control:focus {
  border-bottom: 1px solid #ff5555;
}
#popup-1erdoc .popup-freetrial-layout .btn-free-container {
  margin: 15px auto 20px auto;
  text-align: center;
}
#popup-1erdoc .popup-freetrial-layout .btn-free-container .btn {
  padding: 8px 16px;
  font-weight: 700;
}
#popup-1erdoc .popup-freetrial-layout .legal-notice-container p.legal-notice {
  color: #757585;
  font-size: 11px !important;
  line-height: inherit !important;
  text-align: center;
}
#popup-1erdoc .popup-freetrial-layout .legal-notice-container p.legal-notice:last-child {
  margin-top: 15px;
}
#popup-1erdoc .popup-freetrial-layout .code-phone-container .form-control {
  margin: 0 auto;
  max-width: 300px;
  font-weight: 700;
}
#popup-1erdoc .popup-freetrial-layout .code-phone-container .error-message {
  margin: 0 auto;
  max-width: 300px;
  font-size: 11px !important;
  color: #d9534f;
  text-align: left;
  line-height: inherit !important;
}
#popup-1erdoc .popup-freetrial-layout .code-phone-container .error-message i {
  vertical-align: middle;
}

/* POP UP - MODAL */
body.modal-open {
  padding-right: 0px !important;
}

.modal-dialog {
  z-index: 2000000000 !important;
}

.modal-header {
  position: relative;
}
.modal-header .modal-title {
  line-height: 1.42857;
  margin: 0 22px 0 0;
}
.modal-header .modal-title--small {
  font-size: 13px;
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
}

.modal-dialog .modal-content .modal-header + .modal-footer {
  border-top: 0;
}

.modal-header .btn + .btn {
  margin-bottom: 0;
  margin-right: 5px;
}

.modal.no-body .modal-body {
  display: none;
}

.modal.no-body .modal-header, .modal.no-body .modal-footer {
  border: 0;
}

.modal-footer {
  border-top: none;
}
.modal-footer--createTree .checkbox {
  text-align: left;
  margin: 15px 0 0 5px;
}

.modal-body textarea {
  resize: vertical;
}

/* popup - Bouton "connexion/inscription" */
.connexion .bloc-connexion {
  width: 44%;
  float: left;
  height: 415px;
}
.connexion .bloc-connexion .modal-header button.close {
  display: none;
}
.connexion .bloc-inscription {
  width: 55%;
  float: left;
}
.connexion .bloc-inscription label.label-box {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: -6px 0 0 0;
}
.connexion .bloc-inscription label.label-box input {
  margin: 0 6px 0 0;
}
.connexion .separation-bloc {
  width: 1px;
  background: #ff5555;
  height: 394px;
  float: left;
  margin: 15px 0 15px 0;
}
.connexion .modal-header, .connexion .modal-footer {
  border: none;
}
.connexion .modal-footer {
  padding: 0 0 15px 0;
  text-align: center;
  margin: 0;
}
.connexion .modal-header {
  padding: 15px 10px 0 15px;
}
.connexion input,
.connexion select {
  margin: 0 0 7px 0;
}
.connexion span.ecran-bl {
  display: block;
}

.btn-fb {
  color: #3e69af;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.icone-btn-fb {
  background: transparent url(/v4/genealogie/Content/img/icones.png) no-repeat scroll -353px -34px;
  display: inline-block;
  height: 31px;
  margin: -8px 9px -8px 0;
  width: 32px;
}

/* Popup - champs en ligne => form-inline */
.form-inline label {
  font-weight: normal;
  margin: 0 5px 5px 0;
}

/* Popup lightbox galerie photo */
.ekko-lightbox-container {
  position: relative;
}
.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #fff;
  opacity: 0;
  filter: dropshadow(color=#333, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}
.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}
.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}
.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}
.ekko-lightbox .modal-footer {
  text-align: left;
}

/* popup - Bouton "Imprimer" fiche individu (venant de la recherche ou d'un arbre directement) */
.imprimer-membre .modal-header {
  border-bottom: 0;
}
.imprimer-membre .modal-footer {
  border-top: 0;
}
.imprimer-membre .modal-body {
  padding: 0 15px;
}
.imprimer-membre .photo {
  width: 130px;
  float: left;
  margin: 0 10px 0 0;
  height: 130px;
}
.imprimer-membre .photo img {
  width: 110px;
  height: 130px;
}
.imprimer-membre .info {
  width: 72%;
  float: left;
  box-shadow: none;
}
.imprimer-membre .info li label {
  width: 84px;
  text-align: right;
}
.imprimer-membre .info li span {
  margin: 0 0 0 5px;
}
.imprimer-membre .evenement, .imprimer-membre #imprimer-membre .biblio, .imprimer-membre #imprimer-membre .proche {
  margin: 10px 0 0 0;
}
.imprimer-membre table {
  border: 1px solid #ccc;
  margin: 6px 0 0 0;
  width: 100%;
}
.imprimer-membre table tr.sujet {
  background: #f3f3f3;
  color: #2B2550;
  font-size: 13px;
  font-weight: bold;
}
.imprimer-membre table td {
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 5px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imprimer-membre .biblio img {
  float: left;
  height: 80px;
  margin: 0 10px 0 0;
}
.imprimer-membre .proche td {
  width: 647px;
}
.imprimer-membre .proche span {
  margin: 0 0 0 15px;
}
.imprimer-membre .proche label {
  color: #757585;
  font-weight: normal;
  margin: 0 5px 3px 0;
}
.imprimer-membre i.icon-note {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -568px -5px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 37px;
  margin: 0 0 0 8px;
  width: 32px;
}
.imprimer-membre i.icon-photo {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -531px -8px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  margin: 0 0 0 6px;
  width: 32px;
}
.imprimer-membre i.icon-union {
  background-image: url(/v4/genealogie/Content/img/icones.png);
  background-position: -434px -138px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  margin: 0 3px 0 0;
  width: 19px;
}
.imprimer-membre .puce-femme {
  background: #f99 none repeat scroll 0 0;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  margin: 0 3px;
  width: 8px;
}
.imprimer-membre .puce-neutre {
  background: #ff5555 none repeat scroll 0 0;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  margin: 0 3px;
  width: 8px;
}
.imprimer-membre .puce-homme {
  background: #9cc none repeat scroll 0 0;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  margin: 0 3px;
  width: 8px;
}

.icon-evenement-o {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -482px -48px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin: 0 3px 0 0;
  width: 26px;
}
.icon-biblio-o {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -511px -48px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin: 0 3px 0 0;
  width: 26px;
}
.icon-proche-o {
  background-image: url(/v4/genealogie/Content/img/icones.png?100215.png);
  background-position: -541px -48px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin: 0 3px 0 0;
  width: 28px;
}

/* Petite fenetre de dialogue => message de validation de suppression des modifications sur fiche individu */
.dream_alert {
  position: fixed;
  top: 50%;
  left: 49%;
  box-shadow: 0 0 3px #333333;
  z-index: 10000;
  margin-left: -60px;
  margin-top: -60px;
  width: 370px;
  padding: 50px 20px;
  background: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  opacity: 0.7;
}

.alert-icon.alert-icon-center {
  color: #fff;
  font-size: 50px;
  font-family: "icomoon", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: 1px;
  margin: 0 0 20px 0;
}
.alert-icon.alert-icon-center.alert-icon-loading, .alert-icon.alert-icon-center.alert-icon-error {
  content: "";
  font-family: "";
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.alert-icon.alert-icon-center.alert-icon-loading:before {
  content: "";
}
.alert-icon.alert-icon-center.alert-icon-loading:after {
  content: url(/v4/genealogie/Content/img/icon-load-center.gif);
}
.alert-icon.alert-icon-center.alert-icon-error:after {
  content: url(/v4/genealogie/Content/img/icon-error.png);
}
.alert-icon.alert-icon-center.alert-icon-success:before {
  content: "\e91c";
}
.alert-icon.alert-icon-center.alert-icon-cloche:before {
  content: "\e91a";
}

.dream_alert span {
  color: #fff;
  font-size: 18px;
}

/*  Message informatif (ex : popup sur le passage de genealogie.com a filae) */
.modal .message-informatif .modal-body {
  padding: 0;
}
.modal .message-informatif .close {
  color: #fff;
  float: right;
  font-size: 25px;
  opacity: 0.6;
  position: absolute;
  right: 14px;
  z-index: 10;
}
.modal .message-informatif img {
  width: 304px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  float: right;
}
.modal .message-informatif .modal-content .row > div:first-child {
  padding: 15px 15px 15px 30px;
}
.modal .message-informatif .modal-content .row > div:first-child p {
  color: #2B2550;
  font-size: 22px;
  margin: 4px 0 15px 0;
}
.modal .message-informatif .modal-content .row > div:first-child p + p {
  color: #2B2550;
  font-size: 27px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.modal .message-informatif .modal-content .row > div:first-child p + p + p {
  color: #ff5555;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 33px 0 15px 0;
}

/* Popup */
.new-modal-dialog .modal-footer, .new-modal-dialog .modal-header {
  text-align: center;
}
.new-modal-dialog .modal-footer {
  border-top: none;
}
.new-modal-dialog .modal-header .close {
  margin-top: -2px;
  position: absolute;
  right: 33px;
}
.new-modal-dialog .checkbox {
  display: inline-block;
}

.popup-mdp .modal-header .close,
.popup-bg-essai .modal-header .close {
  color: #fff;
  opacity: 0.8;
}

.popup-mdp {
  background-color: rgba(70, 85, 105, 0.91);
}
.popup-mdp #partial-view-layer {
  padding: 0 50px;
  margin-bottom: 30px;
}
.popup-mdp h1 {
  font-size: 31px;
}

.modal-dialog.new-modal-dialog p {
  font-size: 16px !important;
  margin: 0 0 4px 0;
  line-height: 32px !important;
}

/* ------------------------- Popup Activation essai gratuit -- */
#popup-1erdoc .new-modal-dialog {
  margin-bottom: 0;
}
#popup-1erdoc .new-modal-dialog .modal-body {
  padding: 0 0 15px 0;
}
#popup-1erdoc .new-modal-dialog .modal-body img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
#popup-1erdoc .new-modal-dialog .modal-header h4 {
  color: #2B2550;
  font-size: 22px;
}
#popup-1erdoc .new-modal-dialog .modal-header p {
  font-size: 16px;
}
#popup-1erdoc .new-modal-dialog .modal-footer h4 {
  color: #2B2550;
  font-weight: normal;
}
#popup-1erdoc .new-modal-dialog .modal-footer h4#initialText {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}
#popup-1erdoc .new-modal-dialog .modal-footer a {
  margin: 20px 0;
}
#popup-1erdoc .new-modal-dialog .popup-essai {
  padding: 0 50px;
}
#popup-1erdoc .new-modal-dialog .popup-essai .bg-essai-7j {
  padding: 0 15px;
}
#popup-1erdoc .new-modal-dialog .popup-essai .bg-essai-7j .bloc-phone #phone {
  width: 100%;
}
#popup-1erdoc .modal-dialog, #popup-1erdoc .modal-dialog.popup-size {
  width: min(100% - 2rem, 680px);
  margin: 10% auto;
  z-index: 2000000000 !important;
}
#popup-1erdoc .modal-dialog p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 4px 0;
  line-height: 19px;
}
#popup-1erdoc .modal-body {
  padding: 0 15px 15px;
  text-align: center;
}
#popup-1erdoc .modal-body h4 {
  margin: 0 0 13px 0;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
}
#popup-1erdoc .modal-header {
  border-bottom: 0;
}
#popup-1erdoc .modal-header .fleche-verte-suivant {
  border-bottom: 7px solid transparent;
  border-left: 8px solid #2B2550;
  border-top: 7px solid transparent;
  float: left;
  height: 0;
  margin: 3px 3px 0 0;
  width: 0;
}
#popup-1erdoc h4 {
  color: #d34243;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 6px 0;
  font-weight: bold;
}
#popup-1erdoc .popup {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  width: 575px;
  box-shadow: 6px 6px 12px #333333;
  top: 338px;
  left: 50px;
  position: absolute;
  padding: 10px;
  border: 3px solid #ff5555;
}
#popup-1erdoc .popup h4 {
  font-weight: normal;
}
#popup-1erdoc .popup-1 {
  top: 218px;
}

@media (max-width: 600px) {
  .page-import-gedcom #pageContainer {
    overflow-x: scroll;
  }
}

.import-in-progress {
  text-align: center;
  margin: 2rem auto 0 auto;
  max-width: 660px;
  border: 2px solid rgba(255, 85, 85, 0.5);
  border-radius: 4px;
  padding: 4rem;
}
.import-in-progress p {
  color: #6a7787;
  margin: auto;
  max-width: 460px;
  font-size: 1.7rem;
}
.import-in-progress p:first-of-type {
  color: #333333;
  font-size: 2.2rem;
  max-width: 370px;
  margin-bottom: 3rem;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .import-in-progress {
    margin: 2rem 2rem 0 2rem;
    max-width: 100%;
  }
}

.list-hover-table {
  table-layout: fixed;
  word-wrap: break-word;
  color: #757585;
  min-width: 600px;
}
.list-hover-table .header {
  color: #757585;
  border-left: 8px solid #fff;
  border-bottom: 1px solid #eceeef;
}
.list-hover-table .header .item-header {
  font-weight: 700;
  line-height: 1.42857143;
  vertical-align: top;
  padding: 10px;
}
.list-hover-table .header:hover {
  border-left: 8px solid #fff;
  background-color: white;
}
.list-hover-table .line {
  border-left: 8px solid #fff;
  border-bottom: 1px solid #eceeef;
}
.list-hover-table .line:hover {
  background-color: #f5f5f5;
  cursor: pointer;
  border-left: 8px solid #ff5555;
}
.list-hover-table .line p {
  margin-bottom: 0;
}
.list-hover-table .item {
  padding: 22px 10px;
}
.list-hover-table .last-update {
  width: 160px;
  float: right;
  text-align: center;
}
.list-hover-table .active {
  border-left: 8px solid #ff5555;
  background-color: #f5f5f5;
}
.list-hover-table .active .item {
  padding: 12px 10px;
}
.list-hover-table .active .item .btn-large {
  padding: 7px 18px;
}
.list-hover-table .active .item .btn-large.btn-action {
  white-space: nowrap;
}

h4.collection {
  font-size: 12px;
  margin: 0;
  line-height: 19px;
}
h4.collection.result a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
}

/* css landing page acquisition */
.landing_acquisition.acquis-one .block_hook {
  background-image: url(/v4/genealogie/Content/img/landing-page/landing_aquisition_one_background3.jpg);
  min-height: 503px;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center 0;
  padding: 30px 0 0 0;
}
.landing_acquisition.acquis-one .block_hook-text {
  width: 50%;
}
.landing_acquisition.acquis-one .block_hook-text h1 {
  font-size: 50px;
  font-weight: bold;
  color: #ff5555;
}
.landing_acquisition.acquis-one .block_hook-text h5 {
  font-size: 36px;
  color: #2B2550;
  margin: 0px 0 120px 0px;
}
.landing_acquisition.acquis-one .block_hook-text p {
  font-size: 29px;
  color: #2B2550;
  text-align: center;
}
.landing_acquisition.acquis-one .block_hook-text .btn {
  margin: 0 auto;
}
.landing_acquisition.acquis-one .block_tree {
  padding: 20px 0;
}
.landing_acquisition.acquis-one .block_tree h3 {
  font-size: 30px;
  font-weight: bold;
  color: #ff5555;
  margin: 20px 0 20px 0;
}
.landing_acquisition.acquis-one .block_tree p {
  font-size: 20px;
  color: #333333;
  margin: 0 0 20px 0;
}
.landing_acquisition.acquis-one .block_tree a {
  font-size: 20px;
  font-weight: bold;
  color: #43C;
  text-decoration: underline;
}
.landing_acquisition.acquis-one .block_arguments .argument {
  padding: 30px 0;
  font-size: 18px;
}
.landing_acquisition.acquis-one .block_arguments .argument h4 {
  color: #ff5555;
  font-size: 24px;
  font-weight: bold;
}
.landing_acquisition.acquis-one .block_arguments .argument img {
  float: right;
}
.landing_acquisition.acquis-one .block_arguments .argument:nth-child(2n+1) {
  background: #ff5555;
  color: #fff;
}
.landing_acquisition.acquis-one .block_arguments .argument:nth-child(2n+1) h4 {
  color: #fff;
}
.landing_acquisition.acquis-one .block_acces {
  background-image: url(/v4/genealogie/Content/img/landing-page/landing_aquisition_one_acces.jpg);
  min-height: 332px;
  background-repeat: no-repeat;
  background-position: right 0;
}
.landing_acquisition.acquis-one .block_acces .block_acces-text {
  padding: 15px 10px 15px 10px;
  margin: 20px 0 10px 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.landing_acquisition.acquis-one .block_acces .block_acces-text h5 {
  font-size: 26px;
  font-weight: bold;
  color: #ff5555;
  margin: 0 0 10px 0;
}
.landing_acquisition.acquis-one .block_acces .block_acces-text ul {
  margin: 0 0 45px 0;
}
.landing_acquisition.acquis-one .block_acces .block_acces-text ul li {
  font-size: 20px;
}
.landing_acquisition.acquis-one .block_acces .block_acces-text ul li:before {
  content: "\e91e";
  font-family: "icomoon";
  color: #11a88b;
  margin: 0 7px 0 0;
}
.landing_acquisition.acquis-one .block_acces .block_acces-text p {
  color: #2B2550;
  font-weight: bold;
  font-size: 23px;
  text-align: center;
}
.landing_acquisition.acquis-one .block_acces .block_acces-text .btn {
  margin: 0 auto;
}
.landing_acquisition.acquis-one .block_temoignage {
  background: #f2f2f2;
  padding: 30px 0 40px 0;
}
.landing_acquisition.acquis-one .block_temoignage h5 {
  color: #2B2550;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  margin: 0 0 15px 0;
}
.landing_acquisition.acquis-one .block_temoignage video {
  margin: 0 auto;
  display: inherit;
  width: 59%;
  height: auto;
}

@media (max-width: 1200px) {
  .landing_acquisition.acquis-one .block_hook-text h1 {
    font-size: 45px;
  }
  .landing_acquisition.acquis-one .block_hook-text h5 {
    font-size: 30px;
    margin: 0px 0 170px 0px;
  }
  .landing_acquisition.acquis-one .block_tree {
    padding: 20px 0;
  }
  .landing_acquisition.acquis-one .block_tree h3 {
    font-size: 24px;
    margin: 0 0 20px 0;
  }
  .landing_acquisition.acquis-one .block_tree img {
    width: 100%;
  }
  .landing_acquisition.acquis-one .block_arguments .argument {
    padding: 20px 0;
  }
}
@media (max-width: 992px) {
  .landing_acquisition.acquis-one .block_hook-text {
    width: 45%;
  }
  .landing_acquisition.acquis-one .block_hook-text h5 {
    margin: 0px 0 90px 0px;
  }
  .landing_acquisition.acquis-one .block_tree {
    padding: 20px 0;
  }
  .landing_acquisition.acquis-one .block_tree p {
    font-size: 16px;
  }
  .landing_acquisition.acquis-one .block_tree a {
    font-size: 18px;
  }
  .landing_acquisition.acquis-one .block_acces {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  }
  .landing_acquisition.acquis-one .block_acces .block_acces-text {
    padding: 15px 40px 15px 40px;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .landing_acquisition.acquis-one .block_temoignage video {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .landing_acquisition.acquis-one .block_hook {
    min-height: 420px;
  }
  .landing_acquisition.acquis-one .block_hook-text {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px;
  }
  .landing_acquisition.acquis-one .block_tree {
    padding: 20px 0;
  }
  .landing_acquisition.acquis-one .block_tree img {
    width: auto;
    margin: 10px auto 0;
    display: inherit;
  }
  .landing_acquisition.acquis-one .block_arguments .argument {
    padding: 12px 0;
    text-align: center;
  }
  .landing_acquisition.acquis-one .block_arguments .argument img {
    float: none;
  }
}
@media (max-width: 530px) {
  .landing_acquisition.acquis-one .block_hook {
    min-height: auto;
    padding: 10px 0 10px 0;
  }
  .landing_acquisition.acquis-one .block_hook-text h1 {
    font-size: 33px;
  }
  .landing_acquisition.acquis-one .block_hook-text h5 {
    font-size: 26px;
    margin: 0px 0 40px 0px;
  }
  .landing_acquisition.acquis-one .block_hook-text p {
    font-size: 20px;
  }
  .landing_acquisition.acquis-one .block_tree img {
    width: 100%;
  }
  .landing_acquisition.acquis-one .block_acces .block_acces-text {
    padding: 15px 20px 15px 20px;
  }
  .landing_acquisition.acquis-one .block_acces .block_acces-text h5 {
    font-size: 26px;
    font-weight: bold;
    color: #ff5555;
    margin: 0 0 10px 0;
  }
}
.lastname-details {
  --table-gap: calc(16 / var(--baseRem, 10) * 1rem);
}
.lastname-details__list th:not(:first-child),
.lastname-details__list td:not(:first-child) {
  padding-left: var(--table-gap);
}
.lastname-details__list th:nth-child(2) {
  width: 100%;
}
.lastname-details__list a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lastname-details__list th:last-child,
.lastname-details__list td:last-child {
  padding-right: var(--table-gap);
}
.lastname-details__label {
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
  margin-bottom: 0;
  background-color: var(--tab-bg-color, rgba(0, 0, 0, 0.1));
  color: var(--tab-color, #333);
  border-radius: calc(8 / var(--baseRem, 10) * 1rem);
}
.lastname-details__tab[aria-selected=true] + .lastname-details__label {
  --tab-bg-color: rgba(68, 51, 204, 0.2);
  --tab-color: #43C;
}
.lastname-details__tab[disabled] + .lastname-details__label {
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
  opacity: 0.55;
}
.lastname-details__tab:not([disabled], [aria-selected=true]) + .lastname-details__label:hover {
  --tab-bg-color: rgba(0, 0, 0, 0.2);
}
.lastname-details__tabs {
  padding: calc(8 / var(--baseRem, 10) * 1rem) 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-gap: calc(8 / var(--baseRem, 10) * 1rem);
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  background-color: #fff;
}
.lastname-details__tabs + * {
  margin-top: calc(16 / var(--baseRem, 10) * 1rem);
}
.lastname-details [role=tabpanel][hidden] {
  display: none;
}
.lastname-details #txtSearchLastNames + a {
  margin-top: 0;
}
@media screen and (max-width: 539px) {
  .lastname-details [data-column="2"] th {
    visibility: hidden;
  }
  .lastname-details [data-column="2"] tr {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@media screen and (min-width: 540px) {
  .lastname-details__list {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-gap: calc(16 / var(--baseRem, 10) * 1rem);
    gap: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .lastname-details__list > *:only-child {
    max-width: 50%;
  }
  .lastname-details [data-column="2"] {
    display: initial;
    position: relative;
  }
  .lastname-details [data-column="2"]::before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #dee2e6;
    top: 0;
    left: calc(-1 * 8 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .lastname-details {
    --table-gap: calc(32 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 992px) {
  .lastname-details__aside {
    position: sticky;
    top: calc(50 / var(--baseRem, 10) * 1rem);
  }
}

.news_hints_page h1 i {
  color: #ff5555;
  font-size: 30px;
  margin-right: 5px;
}
.news_hints_page .news_hints_page-action {
  margin-bottom: 20px;
}
.news_hints_page .news_hints_page-action p {
  font-size: 16px;
}
.news_hints_page .news_hints_page-action .call-to-action {
  text-align: right;
}
.news_hints_page .news_hints_page-action .call-to-action .link {
  margin-left: 10px;
}
.news_hints_page .filterbar {
  background-color: #f7f7fc;
}
.news_hints_page .filterbar .navbar-nav .navbar-text:first-child {
  margin-left: 8px;
}
.news_hints_page .filterbar .navbar-nav + .navbar-nav {
  margin-right: 15px;
  font-weight: bold;
}
.news_hints_page .tab-content .table {
  margin-bottom: 0;
}
.news_hints_page .tab-content .table > thead > tr > th {
  border-bottom: 2px solid #ddd;
}
.news_hints_page .tab-content .table > tbody > tr > td {
  border-top: 1px solid #ddd;
  padding: 15px 8px 15px 8px;
}
.news_hints_page ~ footer {
  display: none !important;
}

.news_hints_banner {
  padding: 15px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .news_hints_banner {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.news_hints_banner--fixed {
  position: relative;
}
.news_hints_banner .name-highlight {
  background-color: #ff0;
}
.news_hints_banner .btn__group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 8px auto 0 auto;
}
@media screen and (min-width: 768px) {
  .news_hints_banner .btn__group {
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 1248px) {
  .news_hints_banner .btn__group {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.news_hints_banner p {
  font-size: 16px;
  margin-bottom: 0;
}
.news_hints_banner div + div {
  text-align: right;
}
.news_hints_banner div + div a {
  margin-left: 10px;
  white-space: nowrap;
}
.news_hints_banner div + div a:first-child {
  margin-left: 16px;
}
.news_hints_banner div + div a:last-child {
  margin-left: 0;
  margin-top: 8px;
}
@media screen and (min-width: 1248px) {
  .news_hints_banner div + div a:last-child {
    margin-left: 10px;
    margin-top: 0;
  }
}

.liste-correspondances.container.liste-individus {
  min-height: 0;
}
.liste-correspondances #myTable td:nth-child(n+3) p {
  color: #757585;
  margin-top: 6px;
  text-align: left;
}
.liste-correspondances table.dataTable thead .sorting_asc:after,
.liste-correspondances table.dataTable thead .sorting_desc:after {
  color: #ff5555;
}

.historique h1 {
  margin: 28px 0;
}
.historique .header.h-discussion {
  border-bottom: 0 none;
}
.historique div.row:first-child a {
  float: right;
  margin: 34px 0 0 0;
  font-weight: bold;
}
.historique div.row:first-child a i {
  margin: -4px 0 0 0;
}
.historique span.dropdown.choix-table > a {
  margin: 3px 0 0 -15px;
}
.historique .historique-table {
  border-bottom: 1px solid #d5d8da;
  margin: 0 0 57px;
}
.historique .historique-table th a {
  font-size: 17px;
  margin: 0 0 0 6px;
  color: #333333;
  text-decoration: none;
}
.historique .historique-table th a[data-toggle=collapse] span.caret {
  border-left: 6px solid transparent;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  margin: -2px 0 0 0;
}
.historique .historique-table th a.collapsed[data-toggle=collapse] span.caret {
  border-bottom: 6px solid transparent;
  border-left: 6px dashed;
  border-top: 6px solid transparent;
  margin: -3px -4px 0 0;
}
.historique .historique-table tr td {
  font-size: 15px;
  padding: 12px 8px;
  cursor: default;
  vertical-align: middle;
}
.historique .historique-table tr td:nth-child(2) {
  width: 60%;
}
.historique .historique-table tr td:nth-child(3) {
  width: 20%;
}
.historique .historique-table tr td:nth-child(4) {
  color: #757585;
  width: 40%;
}
.historique .historique-table tr td a i {
  color: #333333;
  visibility: hidden;
}
.historique .historique-table tr td a:hover i {
  color: #ff5555;
}
.historique .historique-table tr p {
  margin: 0;
  max-width: 641px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.historique .historique-table tr p i {
  margin: -2px 3px 0 0;
  vertical-align: top;
  color: #43C;
}
.historique .historique-table tr:hover td a i {
  visibility: visible;
}
.historique .historique-table thead > tr > th:first-child {
  padding: 0 4px 0 3px;
  width: 0 !important;
}
.historique .historique-table tbody > tr > td:first-child {
  padding: 0 4px 0 3px;
  width: 0 !important;
}
.historique .historique-table tbody > tr:hover > td:first-child {
  background: #ff5555;
}
.historique .historique-table tbody > tr > .dataTables_empty:first-child {
  padding: 5px 0;
}
.historique .historique-table tbody > tr:hover > .dataTables_empty:first-child {
  background: #fff;
  cursor: auto;
}
.historique .no-historique {
  text-align: center;
}
.historique .no-historique i {
  color: #757585;
  font-size: 75px;
  margin: 34px 0 24px;
}
.historique .no-historique i + p {
  color: #757585;
  font-size: 30px;
}
.historique .no-historique i + p + p {
  color: #333333;
  font-size: 16px;
  margin: 15px 0 260px;
}

@media (max-width: 992px) {
  .historique .historique-table tr p {
    max-width: 412px;
  }
}
@media (max-width: 767px) {
  .historique .historique-table {
    border-bottom: 0 none;
    margin: 0;
  }
  .historique div.row:first-child a {
    float: left;
    margin: -7px 0 8px;
  }
  .historique .historique-table tr p {
    max-width: 369px;
  }
}
.suggestions-card {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(16 / var(--baseRem, 10) * 1rem);
  position: relative;
  padding-right: calc(32 / var(--baseRem, 10) * 1rem);
}
.suggestions-card p:not(.suggestions-card__header) {
  margin-bottom: 0;
}
.suggestions-card .avatar {
  width: calc(18 / var(--baseRem, 10) * 1rem);
  height: calc(18 / var(--baseRem, 10) * 1rem);
  min-height: calc(18 / var(--baseRem, 10) * 1rem);
  min-width: calc(18 / var(--baseRem, 10) * 1rem);
}
.suggestions-card .avatar__icon.sosa {
  width: calc(14 / var(--baseRem, 10) * 1rem);
  height: calc(14 / var(--baseRem, 10) * 1rem);
  background-color: #fff;
  color: #757585;
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
}
.suggestions-card .avatar__initiale {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
}
.suggestions-card .avatar__image {
  border-width: calc(3 / var(--baseRem, 10) * 1rem);
}
.suggestions-card--py-small {
  padding-top: 0;
  padding-bottom: 6px;
}
.suggestions-card--py-small .suggestions-card__header [class^=icon-] {
  font-size: calc(19 / var(--baseRem, 10) * 1rem);
}
.suggestions-card--py-small .suggestions-card__header.suggestions-card__header {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__thumbnail > * {
  width: calc(48 / var(--baseRem, 10) * 1rem);
  height: calc(48 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__thumbnail img {
  object-fit: cover;
}
.suggestions-card__thumbnail i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border: 3px solid #eeeff0;
  background: #fff;
  color: #667788;
  font-size: calc(32 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__thumbnail i.icon-i-family-view {
  font-size: calc(22 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__status {
  padding: 2px 4px;
  margin-right: calc(8 / var(--baseRem, 10) * 1rem);
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
  border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  border: 1px solid #757585;
  color: #757585;
  white-space: nowrap;
}
.suggestions-card__status--highlight {
  margin-right: 2px;
  background-color: #ffff80;
  border-color: #ffff80;
  color: #333333;
  padding-top: 0;
  padding-right: 2px;
  padding-bottom: 1px;
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__status--premium {
  border-color: #ff5555;
  color: #ff5555;
}
.suggestions-card__status--premium:hover, .suggestions-card__status--premium:focus {
  color: #ff5555;
  text-decoration: none;
}
.suggestions-card__status--beta {
  position: absolute;
  left: 100%;
  top: 0;
  margin-right: 0;
  margin-left: 4px;
  color: #333333;
  border-color: #757585;
  line-height: initial;
  -moz-transform: translateY(-0.1em);
  -ms-transform: translateY(-0.1em);
  -webkit-transform: translateY(-0.1em);
  transform: translateY(-0.1em);
}
.font20px .suggestions-card__status--beta {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.suggestions-card__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.suggestions-card__content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.suggestions-card__content .btn-reactivate {
  margin-top: calc(8 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__label {
  text-transform: uppercase;
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  color: #757585;
}
.suggestions-card__amount {
  font-weight: 700;
  color: #43C;
}
.suggestions-card__header {
  margin-bottom: calc(8 / var(--baseRem, 10) * 1rem);
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}
.suggestions-card__list {
  margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
  color: #43C;
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}
.suggestions-card .caret-mui {
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.suggestions-card .caret-mui::before {
  content: "keyboard_arrow_right";
}
.suggestions__linking-word {
  color: #333;
}
.suggestions__linking-word, .suggestions__linking-word + span {
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}
.suggestions__linking-word + * {
  color: #43C;
}
.suggestions__tab {
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
  border-radius: calc(4 / var(--baseRem, 10) * 1rem) calc(4 / var(--baseRem, 10) * 1rem) 0 0;
  background-color: #fff;
  color: #43C;
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
  text-align: center;
  border: 1px solid #dee2e6;
  border-bottom: 0;
}
.suggestions__tab--main, .suggestions__tab:hover, .suggestions__tab:active {
  background-color: #43C;
  color: #fff;
  border-color: #43C;
}
.suggestions__tab--link {
  padding: 0;
}
.suggestions__tab--link a {
  display: block;
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
}
.suggestions__tabs {
  margin-bottom: calc(24 / var(--baseRem, 10) * 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  border-bottom: 1px solid #dee2e6;
}
.suggestions__list > * + * {
  margin-top: calc(8 / var(--baseRem, 10) * 1rem);
}
.suggestions__list .suggestions-card__text {
  margin-bottom: calc(8 / var(--baseRem, 10) * 1rem);
}
.suggestions__infos {
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
  color: #667788;
  text-align: right;
  white-space: nowrap;
}
.suggestions__reset {
  margin-left: auto;
  font-weight: 700;
}
.suggestions__reset a {
  display: block;
  background: none;
  margin-right: 0;
  padding: 10px 0 0 0;
  color: #dd3333;
  border: 0;
}
.suggestions__reset a:focus, .suggestions__reset a:hover {
  border: 0;
  text-decoration: underline;
}
.suggestions__reset a:focus i, .suggestions__reset a:hover i {
  text-decoration: none;
}
.suggestions__reset i {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
}
.filters-off .suggestions__filter {
  display: none;
}
.md__label .suggestions__filter {
  color: #dd3333;
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  line-height: 0;
  font-weight: 700;
}
.suggestions__sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.suggestions__sort.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.suggestions__sort.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .bootstrap-select {
  width: auto !important;
}
.suggestions__sort .suggestions__infos {
  margin-bottom: 0;
  margin-right: calc(8 / var(--baseRem, 10) * 1rem);
}
.suggestions__sort .md__select .dropdown-toggle {
  padding: 0;
  border: none;
}
.suggestions__sort-row {
  margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.suggestions__sort-row p {
  margin-bottom: 0;
  margin-left: auto;
}
.suggestions__container {
  margin-bottom: calc(32 / var(--baseRem, 10) * 1rem);
}
.suggestions__container .bootstrap-select .dropdown-menu li a {
  padding: calc(4 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
}
.suggestions__container .bootstrap-select .filter-option,
.suggestions__container .bootstrap-select .dropdown-menu li a {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}
.suggestions__container .bootstrap-select .btn.dropdown-toggle .bs-caret {
  color: #333333;
}
.suggestions__container .bootstrap-select .btn.dropdown-toggle .caret {
  margin-top: calc(-32 / var(--baseRem, 10) * 1rem) !important;
}
.suggestions__container .bootstrap-select .btn.dropdown-toggle .caret::before {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
}
.suggestions__container .md__input {
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}
.suggestions__container .md__input,
.suggestions__container .btn.dropdown-toggle {
  border-radius: calc(8 / var(--baseRem, 10) * 1rem);
}
.suggestions__container .icon-hint-corner {
  user-select: none;
}
.suggestions__container ~ footer {
  display: none !important;
}
.suggestions__container .heading-4 {
  margin-bottom: calc(8 / var(--baseRem, 10) * 1rem);
}
.suggestions__toggle-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(4 / var(--baseRem, 10) * 1rem);
  margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
}
.suggestions__toggle-filters, .suggestions__toggle-filters:hover, .suggestions__toggle-filters:active, .suggestions__toggle-filters:focus {
  text-decoration: none;
}
.suggestions__toggle-filters .suggestions__infos {
  margin-top: 2px;
  margin-bottom: 0;
}
.suggestions__toggle-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
}
.suggestions__toggle-text:hover span {
  text-decoration: underline;
}
.suggestions__toggle-text .icon-filter_list {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
}
.suggestions__toggle-text span {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}
.suggestions__reject {
  display: -ms-grid;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 991px) {
  .suggestions-card__text {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .suggestions__collapse-filters {
    margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .suggestions__collapse-filters .suggestions__infos {
    display: none;
  }
  .suggestions__collapse-filters .suggestions__sort .dropdown-toggle {
    margin-left: calc(10 / var(--baseRem, 10) * 1rem);
  }
  .suggestions__collapse-filters > *:first-child {
    padding-top: calc(10 / var(--baseRem, 10) * 1rem);
  }
  .suggestions__sort-row {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .suggestions-card {
    gap: calc(8 / var(--baseRem, 10) * 1rem);
    padding-top: calc(8 / var(--baseRem, 10) * 1rem);
    padding-right: calc(8 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card .avatar {
    background-color: #fff;
    border: calc(2 / var(--baseRem, 10) * 1rem) solid #8888ff;
  }
  .suggestions-card .avatar--man {
    border-color: #66cccc;
  }
  .suggestions-card .avatar--woman {
    border-color: #ff8888;
  }
  .suggestions-card .avatar__initiale, .suggestions-card .avatar__image {
    display: none;
  }
  .suggestions-card .avatar__icon {
    right: inherit;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
  }
  .suggestions-card__label {
    display: none;
  }
  .suggestions-card__amount-container {
    position: absolute;
    top: 0;
    right: 0;
  }
  .suggestions-card__amount {
    margin-right: calc(4 / var(--baseRem, 10) * 1rem);
    font-size: calc(24 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card__content {
    margin-top: calc(-4 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card__header {
    width: calc(100% - 6ch);
    margin-top: calc(2 / var(--baseRem, 10) * 1rem);
    margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
    line-height: calc(20 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card__header .gris {
    font-size: calc(14 / var(--baseRem, 10) * 1rem);
    line-height: calc(20 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card--py-small {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .suggestions-card--py-small .suggestions-card {
    gap: 0;
  }
  .suggestions-card--py-small .suggestions-card__thumbnail {
    display: none;
  }
  .suggestions-card .suggestions__reject {
    display: none;
  }
  .suggestions-card .caret-mui {
    right: calc(-16 / var(--baseRem, 10) * 1rem);
    top: calc(5 / var(--baseRem, 10) * 1rem);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .suggestions-card .d-block-sm {
    display: block;
  }
  .suggestions__reset span {
    display: none;
  }
  .suggestions__tab--main {
    flex-grow: 1;
  }
}
@media screen and (max-width: 559px) {
  .suggestions__tab--sm {
    padding-inline: calc(8 / var(--baseRem, 10) * 1rem);
    font-size: calc(14 / var(--baseRem, 10) * 1rem);
    line-height: calc(20 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 480px) {
  .suggestions-card__amount {
    font-size: calc(36 / var(--baseRem, 10) * 1rem);
    line-height: 1.15;
  }
  .suggestions-card__amount-container {
    min-width: calc(105 / var(--baseRem, 10) * 1rem);
    width: calc(105 / var(--baseRem, 10) * 1rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .suggestions-card__content .btn-reactivate {
    display: none;
  }
  .suggestions-card__list .avatar {
    margin-top: calc(6 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card__list .suggestions-card__header {
    margin-top: calc(18 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card--py-small .suggestions-card__thumbnail,
  .suggestions-card--py-small .suggestions-card__header {
    margin-top: calc(14 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card .d-block-sm {
    display: inline;
  }
  .suggestions-card .avatar {
    width: calc(48 / var(--baseRem, 10) * 1rem);
    height: calc(48 / var(--baseRem, 10) * 1rem);
    min-height: calc(48 / var(--baseRem, 10) * 1rem);
    min-width: calc(48 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card .avatar__icon.sosa {
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fff;
    color: #757585;
  }
  .suggestions-card .avatar__initiale {
    font-size: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .suggestions-card .avatar__image {
    border-width: calc(3 / var(--baseRem, 10) * 1rem);
  }
  .suggestions__container .heading-4 {
    margin-bottom: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .suggestions__reject {
    margin-right: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .suggestions__tab--main, .suggestions__tab--other {
    width: min(320 / var(--baseRem, 10) * 1rem, 28vw);
  }
}
@media screen and (min-width: 768px) {
  .suggestions__toggle-filters {
    display: none;
    pointer-events: none;
  }
  .suggestions__collapse-filters {
    display: block !important;
    height: auto !important;
  }
  .suggestions-card--py-small .suggestions-card__text {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-gap: 0;
    gap: 0;
  }
}

.hide-tree-menu + .tree-menu .tree-menu__bar-trees + div {
  display: none;
}
.hide-tree-menu ~ .suggestions__container {
  margin-top: calc(120 / var(--baseRem, 10) * 1rem - 55 / var(--baseRem, 10) * 1rem);
}

.heading-4 {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
  line-height: calc(32 / var(--baseRem, 10) * 1rem);
}
@media screen and (min-width: 480px) {
  .heading-4 {
    font-size: calc(32 / var(--baseRem, 10) * 1rem);
    line-height: calc(40 / var(--baseRem, 10) * 1rem);
  }
}

.individual-suggestions .navbar-heading {
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  line-height: normal;
  font-weight: 700;
}
.individual-suggestions .navbar .mini {
  width: calc(32 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions-card.card-shadow {
  padding: calc(16 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions-card .tree-infos {
  background-color: #fff;
}
.individual-suggestions-card .tree-infos__content {
  padding-bottom: calc(8 / var(--baseRem, 10) * 1rem);
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  line-height: calc(20 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions-card .tree-infos__content > li:not(:last-child) {
  border-color: #dee2e6;
}
.individual-suggestions-card .tree-infos__name {
  padding-left: calc(12 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions-card .tree-infos__name::before {
  width: calc(6 / var(--baseRem, 10) * 1rem);
  height: calc(6 / var(--baseRem, 10) * 1rem);
  top: calc(7 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions-card .tree-infos__name:not(.tree-infos__name--man, .tree-infos__name--woman)::before {
  --color-sex: #dee2e6;
}
.individual-suggestions-card .tree-infos__name.highlight-name::before {
  display: block;
  position: absolute;
  content: "";
  width: calc(12 / var(--baseRem, 10) * 1rem);
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 0;
}
.individual-suggestions-card .tree-infos__name.highlight-name::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(6 / var(--baseRem, 10) * 1rem);
  height: calc(6 / var(--baseRem, 10) * 1rem);
  top: calc(7 / var(--baseRem, 10) * 1rem);
  left: 0;
  border-radius: 50%;
  background-color: var(--color-sex);
}
.individual-suggestions-card .tree-infos__person > p:only-child {
  margin-left: calc(calc(48 / var(--baseRem, 10) * 1rem) + 1rem);
}
.individual-suggestions__container {
  display: grid;
  margin-top: var(--nav-height, calc(63 / var(--baseRem, 10) * 1rem));
}
.individual-suggestions #grid-filters {
  grid-area: Filters;
}
.individual-suggestions #grid-side-panel {
  grid-area: SidePanel;
}
.individual-suggestions #grid-list {
  grid-area: List;
}
.individual-suggestions .suggestions-card__status:not(.suggestions-card__status--highlight) {
  margin-right: calc(8 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions .side-panel__heading {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
}
.individual-suggestions .side-panel .avatar__icon {
  background-color: #EDEEF6;
}
.individual-suggestions .tree-infos__person {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.individual-suggestions .match:first-child > *:first-child {
  margin-top: 0;
}
.individual-suggestions .icon-i-no-hints.icon-lg {
  font-size: calc(96 / var(--baseRem, 10) * 1rem);
  line-height: 0.5;
}
.individual-suggestions .dropdown-menu {
  z-index: 1029;
}
.individual-suggestions .md__select .filter-option {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .individual-suggestions .suggestions-card__text {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .individual-suggestions__container {
    grid-template-areas: "SidePanel" "Filters" "List";
  }
  .individual-suggestions .container-md {
    padding-left: 0;
    padding-right: 0;
  }
  .individual-suggestions .panel {
    background-color: #EDEEF6;
  }
  .individual-suggestions .side-panel {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: var(--nav-height, calc(63 / var(--baseRem, 10) * 1rem));
    z-index: 1029;
  }
  .individual-suggestions .side-panel__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .individual-suggestions .side-panel__heading .caret-mui {
    margin-right: calc(4 / var(--baseRem, 10) * 1rem);
  }
  .individual-suggestions .side-panel [data-bs-toggle=collapse] .caret-mui::before {
    content: "keyboard_arrow_down";
  }
  .individual-suggestions .side-panel [data-bs-toggle=collapse].collapsed .caret-mui::before {
    content: "keyboard_arrow_right";
  }
  .individual-suggestions .suggestions__collapse-filters .btn-group {
    width: 100%;
  }
  .individual-suggestions .suggestions__collapse-filters .btn {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .individual-suggestions .navbar-heading {
    font-size: calc(20 / var(--baseRem, 10) * 1rem);
  }
  .individual-suggestions__container {
    grid-template-columns: 40% 1fr;
    grid-template-areas: "Filters Filters" "SidePanel List";
  }
  .individual-suggestions__container > .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .individual-suggestions .side-panel__heading {
    font-size: calc(20 / var(--baseRem, 10) * 1rem);
  }
  .individual-suggestions .side-panel [data-bs-toggle=collapse] {
    pointer-events: none;
  }
  .individual-suggestions .side-panel .collapse {
    display: block;
    height: auto;
  }
  .individual-suggestions .side-panel > * {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: calc(var(--nav-height, calc(63 / var(--baseRem, 10) * 1rem)) + calc(8 / var(--baseRem, 10) * 1rem));
    z-index: 1028;
  }
}
@media screen and (min-width: 992px) {
  .individual-suggestions__container {
    grid-template-columns: calc(352 / var(--baseRem, 10) * 1rem) 1fr;
  }
  .individual-suggestions__content {
    margin-left: calc(calc(48 / var(--baseRem, 10) * 1rem) + 1rem);
  }
  .individual-suggestions .suggestions-card__list {
    margin-top: calc(3 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1920px) {
  .individual-suggestions__container {
    grid-template-columns: calc(376 / var(--baseRem, 10) * 1rem) 1fr;
  }
}

.removing > h2 {
  color: #757585;
}
.removing .individual-suggestions-card {
  overflow: hidden;
}
.removing .layout-feedback {
  display: -ms-grid;
  display: grid;
}
.removing.confirmed [data-type=confirmed] {
  display: inline;
}
.removing.rejected [data-type=rejected] {
  display: inline;
}
.removing.match {
  transform-origin: top center;
}

.layout-feedback {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  place-items: center;
  background-color: #fff;
}

.snackbar {
  display: none;
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
  margin-bottom: 0;
  font-size: calc(13 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
  background-color: #333333;
  color: #fff;
  border-radius: calc(4 / var(--baseRem, 10) * 1rem);
}

.block-infos-center {
  display: -ms-grid;
  display: grid;
  place-items: center;
  margin-top: calc(20 / var(--baseRem, 10) * 1rem);
}
#grid-list .block-infos-center {
  min-height: calc(350 / var(--baseRem, 10) * 1rem);
}
.block-infos-center .icon-i-no-hints {
  color: #757585;
  -moz-transform: translateX(-7%);
  -ms-transform: translateX(-7%);
  -webkit-transform: translateX(-7%);
  transform: translateX(-7%);
}
.block-infos-center .column-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.block-infos-center .column-center .icon-i-no-hints {
  color: #757585;
  font-size: 96px;
  line-height: 0.5;
  -moz-transform: translateX(-7%);
  -ms-transform: translateX(-7%);
  -webkit-transform: translateX(-7%);
  transform: translateX(-7%);
}
.block-infos-center .column-center .gris {
  font-size: 20px;
  line-height: 30px;
}

/*# sourceMappingURL=style-filae.css.map */

/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
.navbar {
  border: 0;
  background: #ff5555;
}
.navbar .navbar-brand {
  float: left;
  font-size: 18px;
  height: auto;
  line-height: 20px;
  padding: 8px 23px;
  margin-left: -15px;
}
.navbar .navbar-brand img {
  width: 97px;
  margin: 3px 0 0 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navbar .navbar-brand img {
    /* IE10+ CSS styles go here */
    height: 29px;
  }
}
.navbar .navbar-brand:hover {
  opacity: 0.8;
}
.navbar__responsive .navbar-brand img.main {
  display: block;
}
.navbar__responsive .navbar-brand img.mini {
  display: none;
}
.navbar .navbar-collapse.second-nav ul {
  margin: 0;
}
.navbar .navbar-collapse.second-nav #profilHover {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
}
.navbar .navbar-collapse.second-nav #profilHover .flag #flag-dropdown {
  margin: 0;
}
.navbar .navbar-collapse.second-nav .dropdown, .navbar .navbar-collapse.second-nav .drop-no-msg {
  background: transparent;
  margin: 0;
}
.navbar .navbar-collapse.second-nav .dropdown .icon-connected, .navbar .navbar-collapse.second-nav .drop-no-msg .icon-connected {
  display: block;
  padding: 13px 9px 7px 9px;
}
.navbar .navbar-collapse.second-nav .dropdown .icon-connected i, .navbar .navbar-collapse.second-nav .drop-no-msg .icon-connected i {
  position: relative;
}
.navbar .navbar-collapse.second-nav .dropdown:hover, .navbar .navbar-collapse.second-nav .drop-no-msg:hover {
  background: #fff;
}
.navbar .navbar-collapse.second-nav .dropdown:hover > a, .navbar .navbar-collapse.second-nav .drop-no-msg:hover > a {
  color: #333333;
}
.navbar .navbar-collapse.second-nav .dropdown ul li > a, .navbar .navbar-collapse.second-nav .drop-no-msg ul li > a {
  color: #333333;
}
.navbar .navbar-collapse.second-nav .dropdown .dropdown-menu, .navbar .navbar-collapse.second-nav .drop-no-msg .dropdown-menu {
  top: 50px;
}
.navbar .navbar-collapse.second-nav i.icon-i-hints {
  font-size: 26px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints {
  width: 330px;
  left: auto;
  right: 0;
  padding: 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints li {
  border-bottom: 1px solid #d5d8da;
  margin: 0;
  width: 100%;
  padding: 15px 15px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints li:last-child {
  border-bottom: 0;
}
@media (max-width: 480px) {
  .navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints {
    width: 285px;
    left: auto;
    right: -97px;
    padding: 8px 0 0 0;
  }
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .title-dropdown-hints {
  color: #757585;
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 10px 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .title-dropdown-hints + a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .badge {
  height: 20px;
  padding: 4px 7px;
  min-width: inherit;
  margin: 0 0 0 5px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .badge.none {
  display: none;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .no-result {
  font-size: 17px;
  margin: 0;
  color: #999999;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bottom-hints__container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 0 10px 0;
  display: flex !important;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bottom-hints__container:last-child {
  padding: 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bottom-hints__tree {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints {
  border-bottom: 1px solid #d5d8da;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .title-space-between {
  margin: 0 0 -4px 0px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .title-space-between .badge--hint {
  display: inline-block;
  position: inherit;
  margin: 20px 0 0 15px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint:last-child {
  border-bottom-width: 0px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__link {
  padding: 10px 15px 10px 7px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__content {
  width: -moz-calc(100% - 82px);
  width: -webkit-calc(100% - 82px);
  width: calc(100% - 82px);
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  position: relative;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints .initial {
  line-height: 40px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.man {
  background-color: #66cccc;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.man .img-hints {
  border: 3px solid #66cccc;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.woman {
  background-color: #ff8888;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.woman .img-hints {
  border: 3px solid #ff8888;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.unknow {
  background-color: #8888ff;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.unknow .img-hints {
  border: 3px solid #8888ff;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints i {
  position: absolute;
  bottom: -6px;
  right: -6px;
  font-size: 12px;
  padding: 2px;
  color: #757585;
  background-color: white;
  border-radius: 50%;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon {
  width: auto;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon img {
  height: 20px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon img + .circle-new {
  margin-left: 10px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon .circle-new {
  width: 12px;
  height: 12px;
  background-color: #11a88b;
  border-radius: 50%;
  display: inline-block;
  margin-left: 28px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .bloc__content {
  min-height: auto;
}
.navbar .navbar-collapse.second-nav .btn-connexion + .flag {
  margin-left: 5px;
}
.navbar .navbar-collapse.second-nav .flag {
  height: 50px;
  text-align: center;
}
.navbar .navbar-collapse.second-nav .flag .dropdown-menu {
  width: 215px;
  left: auto;
  border: 1px solid #fff;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.navbar .navbar-collapse.second-nav .flag__select {
  display: table-cell;
  vertical-align: middle;
}
.navbar .navbar-collapse.second-nav .flag__item {
  display: table;
  margin: 8px 0;
  width: 100%;
}
.navbar .navbar-collapse.second-nav .flag__img {
  display: table-cell;
  vertical-align: middle;
}
.navbar .navbar-collapse.second-nav .flag__description {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.navbar .navbar-collapse.second-nav .flag__description.select {
  font-weight: 700;
}
.navbar .navbar-collapse.second-nav .flag .dropdown {
  margin: 0 20px;
}
.navbar .navbar-collapse.second-nav .flag .dropdown-toggle {
  display: table;
  height: 50px;
  padding: 0px 8px;
}
.navbar .navbar-collapse.second-nav .flag img {
  width: 25px;
  margin-bottom: 4px;
}
.navbar ul > li > a,
.navbar .second-nav ul > li > a {
  font-size: calc((16 / var(--baseRem, 10)) * 1rem);
  text-decoration: none;
  color: #fff;
}
.navbar .dropdown-menu li > a {
  font-size: calc((16 / var(--baseRem, 10)) * 1rem);
  text-decoration: none;
  color: #333333;
}
.navbar .navbar-nav > li > a:hover {
  background-color: inherit;
  background: #fff;
  color: #333333;
}
.navbar .navbar-nav > li > a.active {
  background-color: inherit;
  background: #fff;
  color: #333333;
}
.navbar.menu-simple .container a.connexion-on:hover {
  color: #445599 !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-header {
  font-size: 16px;
  padding: 3px 0 3px 15px;
  white-space: nowrap;
}
.navbar-toggle {
  background-color: #fff;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  opacity: 0.9;
}
.navbar-collapse {
  float: left;
}

.nav > li > a:focus {
  color: #333333;
  background: #fff;
}
.nav > li > a:focus:not(.link--hint) {
  border: 0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background: #fff;
  color: #333333;
}

.dropdown-menu > li > a {
  padding: 5px 15px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #fff;
  color: #ff5555;
}

/* ------ MENU DE DROITE => CONNEXION ETC ---- */
.navbar-collapse.second-nav {
  float: right;
}
.navbar-collapse.second-nav li {
  display: inline-block;
  margin: 8px 10px 0 0;
}
.navbar-collapse.second-nav li.btn-texte-menu {
  float: left;
  margin: 8px 7px 0;
}
.navbar-collapse.second-nav li + li {
  margin: 12px 0 0 0;
  vertical-align: top;
}
.navbar-collapse.second-nav li.btn-connexion > a {
  display: inline-block;
  height: 29px;
}
.navbar-collapse.second-nav li.btn-connexion > a:hover {
  color: #fff;
}
.navbar-collapse.second-nav li a.btn:hover {
  opacity: 1;
}
.navbar-collapse.second-nav li.dropdown ul li > a:hover {
  color: #ff5555;
  background: #fff;
}
.navbar-collapse.second-nav .btn-action.inscription {
  border: 1px solid white;
  padding: 6px 16px;
  color: white;
}
.navbar-collapse.second-nav .btn-action.inscription:hover {
  color: #ff5555;
  background-color: white !important;
}
.navbar-collapse.second-nav .btn-action-bkgd {
  color: #ff5555;
}

#profilHover a.notification i::after {
  content: " ";
  position: absolute;
  background: #11a88b;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  border: 2px solid white;
  top: -9px;
  right: -9px;
}
#profilHover #hintsDropdown a .icon-material-notifications {
  font-size: 24px;
}

.navbar .second-nav ul li > a {
  font-size: 17px;
}

.second-nav .dropdown-menu.menu {
  /* -- dropdown messages --*/
}
.second-nav .dropdown-menu.menu-message {
  width: 290px;
  left: auto;
  right: 0;
  padding: 0;
}
.second-nav .dropdown-menu.menu-message li {
  clear: left;
  width: 100%;
  border-bottom: 1px solid #d5d8da;
  margin: -5px 0 0 0;
  position: relative;
  cursor: pointer;
}
.second-nav .dropdown-menu.menu-message li:first-child {
  margin: 0;
}
.second-nav .dropdown-menu.menu-message li:last-child {
  border-bottom: 0;
  padding: 10px 10px 10px 19px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.second-nav .dropdown-menu.menu-message li:last-child:hover {
  background: rgba(213, 216, 218, 0.2);
}
.second-nav .dropdown-menu.menu-message li:last-child a:hover {
  background: transparent;
  color: #333333;
}
.second-nav .dropdown-menu.menu-message li + li {
  vertical-align: inherit;
}
.second-nav .dropdown-menu.menu-message li:hover a .selection {
  background: #ff5555;
}
.second-nav .dropdown-menu.menu-message li a {
  padding: 0;
}
.second-nav .dropdown-menu.menu-message li a .selection {
  background: transparent;
  float: left;
  width: 8px;
  height: 81px;
}
.second-nav .dropdown-menu.menu-message li a .profil {
  background: #8888ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  float: left;
  height: 48px;
  margin: 20px 10px 10px 8px;
  width: 48px;
}
.second-nav .dropdown-menu.menu-message li a .profil.homme {
  background: #66cccc;
}
.second-nav .dropdown-menu.menu-message li a .profil.femme {
  background: #ff8888;
}
.second-nav .dropdown-menu.menu-message li a .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 10px 0 0;
  text-align: center;
}
.second-nav .dropdown-menu.menu-message li a .profil.image img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 0;
}
.second-nav .dropdown-menu.menu-message li a .message {
  float: left;
  margin: 10px 10px 10px 0;
  width: 70%;
}
.second-nav .dropdown-menu.menu-message li a .message p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.second-nav .dropdown-menu.menu-message li a .message .texte {
  font-size: 12px;
  color: #2B2550;
  margin: 0;
}
.second-nav .dropdown-menu.menu-message li a .message .texte span {
  color: #2B2550;
  font-weight: bold;
}
.second-nav .dropdown-menu.menu-message li a .message .date {
  color: #2B2550;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  font-size: 11px;
  margin: 11px;
}
.second-nav .dropdown-menu.menu-message li a .message .pseudo,
.second-nav .dropdown-menu.menu-message li a:hover .message .pseudo,
.second-nav .dropdown-menu.menu-message li a:focus .message .pseudo {
  font-size: 15px;
  margin: 0;
  max-width: 72%;
  color: #333333;
}
.second-nav .dropdown-menu.menu-message li a .message .objet,
.second-nav .dropdown-menu.menu-message li a:hover .message .objet,
.second-nav .dropdown-menu.menu-message li a:focus .message .objet {
  font-size: 16px;
  margin: 0;
  color: #333333;
}
.second-nav .dropdown-menu.menu-message li.non-lu {
  background: rgba(213, 216, 218, 0.2);
}
.second-nav .dropdown-menu.menu-message li.non-lu a .message .objet,
.second-nav .dropdown-menu.menu-message li.non-lu a:hover .message .objet,
.second-nav .dropdown-menu.menu-message li.non-lu a:focus .message .objet {
  font-weight: bold;
}
.second-nav .dropdown-menu.menu-compte {
  /* -- dropdown compte --*/
  width: 220px;
  left: auto;
  right: 0;
  padding: 0;
}
.second-nav .dropdown-menu.menu-compte li {
  margin: 0;
  width: 100%;
}
.second-nav .dropdown-menu.menu-compte li a {
  margin: 0 0 0 12px;
}
.second-nav .dropdown-menu.menu-compte li a:hover, .second-nav .dropdown-menu.menu-compte li a:focus {
  color: #333333;
}
.second-nav .dropdown-menu.menu-compte li:last-child {
  border-top: 1px solid #d5d8da;
}
.second-nav .dropdown-menu.menu-compte li.compte {
  padding: 10px;
  border-bottom: 1px solid #d5d8da;
  background: none;
}
.second-nav .dropdown-menu.menu-compte li.compte + li {
  clear: left;
  margin: -2px 0 0 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil {
  background: #8888ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  float: left;
  height: 60px;
  width: 60px;
  margin: 0 10px 0 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 17px 0 0 0;
  text-align: center;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil.homme {
  background: #66cccc;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil.femme {
  background: #ff8888;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil.image img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 60px;
  width: 60px;
  border: 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .message {
  float: left;
  width: 63%;
}
.second-nav .dropdown-menu.menu-compte li.compte .message .pseudo {
  font-size: 14px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-weight: bold;
}
.second-nav .dropdown-menu.menu-compte li.compte .message .pseudo a {
  margin: 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .message .name {
  font-size: 13px;
  line-height: 18px;
  margin: 6px 0 0;
}

/* -----------------------  popover connexion -------------------------------- */
.btn-connexion .popover-content {
  width: 290px;
}

.btn-connexion .popover .connexion input,
.popover .connexion input {
  margin: 0 0 10px 0;
}

.btn-connexion .popover .connexion a,
.popover .connexion a {
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}

.btn-connexion .popover .connexion a:last-child,
.popover .connexion a:last-child {
  font-weight: normal;
}

.btn-connexion .popover .connexion .separation-gris,
.popover .connexion .separation-gris {
  margin: 14px -15px;
}

.btn-connexion .popover .connexion a.btn:hover,
.popover .connexion a.btn:hover {
  color: #fff;
}

.popover .connexion label {
  font-weight: normal;
}

.popover .connexion label input {
  margin: 7px 4px 17px;
}

.page-contenu {
  margin-top: 72px;
}

/*------- Harmonie avec l'ancien style du site btn orange dans popoover ----- */
.btn-connexion .popover .connexion a,
.popover .connexion a {
  color: #ff5555;
  text-decoration: underline;
}

.btn-connexion .popover .connexion .btn-action,
.popover .connexion .btn-action {
  background: #ff5555;
  border-color: #ff5555;
  text-decoration: none;
  color: #fff;
}

.btn-connexion .popover .connexion a#fb-login,
.popover .connexion a#fb-login {
  color: #3e69af;
  font-weight: bold;
}

.btn-connexion .popover .connexion .input-lg,
.popover .connexion .input-lg {
  font-size: 13px;
  height: 35px;
  padding: 7px;
}

.popover {
  max-width: 500px;
  z-index: 1029;
}
.popover .connexion h5 {
  color: #ff5555;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.popover .connexion label.label-box {
  display: table;
  margin: 3px 0 0;
}

.connexion p.bg-danger {
  max-width: 315px;
}

/* ================================================================= POPUP POPVER ETC GENERALES */
/* ======================================================================================================== FIN Menu Principal -- */
/* ================================================================================================ DEBUT Menu page abonnement (paywall) + pages connexion -- */
.menu-simple.navbar {
  background: #fff;
  height: 96px;
}
.menu-simple .navbar-brand {
  padding: 0 23px 0;
  float: left;
}
.menu-simple .navbar-brand img {
  width: 164px;
  height: auto;
}
.menu-simple a {
  float: right;
  margin: 35px 0;
  font-size: 16px;
}
.menu-simple button.close {
  font-size: 40px;
  margin: 27px 0 0 0;
}

/* =================================================================================================== FIN Menu page abonnement (paywall) + pages connexion -- */
/* ======================================================================================================== DEBUT Pied -- */
.small-footer {
  width: 100%;
  height: 53px;
  position: absolute;
  background: transparent;
}

.full-beta .small-footer,
.essai-7j footer {
  bottom: 0;
}

.essai-7j.activ-code .small-footer {
  position: relative;
}

.essai-7j .small-footer {
  bottom: auto;
  margin-top: 130px;
}

.small-footer .principal-footer {
  background-color: #2B2550;
}

footer {
  background: #363066;
  position: relative;
  height: 53px;
}
footer article {
  margin: 6px 0 17px 0;
}
footer li {
  clear: none;
  font-size: 100%;
  margin: 0;
}
footer ul.nav {
  height: auto;
}
footer ul.nav li:first-child {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: bold;
  color: #fff;
  margin: 6px 0 5px;
}
footer ul.nav li:first-child + li p {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #fff;
  margin: 6px 0 0 0;
}
footer ul.nav li a {
  font-family: "Lato", sans-serif;
  color: #fff !important;
  font-size: 14px;
  line-height: 1.8;
  padding: 0;
}
footer ul.nav li a:hover, footer ul.nav li a:focus {
  background: none;
  text-decoration: underline;
}
footer a .icon-rs {
  color: #fff;
  float: left;
  font-size: 16px;
  margin: 11px 16px 0 0;
}
footer a:hover .icon-rs, footer a:focus .icon-rs {
  color: rgba(255, 255, 255, 0.8);
}
footer a .icon-instagram,
footer a .icon-i-youtube {
  font-size: 18px;
}
footer a .icon-instagram {
  margin-right: 20px;
}
footer .principal-footer {
  background-color: #2B2550;
  color: #fff;
  padding: 16px 0 7px;
  text-align: center;
  font-size: 14px;
  height: 53px;
}
footer .principal-footer a {
  color: #fff;
  text-decoration: none;
}
footer .principal-footer a:hover {
  text-decoration: underline;
}

a.fb {
  background: none;
  height: auto;
  margin: auto;
  width: auto;
}

/* ======================================================================================================== FIN Pied -- */
/* ======================================================================================================== DEBUT page abonnement (paywall) + pages connexion -- */
.footer-connexion {
  text-align: center;
  bottom: 0;
  position: absolute;
  height: 100px;
  left: 0;
  padding: 28px 0 0;
  width: 100%;
}
@media (max-height: 550px) {
  .footer-connexion {
    position: inherit;
  }
}
.footer-connexion a {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.footer-connexion a i {
  font-size: 32px;
  margin: -4px 0 0 0;
  vertical-align: middle;
}
.footer-connexion a span {
  display: inline-block;
  margin: 4px 0 0 10px;
}

/* ======================================================================================================== fin page abonnement (paywall) + pages connexion -- */
/* ====================================================================================================================================================================================
==================================================================================  media queries  ================================================================================
====================================================================================================================================================================================
============================================================================================================================================================================= */
@media (max-width: 1200px) {
  /*======================================================================== 1200px ============================================================== */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ecran (992) + largeur tablette portrait (767px) -- */
@media (max-width: 992px) {
  /*======================================================================== 992px ============================================================== */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Menu Principal -- */
  .navbar-brand {
    padding: 8px 11px;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN Menu Principal -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT page abonnement (paywall) + pages connexion -- */
  .footer-connexion {
    margin: 0 auto;
    position: inherit;
    width: 100%;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN page abonnement (paywall) + pages connexion -- */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur tablette portrait -- */
@media (max-width: 767px) {
  /*======================================================================== 767 px ============================================================== */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Menu principal -- */
  .navbar-brand {
    padding: 18px 11px 0 11px;
  }
  .navbar-brand img {
    margin: -7px 0 -1px 5px;
  }

  .navbar-principal {
    left: calc((-4 / var(--baseRem, 10)) * 1rem);
    z-index: 10;
  }

  .navbar-toggle {
    float: left;
    border-color: transparent;
    margin-left: calc((15 / var(--baseRem, 10)) * 1rem);
    margin-right: 0;
    background-color: #ff5555;
  }
  .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active {
    background-color: #fff;
  }
  .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle:active .icon-bar {
    background-color: #ff5555;
  }
  .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar > .container > .navbar-header {
    float: left;
  }

  .second-nav ul {
    margin: 0 -15px;
  }

  .navbar-collapse {
    position: absolute;
    top: 50px;
  }
  .navbar-collapse.second-nav {
    position: relative;
    top: 0;
    margin-right: 0;
  }

  .navbar .navbar-nav {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
    color: #333333;
    margin: 0 0 0 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    min-width: 209px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 3px 7px 8px 8px;
  }
  .navbar .navbar-nav > li > a.active {
    color: #ff5555;
  }
  .navbar .navbar-nav > li > a:hover {
    background-color: #fff;
    color: #ff5555;
  }
  .navbar .navbar-nav li span.beta-xs {
    font-size: 16px;
  }

  .navbar ul > li > a {
    color: #333333;
  }

  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 6px 15px 6px 10px;
  }

  .second-nav .icon-i-perso-tour {
    margin: -5px 13px 0 -22px;
    font-size: 30px;
  }

  .navbar .navbar-collapse .nav > li > a {
    padding: 6px 5px;
  }

  .navbar-collapse.second-nav .dropdown-menu {
    left: -153px;
  }

  .navbar.navbar-nav li span.beta-xs a {
    display: block;
    margin: 4px 5px 8px 14px;
    text-decoration: none;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN Menu principal -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Footer -- */
  footer {
    padding: 0;
    display: block;
    height: auto;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN Footer -- */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */
@media (max-width: 496px) {
  /*======================================================================== 496 px ============================================================== */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Menu principal -- */
  .btn-connexion .popover-content {
    width: 240px;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN Menu principal -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Footer -- */
  footer ul.nav li a {
    line-height: 2.5;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN Footer -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Message Cookie -- */
  .cookiebanner-close button {
    padding: 9px 14px !important;
    margin: 11px 0 12px 27px !important;
    line-height: 20px !important;
  }

  /* -------------------------------------------------------------------------------------------------------- FIN Message Cookie -- */
}
@media (max-width: 400px) {
  .navbar-collapse.second-nav {
    padding-right: 0;
  }

  .navbar__responsive .navbar-brand img.main {
    display: none;
  }
  .navbar__responsive .navbar-brand img.mini {
    display: block;
    width: 29px;
  }
}
@media (max-width: 345px) {
  footer .principal-footer {
    height: 83px;
  }
}
@media (max-width: 690px) {
  footer .principal-footer {
    height: 75px;
  }
}
.navbar-collapse.second-nav ul#profilHover .icon-connected-container {
  display: block;
}

.search-footer footer.small-footer {
  bottom: 0;
  width: 100%;
  position: absolute;
  width: 100%;
  display: table-row;
  height: 53px;
  padding-top: 0 !important;
}

.search-footer .principal-footer {
  position: relative;
  height: auto;
  width: 100%;
}

.navbar .popover.bottom > .arrow {
  border-bottom-color: white;
}

.navbar.filterbar .popover.bottom > .arrow {
  border-bottom-color: #999;
}

/*# sourceMappingURL=menu-principal.css.map */