/*!
 * 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}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}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{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!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:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{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.woff2) format('woff2'),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:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.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"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-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}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;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}.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;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}[role=button]{cursor:pointer}.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,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,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,.h5,.h6,h4,h5,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%}.mark,mark{padding:.2em;background-color:#fcf8e3}.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:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[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 ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}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;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;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{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{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-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{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-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{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-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{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}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border: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:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{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=checkbox]:focus,input[type=radio]:focus{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,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-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,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],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-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],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}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.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 .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{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=button].btn-block,input[type=reset].btn-block,input[type=submit].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-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{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;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.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:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.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,.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-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-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:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(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-left-radius:4px;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-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.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-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;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=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.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.3333333;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}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.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}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn: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:400;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=checkbox],.input-group-addon input[type=radio]{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-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-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: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{border-top-left-radius:0;border-bottom-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:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{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{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.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:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.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{margin-bottom:5px;text-align:center}.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:focus,.nav-tabs-justified>.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;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-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{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;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;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:768px){.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:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@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 .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;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:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{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:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{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:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{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:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{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:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.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:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{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{padding:0 5px;color:#ccc;content:"/\00a0"}.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;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.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:focus,.pager li>a:hover{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:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{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]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom: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,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left: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:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.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:700}.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{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.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}}@-o-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{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(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:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-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-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.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-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{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,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>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,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.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,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border: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>.list-group,.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:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.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 embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.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,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(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:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(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;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.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-bottom:0;margin-left:5px}.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,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;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{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-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;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-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;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;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{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";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,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.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%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(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-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left: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}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.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!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.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!important}tr.visible-md{display:table-row!important}td.visible-md,th.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!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.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!important}tr.visible-print{display:table-row!important}td.visible-print,th.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}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -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;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  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);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

table .header-fixed {
  background-color: #ffffff;
  
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/*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: 1.6rem;
  text-decoration: none;
  color: #fff;
}
.navbar .dropdown-menu li > a {
  font-size: 1.6rem;
  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 {
  border: 0;
  color: #333333;
  background: #fff;
}
.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.twitter i.icon-genea, footer a.fb i.icon-genea {
  color: #fff;
  float: left;
  font-size: 16px;
  margin: 11px 18px 0 0;
}
footer a.twitter:hover i.icon-genea, footer a.fb:hover i.icon-genea, footer a.twitter:focus i.icon-genea, footer a.fb:focus i.icon-genea {
  color: rgba(255, 255, 255, 0.8);
}
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: -0.4rem;
    z-index: 10;
  }

  .navbar-toggle {
    float: left;
    border-color: transparent;
    margin-left: 1.5rem;
    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;
  }
}
@media (max-width: 360px) {
  .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 */

@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;
}

.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;
}

.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;
}

.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;
}

@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;
}

.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: #363e63;
  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: 0.1rem 0.4rem;
  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: 0.4rem;
    right: -0.5rem;
  }
}

.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?3tp5q21);
  src: url(/v4/genealogie/Content/fonts/icomoon.eot?3tp5q21#iefix) format("embedded-opentype"), url(/v4/genealogie/Content/fonts/icomoon.ttf?3tp5q21) format("truetype"), url(/v4/genealogie/fonts/icomoon.woff?3tp5q21) format("woff"), url(/v4/genealogie/Content/fonts/icomoon.svg?3tp5q21#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: "᠘";
}

/* '᠘' */
.icon-ic_local_offer_black_24px-1:before {
  content: "㔵";
}

/* '㔵' */
.icon-essai:before {
  content: "睷";
}

/* '睷' */
.icon-i-1ere-guerre:before {
  content: "\e600";
}

/* '' */
.icon-i-2eme-guerre:before {
  content: "\e601";
}

/* '' */
.icon-i-alerte:before {
  content: "\e602";
}

/* '' */
.icon-i-ancien-regime:before {
  content: "\e603";
}

/* '' */
.icon-i-annonce:before {
  content: "\e604";
}

/* '' */
.icon-i-arbre:before {
  content: "\e605";
}

/* '' */
.icon-i-arbre-genea:before {
  content: "\e606";
}

/* '' */
.icon-i-archives-militaires:before {
  content: "\e607";
}

/* '' */
.icon-i-attention-plein:before {
  content: "\e608";
}

/* '' */
.icon-i-attention-vide:before {
  content: "\e609";
}

/* '' */
.icon-i-avatar-femme:before {
  content: "\e60a";
}

/* '' */
.icon-i-avatar-h-f-01:before {
  content: "\e60b";
}

/* '' */
.icon-i-avatar-h-f-02:before {
  content: "\e60c";
}

/* '' */
.icon-i-avatar-homme:before {
  content: "\e60d";
}

/* '' */
.icon-i-avatar-neutre:before {
  content: "\e60e";
}

/* '' */
.icon-i-avatar-neutre-plus:before {
  content: "\e60f";
}

/* '' */
.icon-i-berceau:before {
  content: "\e610";
}

/* '' */
.icon-i-bonnet-marianne:before {
  content: "\e611";
}

/* '' */
.icon-i-boutique:before {
  content: "\e612";
}

/* '' */
.icon-i-bulle-3points:before {
  content: "\e613";
}

/* '' */
.icon-i-cadenas:before {
  content: "\e614";
}

/* '' */
.icon-i-calendrier-15:before {
  content: "\e615";
}

/* '' */
.icon-i-calepin:before {
  content: "\e616";
}

/* '' */
.icon-i-carte-identite:before {
  content: "\e617";
}

/* '' */
.icon-i-casque:before {
  content: "\e618";
}

/* '' */
.icon-i-cheque:before {
  content: "\e619";
}

/* '' */
.icon-i-colonie:before {
  content: "\e61a";
}

/* '' */
.icon-i-crayon:before {
  content: "\e61b";
}

/* '' */
.icon-i-crayon-02:before {
  content: "\e61c";
}

/* '' */
.icon-i-divers:before {
  content: "\e61d";
}

/* '' */
.icon-i-doc-arbre:before {
  content: "\e61e";
}

/* '' */
.icon-i-document:before {
  content: "\e61f";
}

/* '' */
.icon-i-dossier:before {
  content: "\e620";
}

/* '' */
.icon-i-dossier-images:before {
  content: "\e621";
}

/* '' */
.icon-i-dossier-presse:before {
  content: "\e622";
}

/* '' */
.icon-i-dossier-trombonne:before {
  content: "\e623";
}

/* '' */
.icon-i-empire:before {
  content: "\e624";
}

/* '' */
.icon-i-enregistrer:before {
  content: "\e625";
}

/* '' */
.icon-i-enveloppe-fermee:before {
  content: "\e626";
}

/* '' */
.icon-i-enveloppe-fermee-cadenas:before {
  content: "\e627";
}

/* '' */
.icon-i-enveloppe-ouverte:before {
  content: "\e628";
}

/* '' */
.icon-i-enveloppe-ouverte-cadenas:before {
  content: "\e629";
}

/* '' */
.icon-i-etoile:before {
  content: "\e62a";
}

/* '' */
.icon-i-facebook:before {
  content: "\e62b";
}

/* '' */
.icon-i-feuille-01:before {
  content: "\e62c";
}

/* '' */
.icon-i-feuille-02:before {
  content: "\e62d";
}

/* '' */
.icon-i-fleche-agrandissement:before {
  content: "\e62e";
}

/* '' */
.icon-i-fleche-bas:before {
  content: "\e62f";
}

/* '' */
.icon-i-fleche-deplacement:before {
  content: "\e630";
}

/* '' */
.icon-i-fleche-droite:before {
  content: "\e631";
}

/* '' */
.icon-i-fleche-droite-btn:before {
  content: "\e632";
}

/* '' */
.icon-i-fleche-gauche:before {
  content: "\e633";
}

/* '' */
.icon-i-fleche-gauche-btn:before {
  content: "\e634";
}

/* '' */
.icon-i-fleche-haut:before {
  content: "\e635";
}

/* '' */
.icon-i-fleche-haut-bas:before {
  content: "\e636";
}

/* '' */
.icon-i-fleche-tourne-gauche:before {
  content: "\e637";
}

/* '' */
.icon-i-gregorien:before {
  content: "\e638";
}

/* '' */
.icon-i-guillemet-ferme:before {
  content: "\e639";
}

/* '' */
.icon-i-guillement-ouvert:before {
  content: "\e63a";
}

/* '' */
.icon-i-hebreu:before {
  content: "\e63b";
}

/* '' */
.icon-i-heraldique:before {
  content: "\e63c";
}

/* '' */
.icon-i-horloge:before {
  content: "\e63d";
}

/* '' */
.icon-i-imprimer:before {
  content: "\e63e";
}

/* '' */
.icon-i-indien:before {
  content: "\e63f";
}

/* '' */
.icon-i-information:before {
  content: "\e640";
}

/* '' */
.icon-i-islamique:before {
  content: "\e641";
}

/* '' */
.icon-i-julien:before {
  content: "\e642";
}

/* '' */
.icon-i-legion:before {
  content: "\e643";
}

/* '' */
.icon-i-lettre:before {
  content: "\e644";
}

/* '' */
.icon-i-livre:before {
  content: "\e645";
}

/* '' */
.icon-i-logo-cadeau-com:before {
  content: "\e646";
}

/* '' */
.icon-i-loupe-droite:before {
  content: "\e647";
}

/* '' */
.icon-i-loupe-gauche:before {
  content: "\e648";
}

/* '' */
.icon-i-macaron-arbre-genea:before {
  content: "\e649";
}

/* '' */
.icon-i-macaron-marianne:before {
  content: "\e64a";
}

/* '' */
.icon-i-mariage:before {
  content: "\e64b";
}

/* '' */
.icon-i-marianne:before {
  content: "\e64c";
}

/* '' */
.icon-i-maya:before {
  content: "\e64d";
}

/* '' */
.icon-i-membres:before {
  content: "\e64e";
}

/* '' */
.icon-i-moustache:before {
  content: "\e64f";
}

/* '' */
.icon-i-news:before {
  content: "\e650";
}

/* '' */
.icon-i-no-voir:before {
  content: "\e651";
}

/* '' */
.icon-i-objectif-01:before {
  content: "\e652";
}

/* '' */
.icon-i-parfum:before {
  content: "\e653";
}

/* '' */
.icon-i-perse:before {
  content: "\e654";
}

/* '' */
.icon-i-perso:before {
  content: "\e655";
}

/* '' */
.icon-i-perso-tour:before {
  content: "\e656";
}

/* '' */
.icon-i-pile-livres:before {
  content: "\e657";
}

/* '' */
.icon-i-prelevement:before {
  content: "\e658";
}

/* '' */
.icon-i-punaise:before {
  content: "\e659";
}

/* '' */
.icon-i-r-arbre:before {
  content: "\e65a";
}

/* '' */
.icon-i-r-document:before {
  content: "\e65b";
}

/* '' */
.icon-i-r-enveloppe:before {
  content: "\e65c";
}

/* '' */
.icon-i-resistance-belge:before {
  content: "\e65d";
}

/* '' */
.icon-i-r-imprimer:before {
  content: "\e65e";
}

/* '' */
.icon-i-r-membres:before {
  content: "\e65f";
}

/* '' */
.icon-i-r-partage:before {
  content: "\e660";
}

/* '' */
.icon-i-r-rouage:before {
  content: "\e661";
}

/* '' */
.icon-i-statistique:before {
  content: "\e662";
}

/* '' */
.icon-i-supprimer-croix-01:before {
  content: "\e663";
}

/* '' */
.icon-i-supprimer-croix-02:before {
  content: "\e664";
}

/* '' */
.icon-i-telecharger-pdf:before {
  content: "\e666";
}

/* '' */
.icon-i-titre-arbre:before {
  content: "\e667";
}

/* '' */
.icon-i-titre-blason:before {
  content: "\e668";
}

/* '' */
.icon-i-titre-boussole:before {
  content: "\e669";
}

/* '' */
.icon-i-titre-boutique:before {
  content: "\e66a";
}

/* '' */
.icon-i-titre-bulle:before {
  content: "\e66b";
}

/* '' */
.icon-i-titre-bulle-3points:before {
  content: "\e66c";
}

/* '' */
.icon-i-titre-calendrier-15:before {
  content: "\e66d";
}

/* '' */
.icon-i-titre-chronique:before {
  content: "\e66e";
}

/* '' */
.icon-i-titre-livre-ouvert:before {
  content: "\e66f";
}

/* '' */
.icon-i-titre-loupe:before {
  content: "\e671";
}

/* '' */
.icon-i-titre-loupe-plus:before {
  content: "\e672";
}

/* '' */
.icon-i-titre-parchemin:before {
  content: "\e673";
}

/* '' */
.icon-i-titre-pile-livre:before {
  content: "\e674";
}

/* '' */
.icon-i-tombe:before {
  content: "\e675";
}

/* '' */
.icon-i-valide-01:before {
  content: "\e676";
}

/* '' */
.icon-i-viewer-ajout-membre:before {
  content: "\e678";
}

/* '' */
.icon-i-viewer-dossier-1:before {
  content: "\e679";
}

/* '' */
.icon-i-viewer-loupe-moins:before {
  content: "\e67a";
}

/* '' */
.icon-i-viewer-loupe-plus:before {
  content: "\e67b";
}

/* '' */
.icon-i-voir:before {
  content: "\e67c";
}

/* '' */
.icon-i-puce:before {
  content: "\e67d";
}

/* '' */
.icon-i-feuille-logo:before {
  content: "\e67e";
}

/* '' */
.icon-i-plus:before {
  content: "\e67f";
}

/* '' */
.icon-i-moins:before {
  content: "\e680";
}

/* '' */
.icon-i-r-document-vide:before {
  content: "\e681";
}

/* '' */
.icon-i-r-rouage-vide:before {
  content: "\e682";
}

/* '' */
.icon-i-telecharger-lien-web:before {
  content: "\e683";
}

/* '' */
.icon-i-parametre:before {
  content: "\e684";
}

/* '' */
.icon-i-macaron-100-garantie-1:before {
  content: "\e685";
}

/* '' */
.icon-i-cadeaux:before {
  content: "\e686";
}

/* '' */
.icon-i-question-1:before {
  content: "\e687";
}

/* '' */
.icon-i-desabonnement:before {
  content: "\e688";
}

/* '' */
.icon-i-zero-risque:before {
  content: "\e689";
}

/* '' */
.icon-i-dossier-loupe:before {
  content: "\e68a";
}

/* '' */
.icon-premium-badge:before {
  content: "\e800";
}

/* '' */
.icon-material-hourglass_empty:before {
  content: "\e801";
}

/* '' */
.icon-family-search-icon:before {
  content: "\e802";
}

/* '' */
.icon-material-notifications:before {
  content: "\e803";
}

/* '' */
.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-i-arrow-left:before {
  content: "󦜑";
}

/* '\e6711' */
.icon-i-arrow-right:before {
  content: "󦜒";
}

/* '\e6712' */
.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: #291f7a;
  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: #465569;
}

.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 {
  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 .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;
  }
}
.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;
}

/* ======================================================================================================== DEBUT Arbre en ligne -- */
/*---------------------------------- Navigation dans les arbre */
#overscroll {
  width: 100% !important;
}

.arbre-classique.fixed,
.arbre-descendant.fixed,
.individual-sheet-container.fixed,
.arbre-familial.fixed,
.parentalLink.fixed,
.arbre-ascendant.fixed,
.parentalLink__noresult.fixed,
.mode-lieu.fixed,
.container-marge-top.fixed {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .arbre-classique.fixed,
.arbre-descendant.fixed,
.individual-sheet-container.fixed,
.arbre-familial.fixed,
.parentalLink.fixed,
.arbre-ascendant.fixed,
.parentalLink__noresult.fixed,
.mode-lieu.fixed,
.container-marge-top.fixed {
    margin-top: 8.8rem;
  }
}

.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: 2.2rem;
}
.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: 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: #3d454e;
  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: 5rem;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 1002;
}
.tree-menu .tree-menu__link > a {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0;
  color: #363066;
  text-align: center;
  text-transform: capitalize;
  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: 0.1rem;
  background-color: #43C;
  top: 100%;
  left: 0;
}
.tree-menu .tree-menu__link > a i {
  font-size: 2.4rem;
}
.tree-menu .tree-menu__link > a span {
  font-size: 1.2rem;
}
.tree-menu .tree-menu__link + .tree-menu__link {
  margin-left: 2rem;
}
.tree-menu__link.inner {
  padding-left: 2px;
}
.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: 2.4rem;
}
.tree-menu__views .dropdown-toggle i:first-child {
  margin-right: 0.25em;
}
.tree-menu__views .dropdown-toggle span {
  font-size: 1.2rem;
}
.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: 0.5rem;
    gap: 0.5rem;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr;
    align-items: center;
    width: 100%;
    padding: 0.25rem 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% + 0.5rem);
  }
}
.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: 0.4rem;
  padding-bottom: 0.4rem;
}
.tree-menu__container:not(.container) {
  padding: 0.4rem 0.8rem;
}
.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: #fafafc;
  }
  .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: #fafafc;
}
.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: 0.2rem;
  padding-left: 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% + 0.8rem);
  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: 0.8rem;
}
.tree-menu--mobile {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  max-width: 100vw;
  bottom: 0;
  margin: 0.8rem 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: 0.5rem 1.5rem 0.25rem 1.5rem;
}
.tree-menu--mobile li.dropdown ul.dropdown-menu {
  max-height: 60vh !important;
  top: unset;
  bottom: calc(100% + 0.5rem);
}
@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% + 0.5rem);
}
.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: 0.5rem 1.5rem;
  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: -0.2rem;
}
.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: 1.4rem;
}
.tree-menu .btn-tree-menu {
  text-transform: capitalize;
}
.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: -0.5rem;
}
.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: 1.3rem;
}

.has-tree-menu {
  margin-top: 10.4rem;
}
.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: 1.8rem;
}
.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;
}

.close-hint {
  width: 1.6rem;
  height: 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;
  -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: 1.3rem;
  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);
}

#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-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: #79a639;
  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[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: 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: #465569f4;
}
.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-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 .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-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 .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 .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;
  }
}
@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;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .min-content {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}

/* 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;
}

/*  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;
}

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: 96px;
  height: 96px;
  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: #8888ff;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  min-height: 96px;
  min-width: 96px;
  position: relative;
}
.avatar__initiale {
  font-size: 36px;
  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: 24px;
  height: 24px;
  background-color: #2B2550;
  border-radius: 50%;
  bottom: 0;
  font-size: 19px;
  position: absolute;
  right: 0;
  top: inherit;
}
.avatar__image {
  width: 100%;
  height: 100%;
  border: 6px solid #757585;
  border-radius: 50%;
}
.avatar--man {
  background-color: #66cccc;
}
.avatar--man .avatar__image, .avatar--man.avatar--empty {
  border-color: #66cccc;
}
.avatar--woman {
  background-color: #ff8888;
}
.avatar--woman .avatar__image, .avatar--woman.avatar--empty {
  border-color: #ff8888;
}
.avatar__status {
  background-color: #FD7E14;
  font-family: "icomoon";
  position: relative;
}
.avatar__status::before {
  display: block;
  position: absolute;
  content: "\e801";
  font-size: 6rem;
  -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 {
  background-color: #20C997;
}
.avatar__status--checked::before {
  content: "\e91e";
}
.avatar__status--edit {
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.avatar__status--edit::before {
  content: "\e97c";
  color: #adb5bd;
}
.avatar--medium {
  width: 64px;
  height: 64px;
  min-height: 64px;
  min-width: 64px;
}
.avatar--medium .avatar__initiale {
  font-size: 24px;
}
.avatar--medium .avatar__image {
  border-width: 4px;
}
.avatar--medium .avatar__icon {
  width: 16px;
  height: 16px;
  background-color: #fff;
  bottom: 0;
  color: #757585;
  font-size: 12px;
  right: 0;
}
.avatar--medium.avatar__status::before {
  font-size: 4rem;
}
.avatar--small, #ExistingAlternativeParents .avatar--known-person, .liste-fratrie .avatar--known-person {
  width: 36px;
  height: 36px;
  min-height: 36px;
  min-width: 36px;
}
.avatar--small .avatar__initiale, #ExistingAlternativeParents .avatar--known-person .avatar__initiale, .liste-fratrie .avatar--known-person .avatar__initiale {
  font-size: 16px;
}
.avatar--small .avatar__image, #ExistingAlternativeParents .avatar--known-person .avatar__image, .liste-fratrie .avatar--known-person .avatar__image {
  border-width: 3px;
}
.avatar--small .avatar__icon, #ExistingAlternativeParents .avatar--known-person .avatar__icon, .liste-fratrie .avatar--known-person .avatar__icon {
  width: 14px;
  height: 14px;
  background-color: #fff;
  bottom: -2px;
  color: #757585;
  font-size: 9px;
  right: -2px;
}
.avatar--small.avatar__status::before, #ExistingAlternativeParents .avatar__status.avatar--known-person::before, .liste-fratrie .avatar__status.avatar--known-person::before {
  font-size: 2rem;
}
.avatar--known-person {
  width: 48px;
  height: 48px;
  min-height: 48px;
  min-width: 48px;
}
.avatar--known-person .avatar__initiale {
  font-size: 22px;
}
.avatar--known-person .avatar__image {
  border-width: 3px;
}
.avatar--known-person .avatar__icon {
  width: 18px;
  height: 18px;
  background-color: #fff;
  bottom: -4px;
  color: #757585;
  font-size: 12px;
  right: -3px;
}
.avatar--empty {
  background-color: 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);
  }
}
.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 {
  --color-spinner: #ff5555;
}
.spinner.load {
  margin: auto;
  width: 4rem;
  height: 4rem;
  border: 6px solid var(--color-spinner);
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 1.6s linear infinite;
}
.spinner.spinner--sm {
  width: 2rem;
  height: 2rem;
  border-width: 0.25em;
  animation-duration: 1.15s;
}
.spinner--grey {
  --color-spinner: #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 #dee2e6;
  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 #a9aed4;
  border-right: 1px solid #a9aed4;
}
.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 #a9aed4;
  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: #9da3cc;
  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: #9da3cc;
  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 #a9aed4;
  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 #a9aed4;
  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 #9da3cc;
  border-right: 1px solid #9da3cc;
  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 #a9aed4;
}
#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: #868f9d;
}
.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 #a9aed4;
  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 #a9aed4;
    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 #a9aed4;
  }
  #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: white;
  }
  #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);
}
@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: #cc0019 !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;
  }
}
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: 1.6rem;
  position: relative;
  padding-right: 3.2rem;
}
.suggestions-card p:not(.suggestions-card__header) {
  margin-bottom: 0;
}
.suggestions-card .avatar {
  width: 1.8rem;
  height: 1.8rem;
  min-height: 1.8rem;
  min-width: 1.8rem;
}
.suggestions-card .avatar__icon.sosa {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  color: #757585;
  font-size: 1.2rem;
}
.suggestions-card .avatar__initiale {
  font-size: 1.6rem;
}
.suggestions-card .avatar__image {
  border-width: 0.3rem;
}
.suggestions-card--py-small {
  padding-top: 0;
  padding-bottom: 6px;
}
.suggestions-card--py-small .suggestions-card__header [class^=icon-] {
  font-size: 1.9rem;
}
.suggestions-card--py-small .suggestions-card__header.suggestions-card__header {
  margin-bottom: 0.4rem;
}
.suggestions-card__thumbnail > * {
  width: 4.8rem;
  height: 4.8rem;
}
.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: 3.2rem;
}
.suggestions-card__thumbnail i.icon-i-family-view {
  font-size: 2.2rem;
}
.suggestions-card__status {
  padding: 2px 4px;
  margin-right: 0.8rem;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 0.4rem;
  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: 0.8rem;
}
.suggestions-card__label {
  text-transform: uppercase;
  font-size: 1.3rem;
  color: #757585;
}
.suggestions-card__amount {
  font-weight: 700;
  color: #43C;
}
.suggestions-card__header {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.suggestions-card__list {
  margin-bottom: 1.6rem;
  color: #43C;
  font-size: 1.3rem;
  line-height: 2rem;
}
.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: 1.3rem;
  line-height: 2rem;
}
.suggestions__linking-word + * {
  color: #43C;
}
.suggestions__tab {
  padding: 0.8rem 1.6rem;
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #fff;
  color: #43C;
  font-size: 1.6rem;
  line-height: 2.4rem;
  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: 0.8rem 1.6rem;
}
.suggestions__tabs {
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  border-bottom: 1px solid #dee2e6;
}
.suggestions__list > * + * {
  margin-top: 0.8rem;
}
.suggestions__list .suggestions-card__text {
  margin-bottom: 0.8rem;
}
.suggestions__infos {
  font-size: 1.3rem;
  line-height: 2rem;
  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: 2.4rem;
}
.filters-off .suggestions__filter {
  display: none;
}
.md__label .suggestions__filter {
  color: #dd3333;
  font-size: 1.8rem;
  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: 0.8rem;
}
.suggestions__sort .md__select .dropdown-toggle {
  padding: 0;
  border: none;
}
.suggestions__sort-row {
  margin-bottom: 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;
  -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: 3.2rem;
}
.suggestions__container .bootstrap-select .dropdown-menu li a {
  padding: 0.4rem 1.6rem;
}
.suggestions__container .bootstrap-select .filter-option,
.suggestions__container .bootstrap-select .dropdown-menu li a {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.suggestions__container .bootstrap-select .btn.dropdown-toggle .bs-caret {
  color: #333333;
}
.suggestions__container .bootstrap-select .btn.dropdown-toggle .caret {
  margin-top: -3.2rem !important;
}
.suggestions__container .bootstrap-select .btn.dropdown-toggle .caret::before {
  font-size: 2.4rem;
}
.suggestions__container .md__input {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.suggestions__container .md__input,
.suggestions__container .btn.dropdown-toggle {
  border-radius: 0.8rem;
}
.suggestions__container .icon-hint-corner {
  user-select: none;
}
.suggestions__container ~ footer {
  display: none !important;
}
.suggestions__container .heading-4 {
  margin-bottom: 0.8rem;
}
.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: 0.4rem;
  margin-bottom: 1.6rem;
}
.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: 2.4rem;
}
.suggestions__toggle-text span {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.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: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .suggestions__collapse-filters {
    margin-bottom: 1.6rem;
  }
  .suggestions__collapse-filters .suggestions__infos {
    display: none;
  }
  .suggestions__collapse-filters .suggestions__sort .dropdown-toggle {
    margin-left: 1rem;
  }
  .suggestions__collapse-filters > *:first-child {
    padding-top: 1rem;
  }
  .suggestions__sort-row {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .suggestions-card {
    gap: 0.8rem;
    padding-top: 0.8rem;
    padding-right: 0.8rem;
  }
  .suggestions-card .avatar {
    background-color: #fff;
    border: 0.2rem 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: 0.4rem;
    font-size: 2.4rem;
  }
  .suggestions-card__content {
    margin-top: -0.4rem;
  }
  .suggestions-card__header {
    width: calc(100% - 6ch);
    margin-top: 0.2rem;
    margin-bottom: 0.4rem;
    line-height: 2rem;
  }
  .suggestions-card__header .gris {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .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: -1.6rem;
    top: 0.5rem;
    -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 (min-width: 480px) {
  .suggestions-card__amount {
    font-size: 3.6rem;
    line-height: 1.15;
  }
  .suggestions-card__amount-container {
    min-width: 10.5rem;
    width: 10.5rem;
    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: 0.6rem;
  }
  .suggestions-card__list .suggestions-card__header {
    margin-top: 1.8rem;
  }
  .suggestions-card--py-small .suggestions-card__thumbnail,
.suggestions-card--py-small .suggestions-card__header {
    margin-top: 1.4rem;
  }
  .suggestions-card .d-block-sm {
    display: inline;
  }
  .suggestions-card .avatar {
    width: 4.8rem;
    height: 4.8rem;
    min-height: 4.8rem;
    min-width: 4.8rem;
  }
  .suggestions-card .avatar__icon.sosa {
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fff;
    color: #757585;
  }
  .suggestions-card .avatar__initiale {
    font-size: 1.6rem;
  }
  .suggestions-card .avatar__image {
    border-width: 0.3rem;
  }
  .suggestions__container .heading-4 {
    margin-bottom: 1.6rem;
  }
  .suggestions__reject {
    margin-right: 1.6rem;
  }
  .suggestions__tab--main, .suggestions__tab--other {
    width: min(32rem, 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: 6.5rem;
}

.heading-4 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
@media screen and (min-width: 480px) {
  .heading-4 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}

.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 */

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */

    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */

    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
/*! noUiSlider - 7.0.10 - 2014-12-27 14:50:47 */


.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-dragable{cursor:w-resize}.noUi-vertical .noUi-dragable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle{cursor:not-allowed}
.ui-rangeSlider{height:22px}.ui-rangeSlider .ui-rangeSlider-innerBar{height:16px;margin:3px 6px;background:#DDD}.ui-rangeSlider .ui-rangeSlider-handle{width:6px;height:22px;background:#AAA;background:rgba(100,100,100,.3);cursor:col-resize}.ui-rangeSlider .ui-rangeSlider-bar{margin:1px 0;background:#CCC;background:rgba(100,100,150,.2);height:20px;cursor:move;cursor:grab;cursor:-moz-grab}.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{cursor:-moz-grabbing;cursor:grabbing}.ui-rangeSlider-arrow{height:16px;margin:2px 0;width:16px;background-repeat:no-repeat}.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{background-image:url(icons-classic/resultset_previous.png);background-position:center left}.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{background-image:url(icons-classic/resultset_next.png);background-position:center right}.ui-rangeSlider-arrow-inner{display:none}.ui-rangeSlider-container{height:22px}.ui-rangeSlider-withArrows .ui-rangeSlider-container{margin:0 11px}.ui-rangeSlider-noArrow .ui-rangeSlider-container{margin:0}.ui-rangeSlider-label{margin:0 2px 2px;background-image:url(icons-classic/label.png);background-position:bottom center;background-repeat:no-repeat;white-space:nowrap;bottom:20px;padding:3px 6px 7px;cursor:col-resize}.ui-rangeSlider-label-inner{display:none}input.ui-editRangeSlider-inputValue{width:3em;vertical-align:middle;text-align:center}
@charset "UTF-8";

/**
 * This file is part of jquery-mytour plugin.
 * @version 1.0.4 ~
 */

#my-tour-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.20);
	z-index: 1500;
}

#my-tour-shield {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	/*z-index: 1700;*/
}

#my-tour-tooltip {
    background: white;
	border-radius: 5px;
	color: #555;
	padding: 4px;
	position: absolute;
	min-width: 300px;
	max-width: 600px;
	z-index: 2000;
	text-shadow: none;
	border: 1px solid #AAA;
	box-shadow: #BBB 2px 2px 10px;
	min-height: 180px;
	max-height: 360px;
}

#my-tour-tooltip h1,
#my-tour-tooltip h2,
#my-tour-tooltip h3,
#my-tour-tooltip h4,
#my-tour-tooltip h5,
#my-tour-tooltip h6 {
	font-size: 1.5em;
	padding: 10px;
	margin: 0;
	color: #337ab7;
	background: #EEE;
}

#my-tour-tooltip p {
	margin: 10px;
    text-align: justify;
    line-height: 21px;
}

#my-tour-tooltip-nub,
#my-tour-tooltip-nub:after {
    display: block;
    height: 0;
    left: 22px;
    position: absolute;
    width: 0;
    border-color: transparent;
	border-style: solid;
}

#my-tour-tooltip-nub.bottom {
	top: -15px;
	border-width: 15px;
	border-top-width: 0;
	border-bottom-color: #AAA;
}

#my-tour-tooltip-nub.bottom:after {
	content: " ";
	left: -15px;
	bottom: -16px;
	border-top-width: 0;
	border-bottom-color: #FFF;
	border-width: 15px;
}

#my-tour-tooltip-nub.top {
	bottom: -15px;
	border-width: 15px;
	border-bottom-width: 0;
	border-top-color: #AAA;
}

#my-tour-tooltip-nub.top:after {
	content: " ";
	left: -15px;
	bottom: -13px;
	border-bottom-width: 0;
	border-top-color: #FFF;
	border-width: 15px;
}

#my-tour-tooltip-nub.right {
	left: -15px;
	border-width: 15px;
	border-left-width: 0;
	border-right-color: #AAA;
}

#my-tour-tooltip-nub.right:after {
	content: " ";
	left: -13px;
	bottom: -15px;
	border-left-width: 0;
	border-right-color: #FFF;
	border-width: 15px;
}

#my-tour-tooltip-nub.left {
	left: -15px;
	border-width: 15px;
	border-right-width: 0;
	border-left-color: #AAA;
}

#my-tour-tooltip-nub.left:after {
	content: " ";
	left: -17px;
	bottom: -15px;
	border-right-width: 0;
	border-left-color: #FFF;
	border-width: 15px;
}

#my-tour-button-bar {
	text-align: right;
	padding: 10px 10px 5px;
	border-top: 1px solid #EEE;
	margin: 0;
	margin-top: 10px;
}

#my-tour-button-bar > a {    
    font-size: 13px;
    margin: 0.5px;
    padding: 6px 10px 4px;
    text-decoration: none;
    width: auto;
}

/*#my-tour-button-bar > a {
    color: #555;
    font-size: 13px;
    margin: 0.5px;
    padding: 6px 10px 4px;
    text-decoration: none;
    width: auto;
}

#my-tour-button-bar > a:hover {
	
}

#my-tour-button-bar > a.disabled {
	color: #DDD;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
	cursor: default;
}*/

#my-tour-dropdown-steps {
	padding: 4px;
	height: 26px;
	width: 55px;
	margin: 0 0 0 15px;
	border: 0;
	font-weight: bold;
	color: #0E59BE;
}

#my-tour-content {
	margin-bottom: 15px;
	min-height: 119px;
	max-height: 240px;
	overflow: auto;
}

.my-tour-highlight {
	z-index: 1600;
	position: relative;
	border-radius: 5px;
	box-shadow: #FFF 0px 0px 20px;
}





.resultTable {
    font-size: 14px;
}


.node-tree {
    font-size: 12px;
    padding-top: 2px;
}

.select button {
    width: 100%;
    text-align: left;
}

.select .caret {
    position: absolute;
    right: 10px;
    margin-top: 10px;
}

.select:last-child > .btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.selected {
    padding-right: 10px;
}

.option {
    width: 100%;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.badge {
    background-color: #39678a;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings', sans-serif; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

#map {
    height: 500px;
}

#loading {
    width: 200px;
    height: 90px;
    background-color: #FF5555;
    position: absolute;
    left: 50%;
    top: 110;
    margin-left: -100px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    border: 2px solid #333333;
}

.result em {
    color: #999;
}

blockquote {
    border-left: none;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings', sans-serif; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.glyphTypeBase {
    font-size: 32px;
}



.glyphicon-mere {
    color: #ec7b7b;
}

.glyphicon-pere {
    color: #72a6a6;
}

.glyphicon-conjoint {
    color: grey;
}

.red {
    color: red;
}



.table-bordered2 > tbody > tr > td, .table-bordered2 > tbody > tr > th, .table-bordered2 > tfoot > tr > td, .table-bordered2 > tfoot > tr > th, .table-bordered2 > thead > tr > td, .table-bordered2 > thead > tr > th {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.text-success {
    color: #acc11c;
}







#TotalCount {
    font-size: 16px;
    color: #666;
    font-family: 'Lato', sans-serif;
}


.table > tbody > tr > td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dropdown-menu.recently {
    left: auto; /* reset left:0; value */
    right: 0; /* Set right value instead */
}

.highlight-blue {
    color: #3344bb;
    font-weight: bold;
}

.popover {
    max-width: 400px;
}

/*#slider {
                background-color:Blue;
            }*/
.noUi-handle {
    box-shadow: none;
    background: #4a789c;
}

.slidertooltip {
    color: #999;
    font-size: 11px;
}




.cache {
    display: none;
}

.orange-check {
    color: #FF5555;
}

/*for disabled filters*/
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    cursor: pointer;
}

/*for disabled sort options*/
.disabled.sort > a:hover,
.disabled.sort > a:focus {
    cursor: pointer;
}

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

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

.fleche-verte-suivant {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-left: 8px solid #98ab11;
    border-top: 7px solid rgba(0, 0, 0, 0);
    float: left;
    height: 0;
    margin: 3px 3px 0 0;
    width: 0;
}

/* for search form */
.node-tree {
        font-size: 12px;
        padding-top: 2px;
    }

    .select button {
        width: 100%;
        text-align: left;
    }

    .select .caret {
        position: absolute;
        right: 10px;
        margin-top: 10px;
    }

    .select:last-child > .btn {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .selected {
        padding-right: 10px;
    }

    .option {
        width: 100%;
    }

    .scrollable-menu {
        height: auto;
        max-height: 300px;
        overflow-x: hidden;
    }

    .badge {
        background-color: #39678a;
    }

    .panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings', sans-serif; /* essential for enabling glyphicon */
        content: "\e114"; /* adjust as needed, taken from bootstrap.css */
        float: right; /* adjust as needed */
        color: grey; /* adjust as needed */
    }

    .panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    }

    #map {
        height: 500px;
    }

    #loading {
        width: 200px;
        height: 90px;
        background-color: #FF5555;
        position: absolute;
        left: 50%;
        top: 110;
        margin-left: -100px;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        border: 2px solid #333333;
    }

    .result em {
        color: #999;
    }

    .popover {
        max-width: 400px;
    }

    span.twitter-typeahead .tt-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: #ffffff;
        border: 1px solid #cccccc;
        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 {
        display: block;
        padding: 3px 20px;
        margin-bottom: 0px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

        span.twitter-typeahead .tt-suggestion > p:hover,
        span.twitter-typeahead .tt-suggestion > p:focus {
            color: #ffffff;
            text-decoration: none;
            outline: 0;
            background-color: #428bca;
        }

    span.twitter-typeahead .tt-suggestion.tt-cursor {
        color: #ffffff;
        background-color: #428bca;
    }

    span.twitter-typeahead .tt-suggestion.tt-cursor p {
        color: white;
    }

    span.twitter-typeahead {
        width: 100%;
    }

    .input-group span.twitter-typeahead {
        display: block !important;
    }

        .input-group span.twitter-typeahead .tt-dropdown-menu {
            top: 32px !important;
        }

    .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
        top: 44px !important;
    }

    .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
        top: 28px !important;
    }

    .noUi-handle {
        box-shadow: none;
        background: #4a789c;
    }

    .slidertooltip {
        color: #999;
        font-size: 11px;
    }

    .mainField {
        font-weight: bold;
        border-color: #337ab7;
    }

    #my-tour-button-next.btn.btn-primary {
        height: 30px;
    }

    #my-tour-button-prev.btn.btn-primary {
        height: 30px;
    }

    #my-tour-button-finish.btn.btn-default {
        height: 30px;
    }

    #evenements .eventCheckbox p, #sources .sourcesCheckbox p {
        margin-left: 18px;
        width: 100%;
    }

    .eventCheckbox input, .sourcesCheckbox input, #mainPerson, #withImage {
        float: left;
    }

    .breadcrumb {
        background-color: #222255 !important;
		border-radius:0px;
    }
	
	#structure-n1 .breadcrumb li a{
        color:#ffffff;
    }
	
	#structure-n1 .breadcrumb > .active {
		color: #FF5555;
	}
	
	#structure-n1 .breadcrumb > li + li:before {
		color: #ffffff;
	}
	
    .border_bottom {
        margin-left: 0px;
        margin-right: 0px;
    }
	/* end search form */
	


/*!
 *  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}