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

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

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

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

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

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

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

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

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

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

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

.marge0 {
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding0 {
  padding: 0 !important;
}

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

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

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

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

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

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

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

.clear-r {
  clear: right;
}

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

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

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

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

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

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

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

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

.center {
  text-align: center;
}

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

.nowrap {
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

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

.white {
  color: #fff;
}

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

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

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

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

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

.position-relative {
  position: relative;
}

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

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

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

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

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

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

.visibility-hidden {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.gris {
  color: #757585;
}

.noir {
  color: #333333 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap1 {
  gap: 0.4rem;
}

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

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

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

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

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

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

.float-right {
  float: right;
}

.float-left {
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar {
  margin-bottom: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                p{ 
                    margin-bottom: 3px;

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

        }

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

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

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

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

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

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

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

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

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

.navbar {
  border: 0;
  background: #ff5555;
}
.navbar .navbar-brand {
  float: left;
  font-size: 18px;
  height: auto;
  line-height: 20px;
  padding: 8px 23px;
  margin-left: -15px;
}
.navbar .navbar-brand img {
  width: 97px;
  margin: 3px 0 0 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navbar .navbar-brand img {
    /* IE10+ CSS styles go here */
    height: 29px;
  }
}
.navbar .navbar-brand:hover {
  opacity: 0.8;
}
.navbar__responsive .navbar-brand img.main {
  display: block;
}
.navbar__responsive .navbar-brand img.mini {
  display: none;
}
.navbar .navbar-collapse.second-nav ul {
  margin: 0;
}
.navbar .navbar-collapse.second-nav #profilHover {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
}
.navbar .navbar-collapse.second-nav #profilHover .flag #flag-dropdown {
  margin: 0;
}
.navbar .navbar-collapse.second-nav .dropdown, .navbar .navbar-collapse.second-nav .drop-no-msg {
  background: transparent;
  margin: 0;
}
.navbar .navbar-collapse.second-nav .dropdown .icon-connected, .navbar .navbar-collapse.second-nav .drop-no-msg .icon-connected {
  display: block;
  padding: 13px 9px 7px 9px;
}
.navbar .navbar-collapse.second-nav .dropdown .icon-connected i, .navbar .navbar-collapse.second-nav .drop-no-msg .icon-connected i {
  position: relative;
}
.navbar .navbar-collapse.second-nav .dropdown:hover, .navbar .navbar-collapse.second-nav .drop-no-msg:hover {
  background: #fff;
}
.navbar .navbar-collapse.second-nav .dropdown:hover > a, .navbar .navbar-collapse.second-nav .drop-no-msg:hover > a {
  color: #333333;
}
.navbar .navbar-collapse.second-nav .dropdown ul li > a, .navbar .navbar-collapse.second-nav .drop-no-msg ul li > a {
  color: #333333;
}
.navbar .navbar-collapse.second-nav .dropdown .dropdown-menu, .navbar .navbar-collapse.second-nav .drop-no-msg .dropdown-menu {
  top: 50px;
}
.navbar .navbar-collapse.second-nav i.icon-i-hints {
  font-size: 26px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints {
  width: 330px;
  left: auto;
  right: 0;
  padding: 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints li {
  border-bottom: 1px solid #d5d8da;
  margin: 0;
  width: 100%;
  padding: 15px 15px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints li:last-child {
  border-bottom: 0;
}
@media (max-width: 480px) {
  .navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints {
    width: 285px;
    left: auto;
    right: -97px;
    padding: 8px 0 0 0;
  }
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .title-dropdown-hints {
  color: #757585;
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 10px 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .title-dropdown-hints + a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .badge {
  height: 20px;
  padding: 4px 7px;
  min-width: inherit;
  margin: 0 0 0 5px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .badge.none {
  display: none;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .no-result {
  font-size: 17px;
  margin: 0;
  color: #999999;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bottom-hints__container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 0 10px 0;
  display: flex !important;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bottom-hints__container:last-child {
  padding: 0;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bottom-hints__tree {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints {
  border-bottom: 1px solid #d5d8da;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .title-space-between {
  margin: 0 0 -4px 0px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .title-space-between .badge--hint {
  display: inline-block;
  position: inherit;
  margin: 20px 0 0 15px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint:last-child {
  border-bottom-width: 0px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__link {
  padding: 10px 15px 10px 7px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__content {
  width: -moz-calc(100% - 82px);
  width: -webkit-calc(100% - 82px);
  width: calc(100% - 82px);
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  position: relative;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints .initial {
  line-height: 40px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.man {
  background-color: #66cccc;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.man .img-hints {
  border: 3px solid #66cccc;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.woman {
  background-color: #ff8888;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.woman .img-hints {
  border: 3px solid #ff8888;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.unknow {
  background-color: #8888ff;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints.unknow .img-hints {
  border: 3px solid #8888ff;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__img-hints i {
  position: absolute;
  bottom: -6px;
  right: -6px;
  font-size: 12px;
  padding: 2px;
  color: #757585;
  background-color: white;
  border-radius: 50%;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon {
  width: auto;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon img {
  height: 20px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon img + .circle-new {
  margin-left: 10px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .list-hover--hint .list-hover__icon .circle-new {
  width: 12px;
  height: 12px;
  background-color: #11a88b;
  border-radius: 50%;
  display: inline-block;
  margin-left: 28px;
}
.navbar .navbar-collapse.second-nav .dropdown-menu.menu-hints .bloc--hints .bloc__content {
  min-height: auto;
}
.navbar .navbar-collapse.second-nav .btn-connexion + .flag {
  margin-left: 5px;
}
.navbar .navbar-collapse.second-nav .flag {
  height: 50px;
  text-align: center;
}
.navbar .navbar-collapse.second-nav .flag .dropdown-menu {
  width: 215px;
  left: auto;
  border: 1px solid #fff;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.navbar .navbar-collapse.second-nav .flag__select {
  display: table-cell;
  vertical-align: middle;
}
.navbar .navbar-collapse.second-nav .flag__item {
  display: table;
  margin: 8px 0;
  width: 100%;
}
.navbar .navbar-collapse.second-nav .flag__img {
  display: table-cell;
  vertical-align: middle;
}
.navbar .navbar-collapse.second-nav .flag__description {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.navbar .navbar-collapse.second-nav .flag__description.select {
  font-weight: 700;
}
.navbar .navbar-collapse.second-nav .flag .dropdown {
  margin: 0 20px;
}
.navbar .navbar-collapse.second-nav .flag .dropdown-toggle {
  display: table;
  height: 50px;
  padding: 0px 8px;
}
.navbar .navbar-collapse.second-nav .flag img {
  width: 25px;
  margin-bottom: 4px;
}
.navbar ul > li > a,
.navbar .second-nav ul > li > a {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  text-decoration: none;
  color: #fff;
}
.navbar .dropdown-menu li > a {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  text-decoration: none;
  color: #333333;
}
.navbar .navbar-nav > li > a:hover {
  background-color: inherit;
  background: #fff;
  color: #333333;
}
.navbar .navbar-nav > li > a.active {
  background-color: inherit;
  background: #fff;
  color: #333333;
}
.navbar.menu-simple .container a.connexion-on:hover {
  color: #445599 !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-header {
  font-size: 16px;
  padding: 3px 0 3px 15px;
  white-space: nowrap;
}
.navbar-toggle {
  background-color: #fff;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  opacity: 0.9;
}
.navbar-collapse {
  float: left;
}

.nav > li > a:focus {
  color: #333333;
  background: #fff;
}
.nav > li > a:focus:not(.link--hint) {
  border: 0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background: #fff;
  color: #333333;
}

.dropdown-menu > li > a {
  padding: 5px 15px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #fff;
  color: #ff5555;
}

/* ------ MENU DE DROITE => CONNEXION ETC ---- */
.navbar-collapse.second-nav {
  float: right;
}
.navbar-collapse.second-nav li {
  display: inline-block;
  margin: 8px 10px 0 0;
}
.navbar-collapse.second-nav li.btn-texte-menu {
  float: left;
  margin: 8px 7px 0;
}
.navbar-collapse.second-nav li + li {
  margin: 12px 0 0 0;
  vertical-align: top;
}
.navbar-collapse.second-nav li.btn-connexion > a {
  display: inline-block;
  height: 29px;
}
.navbar-collapse.second-nav li.btn-connexion > a:hover {
  color: #fff;
}
.navbar-collapse.second-nav li a.btn:hover {
  opacity: 1;
}
.navbar-collapse.second-nav li.dropdown ul li > a:hover {
  color: #ff5555;
  background: #fff;
}
.navbar-collapse.second-nav .btn-action.inscription {
  border: 1px solid white;
  padding: 6px 16px;
  color: white;
}
.navbar-collapse.second-nav .btn-action.inscription:hover {
  color: #ff5555;
  background-color: white !important;
}
.navbar-collapse.second-nav .btn-action-bkgd {
  color: #ff5555;
}

#profilHover a.notification i::after {
  content: " ";
  position: absolute;
  background: #11a88b;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  border: 2px solid white;
  top: -9px;
  right: -9px;
}
#profilHover #hintsDropdown a .icon-material-notifications {
  font-size: 24px;
}

.navbar .second-nav ul li > a {
  font-size: 17px;
}

.second-nav .dropdown-menu.menu {
  /* -- dropdown messages --*/
}
.second-nav .dropdown-menu.menu-message {
  width: 290px;
  left: auto;
  right: 0;
  padding: 0;
}
.second-nav .dropdown-menu.menu-message li {
  clear: left;
  width: 100%;
  border-bottom: 1px solid #d5d8da;
  margin: -5px 0 0 0;
  position: relative;
  cursor: pointer;
}
.second-nav .dropdown-menu.menu-message li:first-child {
  margin: 0;
}
.second-nav .dropdown-menu.menu-message li:last-child {
  border-bottom: 0;
  padding: 10px 10px 10px 19px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.second-nav .dropdown-menu.menu-message li:last-child:hover {
  background: rgba(213, 216, 218, 0.2);
}
.second-nav .dropdown-menu.menu-message li:last-child a:hover {
  background: transparent;
  color: #333333;
}
.second-nav .dropdown-menu.menu-message li + li {
  vertical-align: inherit;
}
.second-nav .dropdown-menu.menu-message li:hover a .selection {
  background: #ff5555;
}
.second-nav .dropdown-menu.menu-message li a {
  padding: 0;
}
.second-nav .dropdown-menu.menu-message li a .selection {
  background: transparent;
  float: left;
  width: 8px;
  height: 81px;
}
.second-nav .dropdown-menu.menu-message li a .profil {
  background: #8888ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  float: left;
  height: 48px;
  margin: 20px 10px 10px 8px;
  width: 48px;
}
.second-nav .dropdown-menu.menu-message li a .profil.homme {
  background: #66cccc;
}
.second-nav .dropdown-menu.menu-message li a .profil.femme {
  background: #ff8888;
}
.second-nav .dropdown-menu.menu-message li a .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 10px 0 0;
  text-align: center;
}
.second-nav .dropdown-menu.menu-message li a .profil.image img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 0;
}
.second-nav .dropdown-menu.menu-message li a .message {
  float: left;
  margin: 10px 10px 10px 0;
  width: 70%;
}
.second-nav .dropdown-menu.menu-message li a .message p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.second-nav .dropdown-menu.menu-message li a .message .texte {
  font-size: 12px;
  color: #2B2550;
  margin: 0;
}
.second-nav .dropdown-menu.menu-message li a .message .texte span {
  color: #2B2550;
  font-weight: bold;
}
.second-nav .dropdown-menu.menu-message li a .message .date {
  color: #2B2550;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  font-size: 11px;
  margin: 11px;
}
.second-nav .dropdown-menu.menu-message li a .message .pseudo,
.second-nav .dropdown-menu.menu-message li a:hover .message .pseudo,
.second-nav .dropdown-menu.menu-message li a:focus .message .pseudo {
  font-size: 15px;
  margin: 0;
  max-width: 72%;
  color: #333333;
}
.second-nav .dropdown-menu.menu-message li a .message .objet,
.second-nav .dropdown-menu.menu-message li a:hover .message .objet,
.second-nav .dropdown-menu.menu-message li a:focus .message .objet {
  font-size: 16px;
  margin: 0;
  color: #333333;
}
.second-nav .dropdown-menu.menu-message li.non-lu {
  background: rgba(213, 216, 218, 0.2);
}
.second-nav .dropdown-menu.menu-message li.non-lu a .message .objet,
.second-nav .dropdown-menu.menu-message li.non-lu a:hover .message .objet,
.second-nav .dropdown-menu.menu-message li.non-lu a:focus .message .objet {
  font-weight: bold;
}
.second-nav .dropdown-menu.menu-compte {
  /* -- dropdown compte --*/
  width: 220px;
  left: auto;
  right: 0;
  padding: 0;
}
.second-nav .dropdown-menu.menu-compte li {
  margin: 0;
  width: 100%;
}
.second-nav .dropdown-menu.menu-compte li a {
  margin: 0 0 0 12px;
}
.second-nav .dropdown-menu.menu-compte li a:hover, .second-nav .dropdown-menu.menu-compte li a:focus {
  color: #333333;
}
.second-nav .dropdown-menu.menu-compte li:last-child {
  border-top: 1px solid #d5d8da;
}
.second-nav .dropdown-menu.menu-compte li.compte {
  padding: 10px;
  border-bottom: 1px solid #d5d8da;
  background: none;
}
.second-nav .dropdown-menu.menu-compte li.compte + li {
  clear: left;
  margin: -2px 0 0 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil {
  background: #8888ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  float: left;
  height: 60px;
  width: 60px;
  margin: 0 10px 0 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil .initiale {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin: 17px 0 0 0;
  text-align: center;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil.homme {
  background: #66cccc;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil.femme {
  background: #ff8888;
}
.second-nav .dropdown-menu.menu-compte li.compte .profil.image img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 60px;
  width: 60px;
  border: 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .message {
  float: left;
  width: 63%;
}
.second-nav .dropdown-menu.menu-compte li.compte .message .pseudo {
  font-size: 14px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-weight: bold;
}
.second-nav .dropdown-menu.menu-compte li.compte .message .pseudo a {
  margin: 0;
}
.second-nav .dropdown-menu.menu-compte li.compte .message .name {
  font-size: 13px;
  line-height: 18px;
  margin: 6px 0 0;
}

/* -----------------------  popover connexion -------------------------------- */
.btn-connexion .popover-content {
  width: 290px;
}

.btn-connexion .popover .connexion input,
.popover .connexion input {
  margin: 0 0 10px 0;
}

.btn-connexion .popover .connexion a,
.popover .connexion a {
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}

.btn-connexion .popover .connexion a:last-child,
.popover .connexion a:last-child {
  font-weight: normal;
}

.btn-connexion .popover .connexion .separation-gris,
.popover .connexion .separation-gris {
  margin: 14px -15px;
}

.btn-connexion .popover .connexion a.btn:hover,
.popover .connexion a.btn:hover {
  color: #fff;
}

.popover .connexion label {
  font-weight: normal;
}

.popover .connexion label input {
  margin: 7px 4px 17px;
}

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

/*------- Harmonie avec l'ancien style du site btn orange dans popoover ----- */
.btn-connexion .popover .connexion a,
.popover .connexion a {
  color: #ff5555;
  text-decoration: underline;
}

.btn-connexion .popover .connexion .btn-action,
.popover .connexion .btn-action {
  background: #ff5555;
  border-color: #ff5555;
  text-decoration: none;
  color: #fff;
}

.btn-connexion .popover .connexion a#fb-login,
.popover .connexion a#fb-login {
  color: #3e69af;
  font-weight: bold;
}

.btn-connexion .popover .connexion .input-lg,
.popover .connexion .input-lg {
  font-size: 13px;
  height: 35px;
  padding: 7px;
}

.popover {
  max-width: 500px;
  z-index: 1029;
}
.popover .connexion h5 {
  color: #ff5555;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.popover .connexion label.label-box {
  display: table;
  margin: 3px 0 0;
}

.connexion p.bg-danger {
  max-width: 315px;
}

/* ================================================================= POPUP POPVER ETC GENERALES */
/* ======================================================================================================== FIN Menu Principal -- */
/* ================================================================================================ DEBUT Menu page abonnement (paywall) + pages connexion -- */
.menu-simple.navbar {
  background: #fff;
  height: 96px;
}
.menu-simple .navbar-brand {
  padding: 0 23px 0;
  float: left;
}
.menu-simple .navbar-brand img {
  width: 164px;
  height: auto;
}
.menu-simple a {
  float: right;
  margin: 35px 0;
  font-size: 16px;
}
.menu-simple button.close {
  font-size: 40px;
  margin: 27px 0 0 0;
}

/* =================================================================================================== FIN Menu page abonnement (paywall) + pages connexion -- */
/* ======================================================================================================== DEBUT Pied -- */
.small-footer {
  width: 100%;
  height: 53px;
  position: absolute;
  background: transparent;
}

.full-beta .small-footer,
.essai-7j footer {
  bottom: 0;
}

.essai-7j.activ-code .small-footer {
  position: relative;
}

.essai-7j .small-footer {
  bottom: auto;
  margin-top: 130px;
}

.small-footer .principal-footer {
  background-color: #2B2550;
}

footer {
  background: #363066;
  position: relative;
  height: 53px;
}
footer article {
  margin: 6px 0 17px 0;
}
footer li {
  clear: none;
  font-size: 100%;
  margin: 0;
}
footer ul.nav {
  height: auto;
}
footer ul.nav li:first-child {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: bold;
  color: #fff;
  margin: 6px 0 5px;
}
footer ul.nav li:first-child + li p {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #fff;
  margin: 6px 0 0 0;
}
footer ul.nav li a {
  font-family: "Lato", sans-serif;
  color: #fff !important;
  font-size: 14px;
  line-height: 1.8;
  padding: 0;
}
footer ul.nav li a:hover, footer ul.nav li a:focus {
  background: none;
  text-decoration: underline;
}
footer a .icon-rs {
  color: #fff;
  float: left;
  font-size: 16px;
  margin: 11px 16px 0 0;
}
footer a:hover .icon-rs, footer a:focus .icon-rs {
  color: rgba(255, 255, 255, 0.8);
}
footer a .icon-instagram,
footer a .icon-i-youtube {
  font-size: 18px;
}
footer a .icon-instagram {
  margin-right: 20px;
}
footer .principal-footer {
  background-color: #2B2550;
  color: #fff;
  padding: 16px 0 7px;
  text-align: center;
  font-size: 14px;
  height: 53px;
}
footer .principal-footer a {
  color: #fff;
  text-decoration: none;
}
footer .principal-footer a:hover {
  text-decoration: underline;
}

a.fb {
  background: none;
  height: auto;
  margin: auto;
  width: auto;
}

/* ======================================================================================================== FIN Pied -- */
/* ======================================================================================================== DEBUT page abonnement (paywall) + pages connexion -- */
.footer-connexion {
  text-align: center;
  bottom: 0;
  position: absolute;
  height: 100px;
  left: 0;
  padding: 28px 0 0;
  width: 100%;
}
@media (max-height: 550px) {
  .footer-connexion {
    position: inherit;
  }
}
.footer-connexion a {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.footer-connexion a i {
  font-size: 32px;
  margin: -4px 0 0 0;
  vertical-align: middle;
}
.footer-connexion a span {
  display: inline-block;
  margin: 4px 0 0 10px;
}

/* ======================================================================================================== fin page abonnement (paywall) + pages connexion -- */
/* ====================================================================================================================================================================================
==================================================================================  media queries  ================================================================================
====================================================================================================================================================================================
============================================================================================================================================================================= */
@media (max-width: 1200px) {
  /*======================================================================== 1200px ============================================================== */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ecran (992) + largeur tablette portrait (767px) -- */
@media (max-width: 992px) {
  /*======================================================================== 992px ============================================================== */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Menu Principal -- */
  .navbar-brand {
    padding: 8px 11px;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Menu Principal -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT page abonnement (paywall) + pages connexion -- */
  .footer-connexion {
    margin: 0 auto;
    position: inherit;
    width: 100%;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN page abonnement (paywall) + pages connexion -- */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur tablette portrait -- */
@media (max-width: 767px) {
  /*======================================================================== 767 px ============================================================== */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Menu principal -- */
  .navbar-brand {
    padding: 18px 11px 0 11px;
  }
  .navbar-brand img {
    margin: -7px 0 -1px 5px;
  }
  .navbar-principal {
    left: calc(-4 / var(--baseRem, 10) * 1rem);
    z-index: 10;
  }
  .navbar-toggle {
    float: left;
    border-color: transparent;
    margin-left: calc(15 / var(--baseRem, 10) * 1rem);
    margin-right: 0;
    background-color: #ff5555;
  }
  .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active {
    background-color: #fff;
  }
  .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle:active .icon-bar {
    background-color: #ff5555;
  }
  .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar > .container > .navbar-header {
    float: left;
  }
  .second-nav ul {
    margin: 0 -15px;
  }
  .navbar-collapse {
    position: absolute;
    top: 50px;
  }
  .navbar-collapse.second-nav {
    position: relative;
    top: 0;
    margin-right: 0;
  }
  .navbar .navbar-nav {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
    color: #333333;
    margin: 0 0 0 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    min-width: 209px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 3px 7px 8px 8px;
  }
  .navbar .navbar-nav > li > a.active {
    color: #ff5555;
  }
  .navbar .navbar-nav > li > a:hover {
    background-color: #fff;
    color: #ff5555;
  }
  .navbar .navbar-nav li span.beta-xs {
    font-size: 16px;
  }
  .navbar ul > li > a {
    color: #333333;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 6px 15px 6px 10px;
  }
  .second-nav .icon-i-perso-tour {
    margin: -5px 13px 0 -22px;
    font-size: 30px;
  }
  .navbar .navbar-collapse .nav > li > a {
    padding: 6px 5px;
  }
  .navbar-collapse.second-nav .dropdown-menu {
    left: -153px;
  }
  .navbar.navbar-nav li span.beta-xs a {
    display: block;
    margin: 4px 5px 8px 14px;
    text-decoration: none;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Menu principal -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Footer -- */
  footer {
    padding: 0;
    display: block;
    height: auto;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Footer -- */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */
@media (max-width: 496px) {
  /*======================================================================== 496 px ============================================================== */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Menu principal -- */
  .btn-connexion .popover-content {
    width: 240px;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Menu principal -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Footer -- */
  footer ul.nav li a {
    line-height: 2.5;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Footer -- */
  /* -------------------------------------------------------------------------------------------------------- DEBUT Message Cookie -- */
  .cookiebanner-close button {
    padding: 9px 14px !important;
    margin: 11px 0 12px 27px !important;
    line-height: 20px !important;
  }
  /* -------------------------------------------------------------------------------------------------------- FIN Message Cookie -- */
}
@media (max-width: 400px) {
  .navbar-collapse.second-nav {
    padding-right: 0;
  }
  .navbar__responsive .navbar-brand img.main {
    display: none;
  }
  .navbar__responsive .navbar-brand img.mini {
    display: block;
    width: 29px;
  }
}
@media (max-width: 345px) {
  footer .principal-footer {
    height: 83px;
  }
}
@media (max-width: 690px) {
  footer .principal-footer {
    height: 75px;
  }
}
.navbar-collapse.second-nav ul#profilHover .icon-connected-container {
  display: block;
}

.search-footer footer.small-footer {
  bottom: 0;
  width: 100%;
  position: absolute;
  width: 100%;
  display: table-row;
  height: 53px;
  padding-top: 0 !important;
}

.search-footer .principal-footer {
  position: relative;
  height: auto;
  width: 100%;
}

.navbar .popover.bottom > .arrow {
  border-bottom-color: white;
}

.navbar.filterbar .popover.bottom > .arrow {
  border-bottom-color: #999;
}

#animatedModal .inscr-conn {
  margin-bottom: 30px;
  margin-top: 50px;
  height: auto;
  min-height: auto;
}
#animatedModal .inscr-conn .form-inscr-conn a {
  color: #fff;
  text-decoration: underline;
}

/* MODAL SUBCRIPTION CSS */
#modalSubscription {
  margin-left: 0px;
}

/* Full screen modal */
#fullScreenModal .modal-header,
.fullscreen-video .modal-header,
#fullScreenModal1 .modal-header,
#fullScreenModal2 .modal-header,
#fullScreenModal3 .modal-header,
#fullScreenModal4 .modal-header {
  border-bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  background: #000;
  height: 50px;
}
#fullScreenModal .modal-header .close,
.fullscreen-video .modal-header .close,
#fullScreenModal1 .modal-header .close,
#fullScreenModal2 .modal-header .close,
#fullScreenModal3 .modal-header .close,
#fullScreenModal4 .modal-header .close {
  color: #fff;
  opacity: 1;
}
#fullScreenModal .modal-body,
.fullscreen-video .modal-body,
#fullScreenModal1 .modal-body,
#fullScreenModal2 .modal-body,
#fullScreenModal3 .modal-body,
#fullScreenModal4 .modal-body {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  background: #000;
  padding-bottom: 70px;
}
#fullScreenModal .modal-dialog,
.fullscreen-video .modal-dialog,
#fullScreenModal1 .modal-dialog,
#fullScreenModal2 .modal-dialog,
#fullScreenModal3 .modal-dialog,
#fullScreenModal4 .modal-dialog {
  width: 90%;
}
#fullScreenModal .modal-content,
.fullscreen-video .modal-content,
#fullScreenModal1 .modal-content,
#fullScreenModal2 .modal-content,
#fullScreenModal3 .modal-content,
#fullScreenModal4 .modal-content {
  border: 0;
}

@media (max-width: 767px) {
  #fullScreenModal .modal-dialog,
  .fullscreen-video .modal-dialog,
  #fullScreenModal1 .modal-dialog,
  #fullScreenModal2 .modal-dialog,
  #fullScreenModal3 .modal-dialog,
  #fullScreenModal4 .modal-dialog {
    width: 99%;
  }
}
/****************** MODAL THREE PRINT ******************/
.print-tree-modal-container a.link-pop-up {
  font-size: 11px;
  color: #445599;
}
.print-tree-modal-container .complete-three-print {
  text-align: center;
}
.print-tree-modal-container .complete-three-print .three-input {
  margin: 20px 0;
  width: 100%;
  font-size: 16px;
}
.print-tree-modal-container .complete-three-print .three-input.active {
  border: 3px solid #ff5555;
}
.print-tree-modal-container .complete-three-print .three-input.active:focus {
  border: 3px solid #ff5555;
  outline-width: 0;
}
.print-tree-modal-container .complete-three-print .three-input:focus {
  border: 3px solid #ff5555;
  outline-width: 0;
}
.print-tree-modal-container .complete-three-print .print-three-item {
  text-align: center;
}
.print-tree-modal-container .complete-three-print .print-three-item .print-three-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.print-tree-modal-container .complete-three-print .print-three-item .print-three-text {
  font-size: 13px;
}
.print-tree-modal-container .footer-modal-print {
  text-align: left;
  border-top: 0px;
}
.print-tree-modal-container .radio + .radio,
.print-tree-modal-container label.radio + label.radio,
.print-tree-modal-container .radio,
.print-tree-modal-container label.radio {
  margin: 15px 0 0 0;
}
.print-tree-modal-container label.radio .row {
  margin: 15px 0 0 0;
}
.print-tree-modal-container .print-tree-modal-container label.radio {
  font-size: 16px;
}
.print-tree-modal-container .modal-legend {
  font-size: 15px;
}

/****************** END MODAL THREE PRINT ******************/
.print-tree-modal-container label.radio {
  margin: 15px 0 0 0;
}

.print-tree-modal-container label.radio:last-child {
  margin-bottom: 26px !important;
}

.print-tree-modal-container .footer-modal-print {
  text-align: left;
  border-top: 0px;
}

/****************** LOADER DWLD PRINT ******************/
#print-loader-download {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100%;
  /*safari fallback vh */
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  opacity: 1;
  overflow: inherit;
  animation-duration: 0.5s;
  color: white !important;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
#print-loader-download .loader-text {
  margin-top: 20px;
}
#print-loader-download .loader {
  border: 6px solid #8e9296;
  border-radius: 50%;
  border-top: 6px solid #ff5555;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/****************** END DWLD PRINT ******************/
/****************** POPOVER ******************/
.popover.popover_light {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.popover.popover_light .popover-content {
  padding: 5px 14px;
  color: #ff5555;
  font-weight: 600;
}

/****************** END POPOVER ******************/
/****************** NEWS HINTS ******************/
.display_new_hints .display_new_hints-title {
  border-bottom: 0;
}
.display_new_hints .display_new_hints-title .titre-bloc {
  font-size: 17px;
  vertical-align: middle;
}
.display_new_hints .display_new_hints-title .titre-bloc i {
  font-size: 27px;
  color: #ff5555;
  vertical-align: inherit;
  margin-right: 10px;
}
.display_new_hints .display_new_hints-info {
  background-color: #f7f7fc;
  padding: 15px 0 19px 0;
  margin-top: -15px;
}
.display_new_hints .display_new_hints-info:after {
  content: "";
  display: block;
  clear: both;
}
.display_new_hints .display_new_hints-info .info-img {
  float: left;
  box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18);
  -moz-box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18);
  width: 64px;
  height: 64px;
  background-color: #fff;
}
.display_new_hints .display_new_hints-info .info-img img {
  margin-left: 0;
  border: 3px solid #fff;
  width: 64px;
  height: 64px;
}
.display_new_hints .display_new_hints-info .info-img i {
  font-size: 63px;
  color: #d5d8da;
}
.display_new_hints .display_new_hints-info .info-txt {
  float: left;
  margin-left: 15px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-event {
  font-weight: bold;
  margin-top: 10px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-event span {
  font-weight: normal;
  color: #303f4c;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual {
  margin-top: 18px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual p {
  font-weight: bold;
  font-size: 17px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents {
  margin-top: 15px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag {
  display: inline-block;
  padding: 0px 10px;
  font-size: 14px;
  font-style: normal;
  border-radius: 20px;
  text-align: center;
  margin-bottom: 3px;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag--father {
  background-color: #66cccc;
  border: 1px solid #66cccc;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag--mother {
  background-color: #ff8888;
  border: 1px solid #ff8888;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents p {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 3px;
  display: inline-block;
}
.display_new_hints .display_new_hints-info .info-txt .info-txt-individual .highlight-name {
  background-color: #ff0;
}
.display_new_hints .display_new_hints-source {
  padding: 20px 0 0 0;
  margin-bottom: -10px;
}
.display_new_hints .display_new_hints-source p {
  font-size: 16px;
}
.display_new_hints .display_new_hints-action {
  text-align: left;
}
.display_new_hints .display_new_hints-action .link {
  margin-left: 15px;
}
.display_new_hints .display_new_hints-action label {
  margin: 15px 0 0 0;
}
.display_new_hints .modal-body {
  padding-bottom: 5px;
}

/****************** END NEWS HINTS ******************/
/****************** IGNORE NEWS HINTS ******************/
.ignore_hints {
  max-width: 52rem;
  text-align: center;
}
.ignore_hints .modal-body,
.ignore_hints .modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.ignore_hints .ignore_hints__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.ignore_hints .ignore_hints__actions--column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.ignore_hints .ignore_hints__actions .btn {
  margin: calc(var(--bs-modal-footer-gap, 0.5rem) * 0.5);
}
.ignore_hints .modal-header {
  border: 0;
  padding: 15px 15px 0 15px;
}
.ignore_hints .modal-body {
  width: 100%;
}
.ignore_hints .modal-body p {
  margin: 0;
  font-size: 16px;
}
.ignore_hints .modal-footer > .btn {
  margin: 0 auto 8px auto !important;
}
.ignore_hints .modal-footer > .btn:last-child {
  margin-bottom: 4px !important;
}
.ignore_hints .modal-footer > .btn:not(:first-child) {
  margin-top: 0.8rem;
}
.ignore_hints .icon-i-no-hints {
  -moz-transform: scale(2) translateY(-6px);
  -ms-transform: scale(2) translateY(-6px);
  -webkit-transform: scale(2) translateY(-6px);
  transform: scale(2) translateY(-6px);
  color: #ff5555;
  font-size: 5rem;
}
@media screen and (min-width: 480px) {
  .ignore_hints {
    margin-right: auto;
    margin-left: auto;
  }
}

/****************** END IGNORE NEWS HINTS ******************/
.hints-duo-container {
  width: 5rem;
  height: 8rem;
  margin-top: -2.4rem;
  margin-bottom: 0.8rem;
  position: relative;
}
.hints-duo-container i {
  font-size: 5rem;
}
.hints-duo-container .icon-hint-corner {
  left: initial;
}
.hints-duo-container .icon-hint-corner:not(.icon-hint-corner--secondary) {
  top: initial;
  bottom: 0;
  left: 0;
  -moz-transform: translateX(-2.1rem);
  -ms-transform: translateX(-2.1rem);
  -webkit-transform: translateX(-2.1rem);
  transform: translateX(-2.1rem);
}
.hints-duo-container .icon-hint-corner--secondary {
  right: 0;
  top: 0;
  -moz-transform: translate(0.9rem, 0.2rem);
  -ms-transform: translate(0.9rem, 0.2rem);
  -webkit-transform: translate(0.9rem, 0.2rem);
  transform: translate(0.9rem, 0.2rem);
}

.ajout-personne-existante.chose-person {
  margin-bottom: 0;
}
.ajout-personne-existante.chose-person li:first-child {
  margin: 0;
  border-bottom: 1px solid #dad9d4;
  font-style: normal;
}
.ajout-personne-existante.chose-person li:hover {
  background-color: #f4f4f4;
  font-weight: 700;
}
.ajout-personne-existante.chose-person li .name {
  padding: 5px 10px;
}
.ajout-personne-existante.chose-person li a {
  width: -moz-calc(100% - 16px);
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
}

#chose-person .close {
  font-size: 25px;
}
#chose-person .liste-personne {
  margin-bottom: 0;
}
#chose-person .mCSB_scrollTools {
  overflow: hidden;
  border-radius: 6px;
}
#chose-person .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}
#chose-person .mCSB_draggerRail {
  width: 0px;
}
#chose-person .mCSB_draggerContainer {
  border-left: 1px solid #dad9d4;
  background-color: #fff;
}
#chose-person .mCSB_dragger_bar {
  background-color: #7b7b7b;
  width: 9px;
}

#ajout-personne .mCSB_inside > .mCSB_container:not(.mCS_y_hidden) {
  margin-right: 15px;
}

.modal-footer .alert {
  text-align: center;
}
.modal-footer .btn + .checkbox {
  clear: left;
  float: left;
}
.modal-footer .btn--delete {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  font-size: 1.3rem;
}
.modal-footer .btn--delete, .modal-footer .btn--delete:hover, .modal-footer .btn--delete:focus {
  color: #D9001B;
  border: none !important;
}
.modal-footer .btn--delete, .modal-footer .btn--delete:hover {
  border: none;
}
.modal-footer .btn--delete:focus {
  border-color: #D9001B;
}
.modal-footer .btn--delete i:last-child {
  margin-left: 0.25em;
}
.modal-footer .btn--cancel {
  border-color: #999999;
  color: #999999;
}
.modal-footer .label--sosa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.known-individual {
  margin-bottom: 0;
}
.known-individual__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  max-width: 100%;
  min-height: 33px;
  overflow: hidden;
  padding: 5px 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.known-individual__item:hover {
  background-color: #f7f7fc;
}
.known-individual__item:hover .avatar__icon {
  background-color: #f7f7fc;
}
.known-individual__item:hover .selection {
  background-color: #ff5555;
  bottom: 0%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}
.known-individual__item:not(:last-child) {
  border-bottom: 1px solid #dad9d4;
}
.modal-body:last-child .known-individual__item:last-of-type, .modal-body:last-child .known-individual__item:last-of-type:hover {
  border-radius: 0 0 4px 4px;
}
.known-individual__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 5px 15px;
}
.known-individual__header span {
  font-style: italic;
  font-size: 16px;
  color: #6a7787;
}
.known-individual__header a {
  font-size: 12px;
}
.known-individual__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.known-individual__infos {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 15px;
}
#ExistingAlternativeParents .known-individual__infos {
  margin-top: 2px;
}
.known-individual__name {
  color: #333333;
}
.known-individual__years {
  color: #6a7787;
  font-style: italic;
}
.known-individual .side-infos {
  font-size: 12px;
  color: #6a7787;
}

.modal-body.mCustomScrollbar {
  max-height: 75vh;
}

.modal-body.mini-arbre {
  --clr-bg-current: #2B2550;
  --clr-font-current: #fff;
  --clr-label: #C3C3C3;
  --clr-border: #C3C3C3;
  --clr-hover: #fff;
  --clr-interaction: #fff;
  --clr-icon: #fff;
  --clr-icon-hover: #fff;
}
.modal-body.mini-arbre .md__wrapper {
  margin: 1rem 0 1rem 0;
}
.modal-body.mini-arbre .row--btn-end > [class*=col]:last-child .btn {
  padding: 0.8rem 1.8rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .modal-body.mini-arbre .row--btn-end {
    display: flex;
    align-items: center;
  }
}
.modal-body.mini-arbre .addParticipant__main {
  padding: 0;
}
.modal-body.mini-arbre .addParticipant__main .addParticipant__title {
  padding-left: 10px;
}
.modal-body.mini-arbre .addParticipant__aside {
  color: #fff;
  position: relative;
}
.modal-body.mini-arbre .addParticipant__aside, .modal-body.mini-arbre .addParticipant__aside::before, .modal-body.mini-arbre .addParticipant__aside::after {
  background-color: #363066;
}
.modal-body.mini-arbre .addParticipant__aside::before, .modal-body.mini-arbre .addParticipant__aside::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 15px;
  left: 0;
}
.modal-body.mini-arbre .addParticipant__aside::before {
  top: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.modal-body.mini-arbre .addParticipant__aside::after {
  bottom: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.modal-body.mini-arbre .addParticipant__aside .col-lg-12 {
  margin-top: 39px;
}
.modal-body.mini-arbre .addParticipant__aside .col-lg-12:nth-child(2) {
  margin-top: 43px;
}
.modal-body.mini-arbre .addParticipant__aside .dropdown-menu {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -70px;
  left: 50%;
  min-width: 180px;
}
.modal-body.mini-arbre .addParticipant__aside .dropdown-menu li > a {
  padding: 8px 15px;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside {
  background-color: #5c5c85;
  border-color: #5c5c85;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside + .individu-connu--aside {
  margin-top: 8px;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso {
  margin-left: 0;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso p {
  color: #fff;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso p:first-child {
  margin-bottom: 3px;
}
.modal-body.mini-arbre .addParticipant__aside .individu-connu--aside .info-perso p:not(:last-child) {
  margin-bottom: 1px;
}
.modal-body.mini-arbre .addParticipant__statut {
  font-size: 13px;
  margin: 0;
  margin-bottom: 5px;
  margin-left: -4px;
}
.modal-body.mini-arbre .addParticipant__list {
  max-height: 300px;
}
.modal-body.mini-arbre .addParticipant__list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.modal-body.mini-arbre .addParticipant__list .mCSB_inside > .mCSB_container:not(.mCS_no_scrollbar_y) {
  margin-right: 22px;
}
.modal-body.mini-arbre .addParticipant__member {
  margin: auto;
  width: 95%;
}
.modal-body.mini-arbre .addParticipant__member .addParticipant__statut {
  margin-top: 13px;
}
.modal-body.mini-arbre .addParticipant__member:first-child .addParticipant__statut:first-child {
  margin-top: 0;
}

.merge-event-infos {
  background: #EDEEF6;
  padding: 1rem 0;
}
.merge-event-infos p {
  margin-bottom: 0;
}

#group-results .form-group {
  margin: 27px 0 14px 0;
}
#group-results .radio {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  padding: 8px;
  margin: 0;
}
#group-results .radio.radio-shadow {
  -webkit-box-shadow: 0px 0px 7px #999999;
  -moz-box-shadow: 0px 0px 7px #999999;
  box-shadow: 0px 0px 7px #999999;
}
#group-results .radio .bagde-group {
  text-align: left;
  top: -19px;
  margin: -22px 0 0 0;
}
#group-results .radio .bagde-group .badge {
  display: inline-block;
  position: inherit;
  text-align: left;
}
#group-results .radio img {
  width: 100%;
}
#group-results .radio .circle, #group-results .radio .check {
  left: 48%;
  position: inherit;
}
#group-results .radio .circle {
  margin-top: 20px;
}
#group-results .radio .check {
  top: -13px;
}
#group-results .radio .check + p {
  font-size: 14px;
  font-weight: bold;
  margin: -5px 0 10px 0;
}
#group-results .text-muted {
  text-align: center;
  margin: 0;
}
#group-results .modal-footer {
  text-align: center;
}

#modal_customize-suggestions .modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#modal_customize-suggestions .modal-footer > *:first-child {
  margin-right: auto;
}
#modal_customize-suggestions label.radio {
  padding-left: 2.4rem;
}
#modal_customize-suggestions .radio .circle,
#modal_customize-suggestions label.radio-inline .circle,
#modal_customize-suggestions .radio .check {
  width: 1.8rem;
  height: 1.8rem;
}
#modal_customize-suggestions .checkbox label {
  color: #333333;
}
#modal_customize-suggestions .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
}
#modal_customize-suggestions .modal-heading {
  position: relative;
  margin-top: 2.4rem;
  margin-bottom: 1rem;
  border: none;
}
#modal_customize-suggestions .modal-heading > span:first-child {
  margin-right: 0.8rem;
}
#modal_customize-suggestions fieldset:disabled label,
#modal_customize-suggestions fieldset:disabled input {
  opacity: 0.5;
}

#popupMessageForm,
.modal-custom {
  width: 100%;
}
#popupMessageForm .modal-dialog,
.modal-custom .modal-dialog {
  --max-width: 680px;
  width: 100%;
  width: min(100% - 32 / var(--baseRem, 10) * 1rem, var(--max-width));
  margin: calc(16 / var(--baseRem, 10) * 1rem) auto;
}

.modal-custom {
  padding-right: 0 !important;
}
.modal-custom--center .modal-dialog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: calc(100% - 2 * 16 / var(--baseRem, 10) * 1rem);
}
.modal-custom__footer--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.modal-custom__title {
  font-size: calc(24 / var(--baseRem, 10) * 1rem);
  line-height: calc(32 / var(--baseRem, 10) * 1rem);
}

.modal-v2__title {
  margin-right: calc(32 / var(--baseRem, 10) * 1rem) !important;
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
}
.modal-v2__header, .modal-v2__body, .modal-v2__footer {
  padding: calc(12 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
}
.modal-v2__body .spinner--grey {
  --spinner-clr: #dee2e6;
}
.modal-v2__footer {
  display: flex;
  gap: calc(8 / var(--baseRem, 10) * 1rem);
}
.modal-v2__footer::before, .modal-v2__footer::after {
  content: none;
}
.modal-v2__footer > * {
  margin: 0;
}
.modal-v2__close {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(48 / var(--baseRem, 10) * 1rem);
  height: calc(48 / var(--baseRem, 10) * 1rem);
  display: grid;
  place-items: center;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  border: none;
}
.modal-v2__close .material-icons {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.modal-v2__close:hover {
  color: #43C;
}
.modal-v2__close:disabled {
  opacity: 0.5;
}
.modal-v2__row-checkbox {
  display: flex;
  margin-top: calc(8 / var(--baseRem, 10) * 1rem);
}
.modal-v2__row-checkbox .checkbox {
  margin-top: calc(10 / var(--baseRem, 10) * 1rem);
}
.modal-v2__row-checkbox p {
  margin-top: calc(5 / var(--baseRem, 10) * 1rem);
  margin-bottom: calc(0 / var(--baseRem, 10) * 1rem);
}

#recaptcha {
  padding: 10px;
}

#recaptchaMessage {
  display: none;
  padding: 10px;
  color: red;
  font-weight: bold;
}

.text-captcha {
  width: 100%;
}

#PartialPrint {
  height: 16px;
  width: 16px;
  float: none;
}

#capchaDivGoToPrint {
  display: none;
}

.btn-medium {
  font-size: 16px;
  padding: 8px 16px;
}
.btn-medium i {
  font-size: 20px;
  vertical-align: top;
}
.btn-medium i:first-child {
  margin-right: 5px;
}

.btn:focus, .btn:active, .btn:active:focus, .bootstrap-select .dropdown-toggle:focus, *:focus {
  outline: 0 !important;
  outline-width: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.modal-footer .btn {
  white-space: normal;
}

.btn {
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
}
.btn i {
  vertical-align: top;
}
.btn.btn-dropdown-simple {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: none;
  font-weight: bold;
  padding: 0;
}
.btn-large {
  font-size: 17px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 10px 19px;
}
.btn-small {
  font-size: 14px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 6px 11px;
  line-height: 20px;
}
.btn-action {
  background-color: #ff5555 !important;
  border: 1px solid #ff5555;
  color: #fff;
  white-space: normal;
}
.btn-action.free-trial {
  padding: 8px 19px;
  height: 48px;
  font-size: 20px;
  display: table;
  border-radius: 24px;
}
.btn-action.free-trial span,
.btn-action.free-trial i {
  display: table-cell;
  vertical-align: middle;
}
.btn-action:hover, .btn-action:focus {
  background-color: #f35a5b !important;
  color: #fff;
  border: 1px solid #ff5555;
  text-decoration: none;
}
.btn-action-bkgd {
  background-color: #fff;
  border: 1px solid #fff;
  color: #ff5555;
}
.btn-action-bkgd:hover, .btn-action-bkgd:focus {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: #ff5555;
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.btn-default {
  background-color: transparent;
  border: 1px solid #43C;
  color: #43C;
}
.btn-default:hover, .btn-default:focus {
  background-color: transparent !important;
  color: #ff5555;
  border: 1px solid #ff5555;
}
.btn-default:disabled, .btn-default:disabled:hover, .btn-default:disabled:focus {
  background-color: transparent;
  border-color: #757585;
  color: #43C;
}
.btn-default-bkgd {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn-default-bkgd:hover, .btn-default-bkgd:focus {
  background-color: #fff !important;
  color: #ff5555;
  border: 1px solid #fff;
}
.btn-default.disabled {
  border-color: #757585;
}
.btn-secondary {
  background-color: #fff;
  border-color: #43C;
  color: #43C;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #43C;
  border-color: #fff;
  color: #fff;
  text-decoration: none;
}
.btn-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: calc(44 / var(--baseRem, 10) * 1rem);
  height: calc(44 / var(--baseRem, 10) * 1rem);
  max-width: calc(44 / var(--baseRem, 10) * 1rem);
  max-height: calc(44 / var(--baseRem, 10) * 1rem);
  padding: 8px;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  color: currentColor;
}
.btn-icon i {
  pointer-events: none;
  user-select: none;
}
.btn-icon:hover, .btn-icon:focus {
  color: currentColor;
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.btn-icon--dark:hover, .btn-icon--dark:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-icon--close-modal {
  float: right;
  opacity: 0.75;
  -moz-transform: translate(8px, -8px);
  -ms-transform: translate(8px, -8px);
  -webkit-transform: translate(8px, -8px);
  transform: translate(8px, -8px);
}
.btn-icon--close-modal i {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
}
.btn-icon--close-modal:hover, .btn-icon--close-modal:focus {
  opacity: 1;
}
.btn-tertiary {
  padding: 0;
}
.btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus {
  background-color: #fff;
  border-color: transparent;
  color: #43C;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #43C;
  text-decoration: underline;
}
.btn-opacity {
  opacity: 0.5;
}
.btn-action.disabled, .btn-danger.disabled {
  color: #fff;
}
.btn-add-alert {
  background: #464086;
  color: #fff;
}
.btn-add-alert:hover {
  background: #43C;
  color: #fff;
}
.btn-cancel {
  color: #999999;
  border-color: #999999;
}
.btn-cancel:hover {
  color: #ff5555;
  border-color: #ff5555;
}
.btn-caret-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.btn-caret-container .btn-caret {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #ff5555 !important;
  border: 1px solid #ff5555;
  color: #fff;
  white-space: normal;
  border-radius: 40px;
  padding: 10px 19px;
}
.btn-caret-container .btn-caret span {
  margin-left: auto;
  font-size: 17px;
}
.btn-caret-container .btn-caret i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
  font-size: 24px;
}
.btn-abo {
  white-space: nowrap;
}
.btn-FS {
  background-color: #87b940;
  border: 0;
  color: #fff;
  line-height: 23px;
  font-weight: bold;
  padding: 9px 16px;
}
.btn-FS i {
  padding: 0 6px 0 0 !important;
  font-size: 23px;
}
.btn-FS:hover, .btn-FS:focus {
  background-color: rgb(121.1746987952, 166.0542168675, 57.4457831325);
  color: #fff;
}
.btn-FS:hover i, .btn-FS:focus i {
  background: none !important;
  color: #fff !important;
}
.modal .btn-FS {
  padding: 5px 16px 6px;
}
.modal .btn-FS i {
  margin: -1px 0 0 0;
}
.btn-flipper {
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-flipper { /* IE10 et IE11 */
    display: block;
  }
}
.btn-flipper.flipped {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-flipper.flipped { /* IE10 et IE11 */
    display: none;
  }
}
.btn-flipper .btn {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  grid-gap: calc(8 / var(--baseRem, 10) * 1rem);
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  padding: calc(8 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
  max-height: calc(40 / var(--baseRem, 10) * 1rem);
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  line-height: calc(24 / var(--baseRem, 10) * 1rem);
  border: 1px solid var(--btn-cta-border-color, transparent);
  background-color: var(--btn-cta-bg-color, transparent);
  border-radius: calc(20 / var(--baseRem, 10) * 1rem);
}
.btn-cta, .btn-cta:hover, .btn-cta:active, .btn-cta:focus {
  text-decoration: none;
}
.btn-cta, .btn-cta:link, .btn-cta:visited, .btn-cta:hover, .btn-cta:active {
  color: var(--btn-cta-color, #43C);
}
.btn-cta--main {
  --btn-cta-bg-color: #ff5555;
  --btn-cta-border-color: #ff5555;
  --btn-cta-color: #fff;
  font-weight: 700;
}
.btn-cta--main:hover, .btn-cta--main:active, .btn-cta--main:focus {
  --btn-cta-bg-color: #e64d4d;
  --btn-cta-border-color: #e64d4d;
}
.btn-cta--second {
  --btn-cta-bg-color: #fff;
  --btn-cta-border-color: #43C;
  --btn-cta-color: #43C;
}
.btn-cta--second:hover, .btn-cta--second:active, .btn-cta--second:focus {
  --btn-cta-bg-color: #43C;
  --btn-cta-color: #fff;
}
.btn-cta--third {
  --btn-cta-border-color: rgba(68, 51, 204, 0.1);
  --btn-cta-color: #43C;
  border-width: 2px;
}
.btn-cta--third:hover, .btn-cta--third:active, .btn-cta--third:focus {
  --btn-cta-border-color: transparent;
  --btn-cta-bg-color: rgba(68, 51, 204, 0.1);
}
.btn-cta--icon {
  padding: calc(8 / var(--baseRem, 10) * 1rem);
  border-radius: 50%;
}
.btn-cta--error {
  --btn-cta-border-color: rgba(221, 51, 51, 0.1);
  --btn-cta-color: #dd3333;
}
.btn-cta--error:hover, .btn-cta--error:active, .btn-cta--error:focus {
  --btn-cta-border-color: transparent;
  --btn-cta-bg-color: rgba(221, 51, 51, 0.1);
}
.btn-cta[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.btn-link {
  display: inline-block;
  padding: 0;
  border: none;
  background: transparent;
}
.btn-link, .btn-link:hover, .btn-link:active, .btn-link:focus {
  color: #43C;
  text-decoration: none;
}
.btn--interaction.btn-default {
  border-color: var(--main-clr, #363066);
  color: var(--main-clr, #363066);
}
.btn--interaction.btn-default:hover, .btn--interaction.btn-default:active, .btn--interaction.btn-default:focus {
  --main-clr: #43C;
}
.btn--secondary {
  background-color: transparent;
}
.btn--secondary, .btn--secondary:hover, .btn--secondary:focus {
  color: #43C;
}
.btn--secondary:hover, .btn--secondary:focus {
  background-color: rgba(68, 51, 204, 0.1);
}

span.title-connexion {
  margin-bottom: 26px;
  font-size: 36px;
  margin-top: 20px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin: 0.67em 0;
  display: block;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.link-white {
  color: #fff;
}
.link-white:hover {
  color: #fff;
  text-decoration: underline;
}

a.back-to-top {
  display: none;
  width: 5rem;
  height: 5rem;
  position: fixed;
  z-index: 999;
  right: 1.5rem;
  bottom: 16rem;
  background: #ff5555;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border: none;
}
@media screen and (min-width: 768px) {
  a.back-to-top {
    bottom: 9rem;
  }
}

a:hover.back-to-top {
  background-color: #d34243;
}

a.back-to-top i {
  color: #fff;
  font-size: 5rem;
}

.pagination-table {
  display: inline-block;
  width: 100%;
  height: 44px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .pagination-table {
    height: auto;
    margin-top: 0;
    padding: 10px 0 14px 0;
  }
}
.pagination-table:after {
  display: block;
  content: "";
  clear: left;
}
.pagination-table div {
  margin: 0 !important;
  line-height: 44px;
}
@media (max-width: 991px) {
  .pagination-table div {
    line-height: 25px;
  }
}
.pagination-table div.simple_numbers_no_ellipses {
  line-height: inherit;
}

/* supprime le style par défaut des navigateurs lors d'une invalidation d'un formulaire => coutour rouge d'un input sous IE par exemple */
:invalid {
  box-shadow: none;
  outline: 0;
}

/*  input avec btn intégré : ex de recherche */
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  padding: 11px 11px 5px 0;
  border: 1px solid #ccc;
  border-left: 1px solid #fff;
  background: #fff;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  height: 46px;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-right: 1 px solid #fff;
}

.input-group-btn.texte:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn.texte:first-child > .btn:not(:first-child),
.input-group-btn.texte:last-child > .btn,
.input-group-btn.texte:last-child > .btn-group > .btn,
.input-group-btn.texte:last-child > .dropdown-toggle {
  padding: 12px 11px 12px 0;
}

.input-group-btn .btn-default:hover,
.input-group-btn .btn-default:focus {
  background-color: #fff;
  border-left: 1px solid #fff;
  box-shadow: none;
}

.input-group-btn .btn-default i:hover {
  color: #757585;
}

.btn-in.form-control:focus + .input-group-btn .btn-default {
  border-color: #66afe9;
  box-shadow: none;
  border-left: 1px solid #fff;
  z-index: 1000;
}

.btn-in.form-control:focus {
  box-shadow: none;
}

/* -- input avec btn intégré : ex de recherche => Input simple (une bordure en bottom) - */
.input-simple input + label + .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-simple input + label + .input-group-btn:first-child > .btn:not(:first-child),
.input-simple input + label + .input-group-btn:last-child > .btn,
.input-simple input + label + .input-group-btn:last-child > .btn-group > .btn,
.input-simple input + label + .input-group-btn:last-child > .dropdown-toggle {
  border-bottom: 1px solid #d5d8da;
  border-right: 0;
  border-top: 0;
  padding: 14px 11px 4px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-simple .btn-in.form-control:focus + .input-group-btn .btn-default {
  border-color: #d5d8da;
}

.input-group.input-simple {
  margin-left: 15px;
}

.input-group.input-simple .form-control {
  position: static;
}

.modal-body .input-modal textarea {
  min-height: 110px;
}

/* les boutons select => modification de la fleche */
/* GRAND FORMAT */
.styled-select select {
  background: transparent none repeat scroll 0 0;
  padding-right: 37px;
  width: 115%;
  line-height: 2.3;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
@supports (-ms-ime-align: auto) {
  /* Edge */
  .styled-select {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
/* FORMAT MOYEN */
.styled-select-moyen {
  background: #fff url(/v4/genealogie/Content/img/btn-select-bleu-moyen.png) no-repeat scroll right center;
  border-right: 1px solid #d5d8da;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

.styled-select-moyen select {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  padding-right: 37px;
  width: 115%;
  line-height: 2.3;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select-moyen select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
@supports (-ms-accelerator: true) {
  .styled-select-moyen {
    background: none;
    border: 0;
    border-radius: 0;
  }
  .styled-select-moyen select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
/* les boutons select => modification de la fleche */
/* FORMAT LONG col-lg-12 */
.styled-select-moyen select.lg {
  width: 103%;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen select.lg {
    width: inherit;
  }
}
@supports (-ms-accelerator: true) {
  .styled-select-moyen select.lg {
    width: inherit;
  }
}
/* FORMAT MOYEN col-lg-7 */
.styled-select-moyen select.my7 {
  width: 106%;
}

@media screen and (min-width: 0\0 ) {
  /* IE9 et IE10*/
  .styled-select-moyen select.my7 {
    width: inherit;
  }
}
@supports (-ms-accelerator: true) {
  .styled-select-moyen select.my7 {
    width: inherit;
  }
}
/* FORMAT SPECIAL CHAMPS ENTRE => fiche individuelle -> popup avec champs entre */
.styled-select-moyen.special-entre {
  background: #fff url(/v4/genealogie/Content/img/btn-select-bleu-moyen.png) no-repeat scroll right center;
  border: 1px solid #d5d8da;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  width: 31%;
}

.styled-select-moyen.special-entre select {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  padding-right: 29px;
  padding-left: 7px;
  width: 121%;
  line-height: 2.3;
}

@media screen and (min-width: 0\0 ) {
  .styled-select-moyen.special-entre {
    background: none;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .styled-select-moyen.special-entre select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .styled-select-moyen.special-entre {
    background: none;
    border: 1px solid #d5d8da;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .styled-select-moyen select {
    background: #fff;
    border: 1px solid #d5d8da;
    padding-right: 16px;
    width: inherit;
  }
}
label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

.form-group.modifier-champs.input-simple .form-control {
  padding: 19px 34px 0 0;
}
.form-group.modifier-champs.input-simple.no-floatlabel .form-control {
  padding: 0 34px 0 0;
  height: 34px;
}
.form-group.input-simple .form-control {
  padding: 19px 5px 0 0;
}
.form-group.input-simple.no-floatlabel .form-control {
  padding: 0 5px 0 0;
  height: 34px;
}

/* Champ principal */
.mainField {
  font-weight: bold;
  border-color: #43C;
}

/* croix placée dans les champs pour supprimer la saisie */
.form-control-feedback {
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  height: 32px;
  line-height: 32px;
  right: 16px;
  top: 1px;
  width: 32px;
  color: #2B2550;
  pointer-events: inherit;
}
.form-control-feedback:hover {
  cursor: pointer;
}

.input-lg + .form-control-feedback,
span + .form-control-feedback {
  height: 44px;
  width: 32px;
  line-height: 44px;
}

/* ========================================================================================= DEBUT Page Formulaire Inscription/Connection */
.inscr-conn .form-inscr-conn p {
  margin-bottom: 0px;
}

.inscr-conn .form-inscr-conn p.marge-top10px {
  margin-top: 0px !important;
}

.inscr-conn .form-inscr-conn .tab-content {
  margin: 15px 0 0 0;
}

.inscr-conn .form-inscr-conn .tab-content > div > .row:last-child,
.inscr-conn .form-inscr-conn .row:last-child {
  text-align: center;
  padding: 0;
}

.inscr-conn .form-inscr-conn .inscription.row-inscr div.row {
  margin-bottom: 10px;
}

.inscr-conn .action-profil {
  margin-bottom: 40px;
}

.form-inscr-conn .modifier-champs .show-password {
  color: white;
  background: transparent !important;
}

.form-inscr-conn .modifier-champs input {
  color: white;
  background: transparent !important;
}

.form-inscr-conn .modifier-champs input:focus {
  border-bottom: 3px solid white;
}

.form-inscr-conn .modifier-champs.input-simple i {
  color: #eee !important;
}

.form-inscr-conn .modifier-champs input::-moz-placeholder,
.form-inscr-conn .modifier-champs label {
  color: white !important;
}

.form-inscr-conn .modifier-champs input::-webkit-input-placeholder,
.form-inscr-conn .modifier-champs label {
  color: white !important;
}

.form-inscr-conn .modifier-champs input:-ms-input-placeholder,
.form-inscr-conn .modifier-champs label {
  color: white !important;
}

.form-inscr-conn a.link-in-layer {
  color: white;
}

.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check,
.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #ff5555;
  color: #ff5555;
}

.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before,
.newsletter-insc .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: #ff5555;
  border-color: #ff5555;
}

.newsletter-insc .checkbox .checkbox-material .check {
  border-color: #ff5555;
}

.newsletter-insc label.checkbox {
  color: white !important;
}

.form-inscr-conn #alert-wrong-password p,
.form-inscr-conn #alert-wrong-email-registration p,
.form-inscr-conn #alert-wrong-email p,
.form-inscr-conn #alert-wrong-email-reset p {
  color: #f0ad50;
  font-weight: bold;
}

.form-inscr-conn .modifier-champs input:-webkit-autofill,
.form-inscr-conn .modifier-champs input:-webkit-autofill:hover,
.form-inscr-conn .modifier-champs input:-webkit-autofill:focus,
.form-inscr-conn .modifier-champs input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #556375 inset !important;
  -moz-box-shadow: 0 0 0 1000px #556375 inset !important;
  box-shadow: 0 0 0 1000px #556375 inset !important;
  -webkit-text-fill-color: #fafbfb !important;
  color: #fafbfb !important;
}

.error-message-block-in-layer > * {
  vertical-align: middle;
}

.error-message-block-in-layer > i {
  color: #f0ad50;
  margin-bottom: 4px;
  margin-right: 5px;
}

/* ========================================================================================= FIN Page Formulaire Inscription/Connection */
/* Float Label dans les Champs */
/* Basic Style */
.form-group {
  position: relative;
}

.form-group [data-toggle=floatLabel] {
  color: #333333;
  height: 49px;
  padding: 6px 16px 5px 16px;
  background: #fff !important;
}

.form-group [data-toggle=floatLabel] + label,
.label-place {
  font-size: 13px;
  left: 12px;
  opacity: 1;
  position: absolute;
  top: 6px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form-group textarea[data-toggle=floatLabel] + label {
  top: -18px;
}

.form-group [data-toggle=floatLabel]:required + label,
.form-group [data-toggle=floatLabel] + label,
.label-place {
  color: #757585;
}

/* Positioning */
.form-group [data-toggle=floatLabel][data-value=""] {
  padding-top: 6px;
}

.form-group [data-toggle=floatLabel][data-value=""] + label {
  opacity: 0;
  top: 18px;
  z-index: -1;
}

.form-group textarea[data-toggle=floatLabel][data-value=""] + label {
  top: -11px;
}

.form-group .twitter-typeahead + label {
  opacity: 0;
  top: 18px;
  font-size: 13px;
  left: 14px;
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.form-group .twitter-typeahead + label.affiche {
  opacity: 1;
  top: 6px;
  color: #757585;
  display: block;
  z-index: 1;
}

.form-group .twitter-typeahead input.tt-hint {
  display: none;
}

/* --  Input simple (une bordure en bottom) et Select simple -- */
.input-simple input,
.input-simple input[type=text] {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 16px;
}

.input-simple .form-control:focus,
.input-simple .form-control.active {
  box-shadow: none;
  border-bottom: 1px solid #337ab7;
}

.bg-essai-7j .input-simple .form-control:focus {
  box-shadow: none;
  border-bottom: 1px solid #ff5555;
}

.input-simple textarea,
.input-simple textarea:focus {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none;
  border-radius: 0;
}

.input-simple input {
  height: 63px;
  padding: 20px 0 0 0;
}

.input-simple.simple {
  margin: 0 0 16px 0;
}

.input-simple.simple input {
  height: 40px;
  padding: 0;
}

.input-simple input.small {
  height: 36px;
  padding: 0 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -moz-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

.form-group p.label-faux-input {
  margin: 7px 0 6px;
  padding: 1px 0 0 0;
}

.multiple-input .faux-input,
.multiple-input .input-simple {
  display: inline-block;
  margin: -29px 0 0;
}

.multiple-input .bootstrap-select {
  margin: 20px 0 0 0;
}

.form-group.input-simple select.form-control {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0;
  height: 37px;
}

/* avec float label */
.form-group.input-simple [data-toggle=floatLabel] {
  height: 63px;
  padding-top: 17px;
}
.form-group.input-simple [data-toggle=floatLabel] + label {
  left: 15px;
}
.form-group.input-simple [data-toggle=floatLabel].special-entre + label {
  left: 20px;
}
.form-group.input-simple.input-large [data-toggle=floatLabel] {
  height: 60px;
}
.form-group.input-simple .input-mdp [data-toggle=floatLabel] + label {
  left: 0;
}
.form-group.input-simple.input-floatLabel--small [data-toggle=floatLabel] {
  height: 48px;
  padding-top: 14px;
}
.form-group.input-simple.input-floatLabel--small .twitter-typeahead + label.affiche {
  color: #fff;
  font-size: 11px;
  top: -3px;
}

.row--inputs [class*=col-]:not(.col-ghost) {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .row--inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row--inputs [class*=col-]:not(.col-ghost) {
    margin-top: 0;
  }
  .row--inputs [class*=col-]:not(:last-child) {
    padding-right: 0;
  }
}
.row--inputs .bootstrap-select .dropdown-toggle.btn {
  border-radius: 0;
  border-color: transparent;
  border-bottom-color: #fff;
  padding-left: 0;
  padding-right: 16px;
}
.row--inputs .bootstrap-select .dropdown-toggle.btn, .row--inputs .bootstrap-select .dropdown-toggle.btn:hover {
  background: none !important;
}
.row--inputs .bootstrap-select .dropdown-toggle.btn .bs-caret {
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.row--inputs .bootstrap-select .dropdown-toggle.btn .filter-option,
.row--inputs .bootstrap-select .dropdown-toggle.btn .caret::before {
  color: #fff;
}
.row--inputs .bootstrap-select .dropdown-toggle.btn .caret::before {
  font-size: 24px;
}
.row--inputs .floatlabel--fixed {
  bottom: 31px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: 16px;
  margin-bottom: 5px;
  position: absolute;
}
.row--inputs .dropdown-menu {
  border-radius: 0 0 4px 4px;
  border-width: 0;
  margin-top: 0;
  padding: 0;
}
.row--inputs .dropdown-menu li {
  padding: 4px 0;
}

.form-group.input-simple select.form-control.civility {
  margin-top: 19px;
  padding: 0;
  height: 44px;
  background: #fff url(/v4/genealogie/Content/css/SearchApi/https:/cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png) no-repeat;
  background-size: 20px;
  background-position: right 10px center;
  font-family: "Arial", sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-group.input-simple select.form-control.civility:focus {
  background: #fff url(/v4/genealogie/Content/img/ic_keyboard_arrow_down_48px_saumon-128.png) no-repeat;
  background-size: 20px;
  background-position: right 10px center;
}

.faux-input.register .fake-input {
  font-size: 11px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: -13px;
  z-index: 10;
  color: #757585;
}

.fake-input-line-2 {
  color: #757585;
  opacity: 1;
  position: absolute;
  top: 6px;
  z-index: 10;
  margin: 0 !important;
}

#popup-1erdoc .modal-dialog p .fake-input-line-2 {
  font-size: 11px !important;
  font-weight: 700;
  top: 0;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group {
  max-width: inherit;
  margin-bottom: 15px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group [data-toggle=floatLabel] + label {
  left: 15px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .birth {
  width: 20%;
  margin-right: 10px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .birth + .birth {
  width: 42%;
  margin-right: 10px;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .input-simple {
  width: 28%;
}
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .col-xs-12,
#popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .col-xs-6 {
  padding-left: 8px;
  padding-right: 8px;
}

.faux-input.birth {
  padding: 19px 0px 0 0;
  height: 63px;
}

.form-group.input-simple select.form-control.civility label {
  opacity: 1;
}

.form-group.input-simple textarea[data-toggle=floatLabel] + label {
  left: 15px;
  background: #fff;
  margin-top: -7px;
  height: 33px;
  vertical-align: middle;
  padding: 12px 0 15px 0;
  width: 94%;
}

#labelPlace {
  opacity: 1;
  top: 8px;
  left: 15px;
}

#formPrivateData .form-group.input-simple #userPostalCode.form-control {
  padding: 19px 20px 0 0;
}

.form-group.input-simple textarea.form-control {
  padding: 7px 12px 0 12px;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  margin: 32px 0 0 0;
  background: #f3f3f3 !important;
}

.modal .form-group.input-simple textarea.form-control {
  margin: 22px 0 0 0;
}

/*=> sur fond foncé */
.form-group.input-simple.inverse [data-toggle=floatLabel] {
  background: transparent !important;
  color: #fff;
}

.form-group.input-simple.inverse .form-control::-moz-placeholder {
  color: #ccc;
}

.form-group.input-simple.inverse .form-control:focus,
.form-group.input-simple.inverse .form-control:active {
  border-bottom: 1px solid #fff;
}

.form-group.input-simple.inverse [data-toggle=floatLabel]:required + label,
.form-group.input-simple.inverse [data-toggle=floatLabel] + label {
  color: #fff;
}

.form-group.input-simple .show-password {
  top: 34px;
}

.show-password {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 17px;
  text-transform: uppercase;
  top: 16px;
  color: #43C;
}

.modifier-champs.input-simple i {
  visibility: hidden;
  position: absolute;
  right: 35px;
  top: 33px;
  color: #43C;
}

.parametres-client .modifier-champs.input-simple span i {
  visibility: hidden;
  position: absolute;
  right: 35px;
  top: 33px;
  color: #337ab7;
}

.delete-parametres-client,
.delete-parametres-client:hover {
  color: #ff5555;
  padding-top: 37px;
  display: block;
}

.material-icons.no-wait {
  color: #ff5555;
  font-size: 73px;
}

.modifier-champs.input-simple span:hover i,
.modifier-champs.input-simple span:active i {
  visibility: visible;
}

.input-simple + div a i {
  margin: 27px 0 0 -15px;
  font-size: 28px;
}

.modifier-champs.input-simple:hover i,
.modifier-champs.input-simple:active i {
  visibility: visible;
}

/* bouton ou mise en page comme l'input simple */
.faux-input {
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px;
  height: 63px;
  margin: 0 0 15px 0;
  display: inherit;
  vertical-align: top;
}

.faux-input a,
a.faux-input {
  text-decoration: none;
}

.faux-input p {
  color: #333333;
  display: inline-block;
  font-size: 16px;
  margin: 4px 0 0 9px;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .faux-input p {
    width: 83%;
  }
}
@media (max-width: 992px) {
  .faux-input p {
    width: 76%;
  }
}

.faux-input p.label-faux-input,
p.label-faux-input,
#popup-1erdoc .modal-dialog p.label-faux-input,
.modal-dialog.new-modal-dialog p.label-faux-input {
  font-size: 11px !important;
  left: 12px;
  color: #757585;
  font-weight: 700;
  display: block;
  margin: 0;
  padding: 5px 0 5px 0;
  line-height: 11px !important;
  text-align: left;
}

.faux-input p.label-champs {
  font-size: 15px;
  color: #757585;
  font-weight: 700;
  margin: 28px 0 4px 0;
}

.faux-input p.label-champs + i {
  float: right;
  margin: 28px 0 0 0;
  color: #43C;
  visibility: hidden;
}
@media (max-width: 991px) {
  .faux-input p.label-champs + i {
    visibility: visible;
  }
}

.faux-input:hover p.label-champs + i,
.faux-input:focus p.label-champs + i {
  visibility: visible;
  color: #337ab7;
}

.faux-input p + i {
  float: right;
  margin: 9px 0 0 0;
  color: #43C;
  visibility: hidden;
}
@media (max-width: 991px) {
  .faux-input p + i {
    visibility: visible;
  }
}

.faux-input:hover p + i,
.faux-input:focus p + i {
  visibility: visible;
  color: #337ab7;
}

.faux-input .profil {
  height: 32px;
  width: 32px;
}

.faux-input .profil.image img {
  height: 32px;
  width: 32px;
  border: 0;
}

.faux-input .profil .initiale {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin: 7px 0 0;
  text-align: center;
  display: inherit;
}

.faux-input + a {
  position: absolute;
  right: 13px;
  top: 29px;
}

/* Habillage des boutons radios et checkbox  */
.radio {
  margin: 5px 0 5px 0;
}
.radio label {
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 20px;
}
.radio + .radio {
  margin: 0 0 5px 0;
}

.radio-inline {
  margin: 10px 0 10px 0;
  padding-left: 0;
}
.radio-inline + .radio-inline {
  margin: 10px 0 10px 10px;
}

label.radio {
  margin: 5px 0 5px 0;
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 20px;
}
label.radio--alternative-parent {
  margin: 6px 8px 0 0;
  position: static;
}
label.radio--alternative-parent::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
label.radio--alternative-parent.radio span {
  left: 15px;
  top: 14px;
}
label + label.radio {
  margin: 0 0 5px 0;
}
label.radio-inline {
  margin: 10px 10px 10px 0;
}
label.radio-inline + label.radio-inline {
  margin: 10px 0 10px 10px;
}
@media (max-width: 767px) {
  label.radio-inline + label.radio-inline {
    margin: 0;
  }
}
label.checkbox {
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 0;
  margin: 5px 0 5px 0;
}
label.checkbox--alternative-parent {
  position: static;
}
label.checkbox--alternative-parent::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
label + label.checkbox {
  margin: 0 0 5px 0;
}
label.checkbox-inline {
  margin: 10px 0 10px 0;
}
label.checkbox-inline + label.checkbox-inline {
  margin: 10px 0 10px 10px;
}
label.checkbox-inline input[type=checkbox] {
  height: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: -1;
}
label.checkbox-inline .checkbox-material {
  position: relative;
  top: 3px;
  vertical-align: middle;
}

.checkbox {
  margin: 5px 0 5px 0;
}
.checkbox--static {
  position: static;
}
.checkbox label {
  color: #333333;
  font-weight: normal !important;
  font-size: 13px;
  padding-left: 0;
}
.checkbox label div:not(.collapse) {
  display: inline-block;
  width: 90%;
  vertical-align: top;
}
.checkbox + .checkbox {
  margin: 0 0 5px 0;
}
.checkbox input[type=checkbox] {
  height: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: -1;
}
.checkbox .checkbox-material {
  position: relative;
  vertical-align: middle;
}

.checkbox-inline {
  margin: 10px 0 10px 0;
  padding-left: 0;
}
.checkbox-inline + .checkbox-inline {
  margin: 10px 0 10px 10px;
}

.checkbox .checkbox-material:before,
label.checkbox-inline .checkbox-material:before {
  background-color: transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: -5px;
  transform: scale3d(2.3, 2.3, 1);
  width: 18px;
  z-index: 1;
}

.checkbox .checkbox-material .check,
label.checkbox-inline .checkbox-material .check {
  border: 2px solid var(--clr-accent, #43C);
  border-radius: 2px;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  position: relative;
  width: 18px;
  z-index: 1;
  margin-right: 4px;
}

.checkbox .checkbox-material .check.coral,
label.checkbox-inline .checkbox-material .check.coral {
  border-color: #ff5555;
}

.essai-7j .bloc-essai-sept .bg-essai-phone .checkbox .checkbox-material .check,
.essai-7j .bloc-essai-sept .bg-essai-phone label.checkbox-inline .checkbox-material .check,
.bg-essai-phone .checkbox .checkbox-material .check {
  border: 2px solid #fff;
}

.bg-essai-phone .checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background-color: transparent;
}

.checkbox.checkbox-blanc .checkbox-material .check {
  border: 2px solid #fff;
}

.checkbox.checkbox-blanc.blanc .checkbox-material .check {
  border: 2px solid #fff;
}

.checkbox .checkbox-material .check:before,
label.checkbox-inline .checkbox-material .check:before {
  box-shadow: none;
  content: "";
  display: block;
  height: 0;
  margin-left: 5px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(45deg);
  width: 0;
}

.checkbox .checkbox-material .check:after,
label.checkbox-inline .checkbox-material .check:after {
  box-shadow: none;
  content: "";
  display: block;
  height: 0;
  margin-left: 5px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(45deg);
  width: 0;
}

.checkbox input[type=checkbox]:focus + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after,
.checkbox input[type=checkbox]:focus + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus + input + .checkbox-material .check:after {
  opacity: 0.2;
}

.checkbox input[type=checkbox]:focus:checked + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before,
.checkbox input[type=checkbox]:focus:checked + input + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material:before {
  animation: 500ms ease 0s normal none 1 running rippleOn;
}

.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before,
.checkbox input[type=checkbox]:focus:checked + input + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material .check:before {
  animation: 0.3s ease 0s normal forwards 1 running checkbox-on;
}

.checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after,
.checkbox input[type=checkbox]:focus:checked + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material .check:after {
  animation: 500ms ease 0s normal forwards 1 running rippleOn;
}

.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before,
.checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material:before {
  animation: 500ms ease 0s normal none 1 running rippleOff;
}

.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before,
.checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:before {
  animation: 0.3s ease 0s normal forwards 1 running checkbox-off;
}

.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after,
.checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:after {
  animation: 500ms ease 0s normal forwards 1 running rippleOff;
}

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

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check.coral,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check.coral {
  border-color: #ff5555;
  color: #ff5555;
  background: #fff;
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: var(--clr-accent, #43C);
  color: var(--clr-accent, #43C);
}

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

.checkbox.checkbox-blanc.blanc input[type=checkbox]:checked + .checkbox-material .check,
.checkbox.checkbox-blanc.blanc input[type=checkbox]:checked + input + .checkbox-material .check {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox input[type=checkbox]:checked + input + .checkbox-material .check:before,
label.checkbox-inline input[type=checkbox]:checked + input + .checkbox-material .check:before {
  -webkit-box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C);
  -moz-box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C);
  box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C);
  content: "_";
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: var(--clr-accent, #43C);
}

.checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check.coral:before,
.checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check.coral:before {
  color: #ff5555;
}

.checkbox.checkbox-blanc input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox.checkbox-blanc input[type=checkbox]:checked + input + .checkbox-material .check:before {
  color: #fff;
}

.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after,
.checkbox input[type=checkbox][disabled] + input + .checkbox-material .check:after,
label.checkbox-inline input[type=checkbox][disabled] + input + .checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
.radio span {
  display: block;
  left: 0px;
  position: absolute;
  top: 2px;
  transition-duration: 0.2s;
}

.radio .circle,
label.radio-inline .circle {
  border: 2px solid var(--clr-accent, #43C);
  border-radius: 100%;
  height: 15px;
  width: 15px;
}

.radio.radio-blanc .circle,
label.radio-inline.radio-blanc .circle {
  border: 2px solid #fff;
  border-radius: 100%;
  height: 15px;
  width: 15px;
}

.radio .check {
  background-color: #d5d8da;
  border-radius: 100%;
  height: 15px;
  transform: scale3d(0, 0, 0);
  width: 15px;
}

.radio.radio-primary .check {
  background-color: #43C;
}

.radio input[type=radio]:focus:not(:checked) ~ .check:after,
label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after {
  animation: 500ms ease 0s normal none 1 running rippleOff;
}

.radio input[type=radio]:focus:checked ~ .check:after,
label.radio-inline input[type=radio]:focus:checked ~ .check:after {
  animation: 500ms ease 0s normal none 1 running rippleOn;
}

.radio input[type=radio],
label.radio-inline input[type=radio] {
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}

.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check,
.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  opacity: 1;
}

.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #d5d8da;
}

.radio.radio-primary input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: var(--clr-accent, #43C);
}

.radio.radio-blanc input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #fff;
}

.radio input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #d5d8da;
}

.radio.radio-primary input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: var(--clr-accent, #43C);
}

.radio.radio-blanc input[type=radio]:checked ~ .circle,
label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #fff;
}

.radio input[type=radio]:checked ~ .check,
label.radio-inline input[type=radio]:checked ~ .check {
  transform: scale3d(0.55, 0.55, 1);
}

.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check,
.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  opacity: 0.26;
}

.radio input[type=radio][disabled] ~ .check,
label.radio-inline input[type=radio][disabled] ~ .check {
  background-color: #000;
}

.radio input[type=radio][disabled] ~ .circle,
label.radio-inline input[type=radio][disabled] ~ .circle {
  border-color: #000;
}

#ExistingAlternativeParents .radio .circle,
#ExistingAlternativeParents label.radio-inline .circle,
#ExistingAlternativeParents .radio.radio-blanc .circle,
#ExistingAlternativeParents label.radio-inline.radio-blanc .circle,
#ExistingAlternativeParents .radio .check {
  height: 18px;
  width: 18px;
}

.liste-fratrie .checkbox {
  margin: 0;
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-mini.bootstrap-switch-animate .bootstrap-switch-label:before {
  background-color: #757585 !important;
}

.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-off.bootstrap-switch-focused,
.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-on.bootstrap-switch-focused {
  background: #d5d8da !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #d5d8da !important;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #d5d8da !important;
  color: #fff !important;
}

.bootstrap-switch-handle-off.bootstrap-switch-default i {
  margin: 0 0 3px;
  vertical-align: bottom;
}

.bootstrap-switch-handle-on.bootstrap-switch-primary i {
  margin: 1px 0 4px 0;
  vertical-align: bottom;
}

.bootstrap-switch {
  border-radius: 34px !important;
  -webkit-border-radius: 34px !important;
  -moz-border-radius: 34px !important;
}
.bootstrap-switch .bootstrap-switch-label:before {
  background-color: #445599;
  bottom: 3px;
  content: "";
  height: 26px;
  right: 39px;
  position: absolute;
  width: 26px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.bandeau-acces-gratuit label.checkbox.checkbox-HD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.checkbox-HD i {
  color: #445599;
  font-size: 20px;
  opacity: 0.5;
}
.checkbox-HD .bootstrap-switch {
  margin-top: 1px;
  margin-right: 15px;
}
.checkbox-HD .bootstrap-switch-label:before {
  background-color: #ffcc33;
  bottom: 1px;
  height: 20px;
  right: 38px;
  width: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.checkbox-HD .bootstrap-switch-on .bootstrap-switch-label:before {
  right: 40px;
}
.checkbox-HD .bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-mini.bootstrap-switch-animate .bootstrap-switch-label:before {
  background-color: #163c8a !important;
}
.checkbox-HD .bootstrap-switch-on .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container,
.checkbox-HD .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.checkbox-HD .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-off.bootstrap-switch-focused,
.checkbox-HD .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-on.bootstrap-switch-focused {
  background: #fff !important;
}
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background: #fff !important;
}
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.checkbox-HD .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #fff !important;
}
.checkbox-HD .bootstrap-switch-handle-off.bootstrap-switch-default i,
.checkbox-HD .bootstrap-switch-handle-on.bootstrap-switch-primary i {
  margin: 0;
}
.checkbox-HD .bootstrap-switch-handle-off {
  margin-left: -6px;
}

/* ------- Input avec drapeau => recherche commune ou département -------*/
.tt-dropdown-menu {
  width: 100%;
}
.tt-dropdown-menu .tt-dataset-lieu div span {
  cursor: pointer;
  display: table;
  padding: 0 10px 0 10px;
}
.tt-dropdown-menu .tt-dataset-lieu div span p {
  color: #303f4c;
  font-size: 16px;
  margin: 0;
  padding: 3px 8px;
}
.tt-dropdown-menu .tt-dataset-lieu div span img {
  display: table-cell;
  margin-top: 8px !important;
  margin-right: 6px;
  vertical-align: top;
  min-width: 23px;
  max-width: 23px;
  height: 13px !important;
  margin-left: 0;
}
.tt-dropdown-menu .tt-dataset-lieu div span:hover {
  background: rgba(117, 117, 133, 0.2) !important;
}
.tt-dropdown-menu .tt-dataset-lieu div span:hover p {
  background: none;
  color: #303f4c !important;
}
.tt-dropdown-menu .tt-dataset-lieu .tt-suggestion.tt-cursor span {
  background-color: #445599;
}

/* -- Select (transformation dropdown + personnalisation fleche) -- */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.bootstrap-select.input-lg {
  padding: 0 !important;
}

.bootstrap-select > .dropdown-toggle {
  height: 46px;
}

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

.bootstrap-select.btn-group .dropdown-toggle .caret {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 dashed;
}
.bootstrap-select.btn-group.dropup .dropdown-toggle .caret {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 dashed;
  border-bottom: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  content: "\e915";
  font-family: "icomoon", sans-serif;
  font-size: 28px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -37px 0 0 2px !important;
  position: relative !important;
}

.home-owl-stage .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -83px 0 0 2px !important;
  position: relative !important;
}

.bootstrap-select .dropdown-menu .dropdown-menu .selected a {
  background: none;
}
.bootstrap-select .dropdown-menu .dropdown-menu .selected a:hover {
  color: #333333;
  font-weight: bold;
}
.bootstrap-select .dropdown-menu .dropdown-menu .selected.active a:hover {
  color: #333333;
  font-weight: bold;
}
.bootstrap-select .dropdown-menu .dropdown-menu .active a {
  background: none;
  color: #333333;
}
.bootstrap-select .dropdown-menu .dropdown-menu .active a:hover {
  color: #43C;
  font-weight: inherit;
}
.bootstrap-select .dropdown-menu .dropdown-menu a:hover {
  color: #43C;
  font-weight: inherit;
}
.bootstrap-select .dropdown-menu .dropdown-menu .disabled {
  height: 0px;
  border-bottom: 1px solid #d5d8da;
  margin: 10px 0 10px 0;
}
.bootstrap-select .dropdown-menu .dropdown-menu .disabled + .disabled {
  height: auto;
  margin: 0;
  border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: -37px 0 0 2px !important;
  }
  .home-owl-stage .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: -41px 0 0 2px !important;
  }
}
@media screen and (min-width: 0\0 ) {
  .container-fusion .btn-group.bootstrap-select .dropdown-toggle .caret {
    top: 0 !important;
  }
}
@supports (-ms-ime-align: auto) {
  .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: -37px 0 0 2px !important;
  }
}
.bootstrap-select .btn-default:hover,
.bootstrap-select.btn-group .dropdown-toggle:active,
.bootstrap-select.btn-group.open .dropdown-toggle {
  box-shadow: inherit;
}

.bootstrap-select .dropdown-menu > li > a {
  padding: 3px 6px;
}

.bootstrap-select .filter-option {
  font-size: 16px;
}
.bootstrap-select .filter-option.smaller {
  font-size: 13px;
}

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

.bootstrap-select .dropdown-menu.open i {
  font-size: 24px;
  margin: -1px 4px 0 0;
  vertical-align: top;
}

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

.bootstrap-select .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li.selected > a,
.bootstrap-select .dropdown-menu > li > a:focus {
  color: #333333;
  font-weight: bold;
}

.bootstrap-select .dropdown-toggle.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 3px 25px 3px 17px;
  height: 34px;
  background-color: #fff;
}
.bootstrap-select .dropdown-toggle.btn.smaller {
  padding: 3px 20px 3px 8px;
}

.special-entre .selectorDate button.btn.dropdown-toggle {
  padding: 3px 20px 3px 8px;
}
.special-entre .selectorDate button.btn.dropdown-toggle .filter-option {
  font-size: 14px;
}

.espace-client .bootstrap-select .dropdown-toggle.btn {
  background-color: transparent;
}

.bootstrap-select .dropdown-toggle.btn-default:hover,
.bootstrap-select .dropdown-toggle.btn-default:active {
  background-color: #fff !important;
}

.select.input-lg {
  padding: 0;
}

.select.input-lg .bootstrap-select .dropdown-toggle.btn {
  height: 46px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.select.input-lg.owl-stage {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.select.input-lg.home-owl-stage {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.select.input-lg.select-inline {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.home-connectee .clonedInput .select.input-lg.select-inline {
  width: 100%;
}

.home .recherche .bloc-recherche .input-annee .form-group {
  width: 48%;
  float: left;
  margin-right: 4%;
}
.home .recherche .bloc-recherche .input-annee .form-group .input-lg {
  font-size: 15px;
}

.home .recherche .bloc-recherche .input-annee .form-group .form-control {
  padding-left: 16px;
}

.home .recherche .bloc-recherche .select.input-lg .bootstrap-select .dropdown-toggle.btn {
  height: 49px;
  border-radius: 4px;
  padding-left: 8px;
}

.home .recherche .bloc-recherche .input-annee .form-group.simple {
  width: 100%;
}

.home .recherche .bloc-recherche .select.input-lg .bootstrap-select .dropdown-toggle.btn span {
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.home .recherche .bloc-recherche .input-annee #divToYear {
  margin-right: 0;
}

.home .recherche .bloc-recherche .home-periode {
  width: 25%;
}

.col-lg-3 .select.input-lg.owl-stage {
  width: 100%;
}

/* -- select input simple (transformation dropdown + personnalisation fleche) -- */
.faux-input .bootstrap-select > .dropdown-toggle {
  border: 0;
  height: auto;
}
.faux-input .bootstrap-select.btn-group .dropdown-toggle .caret {
  margin: -37px 0 0 -21px !important;
}
.faux-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #333333;
}
.faux-input .btn-group.bootstrap-select .dropdown-toggle {
  padding: 10px 0 0 0;
}
.faux-input .sans-label .btn-group.bootstrap-select .dropdown-toggle {
  padding: 31px 0 0 0;
}
.faux-input.sans-label-marge {
  height: 40px;
}
.faux-input.sans-label-marge .btn-group.bootstrap-select .dropdown-toggle {
  padding: 8px 0 0;
}

.alert-modal .faux-input.sans-label .btn-group.bootstrap-select .dropdown-toggle {
  padding: 31px 0 0 0;
}

/* Input simple avec fond (champ avec fond legerement coloré)  */
.input-simple.fond input {
  height: 44px;
}

.input-simple.fond .bootstrap-tagsinput input {
  background: #f3f3f3;
  border-bottom: 0 none;
}

.input-simple.fond .bootstrap-tagsinput input {
  padding: 7px 0 6px 43px !important;
  margin: 12px 0 0 0;
}

.input-simple.fond .bootstrap-tagsinput input:focus {
  border-bottom: 0;
}

.input-simple.fond .bootstrap-tagsinput + input + i {
  left: 32px;
}

.input-simple.fond .bootstrap-tagsinput + input + i + i {
  right: 29px;
}

.bootstrap-tag-container .input-simple i:hover {
  cursor: pointer;
}
.bootstrap-tag-container .input-simple:hover .material-icons {
  display: block;
}

/* Ajout d'un parent dans popup d'alerte */
.add_parents_popup .line {
  margin-bottom: 0 !important;
}
.add_parents_popup .line.select {
  padding-right: 21px;
}
.add_parents_popup .line.select + .line {
  padding: 0px 19px 0 2px;
}
.add_parents_popup .line.preremove-field-container {
  padding: 0 6px 0 19px;
}
.add_parents_popup .styled-select {
  height: 63px;
  padding-top: 17px;
}
.add_parents_popup .styled-select select {
  height: 46px !important;
}
.add_parents_popup .select-side {
  width: 26px;
  position: absolute;
  height: 48%;
  right: -16px;
  top: 25px;
  pointer-events: none;
  background: #fff;
  color: var(--clr-label, #757575);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.add_parents_popup .select-side i {
  font-size: 29px;
}
.add_parents_popup .md__base .select-side {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  top: calc(50% - 2px);
}
.add_parents_popup .remove-field-container {
  display: block;
  margin-top: 0.75rem;
}
.add_parents_popup .form-group.input-simple [data-toggle=floatLabel] + label {
  left: 0;
}

.floatlabel--select {
  position: absolute;
  left: 10px;
  font-size: 13px;
  z-index: 2;
}
.floatlabel__col {
  border-left: 1px solid lightgrey;
}
.floatlabel__col:hover .floatlabel--select, .floatlabel__col:focus .floatlabel--select {
  color: #43C;
}
.floatlabel__col .dropdown-menu,
.floatlabel__col .dropup .dropdown-menu {
  margin: 0;
}
.floatlabel__col .dropdown-menu {
  border-radius: 0 0 4px 4px;
}
.floatlabel__col .dropup .dropdown-menu {
  border-radius: 4px 4px 0 0;
}

.accent-delete {
  --clr-accent: #D9001B;
}

.coral {
  --clr-accent: #ff5555;
}

@media (max-width: 992px) {
  .home .recherche .bloc-recherche .input-annee .form-group {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .home .recherche .bloc-recherche .home-periode,
  .home .recherche .bloc-recherche .input-annee {
    width: 100%;
  }
  .home .recherche .bloc-recherche .input-annee {
    margin-top: 15px;
  }
  .home .recherche .bloc-recherche .input-annee .form-group {
    width: 49%;
  }
}
@media (max-width: 480px) {
  .champs-periode div.marge-top10px-768:first-child {
    width: 98%;
  }
  .select.input-lg.select-inline {
    width: 100%;
  }
  .home .recherche .bloc-recherche .input-annee .form-group {
    width: 48%;
  }
}
@media (max-width: 460px) {
  .floatlabel__col {
    border-left: none;
    width: 100%;
  }
}
@media (min-width: 768px) {
  [class*=col-sm-4] input.double-date {
    font-size: 11px;
  }
}
.bs-caret {
  position: relative;
  display: inline-block;
}

/* Input téléphone => page profile */
.complete-phone {
  width: 100%;
}
.complete-phone .intl-tel-input.allow-dropdown {
  width: 100%;
}
.complete-phone .intl-tel-input.allow-dropdown .selected-flag {
  padding: 0;
}
.complete-phone .intl-tel-input.allow-dropdown input {
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.row--date .special-entre {
  height: 50px;
  padding-top: 30px;
}
.row--date .special-entre button.dropdown-toggle.btn.btn-default {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  height: inherit;
  padding: 3px 20px 9px 2px;
}
.row--date .special-entre ~ input.form-control {
  height: 34px;
  padding: 0 0 8px;
}
.row--event .md__select--event {
  margin-top: var(--gap-y, 14px);
}
@media (min-width: 768px) {
  .row--event {
    margin-top: calc(var(--gap-y, 14px) / -2);
  }
  .row--event .md__select--event {
    margin-top: calc(0.5rem + 17px);
  }
}

.underlined-inputs .bootstrap-select.btn-group button.dropdown-toggle.btn,
.underlined-inputs textarea.form-control {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  padding-left: 2px;
}

.quote-text-container {
  margin: 10px auto;
  display: block;
  text-align: center;
}
.quote-text-container .quote {
  color: #ff5555;
  font-style: italic;
  font-size: 30px;
  border-left: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.quote-text-container .quote-author {
  color: #757585;
  font-size: 14px;
  font-style: normal;
}

.quote-container {
  margin: 10px auto;
  display: block;
  text-align: center;
}
.quote-container .quote {
  color: #ff5555;
  font-style: italic;
  font-size: 30px;
  border-left: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.quote-container .quote-author {
  font-size: 17px;
}

.beaucarnot-section-container {
  padding: 45px 0;
}
.beaucarnot-section-container .beaucarnot-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (max-width: 992px) {
  .beaucarnot-section-container .beaucarnot-section {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .beaucarnot-section-container .beaucarnot-section .quote-beaucarnot {
    margin-top: 20px;
  }
}
.beaucarnot-section-container .filae-info-container {
  text-align: center;
  font-size: 20px;
  min-height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.beaucarnot-section-container .filae-info {
  color: #ff5555;
}
.beaucarnot-section-container .filae-info-2 {
  color: #303f4c;
}
.beaucarnot-section-container .quote-beaucarnot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.beaucarnot-section-container .quote-beaucarnot img {
  height: 80px;
  width: 80px;
  margin-right: 10px;
}
.beaucarnot-section-container .quote-container {
  margin: 0;
}
.beaucarnot-section-container .quote {
  margin-bottom: 0px;
  font-size: 32px;
  text-align: center;
}
.beaucarnot-section-container .quote-author {
  color: #757585;
  font-size: 14px;
  font-style: normal;
}

.filae-guide-container .subtitle-section {
  margin-bottom: 70px;
}
.filae-guide-container .guide {
  counter-reset: counter-guide;
}
.filae-guide-container .guide:first-child .guide-img {
  width: auto;
}
.filae-guide-container .guide-item-container {
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .filae-guide-container .guide-item-container {
    padding-right: 15px !important;
    margin-bottom: 30px;
  }
}
.filae-guide-container .guide-item:before {
  counter-increment: counter-guide;
  content: counter(counter-guide) ".";
  color: #445599;
  font-size: 32px;
  font-weight: 700;
}
.filae-guide-container .guide-img {
  color: #333333;
  height: 145px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (max-width: 768px) {
  .filae-guide-container .guide-img {
    height: auto;
    width: 50%;
    margin: 0 auto;
    display: block;
    padding-top: 20px;
  }
}
.filae-guide-container .guide-content {
  padding-left: 27px;
  margin-top: -27px;
}
@media (max-width: 768px) {
  .filae-guide-container .guide-content {
    text-align: center;
  }
}
.filae-guide-container .guide-content p {
  margin: 0;
  line-height: 24px;
  font-size: 16px;
}
.filae-guide-container .filae-guide-cta {
  margin: 55px auto;
}

.advantages-container {
  background-color: rgba(54, 62, 99, 0.0784313725);
  text-align: center;
}
.advantages-container .subtitle-section {
  font-size: 40px;
  margin: 55px auto;
}
.advantages-container .bloc-advantage {
  margin-bottom: 50px;
}
.advantages-container .bloc-advantage h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #2B2550;
  margin-bottom: 5px;
}
.advantages-container .bloc-advantage .text {
  font-size: 16px;
  line-height: 24px;
  color: rgba(70, 85, 105, 0.9568627451);
}
.advantages-container .img-advantage-container {
  height: 144px;
  position: relative;
  display: table;
  width: 100%;
}
.advantages-container .img-advantage-container .img-advantage {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.advantages-container .img-advantage-container .img-advantage.small img {
  max-width: 165px;
}
.advantages-container .img-advantage-container .img-advantage .map {
  height: 88px;
  width: 88px;
}
.advantages-container .img-advantage-container .img-advantage img {
  display: block;
  width: 80%;
  margin: 0 auto;
  max-width: 180px;
}
.advantages-container .img-advantage-container .label-guide {
  display: table;
  width: 168px;
  height: 48px;
  margin: 0 auto;
  font-weight: 700;
  background-color: #fff;
  padding: 0 15px;
  font-size: 18px;
  border-radius: 4px;
  border: 1px solid #ff5555;
}
.advantages-container .img-advantage-container .label-guide i, .advantages-container .img-advantage-container .label-guide .label-name {
  display: table-cell;
  vertical-align: middle;
}
.advantages-container .img-advantage-container i {
  color: #ff5555;
  font-size: 32px;
}
.advantages-container .img-advantage-container.card img {
  display: block;
  width: 56px;
  height: 56px;
  border: 3px solid #66cccc;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.advantages-container .img-advantage-container .card-container {
  position: relative;
  border: 1px solid #dad9d4;
  background-color: #fff;
  border-radius: 4px;
  width: 80px;
  height: 128px;
  display: block;
  margin: 0 auto;
}
.advantages-container .img-advantage-container .card-container i {
  font-size: 28px;
  position: absolute;
  left: -14px;
  top: -10px;
}
.advantages-container .img-advantage-container .card-container p {
  font-size: 10px;
  line-height: 13px;
  color: #303f4c;
  text-align: center;
}
.advantages-container .img-advantage-container .icon-hint i {
  font-size: 80px;
}
.advantages-container .advantages-picto {
  height: 72px;
  width: 72px;
  display: block;
  margin: 0 auto;
}
.advantages-container .advantages-picto.doc {
  width: 64px;
  height: 64px;
}
.advantages-container .advantages-picto.tree {
  height: 69px;
  width: auto;
}
.advantages-container .jam {
  color: #ff5555;
  font-size: 60px;
  position: relative;
}

@media (max-width: 767px) {
  .mobile-none {
    display: none;
  }
}
.promo {
  min-height: 60px;
  background-color: #ffcc33;
}
.promo .promo-container {
  min-height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.promo .promo-title {
  color: #2B2550;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 480px) {
  .promo .promo-title {
    font-size: 20px;
  }
}
.promo:hover .promo-title {
  text-decoration: underline;
}

.link-bandeau + .home-full .home-intro {
  padding-top: 100px;
}
.link-bandeau .offer-yellow-bg {
  float: inherit;
  margin: 0 auto;
  display: block;
  max-width: 430px;
}
.link-bandeau + input + input + .paywall-offre {
  margin-top: 20px;
}
.link-bandeau + input + input + .footer-btn-paywall + .paywall-offre {
  margin-top: 20px;
}

/* BANDEAU Annonce */
/* Bandeau publicitaire : promo, bases gratuites ...  */
.banner_advert {
  background-color: #363066;
  display: block;
  height: 110px;
}
.banner_advert.banner_advert-promo .btn-action-container {
  text-align: right;
}
.banner_advert.banner_advert-promo .btn-action {
  margin: 38px 0;
  width: 130px;
  white-space: nowrap;
}
.banner_advert.banner_advert-promo.promo-light h1 {
  color: #fff;
  font-size: 21px;
  margin: 28px 0 0 0;
  text-align: center;
  display: inline-block;
  line-height: normal;
  width: 100%;
}
.banner_advert.banner_advert-promo.promo-light h1 span {
  display: block;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-light .illustration-1 {
  background-image: url(/v4/genealogie/Content/img/home/portable-viewer-2017-bandeau-annonce-7j.png);
  background-position: 0px 0;
  background-repeat: no-repeat;
  width: 163px;
  top: 23px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-light .illustration-1 img {
  margin-top: 32px;
}
.banner_advert.banner_advert-promo.promo-bandeau {
  height: 120px;
  /*
      Desactivate br for now
      He is activate in offer-yellow-bg div on < 992px screen size
  */
}
.banner_advert.banner_advert-promo.promo-bandeau .illustration-1 img {
  position: absolute;
  width: 97px;
  top: 0;
  height: auto;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.promo-bandeau br {
  display: none;
}
.banner_advert.banner_advert-promo.promo-bandeau .offer-box-round {
  display: table;
  height: 80px;
  width: 80px;
  margin: 20px 0 20px 83px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-bandeau .offer-box-round span {
  display: table-cell;
  vertical-align: middle;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-weight: 600;
  font-size: 13px;
  border-radius: 50%;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text {
  display: table;
  width: 100%;
  height: 120px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text div:first-child {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  padding: 0 15px;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text div:first-child h2 {
  color: #fff;
  margin-top: 0;
  font-size: 2.2rem;
  font-weight: 600;
}
.banner_advert.banner_advert-promo.promo-bandeau .banner-box-text div:first-child .offer-yellow-bg {
  display: inline-block;
  margin: 0 auto;
  width: auto;
  padding: 5px 15px;
}
.banner_advert.banner_advert-promo.promo-guide {
  background: #eff0f3;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-guide .offer-box-round {
  display: table;
  height: 95px;
  width: 95px;
  margin: 12px 0 0 116px;
  border: 2px solid #00a3b7;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #00a3b7;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-guide .offer-box-round span {
  display: table-cell;
  vertical-align: middle;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  font-weight: 600;
  font-size: 17px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text {
  margin: 9px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text h2 {
  color: #2B2550;
  font-size: 27px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text h5 {
  color: #2B2550;
  font-size: 27px;
  font-weight: bold;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-guide .banner-box-text .btn-action {
  margin: 8px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-guide .badge-edition {
  color: #fff;
  background: #00a3b7;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  font-size: 13px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  padding: 5px 11px 6px 11px;
  position: absolute;
  right: 23px;
  top: 35px;
}
.banner_advert.banner_advert-promo.promo-guide .badge-edition sup {
  font-size: 9px;
}
.banner_advert.banner_advert-promo.promo-guide .badge-edition span {
  display: block;
}
.banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
  height: 150px;
  float: right;
  margin-right: 50px;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star {
  display: block;
  color: #ff5555;
  width: 0px;
  height: 0px;
  border-right: 12px solid transparent;
  border-bottom: 10px solid #ff5555;
  border-left: 11px solid transparent;
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star:before {
  border-bottom: 9px solid #ff5555;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -5px;
  left: -9px;
  display: block;
  content: "";
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star:after {
  position: absolute;
  display: block;
  color: #ff5555;
  top: 1px;
  left: -13px;
  width: 0px;
  height: 0px;
  border-right: 12px solid transparent;
  border-bottom: 9px solid #ff5555;
  border-left: 11px solid transparent;
  -moz-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -webkit-transform: rotate(-70deg);
  transform: rotate(-70deg);
  content: "";
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.one {
  top: 32px;
  left: 89px;
  transform: rotate(98deg);
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
  top: 64px;
  left: 56px;
  transform: rotate(98deg);
  border-right: 16px solid transparent;
  border-bottom: 14px solid #ff5555;
  border-left: 15px solid transparent;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two:before, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four:before {
  border-bottom: 12px solid #ff5555;
  border-left: 6px solid transparent;
  border-right: 7px solid transparent;
  top: -6px;
  left: -12px;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two:after, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four:after {
  top: 0px;
  left: -16px;
  border-right: 16px solid transparent;
  border-bottom: 14px solid #ff5555;
  border-left: 15px solid transparent;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.three {
  top: 47px;
  left: 62px;
  transform: rotate(98deg);
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
  display: none;
}
.banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 {
  background-image: url(/v4/genealogie/Content/img/banner/icon-gift-livre-noel-18.png);
  background-position: 8px 76px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
}
.banner_advert.banner_advert-promo.promo-blackfriday {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-blackfriday:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side {
  width: 43%;
  background: #000000;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container {
  float: right;
  width: -moz-calc(0.43 * 1170px);
  width: -webkit-calc(0.43 * 1170px);
  width: calc(0.43 * 1170px);
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .illustration-1 img {
  height: 150px;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
  color: #fff;
  font-size: 44px;
  line-height: 40px;
  margin-left: 20px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 span {
  display: block;
  font-weight: bold;
  margin-left: 33px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .triangle-banner {
  width: 20px;
  position: absolute;
  right: -69px;
  top: 0;
  border-bottom: 120px solid #000000;
  border-right: 69px solid transparent;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
  background: #ff5555;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  right: -69px;
  top: 25px;
  z-index: 1;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:before {
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:after {
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 37px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side {
  background: #cfcfcf;
  width: 57%;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-container {
  width: -moz-calc(0.57 * 1170px);
  width: -webkit-calc(0.57 * 1170px);
  width: calc(0.57 * 1170px);
  float: left;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
  width: 80%;
  margin-left: 30px;
  text-align: center;
  margin-top: 13px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 {
  color: #333333;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 span {
  display: block;
  font-size: 23px;
  font-weight: inherit;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend {
  margin-top: 9px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 {
  font-size: 24px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 span {
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend p {
  font-size: 12px;
  margin: 0;
  color: #333333;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text .btn-action {
  margin: 5px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 img {
  margin-top: -30px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 {
  position: relative;
  height: 120px;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019::before, .banner_advert.banner_advert-promo.promo-blackfriday--2019::after {
  display: block;
  position: absolute;
  content: "";
  width: 50%;
  height: 120px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  z-index: -1;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019::before {
  left: 0;
  background-color: #000;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019::after {
  right: 0;
  background-color: #cfcfcf;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner {
  margin-right: -50px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side--left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #000;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side--right {
  background-color: #cfcfcf;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title {
  color: #fff;
  font-size: 44px;
  line-height: 40px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title span {
  display: block;
  font-weight: bold;
  margin-left: 33px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target {
  font-weight: bold;
  color: #ff5555;
  font-size: 30px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__btn.btn-action {
  margin: 0;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__row--cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 5px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
  background: #ff5555;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  right: -10px;
  top: 50%;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-transform: translateY(-50%) rotate(-11deg);
  -ms-transform: translateY(-50%) rotate(-11deg);
  -webkit-transform: translateY(-50%) rotate(-11deg);
  transform: translateY(-50%) rotate(-11deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price .macaron-dent__currency {
  margin-left: 5px;
  margin-top: 6px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old {
  color: #dddddd;
  font-size: 24px;
  opacity: 50%;
  position: relative;
  top: 21%;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old .macaron-dent__currency {
  font-size: 16px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old::before {
  display: block;
  position: absolute;
  content: "";
  width: 46px;
  height: 2px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #dddddd;
  top: 50%;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new {
  color: #fff;
  font-size: 32px;
  top: 63%;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new .macaron-dent__currency {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .triangle-banner {
  position: absolute;
  right: 0;
  top: 0;
  border-top: 120px solid #cfcfcf;
  border-left: 50px solid transparent;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-coffret {
  height: 135px;
  display: block;
  margin-top: 5px;
  margin-left: 42px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-2 {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-2 img {
  margin-top: -30px;
  margin-right: 45px;
}
.banner_advert.banner_advert-promo.promo-noel2018 {
  height: 206px;
  background-color: #90b8a8;
}
.banner_advert.banner_advert-promo.promo-noel2018 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left:after {
  display: bloc;
  content: "";
  clear: left;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 {
  float: left;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
  height: 229px;
  margin-top: 8px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
  font-family: "Cookie", cursive;
  font-size: 64px;
  color: #fff;
  margin: 54px 0 0 16px;
  line-height: 50px;
  float: left;
  width: 56%;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
  font-family: "Lato", sans-serif;
  color: #c63618;
  text-transform: uppercase;
  font-size: 39px;
  margin-left: 75px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
  display: none;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 {
  overflow: hidden;
  height: 206px;
  position: absolute;
  left: 52%;
  transform: translateX(-50%);
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 img {
  margin-top: -86px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right {
  margin: 33px 0 0 142px;
  text-align: center;
  width: 58%;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right h5 {
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding: 0 8px 4px 8px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 {
  font-size: 33px;
  color: #005e47;
  font-weight: bold;
  margin: 10px 0 10px 0;
  line-height: 31px;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 span {
  font-size: 23px;
  display: block;
}
.banner_advert.banner_advert-promo.promo-noel2018 .block-right .btn-action {
  margin: 0;
  background-color: #c63618 !important;
  border-color: #c63618;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 {
  overflow: hidden;
  height: 206px;
  position: absolute;
  right: 0;
}
.banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 img {
  margin-top: 35px;
  height: 190px;
}
.banner_advert.banner_advert-promo.promo-noel2019 {
  background-color: #3c954d;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .illustration-coffret {
  display: block;
  height: 135px;
  margin-left: 40px;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .btn-action {
  margin: 0;
  width: 120px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
  color: #fff;
  font-family: "Cookie", cursive;
  font-size: 48px;
  margin: 0 0 0 20px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title span {
  color: #ffcc55;
  display: block;
  font-size: 28px;
  font-family: "Lato", sans-serif;
  margin: 8px 0 0 40px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
  margin-right: 16px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-title {
  border-bottom: 1px solid #ffcc55;
  color: #ffcc55;
  display: inline-block;
  font-size: 15px;
  margin: 0;
  padding: 0 5px 1px 5px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text {
  color: #fff;
  font-size: 22px;
  margin: 6px 0 8px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span {
  display: block;
  font-size: 14px;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration {
  position: absolute;
  bottom: 0;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--left {
  left: 0;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--right {
  right: 0;
}
.banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.banner_advert.banner_advert-promo.promo-fin2018 {
  height: 223px;
  background-color: #333333;
}
.banner_advert.banner_advert-promo.promo-fin2018 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fin2018 .illustration-1 img {
  height: 229px;
  margin-top: 30px;
}
.banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
  position: absolute;
  left: 211px;
}
.banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-2 {
  position: absolute;
  right: 0;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text {
  background: #fff;
  text-align: center;
  width: 76%;
  position: relative;
  border: 2px solid #d6b47b;
  z-index: 3;
  margin: 8px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text:after {
  content: "";
  display: block;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  background: #fff;
  border: 2px solid #d6b47b;
  position: absolute;
  z-index: -3;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
  font-family: "Cookie", cursive;
  font-size: 66px;
  color: #d6b47b;
  line-height: 50px;
  margin: 20px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
  font-family: "Lato", sans-serif;
  color: #ff5555;
  font-size: 44px;
  margin-left: 10px;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
  font-size: 32px;
  margin: 10px 0 0 0;
  font-weight: bold;
  color: #333333;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text p {
  font-size: 22px;
  margin: -4px 0 0 0;
  color: #333333;
}
.banner_advert.banner_advert-promo.promo-fin2018 .block-text .btn-action {
  margin: 5px 0 20px 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 {
  height: 160px;
  background-color: #4abfaf;
}
.banner_advert.banner_advert-promo.promo-fin2019 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
  margin: 20px 0 0 65px;
  z-index: 1;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
  position: absolute;
  left: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-2 {
  position: absolute;
  right: 0;
  top: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
  margin: 5px 0 20px 0;
  position: absolute;
  right: 38px;
  top: 66px;
  z-index: 1;
  padding: 8px 19px;
  font-size: 20px;
  width: auto;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 {
  margin: 13px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon {
  background: #38867d;
  position: relative;
  height: 50px;
  width: 480px;
  margin: 0 25px;
  text-align: center;
  padding: 6px 0 0 0;
  display: inline-block;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:before, .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  border-style: solid;
  border-color: #38867d transparent #38867d transparent;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:before {
  left: -16px;
  border-width: 25px 0px 25px 16px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:after {
  right: -16px;
  border-width: 25px 16px 25px 0px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon h1 {
  font-size: 33px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p {
  font-size: 27px;
  color: #1e4c47;
  display: inline-block;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
  background: #eff20e;
  padding: 0 3px;
  font-size: 22px;
  margin: 10px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 {
  margin: 7px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1 {
  font-size: 33px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  display: inline-block;
  text-align: right;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1:after {
  content: "";
  display: block;
  right: -12px;
  top: 0;
  background: #fff;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre {
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p {
  font-size: 30px;
  color: #1e4c47;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p span {
  font-size: 24px;
  color: #fff;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 {
  background-color: #127f6a;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text {
  background: #333333;
  border: 3px solid #d6b47b;
  height: 110px;
  position: relative;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
  font-family: "Cookie", cursive;
  font-size: 46px;
  color: #fff;
  margin-left: 4.5rem;
  text-align: left;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 span {
  font-family: "Lato", sans-serif;
  color: #ff5555;
  font-size: 44px;
  margin-left: 10px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h1 {
  font-size: 14px;
  margin: 10px 0 5px 0;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p {
  font-size: 20px;
  margin: -4px 0 0 0;
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p span {
  font-weight: bold;
  color: #d6b47b;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .btn-action {
  margin: 5px 0 15px 0;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 3;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left {
  -moz-transform: translate(-80%, -44%);
  -ms-transform: translate(-80%, -44%);
  -webkit-transform: translate(-80%, -44%);
  transform: translate(-80%, -44%);
  left: 0;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left img {
  height: 115px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
  -moz-transform: translate(120%, -50%);
  -ms-transform: translate(120%, -50%);
  -webkit-transform: translate(120%, -50%);
  transform: translate(120%, -50%);
  right: 0;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right img {
  height: 95px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .row--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent {
  background: #ff5555;
  width: 60px;
  height: 60px;
  text-align: center;
  position: absolute;
  right: -45px;
  top: 50%;
  z-index: 1;
  -moz-transform: rotate(-11deg) translateY(-56%);
  -ms-transform: rotate(-11deg) translateY(-56%);
  -webkit-transform: rotate(-11deg) translateY(-56%);
  transform: rotate(-11deg) translateY(-56%);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 60px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-premium-2019 {
  background-color: #445599;
  color: #fff;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .container {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles.jpg);
  background-position: 90% 5%;
  background-size: 16%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h2,
.banner_advert.banner_advert-promo.promo-premium-2019 h5 {
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h2 {
  font-family: "Cookie", cursive;
  font-size: 48px;
  margin-top: 6px;
  margin-bottom: 0;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h5 {
  font-size: 28px;
  font-weight: bold;
  margin-top: 8px;
}
.banner_advert.banner_advert-promo.promo-premium-2019 h5 span {
  color: #deb683;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--left, .banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
  height: 110px;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--left {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles2.jpg);
  background-position: 12% -25%;
  background-size: 30%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .area--right .btn-action {
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle {
  width: 18rem;
  height: 18rem;
  -moz-transform: translateY(-50%) rotate(-20deg);
  -ms-transform: translateY(-50%) rotate(-20deg);
  -webkit-transform: translateY(-50%) rotate(-20deg);
  transform: translateY(-50%) rotate(-20deg);
  position: absolute;
  right: 0;
  top: 50%;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle, .banner_advert.banner_advert-promo.promo-premium-2019 .circle::before {
  background-color: #fff;
  border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle::before, .banner_advert.banner_advert-promo.promo-premium-2019 .circle::after {
  display: block;
  position: absolute;
  content: "";
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle::before {
  width: calc(100% - 2.25rem);
  height: calc(100% - 2.25rem);
  border: 5px solid #deb683;
}
.banner_advert.banner_advert-promo.promo-premium-2019 .circle::after {
  width: 18rem;
  height: 18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  content: "- 20%";
  color: #445599;
  font-size: 50px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 {
  background-color: #11a88b;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 h5 span {
  color: #ebb46e;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .container {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles-v2.jpg);
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .area--left {
  background-image: url(/v4/genealogie/Content/img/banner/bandeau-Promo-premium-30-09-19-feuilles2-v2.jpg);
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .circle::before {
  border-color: #11a88b;
}
.banner_advert.banner_advert-promo.promo-premium-2019--v2 .circle::after {
  color: #ff5555;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 {
  height: 206px;
  background-color: #2a3844;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .illustration-1 {
  overflow: hidden;
  height: 206px;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .illustration-1 img {
  margin-top: -41px;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text {
  text-align: center;
  margin: 0 60px 0 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
  color: #fff;
  font-size: 43px;
  margin: 20px 0 3px 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
  color: #fff;
  font-size: 35px;
  margin: 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 span {
  font-family: "Cookie", cursive;
  color: #d7c152;
  font-size: 52px;
  margin: 0 12px 0 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
  background: #d70042 !important;
  width: auto;
  border: 1px solid #d70042;
  margin: 15px 0 0 0;
}
.banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
  position: absolute;
  right: 0;
  bottom: -21px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 {
  height: 120px;
  background-color: #fff;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box:after {
  display: block;
  content: "";
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box img {
  height: 150px;
  margin-top: 5px;
  float: left;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
  float: right;
  margin-top: 14px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
  font-family: "Rouge Script", cursive;
  color: #47566a;
  font-size: 75px;
  margin: 0;
  line-height: 63px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
  font-size: 25px;
  color: #18d7b2;
  text-align: right;
  line-height: 22px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
  background: #18d7b2;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  left: 100px;
  top: 25px;
  z-index: 2;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #18d7b2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:before {
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent:after {
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 37px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
  position: absolute;
  top: 0px;
  left: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 120px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
  border: 4px solid #fed6d7;
  background: #fff;
  padding: 11px 30px;
  margin-top: 5px;
  height: 110px;
  text-align: center;
  z-index: 1;
  position: absolute;
  right: 75px;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h2 {
  font-size: 18px;
  text-transform: uppercase;
  color: #333333;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h4 {
  font-size: 21px;
  color: #333333;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h4 span {
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text .btn {
  margin: 0;
  margin: 8px 0 0 0;
  padding: 4px 14px;
  width: auto;
}
.banner_advert.banner_advert-promo.happy_days {
  height: 120px;
  background-color: #163c8a;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-logo {
  position: absolute;
  top: 0;
  height: 120px;
  overflow: hidden;
  z-index: 1;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-logo img {
  margin-top: -24px;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
}
.banner_advert.banner_advert-promo.happy_days .happy_day-logo + img {
  position: absolute;
  left: 158px;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-text {
  position: absolute;
  z-index: 2;
  left: 37%;
  margin-top: 16px;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-text h1 {
  background: #fff;
  margin: 0;
  color: #163c8a;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  padding: 8px 15px;
}
.banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
  background: #fff;
  color: #ff5555;
  margin: 0;
  font-size: 23px;
  font-weight: bold;
  padding: 5px 15px;
  margin-left: 15px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.happy_days .btn-action {
  font-size: 18px !important;
  padding: 11px 30px;
  font-weight: bold;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-fetepere19 {
  height: 120px;
  background-color: #61bbc3;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box:after {
  display: block;
  content: "";
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
  height: 150px;
  margin-top: 5px;
  float: left;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
  float: left;
  margin-top: 10px;
  margin-left: 40px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text h3 {
  font-family: "Norican", cursive;
  color: #fff;
  font-size: 41px;
  margin: 0;
  line-height: 63px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p {
  font-size: 25px;
  color: #fff;
  text-align: right;
  line-height: 22px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p span {
  display: none;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
  background: #262d35;
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  right: 170px;
  top: 25px;
  z-index: 2;
  -moz-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 70px;
  background: #262d35;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:before {
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:after {
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent span {
  z-index: 1;
  color: #fff;
  font-size: 37px;
  position: absolute;
  left: -1px;
  top: 5px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
  position: absolute;
  top: -40px;
  right: -12px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
  height: 200px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .illustration-2 {
  position: absolute;
  bottom: 0px;
  right: 15px;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
  margin-top: 20px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 5px 0;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 {
  font-size: 21px;
  color: #fff;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 span {
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text .btn {
  margin: 0;
  margin: 8px 0 0 0;
  padding: 4px 14px;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-salon2020 {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-salon2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side {
  width: 55%;
  background: #1637b3;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
  width: -moz-calc(0.55 * 1170px);
  width: -webkit-calc(0.55 * 1170px);
  width: calc(0.55 * 1170px);
  float: right;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 img {
  margin: 4px 0 0 35px;
  height: 110px;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
  margin: 22px 0 0 16px;
  color: #fff;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #d8ce29;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container {
  width: 120px;
  height: 120px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: -58px;
  overflow: hidden;
}
.banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container .circle {
  width: 200px;
  height: 200px;
  background: #1637b3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -64px;
  position: absolute;
  right: 12px;
  border: 5px solid #d8ce29;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side {
  background: #ffffff;
  width: 45%;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
  width: -moz-calc(0.45 * 1170px);
  width: -webkit-calc(0.45 * 1170px);
  width: calc(0.45 * 1170px);
  float: left;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text {
  margin: 9px 0 0 28px;
  text-align: center;
  width: 95%;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text h1 {
  font-size: 40px;
  color: #1637b3;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
  margin: 0 0 -5px 0;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p {
  font-size: 20px;
  color: #ff5555;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
  background: #e6dc31;
  padding: 0 4px;
  font-size: 19px;
  margin: -2px 0 2px 0;
  color: #333333;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .btn-action {
  margin: 39px 0 0 0;
  font-size: 20px;
  width: auto;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 {
  height: 120px;
  background-color: #f5f7f6;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-printemps-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-printemps2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .promo-printemps2020-block {
  background-color: #fff;
  margin: 10px 0;
}
.banner_advert.banner_advert-promo.promo-printemps2020 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: bold;
  color: #77844e;
  margin: 14px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text {
  margin: 16px 0 0 16px;
  color: #ff5555;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #fff000;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-printemps2020 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.news_data_filae {
  height: 120px;
  background-color: #3cfad9;
  position: relative;
}
.banner_advert.banner_advert-promo.news_data_filae:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.news_data_filae .back-color {
  background-image: url(/v4/genealogie/Content/img/banner/illu-new-data-bg-rec.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  opacity: 0.3;
  height: 120px;
  position: absolute;
  top: 0;
  width: 100%;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block {
  background: #fff;
  position: relative;
  height: 100px;
  margin-top: 11px;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue {
  background-color: #2B2550;
  height: 100%;
  text-align: center;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
  margin-top: 11px;
  width: 98%;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background-color: #2B2550;
  padding: 13px 0 13px 15px;
  margin: 0;
}
.banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
  text-align: left;
  font-size: 29px;
  font-weight: bold;
  color: #ff5555;
  padding: 1px 0 6px 15px;
  margin: 0;
}
.banner_advert.banner_advert-promo.news_data_filae .block-btn {
  text-align: center;
}
.banner_advert.banner_advert-promo.news_data_filae .block-btn .btn-action {
  font-size: 22px;
  width: 145px;
  margin: 27px 0;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine {
  height: 50px;
  background-color: #3cfad9;
  position: relative;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block {
  background: #fff;
  position: relative;
  height: 40px;
  margin-top: 5px;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #2B2550;
  margin: 6px 0 0 26px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
  font-size: 23px;
  font-weight: bold;
  color: #ff5555;
  margin: 0 0 0 6px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght {
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side {
  width: 40%;
  background: #5dc9ab;
  height: 100%;
  float: left;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .green_side-container {
  float: right;
  width: -moz-calc(0.35 * 1170px);
  width: -webkit-calc(0.35 * 1170px);
  width: calc(0.35 * 1170px);
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side img {
  height: 112px;
  margin-top: 4px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  margin-left: 20px;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .triangle-banner {
  width: 20px;
  position: absolute;
  right: -55px;
  top: 0;
  border-bottom: 120px solid #5dc9ab;
  border-right: 55px solid transparent;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
  background: #fff;
  width: 60%;
  height: 100%;
  float: left;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-spe-avril-bg-2020.jpg);
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-container {
  width: -moz-calc(0.60 * 1170px);
  width: -webkit-calc(0.60 * 1170px);
  width: calc(0.60 * 1170px);
  float: left;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
  width: 80%;
  margin-left: 61px;
  text-align: center;
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 8px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text h1 {
  color: #3c9179;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  line-height: 28px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin: 0;
  line-height: 24px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span:nth-child(0n+1) {
  font-size: 35px;
  margin-right: 5px;
  margin-left: 0;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
  font-size: 18px;
  color: #ff5555;
  margin-left: 5px;
}
.banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .btn-action {
  margin: 42px 0 0 0;
}
.banner_advert.banner_advert-promo.donation-covid19 {
  height: 120px;
  background-color: #09bfd8;
  background-image: url(/v4/genealogie/Content/img/banner/illu-donation-COVID19-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.donation-covid19:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.donation-covid19 .donation-covid19-block {
  background-color: #fff;
  margin: 2px 0;
  border: 2px solid #fda003;
}
.banner_advert.banner_advert-promo.donation-covid19 img {
  height: 56px;
  margin: 31px 0 5px 15px;
}
.banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block {
  text-align: center;
}
.banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation {
  margin: 29px 0;
  background-color: #fda003;
  color: #513402;
  display: inline-block;
  padding: 6px 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  width: 164px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation.plus {
  margin: 39px 0;
}
.banner_advert.banner_advert-promo.donation-covid19 .block-text {
  margin: 13px 0 0 0;
  text-align: center;
}
.banner_advert.banner_advert-promo.donation-covid19 .block-text h1 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #0249a7;
}
.banner_advert.banner_advert-promo.donation-covid19 .block-text p {
  font-size: 20px;
  margin: 0 0 0 29px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  background-color: #ff5555;
  padding: 3px 14px;
  text-align: center;
  display: inline;
}
.banner_advert.banner_advert-promo.promo-fetemere20 {
  height: 120px;
  background-color: #b6c5c7;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdm1-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere20:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .promo-fetemere20-block {
  background-color: #629ea7;
  border: 2px solid #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-fetemere20 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .color-block {
  background-color: #fadddc;
  height: 99.5px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 {
  text-align: center;
  font-size: 43px;
  font-weight: bold;
  color: #3b656b;
  margin: 11px 0 0 0;
  font-family: "Rouge Script", cursive;
  line-height: 42px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 span {
  font-size: 49px;
  display: block;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text {
  margin: 16px 0 0 31px;
  color: #fff;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #fbe981;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-fetemere20 .illu-fleur img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  right: -111px;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere20 {
  height: 120px;
  background-color: #bbdeec;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdp2-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: repeat;
}
.banner_advert.banner_advert-promo.promo-fetepere20:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .promo-fetepere20-block {
  background-color: #fff;
  margin: 10px 0;
}
.banner_advert.banner_advert-promo.promo-fetepere20 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 h1 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #2e6174;
  margin: 14px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 h1 span {
  display: block;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text {
  margin: 16px 0 0 16px;
  color: #10303c;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #f1ce31;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle.left img {
  left: -86px;
}
.banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle.right img {
  right: -83px;
}
.banner_advert.banner_advert-promo.promo-ete2020 {
  height: 120px;
  background-color: #2da1c1;
  background-image: url(/v4/genealogie/Content/img/banner/illu-ete1-bg-2020.jpg);
  background-position: -67px 0;
  background-repeat: no-repeat;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-ete2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-ete2020 .promo-ete2020-block {
  background-color: #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-ete2020 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-ete2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: bold;
  color: #ed7731;
  margin: 31px 14px;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text {
  margin: 16px 0 0 16px;
  color: #197892;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #fddba7;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-ete2020 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-ete2020 .illu-ete {
  position: absolute;
  top: 25px;
  right: 3%;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 {
  height: 120px;
  background-color: #224a6d;
  background-image: url(/v4/genealogie/Content/img/banner/illu-salon-virtuel-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  position: relative;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .promo-salonvirtuel2020-block {
  background-color: #fff;
  position: relative;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 img {
  height: 90px;
  margin: -22px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .btn-action {
  margin: 12px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
  color: #222255;
  margin: 5px 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .reduction {
  text-align: right;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction {
  color: #ff5555;
  display: inline-block;
  position: inherit;
  z-index: 2;
  text-align: center;
  margin: 6px 15px 0 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p {
  font-size: 51px;
  font-weight: bold;
  line-height: 43px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p span {
  font-size: 26px;
  vertical-align: top;
  line-height: 26px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p + p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text {
  margin: 5px 0 0 0;
  color: #ff5555;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #d8ce29;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p {
  font-size: 25px;
  margin: 0 0 0 29px;
  line-height: 28px;
}
.banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p span {
  font-size: 20px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-rentree2020 {
  height: 120px;
  background-color: #bbdeec;
  background-image: url(/v4/genealogie/Content/img/banner/illu-rentree-bg-2020.jpg);
  background-position: 0 0;
  background-repeat: repeat;
}
.banner_advert.banner_advert-promo.promo-rentree2020:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .promo-rentree2020-block {
  background-color: #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-rentree2020 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .btn-action {
  margin: 30px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  color: #fa7500;
  margin: 15px 14px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text {
  margin: 16px 0 0 45px;
  color: #429474;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #ffce00;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-one {
  position: absolute;
  top: 66px;
  left: 190px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-one img {
  height: auto;
  width: auto;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two {
  position: absolute;
  top: -24px;
  left: 12px;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two img {
  height: auto;
  width: auto;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-three {
  overflow: hidden;
  height: 120px;
  position: absolute;
  right: -3%;
  top: 50px;
  transform: translateX(-50%);
}
.banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-three img {
  height: auto;
  width: auto;
  margin: -45px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #000;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title {
  color: #fff;
  font-size: 44px;
  line-height: 40px;
  margin-top: 15px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .one {
  display: block;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .two {
  display: inline-block;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .reduce {
  background-color: #ff5555;
  display: inline-block;
  padding: 0 5px;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .reduce span {
  font-size: 25px;
  font-weight: normal;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .price_mobile {
  display: none;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
  background: #ff5555;
  width: 78px;
  height: 78px;
  text-align: center;
  position: absolute;
  right: 82px;
  top: 53%;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 78px;
  width: 78px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .old {
  color: #ffffff;
  font-size: 13px;
  position: relative;
  top: -27%;
  z-index: 100;
  line-height: 13px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .new {
  color: #fff;
  font-size: 48px;
  top: -11%;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -4px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .new span {
  font-size: 22px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .target {
  font-weight: bold;
  color: #ff5555;
  font-size: 30px;
  margin: 12px 0 5px 0;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .date {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .fin {
  font-size: 15px;
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .fin.relance {
  background-color: #ecef11;
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
}
.banner_advert.banner_advert-promo.promo-blackfriday--2020 .btn-action {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 21px;
  width: auto;
  padding: 8px 20px;
}
.banner_advert.banner_advert-promo.promo-noel20 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #3b4364;
}
.banner_advert.banner_advert-promo.promo-noel20:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-noel20 .promo-noel20-block {
  background-color: #fff;
  margin: 10px 0;
  border: 2px solid #a07502;
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-noel20 img {
  height: 90px;
  margin: 5px 0 5px 15px;
}
.banner_advert.banner_advert-promo.promo-noel20 .btn-action {
  margin: 26px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #c62317 !important;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 {
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  color: #c62317;
  font-family: "Great Vibes", cursive;
  margin: 17px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 span:nth-child(1) {
  margin: 0 12px 0 0;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 span:nth-child(2) {
  margin: 0 12px 0 0;
  font-size: 33px;
}
.banner_advert.banner_advert-promo.promo-noel20 h1 span:nth-child(3) {
  margin: 0 0 0 0;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text {
  margin: 16px 0 0 35px;
  color: #a07502;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #a07502;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-noel20 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-noel20 .illu-noel img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-noel20 .illu-noel.left img {
  left: 0;
}
.banner_advert.banner_advert-promo.promo-noel20 .illu-noel.right img {
  right: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere21 {
  height: 120px;
  background-color: #06b291;
}
.banner_advert.banner_advert-promo.promo-fetemere21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .promo-fetemere21-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 img {
  height: 122px;
  margin-top: 5px;
  position: absolute;
  left: 40px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
  background: #ff5555;
  width: 75px;
  height: 75px;
  text-align: center;
  position: absolute;
  right: 4px;
  top: 42px;
  z-index: 2;
  border: 2px solid #fff;
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .macaron span {
  z-index: 1;
  color: #fff;
  font-size: 34px;
  position: absolute;
  left: 2px;
  top: 10px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .macaron span b {
  font-size: 20px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
  margin: 30px;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #06b291;
  margin: 15px 0 0 0;
  line-height: 44px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 span {
  font-size: 46px;
  font-family: "Noto Serif", serif;
  margin-left: 12px;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text p {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #ff5555;
  margin: 11px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .block-text p span {
  font-size: 18px;
  margin-left: 12px;
  color: #06b291;
  text-transform: initial;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam1 {
  height: 120px;
  width: 301px;
  margin: 0;
  position: absolute;
  top: 0;
  left: -174px;
  z-index: 0;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdm-bg-2021-1.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam2 {
  height: 120px;
  width: 343px;
  margin: 0;
  position: absolute;
  top: 0;
  right: -171px;
  z-index: 0;
  background-image: url(/v4/genealogie/Content/img/banner/illu-fdm-bg-2021-2.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetepere21 {
  height: 120px;
  background-color: #ffffff;
  border-bottom: 1px solid #ff5555;
}
.banner_advert.banner_advert-promo.promo-fetepere21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .promo-fetepere21-block {
  background-color: #222255;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 img {
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
  background: #ff5555;
  width: 87px;
  height: 87px;
  text-align: center;
  position: absolute;
  right: -15px;
  top: 50%;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 87px;
  width: 87px;
  background: #ff5555;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:before {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent:after {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent .new {
  color: #fff;
  font-size: 49px;
  top: 5px;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -3px;
  left: -12px;
  -moz-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent .new span {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 14px;
  right: -10px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .btn-action + p {
  margin: 0 0 10px;
  color: #fff;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  margin: 15px 0 0 0;
  line-height: 44px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 span {
  font-size: 46px;
  font-family: "Limelight", cursive;
  margin-left: 12px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 11px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span {
  color: #ff5555;
  margin-left: 12px;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span {
  font-size: 18px;
  margin-left: 12px;
  color: #fff;
  text-transform: initial;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span span {
  font-size: 22px;
  background-color: #e9fe39;
  color: #222255;
  font-weight: bold;
  padding: 0 5px;
}
.banner_advert.banner_advert-promo.promo-fetepere23 {
  background-color: #5271aa !important;
  border-bottom-color: transparent !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .promo-fetepere21-block {
  background-color: transparent !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .btn-action {
  margin: 8px 0 !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent {
  display: none !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .details {
  font-size: calc(11 / var(--baseRem, 10) * 1rem) !important;
  line-height: calc(14 / var(--baseRem, 10) * 1rem) !important;
  padding: 0 calc(16 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-fetepere23 .details,
.banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
  text-transform: unset !important;
}
.banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
  font-size: calc(16 / var(--baseRem, 10) * 1rem) !important;
  color: #f9cb5c !important;
}
@media screen and (min-width: 400px) {
  .banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
    font-size: calc(20 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
    font-size: calc(17 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent {
    display: block !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent .new {
    top: 11px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .btn-action {
    margin: 34px 0 0 0 !important;
    padding: 6px 27px !important;
    width: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-fetepere23 .date-end {
    font-size: calc(24 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .macaron-dent {
    right: -38px !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 .details {
    margin-top: 16px !important;
  }
  .banner_advert.banner_advert-promo.promo-fetepere23 h1 {
    margin-top: 8px !important;
  }
}
.banner_advert.banner_advert-promo.offre-flash21 {
  height: 120px;
  background-color: #fdf2ea;
  background-image: url(/v4/genealogie/Content/img/banner/illu-flash-bg-2021-2.jpg);
  background-position: -100px 0;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.offre-flash21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.offre-flash21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-flash21 .promo-offre-flash21-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.offre-flash21 .macaron {
  background: #1f4937;
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  position: absolute;
  left: 28px;
  top: 53px;
  z-index: 1;
  border: 2px solid #ffd800;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.offre-flash21 .macaron .new {
  color: #fff;
  font-size: 46px;
  top: 10px;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -3px;
  left: -8px;
  -moz-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.banner_advert.banner_advert-promo.offre-flash21 .macaron .new span {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 19px;
  right: -1px;
}
.banner_advert.banner_advert-promo.offre-flash21 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.offre-flash21 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
  background: #f8633d;
}
.banner_advert.banner_advert-promo.offre-flash21 .btn-action + p {
  margin: 0 0 10px;
  color: #f8633d;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-flash {
  display: inline-block;
  color: #f8633d;
  font-size: 56px;
  font-family: "Damion", cursive;
  line-height: 45px;
  padding: 9px 0 0 0;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-flash span {
  display: block;
  margin-left: 46px;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo {
  display: inline-block;
  margin-left: 15px;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo:before {
  content: "";
  display: block;
  /* left: 8px; */
  top: 15px;
  background: #ffd800;
  width: 5px;
  height: 82%;
  position: absolute;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
  font-size: 45px;
  font-weight: bold;
  color: #00ae96;
  margin: 0 0 0 18px;
  line-height: 60px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
  font-size: 42px;
  font-weight: bold;
  color: #2c674d;
  margin: 0 0 0 21px;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo p span {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.offre-flash21 .block-promo p span + span {
  background: #ff0756;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  padding: 1px 5px;
}
.banner_advert.banner_advert-promo.promo-ete23 h1 {
  font-family: "Dancing Script", cursive !important;
}
.banner_advert.banner_advert-promo.promo-ete23 h1 {
  margin-bottom: calc(8 / var(--baseRem, 10) * 1rem) !important;
}
.banner_advert.banner_advert-promo.promo-ete23 .prol {
  margin-bottom: 0 !important;
}
.banner_advert.banner_advert-promo.promo-ete23 .block-text {
  margin-top: calc(24 / var(--baseRem, 10) * 1rem) !important;
  font-weight: 700 !important;
}
.banner_advert.banner_advert-promo.promo-ete23 .details {
  font-size: 13px;
}
.banner_advert.banner_advert-promo.promo-ete23:not(.prolongation) h1 {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-ete23:not(.prolongation) h1 {
    margin-top: calc(18 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-ete23:not(.prolongation) h1 {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-ete23 .details {
    margin-left: 29px;
    font-size: 14px;
  }
}
.banner_advert.banner_advert-promo.promo-ete24 .block-text {
  margin-top: calc(16 / var(--baseRem, 10) * 1rem) !important;
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-ete24 .block-text p {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-ete24 .block-text p {
    font-size: 26px !important;
  }
}
.banner_advert.banner_advert-promo.promo-ete21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #f4edd1;
}
.banner_advert.banner_advert-promo.promo-ete21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-ete21 .promo-ete21-block {
  background-color: #fff;
  margin: 10px 0;
  border: 2px solid #89acaa;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-ete21 img {
  height: 113px;
  margin: -8px 0 5px 15px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-ete21 .btn-action {
  margin: 23px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #ff5555 !important;
}
.banner_advert.banner_advert-promo.promo-ete21 .btn-action + span {
  font-size: 15px;
  color: #5f8d8d;
}
.banner_advert.banner_advert-promo.promo-ete21 h1 {
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  color: #436060;
  font-family: "Crete Round", serif;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-ete21 h1 span + span {
  font-family: "Dancing Script", cursive;
  margin-left: 17px;
  letter-spacing: 2px;
}
.banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
  font-size: 20px;
  background: #fdff57;
  padding: 1px 5px;
  font-weight: bold;
  margin: 0 0 0 17px;
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: inherit;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text {
  margin: 16px 0 0 35px;
  color: #5f8d8d;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #ffdc53;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-ete21 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-ete21 .illu-ete21 img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-ete21 .illu-ete21.left img {
  left: 0;
}
.banner_advert.banner_advert-promo.promo-ete21 .illu-ete21.right img {
  right: 0;
}
.banner_advert.banner_advert-promo.promo-aout21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #b9ebe3;
}
.banner_advert.banner_advert-promo.promo-aout21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-aout21 .promo-aout21-block {
  background-color: #fff;
  margin: 10px 0;
  border: 2px solid #ffdc53;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-aout21 img {
  height: 113px;
  margin: -8px 0 5px 15px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-aout21 .btn-action {
  margin: 14px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #ff4e03 !important;
}
.banner_advert.banner_advert-promo.promo-aout21 .btn-action + span {
  font-size: 15px;
  color: #117196;
}
.banner_advert.banner_advert-promo.promo-aout21 h1 {
  text-align: center;
  font-size: 46px;
  color: #269da7;
  font-family: "Satisfy", cursive;
  margin: 20px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-aout21 h1 span + span {
  margin-left: 12px;
  font-size: 55px;
  color: #ff4e03;
}
.banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
  font-size: 20px;
  background: #ffdc53;
  padding: 1px 5px;
  font-weight: bold;
  margin: 0 0 0 17px;
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: inherit;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text {
  margin: 16px 0 0 35px;
  color: #f47744;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #ffdc53;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-aout21 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
.banner_advert.banner_advert-promo.promo-aout21 .illu-aout21 img {
  height: auto;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.left img {
  left: 57px;
  top: 7px;
}
.banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.right img {
  right: 30px;
}
.banner_advert.banner_advert-promo.offre-sept21 {
  height: 120px;
  background-color: #5a585e;
  background-image: url(/v4/genealogie/Content/img/banner/illust-back-sept.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.offre-sept21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.offre-sept21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-sept21 .promo-offre-sept21-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.offre-sept21 .macaron {
  background: #f05701;
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  position: absolute;
  left: 28px;
  top: 53px;
  z-index: 1;
  border: 2px solid #ffe000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_advert.banner_advert-promo.offre-sept21 .macaron .new {
  color: #fff;
  font-size: 46px;
  top: 10px;
  position: relative;
  z-index: 100;
  font-weight: bold;
  letter-spacing: -3px;
  left: -8px;
  -moz-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
}
.banner_advert.banner_advert-promo.offre-sept21 .macaron .new span {
  font-size: 21px;
  font-weight: bold;
  position: absolute;
  top: 19px;
  right: -1px;
}
.banner_advert.banner_advert-promo.offre-sept21 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.offre-sept21 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
  background: #f05701 !important;
}
.banner_advert.banner_advert-promo.offre-sept21 .btn-action + p {
  margin: 0 0 10px;
  color: #49047a;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-flash {
  display: inline-block;
  color: #f05701;
  font-size: 48px;
  font-family: "Satisfy", cursive;
  line-height: 45px;
  padding: 10px 0 0 55px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-flash span {
  font-size: 35px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
  display: block;
  margin-left: 46px;
  font-size: 48px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo {
  display: inline-block;
  margin-left: 15px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo:before {
  content: "";
  display: block;
  /* left: 8px; */
  top: 15px;
  background: #ffe000;
  width: 5px;
  height: 82%;
  position: absolute;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
  font-size: 45px;
  font-weight: bold;
  color: #49047a;
  margin: 0 0 0 18px;
  line-height: 60px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
  font-size: 42px;
  font-weight: bold;
  color: #680ea7;
  margin: 0 0 0 21px;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo p span {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.offre-sept21 .block-promo p span + span {
  background: #77bc05;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  padding: 1px 5px;
}
.banner_advert.banner_advert-promo.promo-MH21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #fff;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH11.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-MH21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-MH21 .promo-MH21-block {
  background-color: #fff2f0;
  margin: 10px 0;
  border: 2px solid #ff5555;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-MH21 img {
  height: 82px;
  margin: 6px 0 0 34px;
}
.banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
  font-family: "Lobster", cursive;
  color: #fff;
  font-size: 21px;
  line-height: 25px;
  padding: 11px;
  background: #4e3dff;
  width: 78px;
  height: 78px;
  position: absolute;
  text-align: center;
  left: 110px;
  top: 7px;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
.banner_advert.banner_advert-promo.promo-MH21 .btn-action {
  margin: 14px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-MH21 .btn-action + span {
  font-size: 15px;
  color: #363066;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text {
  margin: 5px 0 0 0;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 {
  font-size: 31px;
  color: #ff5555;
  display: inline-block;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre img {
  display: inline-block;
  height: auto;
  vertical-align: top;
  margin: 0 15px 0 15px;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text p {
  font-size: 42px;
  margin: 0 0 0 29px;
  line-height: 34px;
  color: #363066;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text p span {
  font-size: 46px;
  color: #ff5555;
}
.banner_advert.banner_advert-promo.promo-MH21 .block-text p span + span {
  font-size: 24px;
  color: #363066;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.promo-MH21-r {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #fff;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH11.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-MH21-r:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-MH21-r .promo-MH21-block {
  background-color: #fff2f0;
  margin: 10px 0;
  border: 2px solid #ff5555;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-MH21-r img {
  height: 82px;
  margin: 6px 0 0 34px;
}
.banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
  font-family: "Lobster", cursive;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  padding: 18px 0;
  background: #ff5555;
  width: 86px;
  height: 86px;
  position: absolute;
  text-align: center;
  left: 110px;
  top: 4px;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -moz-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
.banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash.last {
  font-size: 23px;
  line-height: 22px;
  padding: 21px 0;
  background: #fffc00;
  color: #363066;
}
.banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text {
  margin: 5px 0 0 0;
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 {
  font-size: 42px;
  margin: 0 0 0 29px;
  line-height: 34px;
  color: #363066;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span {
  font-size: 46px;
  color: #ff5555;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span + span {
  font-size: 24px;
  color: #363066;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
  font-size: 31px;
  margin: 0 0 0 29px;
  line-height: 34px;
  color: #363066;
  font-weight: bold;
  background: #fffc00;
  text-transform: uppercase;
  padding: 5px 10px;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-BF21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #000000;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-BF21-back1.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.banner_advert.banner_advert-promo.promo-BF21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-BF21 .promo-BF21-block {
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron {
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-BF21-mac.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 119px;
  margin-top: 0 px;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
  font-size: 88px;
  color: #fff;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  padding: 29px 0 0 0;
  line-height: 39px;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
  font-size: 74px;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
  font-size: 47px;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 19px;
  padding: 0px;
}
.banner_advert.banner_advert-promo.promo-BF21 .btn-action {
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: 162px;
  white-space: inherit;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-titre .bf {
  width: 300px;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
  padding: 0 0 0 33px;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p {
  font-size: 33px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p span {
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p + p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-CM21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #002c41;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-CM-back1.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ff5555;
}
.banner_advert.banner_advert-promo.promo-CM21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-CM21 .promo-CM21-block {
  position: relative;
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron {
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-CM-mac.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 120px;
  margin-top: 0 px;
  text-align: center;
  border-bottom: 1px solid #ff5555;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
  font-size: 88px;
  color: #fff;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  padding: 29px 0 0 0;
  line-height: 39px;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
  font-size: 74px;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
  font-size: 47px;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 19px;
  padding: 0px;
}
.banner_advert.banner_advert-promo.promo-CM21 .btn-action {
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: 162px;
  white-space: inherit;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-titre .bf {
  width: 280px;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
  padding: 0 0 0 33px;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p {
  font-size: 33px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p span {
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p + p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #3c5160;
  background-image: url(/v4/genealogie/Content/img/banner/illu-noel2021-back1.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ce2759;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .promo-NoelCoffret21-block {
  background-color: #fff;
  margin: 8px 0 0 0;
  position: relative;
  z-index: 1;
  height: 103px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 img {
  height: 130px;
  margin: 5px 0 0 11px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .bg {
  height: 111px;
  margin: 0 0 0 33px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .sm {
  display: none;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
  margin: 7px 0 0 0;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  width: 162px;
  white-space: inherit;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action + p {
  font-size: 14px;
  color: #3c5160;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h1 {
  font-family: "Berkshire Swash", cursive;
  font-size: 45px;
  color: #3c5160;
  margin: 8px 0 0 27px;
  line-height: 45px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 {
  font-family: "Berkshire Swash", cursive;
  font-size: 45px;
  color: #ce2759;
  margin: 0 0 0 135px;
  line-height: 45px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 span {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  line-height: 20px;
  margin: 13px 6px 0 0;
  display: inline-block;
  vertical-align: top;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
  text-align: center;
  margin: 14px 0 0 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
  font-size: 62px;
  font-weight: 900;
  color: #ce2759;
  line-height: 46px;
  margin: 0;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 span {
  font-size: 26px;
  vertical-align: top;
  margin: -10px 0 0 0;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:before, .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:after {
  content: url(/v4/genealogie/Content/img/banner/illu-noel2021-3.gif);
  color: #eab761;
  font-size: 20px;
  position: relative;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  color: #3c5160;
}
.banner_advert.banner_advert-promo.promo-dec21 {
  position: relative;
  height: 120px;
  z-index: 1;
  background-color: #82bdc4;
  background-image: url(/v4/genealogie/Content/img/banner/background-findannee21-long-gif.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-dec21:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block {
  background-color: #fff;
  margin: 10px 0;
  position: relative;
  z-index: 1;
  height: 101px;
}
.banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu {
  position: absolute;
  z-index: 1;
  background-image: url(/v4/genealogie/Content/img/banner/illu-offre-dec-2021-1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: auto;
  bottom: -21px;
  left: 0;
}
.banner_advert.banner_advert-promo.promo-dec21 .mac {
  height: 113px;
  margin: -7px 0 5px 40px;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-dec21 .btn-action {
  margin: 14px 0 0 0;
  padding: 13px 21px;
  font-weight: bold;
  font-size: 18px;
  width: auto;
  background-color: #e1584e !important;
}
.banner_advert.banner_advert-promo.promo-dec21 .btn-action + span {
  font-size: 15px;
  color: #255054;
}
.banner_advert.banner_advert-promo.promo-dec21 h1 {
  text-align: right;
  font-size: 32px;
  line-height: 31px;
  color: #255054;
  font-family: "Raleway", sans-serif;
  margin: 15px -23px 0 0;
  font-weight: bold;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-dec21 h1 span {
  text-align: right;
  font-size: 43px;
  line-height: 43px;
  color: #82bdc4;
  font-family: "Gwendolyn", cursive;
  margin: 0;
  text-transform: initial;
  display: inline-block;
}
.banner_advert.banner_advert-promo.promo-dec21 h1 span.pro-text {
  font-size: 36px;
}
.banner_advert.banner_advert-promo.promo-dec21 .pro {
  background: #f1ff11;
  color: #255054;
  display: inline-block;
  margin: 6px 0 -18px 77px;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 10px;
}
.banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text {
  margin: 7px 0 0 70px;
}
.banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text p {
  font-size: 24px;
  margin: 0 0 0 29px;
  line-height: 24px;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text {
  margin: 16px 0 0 70px;
  color: #e1584e;
  display: inline-block;
  position: inherit;
  z-index: 2;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text:before {
  content: "";
  display: block;
  left: 8px;
  top: 0;
  background: #c42110;
  width: 5px;
  height: 100%;
  position: absolute;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text p {
  font-size: 30px;
  margin: 0 0 0 29px;
  line-height: 34px;
}
.banner_advert.banner_advert-promo.promo-dec21 .block-text p span {
  font-size: 24px;
  text-transform: none;
}
@media screen and (max-width: 767px) {
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin-top: 8px !important;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 24px !important;
    font-weight: 700;
  }
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin-top: 16px !important;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 26px !important;
  }
}
.banner_advert.banner_advert-promo.offre-fev22 {
  height: 120px;
  background-color: #b9ecef;
  background-image: url(/v4/genealogie/Content/img/banner/background-fev22-long-gif.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.offre-fev22:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.offre-fev22 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.offre-fev22 .promo-offre-fev22-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.offre-fev22 .macaron {
  margin: 8px 0 0 28px;
}
.banner_advert.banner_advert-promo.offre-fev22 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.offre-fev22 .btn-action {
  font-size: 20px;
  margin: 12px 0 0 0;
  padding: 4px 12px;
  width: 138px;
  white-space: normal;
  font-weight: bold;
  background: #840dd7 !important;
  border: 0;
}
.banner_advert.banner_advert-promo.offre-fev22 .btn-action + p {
  margin: 0 0 10px;
  color: #3c878b;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-flash {
  display: inline-block;
  color: #3c878b;
  font-size: 38px;
  line-height: 39px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  margin: 8px 0 0 30px;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-flash span {
  display: block;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo {
  display: inline-block;
  margin-left: 15px;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo:before {
  content: "";
  display: block;
  /* left: 8px; */
  top: 15px;
  background: #b9ecef;
  width: 5px;
  height: 82%;
  position: absolute;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
  font-size: 45px;
  font-weight: bold;
  color: #49047a;
  margin: 0 0 0 18px;
  line-height: 60px;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
  font-size: 42px;
  font-weight: bold;
  color: #680ea7;
  margin: 0 0 0 21px;
  line-height: 20px;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo p span {
  font-size: 26px;
  margin-left: 12px;
  font-weight: normal;
}
.banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span {
  background: #77bc05;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  padding: 1px 5px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 {
  height: 120px;
  background-color: #4141dc;
}
.banner_advert.banner_advert-promo.promo-premium-2022:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .details {
  margin-top: calc(16 / var(--baseRem, 10) * 1rem);
  margin-bottom: 0;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
  color: #fff;
  font-weight: 700;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .prolongation {
  background-color: #f1ff11;
  color: #333;
  padding: 2px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .macaron {
  margin: 7px 0 0 28px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .center {
  text-align: center;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .btn-action {
  font-size: 20px;
  margin: 32px 0 0 0;
  padding: 14px 29px;
  width: auto;
  white-space: normal;
  font-weight: bold;
  background: #fff !important;
  border: 2px solid #4141dc;
  color: #4141dc;
  text-transform: uppercase;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .block-text {
  margin: 6px 0 0 -26px;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  line-height: 75px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 {
  font-size: 38px;
  font-weight: bold;
  color: #ececfb;
  margin: 0;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text {
  margin-left: 0;
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2 {
  font-size: calc(40 / var(--baseRem, 10) * 1rem);
  line-height: calc(60 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
  font-size: calc(32 / var(--baseRem, 10) * 1rem);
  line-height: calc(16 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-premium-2022.disconnected .details {
  margin-top: calc(12 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-premium-2022 .zindex {
  z-index: 1;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .back-img {
  height: 120px;
  position: absolute;
  right: 0;
  width: 100%;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .back-img:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .left {
  width: 70%;
}
.banner_advert.banner_advert-promo.promo-premium-2022 .right {
  width: 40%;
  float: right;
  background-image: url(/v4/genealogie/Content/img/banner/background-discover-offer-2022-03.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  height: 120px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 {
  height: 120px;
  background-color: #fbe6e1;
  background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-1.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere22:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .promo-fetemere22-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 img {
  height: 132px;
  margin-top: -3px;
  position: absolute;
  left: 31px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .macaron {
  background: #e9b867;
  width: 82px;
  height: 82px;
  text-align: center;
  position: absolute;
  right: 4px;
  top: 42px;
  z-index: 2;
  border: 2px solid #fff;
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .macaron span {
  z-index: 1;
  color: #fff;
  font-size: 38px;
  position: absolute;
  left: 2px;
  top: 10px;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .macaron span strong {
  font-weight: 500;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
  margin: 30px;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
  text-align: center;
  font-size: 40px;
  color: #e9a198;
  margin: 10px 0 0 0;
  line-height: 51px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
  font-size: 55px;
  font-family: "Parisienne", cursive;
  margin-left: 18px;
  color: #478393;
  text-transform: none;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
  text-align: center;
  font-size: 28px;
  color: #478393;
  margin: 13px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22 .block-text p span {
  font-size: 18px;
  margin-left: 12px;
  color: #478393;
  text-transform: initial;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo {
  height: 120px;
  background-color: #fbe6e1;
  background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-1.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo:after {
  content: "";
  display: block;
  clear: both;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .container {
  position: relative;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .promo-fetemere22-block {
  background-color: #fff;
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: 108px;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron {
  background: #e9b867;
  width: 110px;
  height: 110px;
  text-align: center;
  position: absolute;
  left: 21px;
  top: 0;
  z-index: 2;
  border: 2px solid #fff;
  -moz-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron span {
  z-index: 1;
  color: #fff;
  font-size: 57px;
  position: absolute;
  left: 2px;
  top: 10px;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron span strong {
  font-weight: 500;
  font-size: 22px;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .btn-action {
  margin: 30px;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .block-text h1 {
  text-align: center;
  font-size: 52px;
  font-family: "Parisienne", cursive;
  color: #e9a198;
  margin: 10px 0 0 0;
  line-height: 51px;
  font-weight: bold;
}
.banner_advert.banner_advert-promo.promo-fetemere22-abo .block-text p {
  text-align: center;
  font-size: 35px;
  color: #478393;
  margin: 20px 0 0 0;
  line-height: 7px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h1 {
  margin-top: 6px !important;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h2,
.banner_advert.banner_advert-promo.promo-fetemere23-abo h3 {
  text-align: center;
  font-family: "Roboto", sans-serif;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h2 {
  font-size: calc(23 / var(--baseRem, 10) * 1rem);
  color: #478393;
  margin: 8px 0 0 0;
  line-height: 7px;
  text-transform: unset;
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo h3 {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  color: #478393;
  margin: 14px 0 0 0;
  line-height: calc(18 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo .details {
  font-size: calc(11 / var(--baseRem, 10) * 1rem);
}
.banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 6px 0 0 0;
  position: relative;
  z-index: 1;
  height: calc(108 / var(--baseRem, 10) * 1rem);
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block h1 {
    font-size: calc(40 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block h2 {
    margin-top: 4px;
    font-weight: 700;
    line-height: calc(24 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-fetemere23-abo .promo-fetemere23-block .details {
    margin-top: 10px;
  }
}
.banner_advert.banner_advert-promo.promo-MH23 .block-text p,
.banner_advert.banner_advert-promo.promo-MH23 .block-text-titre h1,
.banner_advert.banner_advert-promo.promo-MH23 .promo-MH23__price {
  font-size: 22px !important;
}
.banner_advert.banner_advert-promo.promo-MH23 .details {
  margin-bottom: 0;
  text-align: center;
  color: #363066;
  font-size: 13px;
}
.banner_advert.banner_advert-promo.promo-MH23 .promo-MH21-r .block-text p {
  padding: 0 5px;
}
.banner_advert.banner_advert-promo.promo-MH23 .promo-MH23__label {
  margin-top: var(--marge-top-label, 0) !important;
}
.banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r .promo-MH23__prolongation {
  padding: 1px 5px !important;
  font-size: 20px !important;
}
@media screen and (min-width: 480px) {
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH23 .block-text p,
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH23 .block-text-titre h1,
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH23 .promo-MH23__price {
    font-size: 26px !important;
  }
}
@media screen and (max-width: 767px) {
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r h1 {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .banner_advert.banner_advert-promo.promo-MH23 {
    --marge-top-label: -4px;
  }
  .banner_advert.banner_advert-promo.promo-MH23 .block-text p,
  .banner_advert.banner_advert-promo.promo-MH23 .block-text-titre h1,
  .banner_advert.banner_advert-promo.promo-MH23 .promo-MH23__price {
    font-size: 32px !important;
  }
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r p.promo-MH23__prolongation {
    font-size: 16px !important;
    margin-bottom: 4px;
  }
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r p.promo-MH23__prolongation span {
    display: inline-block !important;
  }
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-MH23 {
    --marge-top-label: -6px;
  }
  .banner_advert.banner_advert-promo.promo-MH23.promo-MH21-r p.promo-MH23__prolongation {
    font-size: 22px !important;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-MH23 {
    --marge-top-label: -8px;
  }
}
.banner_advert.banner_advert-promo.promo-nov23 .btn-action {
  width: initial !important;
}
.banner_advert.banner_advert-promo.promo-nov23 .prolongation {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #e6dc31;
  color: var(--prolongation-clr, #000);
  font-weight: 700;
}
.banner_advert.banner_advert-promo.promo-nov23.promo-CM21 {
  --prolongation-clr: #002c41;
}
@media screen and (min-width: 992px) {
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-promo {
    margin-top: 4px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .prolongation {
    line-height: 28px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .btn-action {
    margin-top: 32px;
  }
}
.banner_advert.banner_advert-freebase {
  height: 110px;
}
.banner_advert.banner_advert-freebase.freebase-1418 {
  background: #0288d1;
  background-image: url(/v4/genealogie/Content/img/home/drapeau-bandeau-annonce.png);
  background-repeat: repeat-y;
  background-position: right;
}
.banner_advert.banner_advert-freebase.freebase-1418 h1 {
  width: 100%;
  color: #fff;
  font-size: 29px;
  margin: 21px 0 0;
  text-align: center;
  display: inline-block;
  line-height: 35px;
}
.banner_advert.banner_advert-freebase.freebase-1418 h1 span {
  display: block;
  font-weight: bold;
}
.banner_advert.banner_advert-freebase.freebase-1418 h1.offer10 {
  width: 100%;
}
.banner_advert.banner_advert-freebase.freebase-1418 .illustration-1 {
  background-image: url(/v4/genealogie/Content/img/home/viewer-op8mai2017-bandeau-annonce.png);
  background-position: right bottom;
}
.banner_advert.banner_advert-freebase.freebase-1418 .illustration-2 {
  background-image: url(/v4/genealogie/Content/img/home/prisonniers-bandeau-annonce-1418.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 110px;
  width: 183px;
}
.banner_advert.fixed {
  position: fixed;
  width: 100%;
  z-index: 1004;
}
.banner_advert + .banner_advert {
  padding-top: 20px;
  background: #363066;
}
.banner_advert + .banner_advert + .SeoSem {
  margin-top: 20px;
}
.banner_advert + #newlayouttree .reglage-arbre-lateral {
  top: 293px;
}
@media (max-width: 1400px) {
  .banner_advert.banner_advert-promo.promo-fetemere20 .illu-fleur {
    display: none;
  }
}
@media (max-width: 1350px) {
  .banner_advert.banner_advert-promo.promo-fetepere20 .illu-bretelle {
    display: none;
  }
}
@media (max-width: 1490px) {
  .banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam1, .banner_advert.banner_advert-promo.promo-fetemere21 .illu-mam2 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .banner_advert.banner_advert-promo.promo-light h1 {
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text {
    margin: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h2 {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h5 {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text .btn-action {
    margin: 8px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 13px;
  }
  .banner_advert.banner_advert-promo.promo-guide .badge-edition {
    right: -7px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 {
    background-position: 0 76px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container {
    width: -moz-calc(0.43 * 992px);
    width: -webkit-calc(0.43 * 992px);
    width: calc(0.43 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    right: -48px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-container {
    width: -moz-calc(0.57 * 992px);
    width: -webkit-calc(0.57 * 992px);
    width: calc(0.57 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
    right: 0px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 img {
    margin-top: -17px;
    width: 110px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .illustration-coffret {
    margin-right: auto;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: 184px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
    height: 203px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    font-size: 62px;
    margin: 58px 0 0 16px;
    line-height: 39px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
    font-size: 31px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 {
    height: 184px;
    left: 52%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 img {
    margin-top: -16px;
    height: 200px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 23px 0 0 113px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 {
    height: 184px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 img {
    margin-top: 31px;
    height: 129px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--left {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
    margin-right: 0;
    margin-left: 40px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
    margin-left: 30px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    left: 170px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    right: -10px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right img {
    height: 75px;
    margin: auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
    font-size: 32px;
    margin-left: 2.5rem;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .macaron-dent {
    right: -14px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .row--center {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .container {
    background-position: 93% 25%;
    background-size: 18%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--left {
    background-position: 0% -10%;
    background-size: 25%;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    font-size: 38px;
    margin: 28px 0 3px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 span {
    font-size: 50px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
    margin: 20px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
    left: -50px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-2 {
    top: 85px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    font-size: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    left: 51px;
    top: 50px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    top: -61px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    padding: 11px 12px;
    right: 56px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo + img {
    left: 125px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text {
    left: 40%;
    margin-top: 19px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h1 {
    background: #fff;
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
    margin-top: 20px;
    margin-left: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text h3 {
    font-size: 38px;
    line-height: 47px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    right: 123px;
    top: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    right: -50px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 9px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
    width: -moz-calc(0.55 * 992px);
    width: -webkit-calc(0.55 * 992px);
    width: calc(0.55 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: 27px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
    width: -moz-calc(0.45 * 992px);
    width: -webkit-calc(0.45 * 992px);
    width: calc(0.45 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 h1 {
    font-size: 31px;
    margin: 20px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .green_side-container {
    width: -moz-calc(0.35 * 992px);
    width: -webkit-calc(0.35 * 992px);
    width: calc(0.35 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    background-position: 264% 0;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-container {
    width: -moz-calc(0.55 * 992px);
    width: -webkit-calc(0.55 * 992px);
    width: calc(0.55 * 992px);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    margin-top: 8px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text h1 {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span:nth-child(0n+1) {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
    display: block;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
    font-size: 22px;
    padding: 5px 0 6px 15px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
    margin-top: 7px;
    width: 86%;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
    font-size: 22px;
    margin: 8px 0 0 13px;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.donation-covid19 img {
    height: auto;
    margin: 34px 0 5px 0;
    width: 100%;
    padding: 0 15px 0 10px;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation {
    margin: 29px 0;
    background-color: #fda003;
    color: #513402;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    width: 164px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text {
    margin: 16px 0 0 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text h1 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text p {
    font-size: 20px;
    margin: 0 0 0 29px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ff5555;
    padding: 3px 14px;
    text-align: center;
    display: inline;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
    margin: 30px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 h1 {
    font-size: 29px;
    margin: 16px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 h1 {
    font-size: 31px;
    margin: 33px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
    font-size: 29px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .btn-action {
    margin: 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p span {
    font-size: 22px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-one {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two {
    top: -24px;
    left: -5px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-three {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    right: 41px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .btn-action {
    padding: 8px 15px;
  }
  .banner_advert.banner_advert-promo.promo-noel20 h1 {
    font-size: 52px;
    margin: 27px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .block-text p {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    left: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
    margin: 30px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 span {
    font-size: 43px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    right: -28px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 {
    font-size: 25px;
    margin-top: 3px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 span {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p {
    font-size: 25px;
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span {
    display: block;
    margin: 23px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash {
    font-size: 53px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo {
    margin-left: 9px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
    font-size: 34px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span + span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    margin: -8px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 {
    font-size: 48px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
    font-size: 18px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text:before {
    left: 19px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    margin: -8px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 {
    text-align: left;
    margin: 3px 0 0 13px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span {
    font-size: 42px;
    display: block;
    margin: 4px 0 0 15px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span + span {
    margin: -10px 0 0 59px;
    font-size: 47px;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
    font-size: 18px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text:before {
    left: 19px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.left img {
    left: 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .illu-aout21.right img {
    right: 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash {
    font-size: 42px;
    padding: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
    font-size: 42px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo {
    margin-left: 9px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
    font-size: 34px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span + span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH22.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21 .btn-action {
    padding: 10px 15px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH22.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    left: 100px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
    padding: 10px 15px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron {
    background-size: 100%;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
    font-size: 70px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
    font-size: 60px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
    font-size: 17px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    margin: 25px 0 0 0;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    width: 162px;
    white-space: inherit;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre .bf {
    width: 267px;
    margin-top: 8px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    padding: 0 0 0 33px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron {
    background-size: 100%;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
    font-size: 70px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
    font-size: 60px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
    font-size: 17px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    margin: 25px 0 0 0;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    width: 162px;
    white-space: inherit;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre .bf {
    width: 250px;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    padding: 0 0 0 33px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-noel2021-back2.gif);
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .bg {
    height: 95px;
    margin: 15px 0 0 17px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
    margin: 13px 0 0 0;
    padding: 8px 23px;
    font-size: 15px;
    width: 139px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h1 {
    font-size: 37px;
    margin: 13px 0 0 42px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 {
    font-size: 38px;
    margin: 0 0 0 95px;
    line-height: 34px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 span {
    margin: 6px 6px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
    text-align: center;
    margin: 14px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
    font-size: 62px;
    font-weight: 900;
    color: #ce2759;
    line-height: 46px;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 span {
    font-size: 26px;
    vertical-align: top;
    margin: -10px 0 0 0;
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:before, .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:after {
    content: url(/v4/genealogie/Content/img/banner/illu-noel2021-2.jpg);
    color: #eab761;
    font-size: 20px;
    position: relative;
    line-height: 20px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
    font-size: 27px;
    margin: 0;
    line-height: 27px;
    color: #3c5160;
  }
  .banner_advert.banner_advert-promo.promo-dec21 {
    background-image: url(/v4/genealogie/Content/img/banner/background-findannee21-moyen-gif.gif);
  }
  .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu {
    bottom: -28px;
    transform: rotate(7deg);
    left: 3px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 {
    font-size: 31px;
    margin: 11px -23px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span {
    margin: 0 -9px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span.pro-text {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro {
    margin: 6px 0 -18px 87px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text:before {
    left: 18px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash {
    font-size: 33px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo {
    margin-left: 9px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
    font-size: 34px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
    font-size: 34px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 {
    background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-2.jpg);
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 img {
    left: 8px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
    margin: 30px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
    font-size: 51px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo {
    background-image: url(/v4/genealogie/Content/img/banner/background-FdM-2022-2.jpg);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .left {
    width: 64%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .right {
    width: 36%;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    font-size: 25px;
  }
}
@media (max-width: 992px) {
  .banner_advert.banner_advert-promo.promo-light {
    height: 100%;
  }
  .banner_advert.banner_advert-promo.promo-light h1 {
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 img {
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .container {
    width: inherit;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .offer-box-subtitle {
    max-width: 365px;
    margin: 0 auto 10px auto;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .offer-yellow-bg {
    font-size: 1.5rem;
  }
  .banner_advert.banner_advert-promo.promo-guide .offer-box-round {
    margin: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 17px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.one {
    left: 117px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.two {
    left: 146px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.three {
    top: 68px;
    left: -56px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    margin-left: 2px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    right: -85px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
    margin-left: 88px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text h1 span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 span {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
    width: 50px;
    right: 8px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 img {
    margin-top: 56px;
    width: 42px;
    transform: rotate(25deg);
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__btn.btn-action {
    margin: auto;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: 176px;
    background-image: url(/v4/genealogie/Content/img/banner/illu-noel2018-1024-1.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
    height: 194px;
    margin-top: 8px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    font-size: 58px;
    margin: 59px 0 0 16px;
    line-height: 39px;
    width: 66%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
    font-size: 33px;
    margin-left: 98px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
    display: block;
    overflow: hidden;
    height: 176px;
    position: absolute;
    left: 60%;
    transform: translateX(-50%);
    width: 126px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 img {
    margin-top: -70px;
    transform: rotate(-16deg);
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 33px 0 0 0;
    width: 100%;
    padding: 0 0 0 40px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 {
    font-size: 29px;
    margin: 8px 0 8px 0;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-3 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .illustration-coffret {
    height: 110px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
    margin-left: 30px;
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title span {
    font-size: 18px;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
    margin-left: -46px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustration-1 img {
    margin-top: 12px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    left: 168px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text {
    width: 87%;
    margin: 12px 9px 0 0;
    float: right;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
    font-size: 56px;
    margin: 17px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
    font-size: 28px;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
    width: 100px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
    left: -90px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
    top: 86px;
    padding: 6px 3px 6px 8px;
    font-size: 17px;
    line-height: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p {
    font-size: 17px;
    width: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
    font-size: 15px;
    width: 90px;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p {
    font-size: 23px;
    margin: 0 0 0 21px;
    line-height: 30px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 .block-text-2_offre p span {
    font-size: 22px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left {
    -moz-transform: translate(-30%, -44%);
    -ms-transform: translate(-30%, -44%);
    -webkit-transform: translate(-30%, -44%);
    transform: translate(-30%, -44%);
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
    font-size: 28px;
    margin-left: 5.75rem;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .macaron-dent {
    right: -60px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .circle {
    right: -65px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .container {
    background-position: 93% 22%;
    background-size: 17%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--left {
    background: none;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustration-1 img {
    margin-top: -23px;
    height: 255px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    font-size: 38px;
    margin: 10px 0 3px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 span {
    font-size: 50px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
    margin: 2px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
    position: absolute;
    right: 0;
    bottom: inherit;
    top: 10px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 img {
    height: 86px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
    margin-top: 26px;
    margin-right: 17px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    font-size: 50px;
    line-height: 46px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    left: 2px;
    top: 50px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    top: -65px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    padding: 4px 12px;
    left: 58px;
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h2 {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo img {
    margin-top: -14px;
    height: 147px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo + img {
    display: none;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text {
    left: 31%;
    margin-top: 18px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h1 {
    font-size: 16px;
    padding: 6px 9px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
    font-size: 19px;
    padding: 6px 9px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
    margin-top: 20px;
    margin-left: 25px;
    width: 28%;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text h3 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p {
    font-family: "Norican", cursive;
    font-size: 31px;
    text-align: left;
    line-height: 40px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    width: 60px;
    height: 60px;
    right: 123px;
    top: 58px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:before, .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent:after {
    height: 60px;
    width: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent span {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    top: -20px;
    right: -12px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
    height: 154px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .illustration-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 11px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 img {
    margin: 4px 0 0 6px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: 22px 0 0 3px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text:before {
    left: 14px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p span {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container {
    right: -56px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text {
    margin: 19px 0 0 28px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
    background: #e6dc31;
    margin: -13px 0 2px 0;
    width: 70%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .btn-action {
    padding: 6px 5px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .green_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
    font-size: 34px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .triangle-banner {
    right: -31px;
    border-right: 31px solid transparent;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    background-position: 100% 0;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-container {
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    width: calc(100%);
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    margin-left: 42px;
    margin-top: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text h1 {
    font-size: 24px;
    margin: 0 0 7px 0;
    line-height: 24px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p {
    line-height: 21px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span:nth-child(0n+1) {
    font-size: 32px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
    font-size: 13px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
    margin-top: 11px;
    width: 190px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
    font-size: 22px;
    padding: 10px 0 10px 15px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
    font-size: 20px;
    padding: 5px 0 6px 15px;
    line-height: 22px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .block-btn .btn-action {
    width: auro;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
    font-size: 18px;
    margin: 11px 0 0 0;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p span {
    display: none;
  }
  .banner_advert.banner_advert-promo.donation-covid19 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .donation-covid19-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 img {
    height: auto;
    margin: 10px 0 5px 0;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .btn-donation-block .btn-donation.plus {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.donation-covid19 .block-text h1 {
    font-size: 19px;
    margin: 0 auto 10px;
    width: 80%;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action i {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 {
    font-size: 34px;
    margin: 15px 0 0 0;
    line-height: 34px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 span {
    font-size: 38px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text {
    margin: 16px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text:before {
    left: -1px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 18px;
    margin: 0 0 0 11px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p span {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    font-size: 25px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p span {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 img {
    height: 90px;
    margin: 5px 0 5px 15px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
    margin: 30px 0 30px 10px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 h1 {
    font-size: 31px;
    margin: 20px 0 0 47px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text {
    margin: 16px 0 0 16px;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 img {
    height: 79px;
    margin: -6px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .btn-action {
    margin: 18px 0 0 10px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
    font-size: 27px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction {
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p {
    font-size: 49px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p + p {
    font-size: 12px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p span {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text {
    margin: 16px 0 0 15px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p span {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title {
    font-size: 39px;
    line-height: 36px;
    margin-top: 29px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .reduce {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    width: 65px;
    height: 65px;
    right: 25px;
    top: 56%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent:after {
    height: 65px;
    width: 65px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent .new {
    font-size: 39px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .target {
    font-size: 25px;
    margin: 19px 0 5px 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .date {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .btn-action {
    margin: 23px 0 0 19px;
  }
  .banner_advert.banner_advert-promo.promo-noel20 h1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .block-text {
    margin: 16px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    left: 4px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
    right: -23px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 {
    font-size: 23px;
    margin: 0;
    line-height: 33px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text h1 span {
    font-size: 35px;
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text p {
    font-size: 21px;
    margin: 5px 0 0 0;
    line-height: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .block-text p span {
    font-size: 15px;
    margin-left: 0;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    right: -4px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .btn-action {
    font-size: 17px;
    margin: 18px 0 0 0;
    padding: 4px 9px;
    width: 121px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 {
    font-size: 16px;
    line-height: 30px;
    margin: -3px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text h1 span {
    font-size: 28px;
    display: block;
    margin: -4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p {
    font-size: 22px;
    line-height: 22px;
    margin: 2px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span {
    display: block;
    font-size: 15px;
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .block-text p span + span span {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .no-padding-768 {
    padding: 0 0 0 10px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash {
    font-size: 42px;
    line-height: 40px;
    padding: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash span {
    margin-left: 12px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo {
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    font-size: 27px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    margin: -49px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .btn-action {
    margin: 2px 0 0 0;
    padding: 8px 21px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 {
    font-size: 38px;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text {
    margin: -3px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    margin: -55px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .btn-action {
    margin: -29px 0 0 0;
    padding: 8px 21px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 {
    text-align: center;
    margin: -5px 0 0 13px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span {
    font-size: 38px;
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 span + span {
    display: inline-block;
    font-size: 40px;
    margin: 0 0 0 11px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text {
    margin: -3px 0 0 53px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .illu-aout21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .block-text {
    margin: -2px 0 0 27px !important;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .no-padding-768 {
    padding: 0 0 0 10px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash {
    font-size: 40px;
    line-height: 40px;
    padding: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span {
    margin-left: 0;
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
    margin-left: 0;
    font-size: 40px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo {
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
    font-size: 27px;
    margin: 0 0 0 15px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH33.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21 img {
    height: 73px;
    margin: 13px 0 0 7px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
    left: 60px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text {
    margin: 17px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 {
    font-size: 29px;
    margin: -1px 0 1px 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p {
    font-size: 33px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p span {
    font-size: 40px;
    color: #ff5555;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-MH33.jpg);
  }
  .banner_advert.banner_advert-promo.promo-MH21-r img {
    height: 73px;
    margin: 13px 0 0 7px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    left: 60px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
    margin: 25px 0 0 0;
    padding: 10px 25px;
    font-weight: bold;
    font-size: 18px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 {
    font-size: 33px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span {
    font-size: 40px;
    color: #ff5555;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text .block-text-titre h1 span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
    font-size: 21px;
    margin: 3px 0 0 29px;
    line-height: 24px;
    padding: 2px 10px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
    font-size: 54px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
    font-size: 53px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
    font-size: 14px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    padding: 10px 10px;
    font-size: 15px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre .bf {
    width: 300px;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
    font-size: 54px;
    padding: 31px 0 0 0;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
    font-size: 53px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
    font-size: 14px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    padding: 10px 10px;
    font-size: 15px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre .bf {
    width: 280px;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-noel2021-back3.gif);
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .bg {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .sm {
    display: inline-block;
    height: 92px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
    margin: 7px 6px 0 0;
    padding: 10px 5px;
    font-size: 15px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action + p {
    font-size: 14px;
    color: #3c5160;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h1 {
    font-size: 35px;
    margin: 8px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-text h2 {
    font-size: 35px;
    margin: -4px 0 0 29px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
    text-align: center;
    margin: 14px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
    font-size: 54px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:before, .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3:after {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 {
    background-image: url(/v4/genealogie/Content/img/banner/background-findannee21-petit-gif.gif);
  }
  .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .mac {
    margin: -49px 0 5px 6px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action {
    margin: -5px 0 0 25px;
    padding: 8px 21px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action + span {
    font-size: 12px;
    margin: 0px 0 0 40px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 {
    text-align: center;
    margin: 0 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span {
    font-size: 37px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 span.pro-text {
    font-size: 32px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text {
    margin: -3px 0 0 53px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin: -3px 0 0 53px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 22px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p span {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .no-padding-768 {
    padding: 0 0 0 10px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin-left: 24px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo {
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
    font-size: 27px;
    margin: -7px 0 0 15px;
    line-height: 39px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .macaron {
    margin: 7px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .btn-action {
    margin: 27px 0 0 -9px;
    padding: 5px 19px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text {
    margin: 2px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 {
    font-size: 43px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 {
    font-size: 36px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2 {
    font-size: calc(40 / var(--baseRem, 10) * 1rem);
    line-height: calc(60 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
    font-size: calc(32 / var(--baseRem, 10) * 1rem);
    line-height: calc(16 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .details {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .left {
    width: 76%;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .right {
    width: 24%;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .macaron {
    width: 70px;
    height: 70px;
    right: -10px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .macaron span {
    font-size: 31px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
    font-size: 20px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
    font-size: 29px;
    margin: 1px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
    font-size: 35px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
    font-size: 25px;
    margin: -8px 0 0 0;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p span {
    display: block;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    font-size: 23px;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 .illustration-1 {
    height: 100%;
  }
  .banner_advert.fixed {
    height: auto;
  }
  .banner_advert + .banner_advert {
    padding-top: 0;
  }
  .banner_advert + .banner_advert + .SeoSem {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .banner_advert.banner_advert-promo.promo-light .btn-center {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side, .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__text {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title span {
    display: inline-block;
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side--left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 38%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner {
    margin-right: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .triangle-banner {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
    top: 100%;
    right: 25px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 {
    height: 120px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side {
    width: 100%;
    height: 57%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 {
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: -43px 0 0 0;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 24px;
    line-height: 28px;
    color: #1637b3;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .circle_container {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side {
    width: 100%;
    height: 88%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text {
    margin: -60px 0 0 0;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text h1 {
    font-size: 32px;
    color: #fff;
    line-height: 32px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .block-text p.prolongation {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .white_side .white_side-container .btn-action {
    padding: 6px 12px;
    margin: 58px 0 0 0;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    margin-top: 3px;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 .left-responsive {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .banner_advert {
    height: auto;
  }
  .banner_advert.banner_advert-promo .btn-action-container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo .btn-action {
    margin: 5px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-light {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-light .illustration-1 img {
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.promo-light h1 {
    line-height: 30px;
    margin: 15px 5px 5px;
  }
  .banner_advert.banner_advert-promo.promo-bandeau {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-bandeau .illustration-1 {
    height: 150px;
    width: 163px;
    display: block;
    margin: 0 auto 0px auto;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text {
    margin: 15px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h2 {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-guide .banner-box-text h5 {
    font-size: 22px;
  }
  .banner_advert.banner_advert-promo.promo-guide .badge-edition {
    right: 5px;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 29px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.three {
    top: 47px;
    left: -21px;
    transform: rotate(98deg);
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
    display: block;
    top: 76px;
    left: -58px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday {
    height: 180px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side {
    width: 100%;
    height: 38%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .illustration-1 img {
    margin-top: 17px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    margin-top: 13px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 span {
    display: inline-block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .triangle-banner {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    right: 25px;
    top: 39px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side {
    width: 100%;
    height: 62%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
    margin-left: 76px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .illustration-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: 206px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left {
    display: inline-block;
    width: 87%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 {
    text-align: right;
    width: 25%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 img {
    height: 159px;
    margin-top: 27px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    font-size: 50px;
    margin: 34px 0 0 11px;
    width: 70%;
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 span {
    font-size: 29px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
    height: 206px;
    left: 79%;
    transform: inherit;
    bottom: -14px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 img {
    position: absolute;
    transform: rotate(180deg);
    bottom: -48px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 + div {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 0;
    top: -118px;
    padding: 0 0 0 73px;
    position: absolute;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h5 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 {
    font-size: 33px;
    margin: 10px 0 10px 0;
    line-height: 31px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right h1 span {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__illustration--right {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block {
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--left {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__block--right {
    background-color: #3c954d;
    padding-bottom: 10px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title {
    margin-left: 0;
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__title span {
    display: inline;
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer {
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span {
    display: inline;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 {
    height: 188px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustration-1 img {
    height: 170px;
    margin-top: 11px;
    margin-left: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    left: 24%;
    top: 11px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 img {
    height: 167px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text {
    width: 63%;
    position: absolute;
    top: -179px;
    right: 17px;
    margin: 10px 0px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text:after {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
    font-size: 43px;
    margin: 7px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
    font-size: 29px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
    font-size: 23px;
    margin: -1px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text p {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text .btn-action {
    margin: 5px 0 16px 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .container {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 {
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 img {
    margin: 20px 0 0 8px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .btn-action {
    position: inherit;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p {
    display: block;
    width: 100%;
    font-size: 17px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 p.prolongation {
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 {
    background-color: #127f6a;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .container {
    position: relative;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text {
    background: #333333;
    border: 3px solid #d6b47b;
    height: 110px;
    position: relative;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 {
    font-family: "Cookie", cursive;
    font-size: 46px;
    color: #fff;
    margin-left: 4.5rem;
    text-align: left;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h2 span {
    font-family: "Lato", sans-serif;
    color: #ff5555;
    font-size: 44px;
    margin-left: 10px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text h1 {
    font-size: 14px;
    margin: 10px 0 5px 0;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p {
    font-size: 20px;
    margin: -4px 0 0 0;
    color: #fff;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text p span {
    font-weight: bold;
    color: #d6b47b;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .block-text .btn-action {
    margin: 5px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 3;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left {
    -moz-transform: translate(-80%, -44%);
    -ms-transform: translate(-80%, -44%);
    -webkit-transform: translate(-80%, -44%);
    transform: translate(-80%, -44%);
    left: 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--left img {
    height: 115px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right {
    -moz-transform: translate(120%, -50%);
    -ms-transform: translate(120%, -50%);
    -webkit-transform: translate(120%, -50%);
    transform: translate(120%, -50%);
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute--right img {
    height: 95px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .row--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent {
    background: #ff5555;
    width: 60px;
    height: 60px;
    text-align: center;
    position: absolute;
    right: -45px;
    top: 50%;
    z-index: 1;
    -moz-transform: rotate(-11deg) translateY(-56%);
    -ms-transform: rotate(-11deg) translateY(-56%);
    -webkit-transform: rotate(-11deg) translateY(-56%);
    transform: rotate(-11deg) translateY(-56%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    background: #ff5555;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:before {
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent:after {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span {
    z-index: 1;
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: -1px;
    top: 5px;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .macaron-dent span b {
    font-size: 20px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text {
    margin: 0;
    padding: 0 20px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    font-size: 31px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
    margin: 2px 0 14px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
    right: 12px;
    top: 96px;
  }
  .banner_advert.banner_advert-promo.promo-rentree-2019 .absolute {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .container {
    background: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .absolute {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 h2,
  .banner_advert.banner_advert-promo.promo-premium-2019 h5 {
    margin: 2px 0 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 h2 {
    font-size: 30px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 h5 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--left, .banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--right .btn-action {
    margin: 4px 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2019 .area--right .btn-action.btn-large {
    border-radius: 22px;
    font-size: 14px;
    padding: 6px 12px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 {
    height: 175px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box img {
    height: 186px;
    position: absolute;
    z-index: 2;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
    float: inherit;
    text-align: center;
    margin-top: 5px;
    margin-right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    font-size: 50px;
    line-height: 46px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    top: 50px;
    left: 87px;
    z-index: 4;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    top: 4px;
    right: 7px;
    left: inherit;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    padding: 10px 40px;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 70%;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text h2 {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.happy_days {
    text-align: center;
    height: auto;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo {
    position: inherit;
    height: auto;
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-logo img {
    margin: auto;
    height: 143px;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text {
    position: inherit;
    left: 0;
    margin-top: 8px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.happy_days .happy_day-text h2 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.happy_days .btn-action {
    margin: 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 {
    height: 175px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
    height: 185px;
    position: absolute;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text {
    width: 100%;
    margin-top: 11px;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    right: 103px;
    top: 100px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    right: 5px;
    top: -15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
    -moz-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
    position: relative;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 11px;
    padding: 0 150px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h2 {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text h4 {
    font-size: 19px;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 {
    height: auto;
    background-color: #abb86e;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .promo-printemps2020-block {
    border: 2px solid #fff000;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-printemps2020 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght {
    height: 174px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side {
    width: 100%;
    height: 65px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side img {
    margin-top: 31px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
    margin-left: -55px;
    margin-top: 15px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side .triangle-banner {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    width: 100%;
    height: 109px;
    background-image: none;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    width: 80%;
    margin-left: 105px;
    margin-top: 0;
    background-color: transparent;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text p span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .btn-action {
    margin: 0 0 0 13%;
  }
  .banner_advert.banner_advert-promo.news_data_filae {
    height: auto;
    padding: 5px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .back-color {
    display: none;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block {
    height: auto;
    margin-top: 0;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue {
    height: auto;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-blue img {
    margin-top: 5px;
    width: 205px;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text h1 {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae .news_data-block .block-text p {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae .block-btn .btn-action {
    margin: 0 0 5px 0;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine {
    height: auto;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block h1 {
    font-size: 20px;
    margin: 6px 0 0 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.news_data_filae-OneLine .news_data-block p {
    font-size: 20px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .promo-fetemere20-block {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 img {
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .btn-action {
    margin: 7px 0 12px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 {
    font-size: 43px;
    margin: 11px 0 0 0;
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .color-block h1 span {
    font-size: 49px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text {
    margin: 0 0 9px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 30px;
    margin: 0 0 0 29px;
    line-height: 34px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere20 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 {
    height: auto;
    background-color: #2da1c1;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .promo-ete2020-block {
    border: 2px solid #fddba7;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .illu-ete {
    top: 12px;
    right: 20px;
    transform: rotate(180deg);
    z-index: 2;
  }
  .banner_advert.banner_advert-promo.promo-ete2020 .illu-ete img {
    width: 88px;
    height: 60px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 {
    height: auto;
    background-image: none;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .promo-salonvirtuel2020-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .btn-action {
    margin: 12px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 h1 {
    padding: 0 20px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .reduction {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction {
    margin: 6px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-reduction p + p {
    font-size: 19px;
    line-height: 24px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text {
    padding: 0 25px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text:before {
    left: 37px;
  }
  .banner_advert.banner_advert-promo.promo-salonvirtuel2020 .block-text p {
    font-size: 24px;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .promo-rentree2020-block {
    border: 2px solid #fddba7;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-h1 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-h1 h1 {
    margin: 10px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 img {
    display: block;
    margin: 10px auto 0;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .btn-action {
    margin: 10px auto;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text {
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .block-text p {
    margin: 0;
    font-weight: bold;
  }
  .banner_advert.banner_advert-promo.promo-rentree2020 .illu-rentree-two {
    top: -198px;
    left: 2px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title {
    margin-top: 5px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .title .one {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    right: 56px;
    top: 104%;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .text .target {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .promo-noel20-block {
    border: 6px solid #a07502;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .btn-action {
    margin: 7px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 img {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 h1 {
    display: block;
    margin: 12px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .block-text {
    margin: 6px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-noel20 .illu-noel img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .promo-fetemere21-block {
    margin: 6px 0 6px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    left: 4px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 .btn-action {
    margin: 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .promo-fetepere21-block {
    margin: 6px 0 6px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    left: 25px;
    top: 78px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .btn-action {
    padding: 4px 15px;
    width: auto;
    margin: 3px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .promo-offre-flash21-block {
    margin: 6px 0 6px 0;
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .macaron {
    left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .btn-action {
    padding: 4px 20px;
    width: auto;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .no-padding-768 {
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash {
    display: block;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-flash span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo {
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo h1 {
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .block-promo p {
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .promo-ete21-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    margin: 0;
    left: 13px;
    top: -41px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .btn-action {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .btn-action + span {
    display: block;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 {
    font-size: 42px;
    margin: 0;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 h1 .prol {
    display: block;
    margin: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text {
    margin: -3px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .block-text p {
    font-size: 25px;
    line-height: 25px;
  }
  .banner_advert.banner_advert-promo.promo-ete21 .illu-ete21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-aout21 {
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .promo-aout21-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    margin: 0;
    left: 13px;
    top: -41px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .btn-action {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .btn-action + span {
    display: block;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 {
    font-size: 42px;
    margin: 0;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 h1 .prol {
    display: block;
    margin: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text {
    margin: 4px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text p {
    font-size: 25px;
    line-height: 25px;
  }
  .banner_advert.banner_advert-promo.promo-ete23 {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-ete21-fond1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .btn-action {
    margin-bottom: calc(8 / var(--baseRem, 10) * 1rem) !important;
  }
  .banner_advert.banner_advert-promo.offre-sept21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .promo-offre-sept21-block {
    margin: 6px 0 6px 0;
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .macaron {
    left: 10px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .btn-action {
    padding: 4px 20px;
    width: auto;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .no-padding-768 {
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash {
    display: block;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-flash span + span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo {
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo h1 {
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .block-promo p {
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .promo-MH21-block {
    padding-bottom: 9px;
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-MH21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
    left: 12px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .btn-action + span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text p {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .promo-MH21-block {
    padding-bottom: 9px;
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    left: 12px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action {
    margin: 9px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .btn-action + span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text {
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .block-text p {
    margin: 7px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-BF21 {
    height: auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .banner_advert.banner_advert-promo.promo-BF21:after {
    content: "";
    display: block;
    clear: both;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .promo-BF21-block {
    position: relative;
    z-index: 1;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron {
    background-position: 0;
    height: 177px;
    margin-top: 82px;
    position: absolute;
    border: 0;
    z-index: 1;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p {
    font-size: 59px;
    padding: 59px 0 0 0;
    line-height: 27px;
    width: 200px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span {
    font-size: 54px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p span + span {
    font-size: 35px;
    vertical-align: top;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron > p + p {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    margin: 25px 0 15px 0;
    width: auto;
    padding: 10px 19px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    display: inline-block;
    padding: 30px 0 0 198px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 {
    height: auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .banner_advert.banner_advert-promo.promo-CM21:after {
    content: "";
    display: block;
    clear: both;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .promo-CM21-block {
    position: relative;
    z-index: 1;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron {
    background-position: 0;
    height: 177px;
    margin-top: 6px;
    position: absolute;
    border: 0;
    z-index: -1;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p {
    font-size: 59px;
    padding: 59px 0 0 0;
    line-height: 27px;
    width: 200px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span {
    font-size: 54px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p span + span {
    font-size: 35px;
    vertical-align: top;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron > p + p {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    margin: 25px 0 15px 0;
    width: auto;
    padding: 10px 19px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    display: inline-block;
    padding: 30px 0 0 198px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .promo-NoelCoffret21-block {
    margin: 8px 0 8px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 img {
    margin: 19px 0 0 11px;
    position: absolute;
    left: 32px;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .gif .sm {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .btn-action {
    margin: 7px 0 0 0;
    padding: 10px 25px;
    font-size: 18px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre {
    text-align: center;
    margin: 14px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre h3 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 .block-offre p {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-dec21 {
    background-image: none;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .mac {
    margin: 0;
    left: 13px;
    top: 0px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .btn-action + span {
    display: block;
    margin: 5px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 {
    font-size: 36px;
    margin: 0;
    margin-top: 7px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 h1 + p {
    font-size: 42px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro {
    display: inline-block;
    margin: 0 0 7px 0;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text {
    margin: 0;
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin: 4px 0 0 27px;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text p {
    font-size: 25px;
    line-height: 25px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .promo-offre-fev22-block {
    margin: 6px 0 6px 0;
    height: auto;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .macaron {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .btn-action {
    padding: 4px 20px;
    width: auto;
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .no-padding-768 {
    padding: 0;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-flash span + span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo {
    display: block;
    margin-left: 0;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo:before {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 {
    line-height: 42px;
  }
  .banner_advert.banner_advert-promo.offre-fev22 .block-promo p {
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 {
    height: auto;
    text-align: center;
    padding: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .btn-action {
    margin: 10px 0 0 0px;
    padding: 9px 19px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 {
    margin: 10px 0 5px;
    line-height: 47px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 {
    line-height: 39px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 span {
    display: inline-block;
    padding: 2px;
    border-radius: 4px;
    background-color: #ff5555;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2, .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
    line-height: 1;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h2 {
    font-size: calc(32 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text h5 {
    font-size: calc(26 / var(--baseRem, 10) * 1rem);
  }
  .banner_advert.banner_advert-promo.promo-premium-2022.disconnected .block-text .details {
    margin-top: 2px;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .back-img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-premium-2022 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .promo-fetemere22-block {
    margin: 6px 0 6px 0;
    height: auto;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 img {
    left: 4px;
    top: 16px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .btn-action {
    margin: 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo {
    height: auto;
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .promo-fetemere22-block {
    margin: 0;
    height: auto;
    text-align: center;
    border: 9px solid #fbe6e1;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .btn-action {
    margin: 10px 0 10px 0;
    position: relative;
    padding: 6px 27px;
    width: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22-abo .block-text p {
    font-size: 35px;
    margin: 4px 0 0 0;
    line-height: 40px;
  }
  .banner_advert.fixed {
    display: none;
  }
  .banner_advert + .banner_advert + .SeoSem {
    margin-top: 72px;
  }
}
@media (max-width: 590px) {
  .banner_advert.banner_advert-freebase.freebase-1418 {
    background-image: none;
  }
  .banner_advert.banner_advert-freebase.freebase-1418 h1 {
    width: 100%;
    font-size: 20px;
    line-height: auto;
  }
  .banner_advert.banner_advert-promo.promo-guide {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-guide .illustration-2 img {
    margin-right: 29px;
  }
  .banner_advert.banner_advert-promo.promo-guide .badge-edition {
    top: 104px;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star, .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .star.four {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-guide.guide-noel18 .illustration-2 img {
    margin-right: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container > div {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .black_side-container > div + div {
    width: 100%;
    display: block;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    right: -11px;
    top: 14px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent:after {
    height: 50px;
    width: 50px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span {
    font-size: 28px;
    left: -3px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side .macaron-dent span b {
    font-size: 15px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .grey_side .grey_side-text.extend h1 span {
    font-size: 23px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__title {
    font-size: 34px;
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
    -moz-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    transform: rotate(-11deg);
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    right: -11px;
    top: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:before, .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent:after {
    height: 40px;
    width: 40px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price .macaron-dent__currency {
    margin-left: 4px;
    margin-top: 3px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old {
    font-size: 13px;
    font-weight: normal;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old .macaron-dent__currency {
    font-size: 9px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--old::before {
    height: 1px;
    width: 28px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new {
    font-size: 16px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent__price--new .macaron-dent__currency {
    font-size: 11px;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .illustrion-noel-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left {
    display: inherit;
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-left h2 {
    margin: 34px 0 0 0;
    width: 100%;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-noel2018 .block-right {
    margin: 0 0 10px 0;
    position: relative;
    padding: 0;
    top: 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .row > .col-xs-12 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .row > .col-xs-12 + .illustrion-finannee-1 + .col-xs-12 {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .illustrion-finannee-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text {
    width: 97%;
    float: initial;
    margin: 8px auto;
    position: relative;
    top: 0;
    right: 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 {
    padding: 0 15px;
    font-size: 41px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h2 span {
    font-size: 28px;
    display: block;
    margin: -21px 0 -10px 4px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text h1 {
    padding: 0 15px;
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-fin2018 .block-text p {
    padding: 4px 15px 0;
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .illustrion-finannee-2 {
    top: 58px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 {
    margin: 13px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon {
    height: auto;
    width: auto;
    margin: 0;
    padding: 6px 10px;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:before, .banner_advert.banner_advert-promo.promo-fin2019 .block-text-1 .ribbon:after {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1:after {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fin2019 .block-text-2 h1 br {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h2 {
    line-height: 33px;
    margin: 10px 0 10px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text h1 {
    line-height: 29px;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .block-text .btn {
    margin: 7px 0 14px 0;
  }
  .banner_advert.banner_advert-promo.offre-bon-fin2018 .illustrion-offrebon-2 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text {
    position: inherit;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text h3 {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_box .fetemere19_box-text p:before {
    content: "- ";
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    left: 24px;
    top: 60px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .fetemere19_offer-text {
    width: 80%;
    height: auto;
    position: inherit;
    margin-bottom: 10px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
    height: 164px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    right: 54px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 img {
    height: 138px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .illustration-2 {
    position: absolute;
    bottom: 0px;
    right: 15px;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    margin-top: 3px;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text {
    margin: 71px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-salon2020 .blue_side .blue_side-container .block-text p {
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side {
    height: auto;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .green_side h2 {
    width: 100%;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side {
    height: auto;
    padding-bottom: 8px;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .white_side-text {
    width: 100%;
    margin: 0 auto;
  }
  .banner_advert.banner_advert-promo.promo-privilege-avrilvinght .white_side .btn-action {
    margin: 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text:before {
    left: 8px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p {
    font-size: 24px;
    margin: 0 15px 0 26px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere20 .block-text p span {
    font-size: 21px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .price_mobile {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background-color: #ff5555;
    margin: 0 0 4px 0;
    line-height: 30px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2020 .price_mobile span {
    font-weight: normal;
    font-size: 18px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere21 .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.offre-flash21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-ete21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-aout21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-aout21 .block-text {
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .block-text,
  .banner_advert.banner_advert-promo.promo-ete23 .block-text p {
    margin-left: 0 !important;
  }
  .banner_advert.banner_advert-promo.promo-ete23 .block-text::before {
    content: none;
  }
  .banner_advert.banner_advert-promo.offre-sept21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash {
    top: 93px;
  }
  .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 {
    font-size: 26px;
  }
  .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-NoelCoffret21 img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .mac {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-dec21 .block-text {
    margin: 4px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 img {
    display: none;
  }
  .banner_advert.promo-rentree2020 .illu-rentree-two {
    display: none;
  }
}
@media (max-width: 581px) {
  .banner_advert.banner_advert-promo.promo-light h1 br {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .banner_advert {
    background-image: none;
  }
  .banner_advert.banner_advert-promo.promo-light h1 {
    font-size: 17px;
    line-height: 27px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 {
    height: auto;
    padding: 0 0 10px 0;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p span {
    display: inline;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text {
    padding: 0;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner {
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target {
    font-size: 24px;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__row--cta {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .btn-action {
    margin: 8px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre img {
    width: 300px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre img + img {
    width: 177px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo {
    padding: 0 0 0 33px;
  }
  .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p {
    padding: 0 20px 0 20px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .macaron {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .btn-action {
    margin: 8px 0 15px 0;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre img {
    width: 300px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre img + img {
    width: 177px;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo {
    padding: 0;
  }
  .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p {
    padding: 0 20px 0 20px;
    text-align: center;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 {
    line-height: 36px;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span {
    display: block;
  }
  .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p {
    margin: 5px 0 0 0;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-titre .bf {
    width: 160px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-promo {
    width: 100%;
    padding-left: 0 !important;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .block-text-promo p {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
  }
  .banner_advert.banner_advert-promo.promo-nov23 .prolongation {
    margin: 0.5em 0 0.25em 0;
  }
}
@media (max-width: 380px) {
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent {
    display: none;
  }
  .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date span {
    display: inline-block;
  }
  .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span {
    display: block;
  }
}

/* FIN OFFER BOXE */
.full-beta .container.page {
  margin-top: 30px;
}

/* Bandeau bleu nouvelles données pages home non connectée -- */
.bandeau-new-donnees {
  background: #2b71ad;
  text-align: center;
  padding: 0 35px 0 0;
  margin: 0;
  border-radius: 0;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1030;
}

.bandeau-new-donnees h1 {
  color: #fff;
  display: inline-block;
  font-size: 19px;
  margin: 8px 0 8px;
}

.bandeau-new-donnees h1 a {
  color: #fff;
}

.bandeau-new-donnees.alert-dismissible .close {
  top: 6px;
  color: #fff;
}

.bandeau-new-donnees + #containAll .navbar-fixed-top {
  top: 38px;
}

.bandeau-new-donnees + #containAll .intro {
  margin-top: 38px;
}

.bandeau-new-donnees + #containAll .container.home-connectee {
  margin-top: 114px;
}

.bandeau-temp__heading {
  margin-top: 12px;
  font-size: 25px;
  line-height: 29px;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 700;
}
.bandeau-temp__accent {
  background-color: #ff5555;
  border-radius: 4px;
  padding: 0 4px;
}
@media screen and (min-width: 768px) {
  .bandeau-temp__heading {
    margin-top: 24px;
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (min-width: 992px) {
  .bandeau-temp__heading {
    margin-top: 20px;
    font-size: 32px;
    line-height: 40px;
  }
}

.promo__fev24-block {
  border-radius: 8px;
}
.promo__fev24 .btn-action {
  padding: 8px !important;
}
.promo__fev24 .macaron {
  display: none;
  position: absolute;
  left: calc(-16 / var(--baseRem, 10) * 1rem);
}
.promo__fev24 .cta__wrapper {
  display: flex;
  flex-direction: column;
  gap: calc(4 / var(--baseRem, 10) * 1rem);
  align-items: center;
}
.promo__fev24 .heading--prolongation {
  padding-inline: calc(4 / var(--baseRem, 10) * 1rem) !important;
  background-color: #fff65c;
  color: #000 !important;
}
@media screen and (max-width: 639px) {
  .promo__fev24 .heading {
    margin-left: 0 !important;
  }
  .promo__fev24 .heading--1 {
    font-size: calc(22 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .heading--2 {
    font-size: calc(22 / var(--baseRem, 10) * 1rem) !important;
    line-height: calc(38 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .heading--3 {
    font-size: calc(28 / var(--baseRem, 10) * 1rem) !important;
    line-height: calc(24 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .heading--prolongation {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(8 / var(--baseRem, 10) * 1rem) !important;
  }
  .promo__fev24 .cta__wrapper {
    margin-block: calc(8 / var(--baseRem, 10) * 1rem);
    flex-direction: row;
    justify-content: center;
    gap: calc(8 / var(--baseRem, 10) * 1rem);
  }
  .promo__fev24 .btn-action {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 480px) {
  .promo__fev24 .macaron {
    display: block;
  }
  .promo__fev24 .heading--prolongation {
    font-size: calc(22 / var(--baseRem, 10) * 1rem) !important;
    margin-bottom: calc(4 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (max-width: 767px) {
  .promo__fev24 .btn-action {
    padding-inline: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .promo__fev24 .macaron {
    position: static;
  }
  .promo__fev24 .cta__wrapper {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 992px) {
  .promo__fev24 .heading--prolongation {
    font-size: calc(24 / var(--baseRem, 10) * 1rem) !important;
  }
}
@media screen and (min-width: 1200px) {
  .promo__fev24 .heading--prolongation {
    font-size: calc(32 / var(--baseRem, 10) * 1rem) !important;
  }
}

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

.banner-promo {
  display: block;
  padding-block: calc(8 / var(--baseRem, 10) * 1rem);
}
.banner-promo, .banner-promo:hover, .banner-promo:active, .banner-promo:focus {
  text-decoration: none;
  color: currentColor;
}
.banner-promo__wrapper, .banner-promo__content, .banner-promo__title {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  gap: var(--banner-gap, calc(8 / var(--baseRem, 10) * 1rem));
}
.banner-promo__wrapper {
  padding: calc(8 / var(--baseRem, 10) * 1rem);
  position: relative;
}
.banner-promo__img, .banner-promo__aside {
  display: none;
}
.banner-promo p {
  margin-bottom: 0;
}
.banner-promo .prolongation {
  background-color: #fff65c;
  color: #333;
  padding-inline: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (min-width: 640px) {
  .banner-promo__img {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(16 / var(--baseRem, 10) * 1rem);
    transform: translateY(-50%);
    width: calc(112 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .banner-promo {
    --banner-gap: calc(16 / var(--baseRem, 10) * 1rem);
    position: relative;
    z-index: 0;
  }
  .banner-promo__wrapper, .banner-promo__title {
    flex-direction: row;
  }
  .banner-promo__wrapper {
    border: 1px solid var(--banner-desktop-bdclr, #666);
  }
  .banner-promo__offers {
    text-align: left;
  }
  .banner-promo__aside {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
  }
  .banner-promo__aside:first-child {
    left: var(--banner-aside-offset, 0);
  }
  .banner-promo__aside:last-child {
    right: var(--banner-aside-offset, 0);
  }
}
@media screen and (min-width: 992px) {
  .banner-promo__content {
    flex-direction: row;
  }
  .banner-promo__title {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo .btn-cta {
    font-size: calc(22 / var(--baseRem, 10) * 1rem);
    padding: calc(24 / var(--baseRem, 10) * 1rem) calc(20 / var(--baseRem, 10) * 1rem);
    font-weight: 400;
    border-radius: 50vw;
  }
}
.banner-promo--50 .banner-promo__wrapper {
  background-color: var(--banner-wrapper-bgc, #fff);
}
.banner-promo--50 .banner-promo__title {
  font-weight: 700;
}
.banner-promo--50 .banner-promo__title p:first-of-type {
  font-family: var(--banner-title-ff, "Dancing Script", cursive);
  color: var(--banner-title-clr, #666);
  font-size: calc(40 / var(--baseRem, 10) * 1rem);
  line-height: calc(40 / var(--baseRem, 10) * 1rem);
}
.banner-promo--50 .banner-promo__title .date {
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  color: var(--banner-date-clr, #666);
}
.banner-promo--50 .banner-promo__title .prolongation {
  color: var(--banner-prolong-clr, #666);
}
.banner-promo--50 .banner-promo__offers {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  line-height: calc(26 / var(--baseRem, 10) * 1rem);
  font-weight: 700;
  color: #ff5555;
  color: var(--banner-offers-clr, #ff5555);
}
.banner-promo--50 .banner-promo__offers * > span {
  color: var(--banner-old-offers-clr, #757585);
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .banner-promo--50 .banner-promo__img {
    width: calc(108 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .banner-promo--50 {
    background-color: var(--banner-mobile-bgc, white);
  }
  .banner-promo--50 .banner-promo__wrapper {
    border: 2px solid var(--banner-mobile-bdclr, #666);
  }
  .banner-promo--50 .banner-promo__title {
    --banner-gap: calc(4 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__title .prolongation {
    margin-top: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 768px) {
  .banner-promo--50 {
    height: 120px;
    background-color: var(--banner-desktop-bgc, #f5f7f6);
  }
  .banner-promo--50 .banner-promo__title {
    --banner-gap: calc(8 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__title .date {
    font-size: calc(18 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__offers {
    position: relative;
  }
  .banner-promo--50 .banner-promo__offers::before {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    top: 0;
    left: var(--offers-offset, calc(-8 / var(--baseRem, 10) * 1rem));
    background-color: var(--banner-separator-clr, #666);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner-promo--50 .banner-promo__content {
    --banner-gap: calc(8 / var(--baseRem, 10) * 1rem);
    --offers-offset: calc(-12 / var(--baseRem, 10) * 1rem);
    align-items: flex-start;
  }
  .banner-promo--50 .banner-promo__title {
    transform: translateX(calc(124 / var(--baseRem, 10) * 1rem));
  }
  .banner-promo--50 .banner-promo__offers {
    transform: translateX(calc(140 / var(--baseRem, 10) * 1rem));
  }
  .banner-promo--50 .banner-promo__cta {
    margin-top: calc(32 / var(--baseRem, 10) * 1rem);
    margin-left: auto;
  }
  .banner-promo--50 .banner-promo__wrapper {
    margin-top: calc(-7 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .date {
    margin-top: calc(12 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 992px) {
  .banner-promo--50 .banner-promo__img {
    position: static;
    width: calc(82 / var(--baseRem, 10) * 1rem);
    transform: scale(1.25);
  }
  .banner-promo--50 .banner-promo__offers {
    font-size: calc(24 / var(--baseRem, 10) * 1rem);
    line-height: calc(32 / var(--baseRem, 10) * 1rem);
  }
  .banner-promo--50 .banner-promo__content {
    flex-grow: 0.75;
    justify-content: space-around;
  }
  .banner-promo--50 .banner-promo__cta {
    margin-inline: auto;
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo--50 {
    --offers-offset: calc(-16 / var(--baseRem, 10) * 1rem);
  }
}
.banner-promo--spring {
  --banner-title-clr: #77844e;
  --banner-date-clr: #5f8d69;
  --banner-mobile-bgc: #abb86e;
  --banner-mobile-bdclr: #fff65c;
  --banner-desktop-bgc: #f5f7f6;
  --banner-desktop-bdclr: #abb86e;
  --banner-separator-clr: #ffdc53;
}
@media screen and (min-width: 768px) {
  .banner-promo--spring {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-printemps-bg-2020.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
.banner-promo--summer {
  --banner-title-clr: #ff4e03;
  --banner-date-clr: #269da7;
  --banner-mobile-bgc: #269da7;
  --banner-mobile-bdclr: #ffdc53;
  --banner-desktop-bgc: #b9ebe3;
  --banner-desktop-bdclr: #ffdc53;
  --banner-separator-clr: #ffdc53;
}
.banner-promo--summer .btn-cta--main {
  --btn-cta-bg-color: #ff4e03;
  --btn-cta-border-color: #ff4e03;
  --btn-cta-color: #fff;
}
.banner-promo--summer .btn-cta--main:hover, .banner-promo--summer .btn-cta--main:active, .banner-promo--summer .btn-cta--main:focus {
  --btn-cta-bg-color: rgb(238.65, 71.0267857143, 0);
  --btn-cta-border-color: rgb(238.65, 71.0267857143, 0);
}
@media screen and (min-width: 992px) {
  .banner-promo--summer .banner-promo__title p:first-of-type {
    font-size: calc(48 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo--summer {
    --banner-aside-offset: calc(24 / var(--baseRem, 10) * 1rem);
  }
}
.banner-promo--fall {
  --banner-title-clr: #FFA854;
  --banner-mobile-bgc: #ffd9b4;
  --banner-date-clr: #996561;
  --banner-prolong-clr: #572521;
  --banner-mobile-bdclr: #ffa854;
  --banner-desktop-bdclr: #A9463F;
  --banner-desktop-bgc: #ffd9b4;
  --banner-separator-clr: #ffa854;
  background-image: url(/v4/genealogie/Content/css/SearchApi/https:/www.filae.com/v4/genealogie/Content/img/banner/bg-fall-24-3.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: min(100%, 1600px);
}
.banner-promo--fall .btn-cta--main {
  --btn-cta-bg-color: #c21612;
  --btn-cta-border-color: #c21612;
  --btn-cta-color: #fff;
}
.banner-promo--fall .btn-cta--main:hover, .banner-promo--fall .btn-cta--main:active, .banner-promo--fall .btn-cta--main:focus {
  --btn-cta-bg-color: rgb(179.45, 20.35, 16.65);
  --btn-cta-border-color: rgb(179.45, 20.35, 16.65);
}
@media screen and (min-width: 992px) {
  .banner-promo--fall .banner-promo__title p:first-of-type {
    font-size: calc(44 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1200px) {
  .banner-promo--fall {
    --banner-aside-offset: calc(24 / var(--baseRem, 10) * 1rem);
  }
}

.banner {
  position: relative;
  display: block;
}
.banner img {
  max-width: 100%;
  display: block;
}
.banner, .banner:hover, .banner:active, .banner:focus {
  text-decoration: none;
}
.banner .sub,
.banner p {
  margin-bottom: 0;
}
.banner__container {
  padding-inline: calc(16 / var(--baseRem, 10) * 1rem);
  padding-block: var(--container-py, calc(10 / var(--baseRem, 10) * 1rem));
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 592px) {
  .banner__container {
    max-width: 592px;
  }
}
@media screen and (min-width: 976px) {
  .banner__container {
    max-width: 976px;
  }
}
@media screen and (min-width: 1168px) {
  .banner__container {
    max-width: 1168px;
  }
}
@media screen and (min-width: 1368px) {
  .banner__container {
    max-width: 1368px;
  }
}
.banner__wrapper {
  display: flex;
  flex-direction: column;
}
.banner__cta {
  padding: var(--cta-py, calc(10 / var(--baseRem, 10) * 1rem)) var(--cta-px, calc(12 / var(--baseRem, 10) * 1rem));
  font-size: var(--cta-fs, calc(16 / var(--baseRem, 10) * 1rem));
  line-height: var(--cta-lh, calc(24 / var(--baseRem, 10) * 1rem));
  white-space: normal;
  font-weight: bold;
  border-radius: 50vw;
}
.banner__discount {
  width: var(--discount-width, calc(96 / var(--baseRem, 10) * 1rem));
}
.banner--default {
  background-color: #4141dc;
  color: #fff;
}
.banner--default .banner__cta {
  background: #fff;
  border: 2px solid #4141dc;
  color: #4141dc;
  text-transform: uppercase;
}
.banner--default .sub {
  font-weight: 700;
}
.banner--default .sub--1, .banner--default .sub--2 {
  font-family: "Open Sans", sans-serif;
}
.banner--default .sub--1 {
  font-size: var(--sub--1-fs, calc(22 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  margin-bottom: calc(5 / var(--baseRem, 10) * 1rem);
  text-transform: uppercase;
}
.banner--default .sub--2 {
  font-size: var(--sub--2-fs, calc(16 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  color: #ececfb;
}
.banner--default .sub--3 {
  margin-top: 2px;
  font-size: calc(14 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .banner--default .sub--2 span {
    display: inline-block;
    padding: 2px;
    border-radius: 4px;
    background-color: #f55;
  }
}
@media screen and (min-width: 592px) {
  .banner--default {
    --sub--1-fs: calc(26 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(20 / var(--baseRem, 10) * 1rem);
    position: relative;
  }
  .banner--default::before {
    display: block;
    position: absolute;
    content: "";
    width: 40%;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(/v4/genealogie/Content/img/banner/background-discover-offer-2022-03.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 976px) {
  .banner--default {
    --sub--1-fs: calc(38 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(28 / var(--baseRem, 10) * 1rem);
    --container-py: calc(5 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (max-width: 591px) {
  .banner__container {
    text-align: center;
  }
  .banner__cta {
    margin-top: calc(10 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .banner {
    --cta-py: calc(9 / var(--baseRem, 10) * 1rem);
    --cta-px: calc(19 / var(--baseRem, 10) * 1rem);
    --cta-fs: calc(20 / var(--baseRem, 10) * 1rem);
    --cta-lh: 1.42857143;
  }
  .banner__wrapper {
    align-items: center;
    flex-direction: row;
    gap: var(--wrapper-gap, calc(8 / var(--baseRem, 10) * 1rem));
  }
  .banner__content {
    flex: 1;
  }
}
@media screen and (min-width: 976px) {
  .banner {
    --cta-py: calc(14 / var(--baseRem, 10) * 1rem);
    --cta-px: calc(29 / var(--baseRem, 10) * 1rem);
    --cta-fs: calc(20 / var(--baseRem, 10) * 1rem);
    --wrapper-gap: min(calc(48 / var(--baseRem, 10) * 1rem), 2vw);
    --discount-width: calc(102 / var(--baseRem, 10) * 1rem);
  }
}

.promo {
  background-color: var(--promo-bgc, lightgoldenrodyellow);
  --promo-cta-bgc: #fff;
  --promo-cta-bdc: transparent;
  --promo-cta-clr: #333;
}
.promo, .promo:link, .promo:visited, .promo:hover, .promo:active, .promo:focus {
  color: var(--promo-txt-clr, #fff);
}
.promo__cta {
  background-color: var(--promo-cta-bgc);
  color: var(--promo-cta-clr);
  border: 2px solid var(--promo-cta-bdc);
}
.promo__cta:hover, .promo__cta:active, .promo__cta:focus {
  background-color: var(--promo-cta-active-bgc, var(--promo-cta-bgc));
  border-color: var(--promo-cta-active-bdc, var(--promo-cta-bdc));
}
.promo__wrapper {
  background-color: var(--wrapper-bgc, #fff);
  padding: var(--wrapper-p, calc(4 / var(--baseRem, 10) * 1rem));
  border: 1px solid var(--wraper-bdc, transparent);
}
.promo__extension {
  background-color: #fff65c;
  color: var(--extension-clr, #333);
  padding-inline: calc(4 / var(--baseRem, 10) * 1rem);
}
.promo .sub {
  font-weight: 700;
}
.promo .sub--1 {
  margin-bottom: 0.25em;
  font-size: var(--sub--1-fs, calc(22 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  color: var(--sub--1-clr, currentColor);
}
.promo .sub--2 {
  font-size: var(--sub--2-fs, calc(16 / var(--baseRem, 10) * 1rem));
  line-height: 1;
  color: var(--sub--2-clr, currentColor);
}
.promo .sub--3 {
  font-size: var(--sub--3-fs, calc(14 / var(--baseRem, 10) * 1rem));
  margin-top: 0.25em;
  color: var(--sub--3-clr, currentColor);
}
.promo .old {
  color: #757585;
  font-weight: 400;
}
@media screen and (min-width: 976px) {
  .promo {
    --sub--1-fs: calc(32 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(18 / var(--baseRem, 10) * 1rem);
    --sub--3-fs: calc(18 / var(--baseRem, 10) * 1rem);
    --wrapper-p: calc(8 / var(--baseRem, 10) * 1rem);
    min-height: calc(112 / var(--baseRem, 10) * 1rem);
  }
  .promo__content {
    display: flex;
    align-items: center;
    gap: var(--wrapper-gap);
  }
}
@media screen and (min-width: 1168px) {
  .promo {
    --sub--1-fs: calc(36 / var(--baseRem, 10) * 1rem);
    --sub--2-fs: calc(20 / var(--baseRem, 10) * 1rem);
    --sub--3-fs: calc(24 / var(--baseRem, 10) * 1rem);
    --wrapper-p: calc(8 / var(--baseRem, 10) * 1rem) calc(16 / var(--baseRem, 10) * 1rem);
  }
}
.promo--fall {
  --promo-bgc: #ffd9b4;
  --wrapper-bgc: rgba(255, 255, 255, 0.95);
  --wraper-bdc: #996561;
  --promo-cta-bgc: #c21612;
  --promo-cta-bdc: #c21612;
  --promo-cta-active-bgc: rgb(179.45, 20.35, 16.65);
  --promo-cta-active-bdc: rgb(179.45, 20.35, 16.65);
  --promo-cta-clr: #fff;
  --sub--1-clr: #FFA854;
  --sub--1-fs: calc(36 / var(--baseRem, 10) * 1rem);
  --sub--2-clr: #996561;
  --sub--3-clr: #f55;
  --prolong-clr: #572521;
  --separator-clr: #ffa854;
  background-image: url(/v4/genealogie/Content/img/banner/bg-fall-24-3.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: min(100%, 1600px);
}
.promo--fall .sub--1 {
  font-family: "Dancing Script", "Lato", sans-serif;
}
@media screen and (min-width: 976px) {
  .promo--fall {
    --sub--3-fs: calc(20 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1168px) {
  .promo--fall {
    --sub--1-fs: calc(44 / var(--baseRem, 10) * 1rem);
    --sub--3-fs: calc(22 / var(--baseRem, 10) * 1rem);
    --wrapper-gap:min(calc(64 / var(--baseRem, 10) * 1rem), 5vw);
  }
}
@media screen and (min-width: 1368px) {
  .promo--fall {
    --sub--3-fs: calc(24 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 976px) {
  .promo--50-all .sub--3 {
    position: relative;
  }
  .promo--50-all .sub--3::before {
    display: block;
    position: absolute;
    content: "";
    width: calc(4 / var(--baseRem, 10) * 1rem);
    height: 90%;
    top: 50%;
    left: var(--separator-offset, calc(-12 / var(--baseRem, 10) * 1rem));
    background-color: var(--separator-clr, #f55);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1168px) {
  .promo--50-all {
    --separator-offset: calc(-16 / var(--baseRem, 10) * 1rem);
  }
}
.promo--day .banner__logo {
  max-width: var(--promo-logo-mw, calc(180 / var(--baseRem, 10) * 1rem));
  margin: auto;
}
.promo--day .banner__discount img {
  -webkit-filter: drop-shadow(0 0 8px #f55);
  filter: drop-shadow(0 0 8px #f55);
}
@media screen and (max-width: 975px) {
  .promo--day .sub {
    text-align: center;
  }
}
@media screen and (min-width: 976px) {
  .promo--day {
    --promo-logo-mw: calc(260 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 1368px) {
  .promo--day {
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .promo--day .promo__wrapper {
    padding-left: calc(120 / var(--baseRem, 10) * 1rem);
    padding-right: calc(160 / var(--baseRem, 10) * 1rem);
  }
}
.promo--bf {
  --promo-bgc: #000;
  --wrapper-bgc: #000
  --wraper-bdc: #fff;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #fff;
}
@media screen and (min-width: 1368px) {
  .promo--bf {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-BF21-back1.jpg);
  }
}
.promo--cm {
  --promo-bgc: #002c41;
  --wrapper-bgc: #002c41
  --wraper-bdc: #fff;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #fff;
}
@media screen and (min-width: 1368px) {
  .promo--cm {
    background-image: url(/v4/genealogie/Content/img/banner/illu-offre-CM-back1.gif);
  }
}
.promo--new-eve {
  --promo-bgc: #f8fff0;
  --wrapper-bgc: #002c41
  --wraper-bdc: #fff;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #4d6036;
  border-bottom: 1px solid #d6decd;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--new-eve::before, .promo--new-eve::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  background-repeat: no-repeat;
  z-index: -1;
}
.promo--new-eve::before {
  top: -2px;
  left: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-banner-new-eve-left.png);
}
.promo--new-eve::after {
  bottom: 0;
  right: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-banner-new-eve-right.png);
}
@media screen and (min-width: 592px) {
  .promo--new-eve::before {
    left: -10%;
  }
  .promo--new-eve::after {
    right: -10%;
  }
}
@media screen and (min-width: 976px) {
  .promo--new-eve .banner__container,
  .promo--new-eve .banner__wrapper {
    padding-bottom: 0;
  }
  .promo--new-eve::before, .promo--new-eve::after {
    height: 100%;
    transform: scale(1.1);
  }
  .promo--new-eve::before {
    top: 0;
    left: 0;
  }
  .promo--new-eve::after {
    right: 0;
  }
}
.promo--new-eve--prolong {
  --promo-bgc: #2b2550;
  --promo-txt-clr: #fff;
  border-bottom: 1px solid #bd8b36;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--new-eve--prolong .sub--2.promo__extension {
  --sub--2-clr: #333;
  background-color: #f4c676;
}
.promo--new-eve--prolong::before, .promo--new-eve--prolong::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--new-eve--prolong::before {
  top: -2px;
  left: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-prolong-left.png);
}
.promo--new-eve--prolong::after {
  right: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/24-12-prolong-right.png);
}
@media screen and (min-width: 592px) {
  .promo--new-eve--prolong::before {
    left: -10%;
  }
  .promo--new-eve--prolong::after {
    right: -10%;
  }
}
@media screen and (min-width: 976px) {
  .promo--new-eve--prolong .banner__container, .promo--new-eve--prolong .banner__wrapper {
    padding-bottom: 0;
  }
  .promo--new-eve--prolong .banner__logo {
    transform: translateX(calc(-128 / var(--baseRem, 10) * 1rem));
  }
  .promo--new-eve--prolong .banner__discount {
    transform: translateX(calc(176 / var(--baseRem, 10) * 1rem));
  }
  .promo--new-eve--prolong::before, .promo--new-eve--prolong::after {
    height: 100%;
    width: calc(240 / var(--baseRem, 10) * 1rem);
    object-fit: contain;
  }
  .promo--new-eve--prolong::before {
    top: 0;
    left: 0;
  }
  .promo--new-eve--prolong::after {
    top: initial;
    right: 0;
    bottom: 0;
  }
}
.promo--february {
  --baseRem: 11;
  --promo-bgc: rgb(2,94,119);
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #002c41;
  --separator-clr: transparent;
  --wrapper-bgc: transparent;
  --wrapper-p: 0;
  background: radial-gradient(circle, rgba(187, 223, 232, 0.85), rgba(17, 97, 126, 0.7) 95%);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--february::before, .promo--february::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--february::before {
  width: calc(400 / var(--baseRem, 10) * 1rem);
  height: calc(300 / var(--baseRem, 10) * 1rem);
  top: -70%;
  left: -40%;
  background-image: url(/v4/genealogie/Content/img/banner/opsp-25-02-side-image-1.png);
}
.promo--february::after {
  right: -20%;
  background-image: url(/v4/genealogie/Content/img/banner/opsp-25-02-side-image-2.png);
}
.promo--february .promo__content {
  text-align: center;
  justify-content: center;
}
.promo--february .sub--2 {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .promo--february .sub {
    padding-block: calc(4 / var(--baseRem, 10) * 1rem);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .promo--february {
    background: linear-gradient(90deg, rgba(2, 94, 119, 0.8) 0%, rgba(187, 223, 232, 0.85) 22%, rgba(153, 205, 218, 0.45) 75%, rgba(2, 94, 119, 0.75) 100%);
  }
  .promo--february::before {
    left: -15%;
  }
  .promo--february::after {
    right: -10%;
  }
}
@media screen and (min-width: 976px) {
  .promo--february {
    --sub--1-fs: calc(28 / var(--baseRem, 10) * 1rem);
    --promo-logo-mw: calc(228 / var(--baseRem, 10) * 1rem);
  }
  .promo--february::before, .promo--february::after {
    object-fit: contain;
  }
  .promo--february::before {
    height: calc(800 / var(--baseRem, 10) * 1rem);
    top: 0;
    left: 0;
  }
  .promo--february::after {
    height: 100%;
    width: calc(240 / var(--baseRem, 10) * 1rem);
    top: initial;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1168px) {
  .promo--february .banner__discount {
    transform: scale(1.2);
  }
}
.promo--april {
  --promo-bgc: #f5efe6;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #002c41;
  --separator-clr: transparent;
  --wrapper-bgc: transparent;
  --wrapper-p: 0;
  --sub--1-clr: #3d5f42;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--april::before, .promo--april::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(200 / var(--baseRem, 10) * 1rem);
  height: calc(140 / var(--baseRem, 10) * 1rem);
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--april::before {
  top: initial;
  bottom: 0;
  left: -2%;
  background-image: url(/v4/genealogie/Content/img/banner/illu-banner-25-04-left-1.png);
}
.promo--april::after {
  right: -12%;
  background-image: url(/v4/genealogie/Content/img/banner/illu-banner-25-04-right-1.png);
}
.promo--april .promo__content {
  text-align: center;
  justify-content: center;
}
.promo--april .sub--2 {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .promo--april .sub {
    padding-block: calc(4 / var(--baseRem, 10) * 1rem);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .promo--april::before {
    height: calc(200 / var(--baseRem, 10) * 1rem);
  }
  .promo--april::after {
    right: -5%;
    height: calc(200 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 976px) {
  .promo--april {
    --sub--1-fs: calc(28 / var(--baseRem, 10) * 1rem);
    --promo-logo-mw: calc(228 / var(--baseRem, 10) * 1rem);
  }
  .promo--april::before, .promo--april::after {
    object-fit: contain;
  }
  .promo--april::before {
    height: calc(400 / var(--baseRem, 10) * 1rem);
    bottom: -100%;
    left: 0;
  }
  .promo--april::after {
    height: calc(300 / var(--baseRem, 10) * 1rem);
    width: calc(200 / var(--baseRem, 10) * 1rem);
    right: 0;
  }
}
@media screen and (min-width: 1168px) {
  .promo--april .banner__discount {
    transform: scale(1.2);
  }
  .promo--april::before {
    height: calc(400 / var(--baseRem, 10) * 1rem);
    width: calc(400 / var(--baseRem, 10) * 1rem);
  }
  .promo--april::after {
    height: calc(600 / var(--baseRem, 10) * 1rem);
    width: calc(400 / var(--baseRem, 10) * 1rem);
    right: 0;
  }
}
@media screen and (min-width: 1368px) {
  .promo--april::before {
    height: calc(500 / var(--baseRem, 10) * 1rem);
    width: calc(400 / var(--baseRem, 10) * 1rem);
    bottom: -25%;
    left: -5%;
  }
}
.promo--summer {
  --promo-bgc: #00abc1;
  --promo-cta-bgc: #ff3c3c;
  --promo-cta-bdc: #ff3c3c;
  --promo-cta-active-bgc: rgb(255, 36.375, 36.375);
  --promo-cta-active-bdc: rgb(255, 36.375, 36.375);
  --promo-cta-clr: #fff;
  --promo-txt-clr: #002c41;
  --separator-clr: transparent;
  --wrapper-bgc: transparent;
  --wrapper-p: 0;
  --sub--1-clr: #fff;
  --sub--2-clr: #fec50a;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.promo--summer::before, .promo--summer::after {
  display: block;
  position: absolute;
  content: "";
  width: calc(320 / var(--baseRem, 10) * 1rem);
  aspect-ratio: 2;
  bottom: -2px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.promo--summer::after {
  right: -15%;
  background-image: url(/v4/genealogie/Content/img/banner/25-07-opsp-banner-right.png);
}
.promo--summer .promo__content {
  text-align: center;
  justify-content: center;
}
.promo--summer .sub--2 {
  margin-bottom: calc(4 / var(--baseRem, 10) * 1rem);
}
@media screen and (max-width: 591px) {
  .promo--summer::before {
    width: calc(100 / var(--baseRem, 10) * 1rem);
    aspect-ratio: 1;
    bottom: initial;
    top: -1.5rem;
    left: -3rem;
    background-image: url(/v4/genealogie/Content/img/banner/25-07-opsp-banner-left-mobile.png);
    transform: rotate(90deg);
  }
  .promo--summer .sub {
    padding-block: calc(4 / var(--baseRem, 10) * 1rem);
    border-radius: calc(4 / var(--baseRem, 10) * 1rem);
  }
}
@media screen and (min-width: 592px) {
  .promo--summer::before {
    background-image: url(/v4/genealogie/Content/img/banner/25-07-opsp-banner-left.png);
    left: -10%;
  }
  .promo--summer::after {
    right: 0;
  }
}
@media screen and (min-width: 976px) {
  .promo--summer {
    --sub--1-fs: calc(32 / var(--baseRem, 10) * 1rem);
  }
  .promo--summer::before, .promo--summer::after {
    object-fit: contain;
  }
  .promo--summer::before {
    left: 0;
  }
  .promo--summer::after {
    right: 5rem;
    bottom: 20%;
    transform: scale(1.5);
  }
}
@media screen and (min-width: 1168px) {
  .promo--summer .banner__discount {
    transform: scale(1.25);
  }
  .promo--summer::before {
    left: 2%;
    bottom: 40%;
    transform: scale(2);
  }
  .promo--summer::after {
    right: 10rem;
    bottom: 40%;
    transform: scale(2);
  }
}

.clr-brand {
  color: #f55 !important;
}

.flow > * + * {
  margin-top: var(--spacer-flow, calc(8 / var(--baseRem, 10) * 1rem));
}

@media screen and (max-width: 591px) {
  .hide-sm {
    display: none !important;
  }
}
@media screen and (max-width: 975px) {
  .hide-md {
    display: none !important;
  }
}
/* Bloc-departement slider */
.bloc-departement .carousel-departement a {
  left: -34px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.bloc-departement .carousel-departement a + a {
  left: auto;
  right: -34px;
  z-index: 100;
}
.bloc-departement .carousel-departement a i {
  color: #757585;
  font-size: 50px;
}

@media (max-width: 768px) {
  .bloc-departement .carousel-departement a {
    right: -30px;
  }
}
.tweet-section-container .tweet-container {
  min-height: 224px;
  height: 224px;
  max-width: 464px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (max-width: 768px) {
  .tweet-section-container .tweet-container {
    margin: 15px auto;
  }
}
.tweet-section-container .icon-twitter-container {
  display: block;
  text-align: center;
  font-size: 45px;
  color: #ff5555;
}

.carousel-individus {
  position: relative;
  margin: 0 20px 21px 20px;
}
.carousel-individus a {
  left: -34px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.carousel-individus a + a {
  left: auto;
  right: -34px;
  z-index: 100;
}
.carousel-individus .customNavigation a i {
  font-size: 50px;
  color: #757585;
}
.carousel-individus .customNavigation a i::-moz-selection {
  background: #ff5555; /* The Fallback */
  background: rgba(255, 85, 85, 0.99);
  color: #fff;
}
.carousel-individus .customNavigation a i::selection {
  background: #ff5555; /* The Fallback */
  background: rgba(255, 85, 85, 0.8);
  color: #fff;
}
.carousel-individus .person {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 132px;
  margin: 7px 12px 0 12px;
}
.carousel-individus .person .face i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  background: #fff;
  border-radius: 50%;
  color: #757585;
  font-size: 12px;
  padding: 3px;
}
.carousel-individus .person:hover .face i {
  background-color: #eeeff0;
}
.carousel-individus .person.sosa {
  background: #2B2550;
}
.carousel-individus .person.sosa .surnom {
  color: #fff;
}
.carousel-individus .person.sosa .face i {
  background: #2B2550;
  color: #fff;
}
.carousel-individus .person.sosa .identite .nom,
.carousel-individus .person.sosa .identite .prenom,
.carousel-individus .person.sosa .identite .period {
  color: #fff;
}
.carousel-individus .owl-theme .owl-controls {
  display: none !important;
}

.carousel-reviews {
  position: relative;
}
.carousel-reviews .customNavigation a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.carousel-reviews .customNavigation a:first-child {
  left: -16px;
  right: auto;
}
.carousel-reviews .customNavigation a + a {
  right: -16px;
}
.carousel-reviews .customNavigation a i {
  color: #ff5555;
  font-size: 50px;
}
.carousel-reviews .owl-reviews {
  width: 90%;
  margin: 0 auto;
}
.carousel-reviews .owl-reviews .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
}
.carousel-reviews .owl-reviews .item div:first-child {
  margin: auto 0;
}
.carousel-reviews .owl-reviews .item div:first-child img {
  width: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.carousel-reviews .owl-reviews .item div:first-child + div {
  margin: auto 0;
  font-size: 16px;
  text-align: left;
}
.carousel-reviews .owl-reviews .item div:first-child + div p {
  margin: 0px 35px 0 20px;
}
.carousel-reviews .owl-reviews .item div:first-child + div p span {
  display: block;
  color: #ff5555;
}
.carousel-reviews .owl-reviews .item:after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 1200px) {
  .carousel-reviews .owl-reviews .item {
    height: 180px;
  }
}
@media (max-width: 912px) {
  .carousel-reviews .owl-reviews .item {
    height: 230px;
  }
}
@media (max-width: 857px) {
  .carousel-reviews .owl-reviews .item {
    height: 264px;
  }
}
@media (max-width: 799px) {
  .carousel-reviews .owl-reviews .item {
    height: auto;
  }
}
@media (max-width: 582px) {
  .carousel-reviews .owl-reviews .item div:first-child img {
    display: none;
  }
  .carousel-reviews .owl-reviews .item div:first-child + div p {
    margin: 0px 20px 0 20px;
  }
}
/*  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;
  }
}

.avatar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  height: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: var(--avatar-bgc, #8888ff);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  min-height: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  min-width: var(--avatar-size, calc(96 / var(--baseRem, 10) * 1rem));
  position: relative;
}
.avatar__initiale {
  font-size: var(--avatar-fs, calc(36 / var(--baseRem, 10) * 1rem));
  font-weight: 400;
  margin: 0;
  text-align: center;
}
.avatar__icon.material-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: var(--avatar-icon-size, calc(24 / var(--baseRem, 10) * 1rem));
  height: var(--avatar-icon-size, calc(24 / var(--baseRem, 10) * 1rem));
  background-color: #2B2550;
  border-radius: 50%;
  bottom: 0;
  font-size: var(--avatar-icon-fs, calc(19 / var(--baseRem, 10) * 1rem));
  position: absolute;
  right: 0;
  top: inherit;
}
.avatar__image {
  width: 100%;
  height: 100%;
  border: var(--avatar-img-border-width, calc(6 / var(--baseRem, 10) * 1rem)) solid var(--avatar-border-clr, #757585);
  border-radius: 50%;
}
.avatar--man {
  --avatar-bgc: #66cccc;
}
.avatar--man .avatar__image, .avatar--man.avatar--empty {
  --avatar-border-clr: #66cccc;
}
.avatar--woman {
  --avatar-bgc: #ff8888;
}
.avatar--woman .avatar__image, .avatar--woman.avatar--empty {
  --avatar-border-clr: #ff8888;
}
.avatar__status {
  --avatar-bgc: #FD7E14;
  font-family: "icomoon";
  position: relative;
}
.avatar__status::before {
  display: block;
  position: absolute;
  content: "\e801";
  font-size: calc(60 / var(--baseRem, 10) * 1rem);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
}
.avatar__status--checked {
  --avatar-bgc: #20C997;
}
.avatar__status--checked::before {
  content: "\e91e";
}
.avatar__status--edit {
  --avatar-bgc: #fff;
  border: 1px solid #adb5bd;
}
.avatar__status--edit::before {
  content: "\e97c";
  color: #adb5bd;
}
.avatar--medium {
  --avatar-size: calc(64 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(24 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(4 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(16 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(12 / var(--baseRem, 10) * 1rem);
}
.avatar--medium .avatar__icon {
  background-color: #fff;
  bottom: 0;
  color: #757585;
  right: 0;
}
.avatar--medium.avatar__status::before {
  font-size: calc(40 / var(--baseRem, 10) * 1rem);
}
.avatar--small, #ExistingAlternativeParents .avatar--known-person, .liste-fratrie .avatar--known-person {
  --avatar-size: calc(36 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(16 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(3 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(14 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(9 / var(--baseRem, 10) * 1rem);
}
.avatar--small .avatar__icon, #ExistingAlternativeParents .avatar--known-person .avatar__icon, .liste-fratrie .avatar--known-person .avatar__icon {
  background-color: #fff;
  bottom: -2px;
  color: #757585;
  right: -2px;
}
.avatar--small.avatar__status::before, #ExistingAlternativeParents .avatar__status.avatar--known-person::before, .liste-fratrie .avatar__status.avatar--known-person::before {
  font-size: calc(20 / var(--baseRem, 10) * 1rem);
}
.avatar--known-person {
  --avatar-size: calc(48 / var(--baseRem, 10) * 1rem);
  --avatar-fs: calc(22 / var(--baseRem, 10) * 1rem);
  --avatar-img-border-width: calc(3 / var(--baseRem, 10) * 1rem);
  --avatar-icon-size: calc(18 / var(--baseRem, 10) * 1rem);
  --avatar-icon-fs: calc(12 / var(--baseRem, 10) * 1rem);
}
.avatar--known-person .avatar__icon {
  background-color: #fff;
  bottom: -4px;
  color: #757585;
  right: -3px;
}
.avatar--empty {
  --avatar-bgc: transparent;
  border: 2px dashed #8888ff;
}

.md-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
  font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  /* Input */
  /* Span */
}
.md-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: -1;
  position: absolute;
  left: -10px;
  top: -12px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
  /* Checked, Indeterminate */
}
.md-checkbox__input:focus {
  outline: none !important;
}
.md-checkbox__input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}
.md-checkbox__input:checked ~ .md-checkbox__span::before, .md-checkbox__input:indeterminate ~ .md-checkbox__span::before {
  border-color: #43C;
  background-color: #43C;
}
.md-checkbox__input:checked ~ .md-checkbox__span::after, .md-checkbox__input:indeterminate ~ .md-checkbox__span::after {
  border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
}
.md-checkbox__input:indeterminate ~ .md-checkbox__span::after {
  border-left: none;
  transform: translate(4px, 3px);
}
.md-checkbox__input:checked:active ~ .md-checkbox__span::before {
  border-color: transparent;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}
.md-checkbox__span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  user-select: none;
  /* Box */
  /* Checkmark */
}
.md-checkbox__span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 1px 11px 3px 1px;
  border: solid 2px; /* Safari */
  border-color: #43C;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}
.md-checkbox__span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  width: 13px;
  height: 7px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(2px, 4px) rotate(-45deg);
}

.md__wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0;
  margin: 0;
  margin-bottom: calc(18 / var(--baseRem, 10) * 1rem);
  min-width: 0;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.md__wrapper.disabled {
  opacity: 0.65;
}
.md__wrapper:not(.fill) {
  z-index: 1;
}
.md__wrapper:not(.fill):not(:focus-within).has-placeholder .md__label {
  display: none;
}
.md__wrapper:not(.fill) .clear-input {
  display: none !important;
}
.md__wrapper.fill:focus-within .clear-input, .md__wrapper.fill:hover .clear-input {
  display: inline-block;
}
.md__wrapper.fill .md__input[type=text]:focus {
  padding-right: calc(30 / var(--baseRem, 10) * 1rem);
}
.md__label {
  background-color: var(--clr-bg-current, #fff);
  color: var(--clr-label, #757575);
  display: block;
  font-size: calc(15 / var(--baseRem, 10) * 1rem);
  font-weight: 400;
  left: 0;
  letter-spacing: 0.00938em;
  line-height: 1;
  margin-bottom: calc(5 / var(--baseRem, 10) * 1rem);
  padding: 0 calc(5 / var(--baseRem, 10) * 1rem);
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(8px, 13px) scale(1);
  transform-origin: top left;
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1);
  z-index: -1;
}
.focus .md__label, .fill .md__label {
  transform: translate(8px, -6px) scale(0.75);
  z-index: 1;
}
.focus .md__label {
  color: var(--clr-interaction, #43C);
}
.md__label--radios {
  color: var(--clr-label, #757575);
  display: block;
  font-size: calc(15 / var(--baseRem, 10) * 1rem * 0.75);
  font-weight: 400;
  letter-spacing: 0.00938em;
  line-height: 1;
  margin-bottom: calc(var(--gap-y, calc(7 / var(--baseRem, 10) * 1rem)) / 2 * 1.25);
}
@media (min-width: 767px) {
  .md__label--radios {
    margin-bottom: calc(var(--gap-y, calc(7 / var(--baseRem, 10) * 1rem)) / 2 * 0.75);
  }
}
.md__base {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #212121;
  cursor: text;
  line-height: 1.1875em;
  position: relative;
  width: 100%;
}
.md__input {
  display: block;
  padding: calc(10 / var(--baseRem, 10) * 1rem);
  margin: 0;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--clr-border, #C3C3C3);
  background: none;
  color: var(--clr-font-current, currentColor);
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 200ms cubic-bezier(0, 0, 0.2, 1), border-width 200ms cubic-bezier(0, 0, 0.2, 1);
  font-size: 16px;
}
.md__input.md__input {
  border-radius: 4px;
}
.md__input.md__input:not(textarea) {
  height: calc(40 / var(--baseRem, 10) * 1rem);
  padding: calc(6.5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
}
.md__input--password {
  padding-right: calc(40 / var(--baseRem, 10) * 1rem);
  position: relative;
}
.md__input:hover {
  border: 1px solid var(--clr-hover, #212121);
}
.md__input:focus {
  outline: 0;
  border-width: 2px;
  border-color: var(--clr-interaction, #43C);
}
.error .md__input {
  border-color: #D9001B;
}
.md__input:disabled {
  cursor: not-allowed;
}
.md__helpertext {
  color: #D9001B;
  display: none;
  font-size: calc(12 / var(--baseRem, 10) * 1rem);
  font-weight: 400;
  letter-spacing: 0.03333em;
  line-height: 1em;
  margin: 8px 0 0;
  min-height: 1em;
  text-align: left;
}
.md__helpertext--alert {
  display: block;
  margin: 0 0 12px;
}
.md__icon {
  position: absolute;
  right: calc(10 / var(--baseRem, 10) * 1rem);
  top: 50%;
  transform: translateY(-50%);
  user-select: none;
}
.error ~ .md__icon {
  transform: translateY(-92%);
}
.md__icon:hover {
  cursor: pointer;
}
.md__picker .profil {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-right: 4px;
}
.md__picker .profil,
.md__picker .profil img {
  width: calc(25 / var(--baseRem, 10) * 1rem);
  height: calc(25 / var(--baseRem, 10) * 1rem);
}
.md__picker .profil img {
  border-width: 2px;
}
.md__picker .initiale {
  font-size: 0.75em;
  letter-spacing: 0.005em;
  font-weight: bold;
}
.md__picker .md__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  padding-right: calc(32.5 / var(--baseRem, 10) * 1rem);
}
.md__picker .md__input:hover {
  cursor: pointer;
}
.md__picker .md__input > p {
  max-width: calc(100% - 24px);
}
.md__picker .md__input p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: calc(5 / var(--baseRem, 10) * 1rem) 0;
}
.md__picker .md__input i {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  color: var(--clr-interaction, #43C);
}
.md__picker--readonly .md__input:hover {
  cursor: initial;
}
.md__picker #nameSosaPersonSearch {
  max-width: calc(100% - (25 / var(--baseRem, 10) * 1rem + 4px + 24px));
}
.md__select .md__label {
  z-index: 3;
}
.md__select:focus-within .md__label {
  color: var(--clr-interaction, #43C);
}
.md__select .dropdown-toggle.btn,
.md__select select {
  height: calc(40 / var(--baseRem, 10) * 1rem);
}
.md__select .dropdown-toggle.btn:hover,
.md__select select:hover {
  border-color: var(--clr-hover, #212121);
}
.md__select .dropdown-toggle.btn, .md__select .dropdown-toggle.btn:hover, .md__select .dropdown-toggle.btn:focus,
.md__select select,
.md__select select:hover,
.md__select select:focus {
  background-color: var(--clr-bg-current, #fff) !important;
}
.md__select .dropdown-toggle.btn {
  padding: calc(6.5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
}
.md__select .dropdown-toggle.btn, .md__select .dropdown-toggle.btn:hover, .md__select .dropdown-toggle.btn:focus {
  color: var(--clr-label, #757575) !important;
}
.md__select .bootstrap-select.open .dropdown-toggle,
.md__select select:focus {
  border-width: 2px;
  border-color: var(--clr-interaction, #43C);
}
.md__select select {
  width: 100%;
  padding: calc(2.5 / var(--baseRem, 10) * 1rem);
  border: 1px solid var(--clr-border, #C3C3C3);
  border-radius: 4px;
  font-size: calc(16 / var(--baseRem, 10) * 1rem);
  text-overflow: ellipsis;
}
.md__select .bs-caret {
  margin-left: -4px;
}
.md__select .caret {
  padding: 0 calc(10 / var(--baseRem, 10) * 1rem);
}
.md__select .filter-option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 20 / var(--baseRem, 10) * 1rem);
}
.md__select .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: var(--clr-hover, #212121);
}
.md__select .btn-default {
  color: #303f4c;
}
.md__select:hover .btn-default {
  color: var(--clr-interaction, #43C);
}
.md__columns {
  --gap-y: 14px;
}
.md__columns .row {
  margin-right: -7px;
  margin-left: -7px;
}
.md__columns [class*=col-],
.md__columns .col {
  padding-left: 7px;
  padding-right: 7px;
}
.md__columns .md__wrapper {
  margin-bottom: var(--gap-y, 14px);
}
.md__columns .col-radios {
  margin-bottom: calc(var(--gap-y, 14px) * 2 - 5 / var(--baseRem, 10) * 1rem);
}
.md__columns .col-radios .radio-inline {
  margin: 7px 14px 7px 0;
}
.md__columns .tag-v2__row--popup {
  margin-top: 7px;
}
.md__input-with-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.md__input-with-btn > .md__wrapper:not(:only-child):first-child .md__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.md__input-with-btn > .md__wrapper:not(:only-child):last-child {
  min-width: calc(40 / var(--baseRem, 10) * 1rem);
  width: calc(40 / var(--baseRem, 10) * 1rem);
}
.md__input-with-btn > .md__wrapper:not(:only-child):last-child .md__input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.md__input-with-btn > .md__wrapper:not(:only-child) button.md__input {
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.md__input-with-btn > .md__wrapper:not(:only-child) button.md__input:hover i, .md__input-with-btn > .md__wrapper:not(:only-child) button.md__input:active i {
  color: #43C;
}

a.md__picker:hover, a.md__picker:focus, a.md__picker:active {
  text-decoration: none;
}

textarea.md__input {
  padding-right: calc(30 / var(--baseRem, 10) * 1rem);
}

.clear-input {
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
  display: none;
  position: absolute;
  right: calc(8 / var(--baseRem, 10) * 1rem);
  top: 20px;
  z-index: 1;
  padding: 0 0 0 calc(5 / var(--baseRem, 10) * 1rem);
  background-color: var(--clr-bg-current, #fff);
  border: none;
  color: var(--clr-icon, #000);
}
.clear-input:hover, .clear-input:focus, .clear-input:active {
  color: var(--clr-icon-hover, #43C);
}
.clear-input:hover i, .clear-input:focus i, .clear-input:active i {
  opacity: 1;
  pointer-events: none;
}
.clear-input i {
  font-size: calc(18 / var(--baseRem, 10) * 1rem);
  opacity: 0.6;
}

.md-radio {
  margin: 16px 0;
}
.md-radio.md-radio--inline {
  display: inline-block;
}
.md-radio input[type=radio] {
  display: none;
}
.md-radio input[type=radio]:checked + label:before {
  animation: ripple 0.2s linear forwards;
  border-color: #43C;
}
.md-radio input[type=radio]:checked + label:after {
  transform: scale(1) translateY(-50%);
}
.md-radio label {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 20px;
  margin-bottom: 0;
  padding: 0 30px;
  position: relative;
  user-select: none;
  vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after {
  border-radius: 50%;
  content: "";
  position: absolute;
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
  transition-property: transform, border-color;
}
.md-radio label:before {
  border: 2px solid #43C;
  height: 20px;
  left: 0;
  top: 0;
  width: 20px;
}
.md-radio label:after {
  background: #43C;
  height: 10px;
  left: 5px;
  top: 50%;
  transform: scale(0) translateY(-50%);
  transform-origin: center;
  width: 10px;
}

.md-radios-group {
  --bs-btn-border-radius: pxToRem(8);
}
.md-radios-group .btn {
  border-radius: var(--bs-btn-border-radius);
  padding: calc(5 / var(--baseRem, 10) * 1rem) calc(10 / var(--baseRem, 10) * 1rem);
}
.md-radios-group .btn-outline-primary {
  --bs-btn-color: #43C;
  --bs-btn-border-color: #43C;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #43C;
  --bs-btn-hover-border-color: #43C;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #43C;
  --bs-btn-active-border-color: #43C;
  --bs-btn-disabled-color: #43C;
  --bs-btn-disabled-border-color: #43C;
}
.md-radios-group .btn-check:focus + .btn, .md-radios-group .btn:focus {
  box-shadow: none;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.md-modal .modal-content {
  border-radius: calc(24 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-header {
  border-bottom: 0;
  padding-top: calc(12 / var(--baseRem, 10) * 1rem);
  padding-right: calc(4 / var(--baseRem, 10) * 1rem);
  padding-bottom: 0;
}
.md-modal .modal-header button {
  display: grid;
  place-content: center;
  width: calc(44 / var(--baseRem, 10) * 1rem);
  height: calc(44 / var(--baseRem, 10) * 1rem);
  margin-top: calc(-8 / var(--baseRem, 10) * 1rem);
  border-radius: 50%;
  border: 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.6392156863);
  float: right;
}
.md-modal .modal-header button:hover, .md-modal .modal-header button:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.md-modal .modal-header button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.md-modal .modal-body {
  padding-block: calc(8 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-title {
  color: #333;
  font-size: calc(20 / var(--baseRem, 10) * 1rem);
  line-height: calc(28 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-footer {
  display: flex;
  flex-direction: row-reverse;
  gap: calc(8 / var(--baseRem, 10) * 1rem);
  padding-top: 0;
}
.md-modal .modal-footer .btn-cta {
  padding: calc(10 / var(--baseRem, 10) * 1rem) calc(12 / var(--baseRem, 10) * 1rem);
}
.md-modal .modal-footer .btn-cta--third {
  border-width: 1px;
}
.md-modal .modal-footer .btn-cta--third, .md-modal .modal-footer .btn-cta--third:hover, .md-modal .modal-footer .btn-cta--third:active, .md-modal .modal-footer .btn-cta--third:focus {
  --btn-cta-border-color: #43C;
}

/* Fenêtre "Besoin d'aide" => jquery.mytour.css */
#my-tour-tooltip p.text-left {
  text-align: left;
}

/* DEBUT ajout CSS general-style.css 11/05/2017  */
.container.page .orange-check {
  color: #ff5555;
}
.container.page .resultTable {
  font-size: 14px;
  font-family: "Lato", sans-serif;
}
.container.page .table > tbody > tr > td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.container.page .breadcrumb {
  background-color: #EDEEF6 !important;
  border-radius: 0px;
  border-left: 1px solid rgb(169, 173.7777777778, 212);
  border-right: 1px solid rgb(169, 173.7777777778, 212);
}
.container.page .panel-body .breadcrumb {
  background-color: #fff !important;
}
.container.page .border_bottom {
  margin-left: 0px;
  margin-right: 0px;
}
.container.page #structure-n1 #sourcesTabHeader[style="display: block;"] + #filters .navbar .navbar-nav {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.container.page #structure-n1 .breadcrumb {
  color: #666666;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
.container.page #structure-n1 .breadcrumb li a {
  color: #43C;
}
.container.page #structure-n1 .breadcrumb > li + li:before {
  color: #43C;
}
.container.page #structure-n1 .breadcrumb > .active {
  color: #666666;
}
.container.page .nav > li.disabled > a:hover, .container.page .nav > li.disabled > a:focus {
  cursor: pointer;
}
.container.page .nav > li.disabled.sort > a:hover, .container.page .nav > li.disabled.sort > a:focus {
  cursor: pointer;
}
.container.page .eventCheckbox input {
  float: left;
}
.container.page .sourcesCheckbox input {
  float: left;
}
.container.page #mainPerson, .container.page #withImage, .container.page #withKnownAncestry, .container.page #withSource, .container.page #firstnameVariants {
  float: left;
}
.container.page #evenements .eventCheckbox p {
  margin-left: 18px;
  width: 100%;
}
.container.page #sources .sourcesCheckbox p {
  margin-left: 18px;
  width: 100%;
}
.container.page .dropdown-menu.recently {
  left: auto;
  right: 0;
}

#forgotPasswordForm .BtnReset {
  margin: 25px 0;
}

.archives iframe {
  width: 600px;
  height: 310px;
  display: block;
  margin: auto;
}
@media (max-width: 768px) {
  .archives iframe {
    width: 80%;
  }
}

.img-book {
  width: 100%;
  align-content: center;
  margin-left: 60px;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .img-book {
    margin-left: 0;
  }
}

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

.banner-free-trial-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: fixed;
  z-index: 1000;
  width: 100%;
  min-height: 60px;
  bottom: 0;
  background: #2B2550; /* The Fallback */
  background: rgba(43, 37, 80, 0.9);
  -webkit-animation: heightSlideUp 1s 1;
  -moz-animation: heightSlideUp 1s 1;
  -o-animation: heightSlideUp 1s 1;
  animation: heightSlideUp 1s 1;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner-free-trial-container .banner-reduction-img {
  position: absolute;
  top: -24px;
  left: 35px;
  width: 48px;
  height: 48px;
}
@media (max-width: 785px) {
  .banner-free-trial-container .banner-reduction-img {
    position: relative;
    top: 0;
    left: 0;
  }
}
@media (max-width: 955px) {
  .banner-free-trial-container div {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .banner-free-trial-container div span {
    margin-bottom: 10px;
  }
}
@-webkit-keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@-ms-keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes heightSlideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.banner-free-trial-container div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.banner-free-trial-container a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.banner-free-trial-container span {
  color: #fff;
  font-size: 21px;
  text-align: center;
}
.banner-free-trial-container .btn-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 0;
  height: 42px;
  margin-left: 30px;
  width: 139px;
  white-space: nowrap;
}
.banner-free-trial-container .btn-action.btn-large {
  padding: 10px 18px;
  font-size: 19px;
  width: auto;
}
.banner-free-trial-container button.close {
  position: absolute;
  transform: translateY(-50%);
  right: 10px;
  top: 50%;
  color: #fff;
  opacity: 1;
  text-shadow: initial;
  z-index: 1005;
}

.search-footer .container.page {
  margin-top: 25px;
}
.search-footer .link-bandeau.marge-banner + .container.page {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .search-footer .link-bandeau.marge-banner + .container.page {
    margin-top: 25px;
  }
}

#searchForm .form-group {
  margin-bottom: 5px;
}
#searchForm .form-group .bootstrap-select .filter-option,
#searchForm .form-group .styled-select {
  color: #333333;
}

#results .orange-check {
  border: 2px solid #11a88b;
  color: #11a88b;
  padding: 2px;
  font-size: 8px;
  font-weight: 900;
  border-radius: 50%;
}
#results .icon-baseline-mail {
  font-size: 20px;
  top: 0;
}
#results .icon-premium-badge {
  font-size: 25px;
  top: -2px;
}
#results .message-img {
  height: 20px;
}
#results #filters .dropdown-menu {
  z-index: 1001;
}

#search-tabs table > thead > tr > th {
  padding: 0 8px;
}
#search-tabs table > thead > tr > th.headerSortBySpouseParent, #search-tabs table > thead > tr > th.headerSortByLastname {
  min-width: 120px;
}
#search-tabs .icon-i-outline-lock {
  color: #757585;
  font-size: 20px;
}
#search-tabs .orange-check {
  border: 2px solid #11a88b;
  color: #11a88b;
  padding: 2px;
  font-size: 8px;
  font-weight: 900;
  border-radius: 50%;
}
#search-tabs .icon-baseline-mail {
  font-size: 20px;
}
#search-tabs .icon-premium-badge {
  font-size: 25px;
}
#search-tabs .message-img {
  height: 20px;
}
#search-tabs .tree-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#search-tabs .tree-name span {
  white-space: nowrap;
  margin-right: 2px;
}
#search-tabs .table > tbody > .search__row {
  display: table-row;
}
#search-tabs .table > tbody > .search__row > td > a, #search-tabs .table > tbody > .search__row > td > a:link, #search-tabs .table > tbody > .search__row > td > a:visited, #search-tabs .table > tbody > .search__row > td > a:hover, #search-tabs .table > tbody > .search__row > td > a:active {
  color: #333333;
}
#search-tabs .table > tbody > .search__row > td > a:focus, #search-tabs .table > tbody > .search__row > td > a:hover {
  text-decoration: none;
}
#search-tabs .table > tbody > .search__row > td > a:visited .highlight-blue-uppercase, #search-tabs .table > tbody > .search__row > td > a:visited .highlight-black {
  color: #767676;
}
#search-tabs .table > tbody > .search__row > td > a.custom-link-visited .highlight-blue-uppercase {
  color: #767676 !important;
}

.badge-premium {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  background-color: #ff5555;
  text-align: center;
  font-weight: 900;
  border-radius: 8px;
  font-size: 11px;
}

#sourcesTab > div > div {
  margin-top: 20px;
}

.row-search {
  margin-right: -2px;
  margin-left: -2px;
  position: relative;
}
.row-search .line {
  margin-bottom: 10px;
  min-height: 44px;
}
.row-search > [class*=col] {
  min-height: auto;
}
.row-search.date #divEventType {
  padding-right: 0;
}
.row-search.date #divEventType .bootstrap-select .btn.dropdown-toggle.btn-default {
  border-top-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 6px;
}
.row-search.date #divFromYear {
  padding: 0;
}
.row-search.date #divToYear,
.row-search.date #divAroundYear {
  padding-left: 0;
}
.row-search.date #inputFromYear,
.row-search.date #inputToYear,
.row-search.date #inputAroundYear {
  border-left-color: transparent;
}
.row-search.date #inputFromYear:focus,
.row-search.date #inputToYear:focus,
.row-search.date #inputAroundYear:focus {
  border-left-color: #66afe9;
}
.row-search.date #inputFromYear {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.row-search.date #inputToYear,
.row-search.date #inputAroundYear {
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 0;
}
.row-search.date .input-lg,
.row-search.date .bootstrap-select .filter-option {
  font-size: 14px;
}
.row-search > [class*=col-] {
  padding-right: 2px;
  padding-left: 2px;
}
@media (max-width: 1201px) and (min-width: 992px) {
  .row-search .col-lg-11 {
    width: 90%;
  }
  .row-search .col-lg-1 {
    width: 10%;
  }
  .row-search .date__select {
    min-width: auto;
  }
  .row-search .date__select .bootstrap-select .filter-option {
    font-size: 13px;
  }
  .row-search .date__select button.dropdown-toggle {
    padding: 0 0 0 2px !important;
  }
  .row-search .date__year {
    max-width: auto;
  }
  .row-search .date__year.col-xs-6.col-sm-8.col-md-8.col-lg-8 {
    max-width: 130px;
  }
  .row-search .date__year .input-lg {
    padding: 2px;
    font-size: 14px;
  }
}
.row-search span + .form-control-feedback {
  height: 41px;
  top: 2px;
  width: 32px;
  line-height: 42px;
  right: 0px;
  margin-right: 3px;
  background-color: #fff;
}
.row-search.input-annee .input-lg {
  height: 49px;
}
.row-search .input-lg {
  height: 44px;
  padding: 10px;
  font-size: 14px;
}
.row-search .input-lg + .form-control-feedback {
  height: 41px;
  top: 2px;
  width: 32px;
  line-height: 42px;
  right: 0px;
  margin-right: 3px;
  background-color: #fff;
}
.row-search .input-lg + .form-control-feedback:hover {
  cursor: pointer;
}
.row-search .input-lg.select {
  padding: 0;
}
.row-search .input-lg.select .bootstrap-select .dropdown-toggle.btn {
  height: 44px;
  padding: 3px 8px;
}
.row-search .input-lg.select .bootstrap-select .dropdown-toggle.btn .filter-option {
  width: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .caret {
    margin: 0px !important;
    top: -19px;
    left: 0px;
  }
}
.row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle {
  line-height: 31px;
}
.row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
  position: static;
  display: inline;
}
.row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute !important;
  margin: 0px !important;
  top: inherit !important;
  left: inherit;
  right: 0;
  width: auto;
  height: auto;
  border-bottom: 0;
  color: #333333;
}
.row-search .submit-container {
  padding-left: 10px;
}
.row-search .submit-container #submitSearchButton {
  padding: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.row-search .submit-container #submitSearchButton i {
  top: 3px;
}
.row-search .submit-container #clearform i {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  font-size: 23px;
  margin: 10px 0 0 8px;
  padding: 0;
  vertical-align: top;
}
@media (max-width: 768px) {
  .row-search .submit-container {
    text-align: center;
    padding: 20px;
  }
}
.row-search .plusoptions {
  display: inline;
  margin: 0;
  color: #43C;
}
.row-search .plusoptions:focus {
  text-decoration: none;
}
.row-search .plusoptions:focus:hover {
  text-decoration: underline;
}

.row-search .clear-input,
.bloc-recherche .clear-input,
.recherche .clear-input,
.form-search-container .clear-input {
  -moz-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  display: inline-block;
  top: 50%;
  right: 1rem;
  padding: 0 0 0 0.5rem;
  height: calc(100% - 2rem);
  width: initial;
}

.nav-tabs {
  border-bottom: 1px solid rgb(169, 173.7777777778, 212);
  margin-top: 8px;
  margin-right: 3px;
}
.nav-tabs > li {
  margin: 0 0 -1px 0;
}
.nav-tabs > li.active > a {
  color: #333333;
  cursor: default;
  background-color: #e0e2ef;
  border-color: rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-bottom-color: #e0e2ef;
}
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #333333;
  cursor: default;
  background-color: #e0e2ef;
  border-color: rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-bottom-color: #e0e2ef;
}
.nav-tabs > li > a {
  padding: 10px 22px;
  background-color: #464086;
  color: #fff;
  font-weight: bold;
  margin-right: 8px;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  color: #fff;
  background-color: #43C;
  border: 1px solid rgb(169, 173.7777777778, 212);
  border-bottom-color: #43C;
}
.nav-tabs > li > a .badge {
  margin-left: 4px;
}
.nav-tabs > li.tab-btn i {
  display: table-cell;
  vertical-align: middle;
}
.nav-tabs > li.tab-btn a {
  color: #464086;
  background-color: #fff;
  border: 1px solid rgb(169, 173.7777777778, 212);
  border-bottom: 0;
}
.nav-tabs > li.tab-btn a#filterOptionsTag {
  padding: 9px 13px 13px;
}
.nav-tabs > li.tab-btn a#filterOptionsTag i {
  font-size: 20px;
  font-weight: bold;
}
.nav-tabs > li.tab-btn a.btn-faq {
  padding: 9px 18px 9px;
}
.nav-tabs > li.tab-btn a.btn-faq span {
  font-size: 24px !important;
  font-weight: bold;
}
.nav-tabs > li.tab-btn a:focus, .nav-tabs > li.tab-btn a:hover {
  color: #fff;
  background-color: #43C;
}
.nav-tabs > li.tab-reset {
  float: right;
  margin: 0;
}
.nav-tabs > li.tab-reset a {
  color: #dd3333;
  background: none;
  margin-right: 0;
  padding: 10px 0 0 0;
  border: 0;
}
.nav-tabs > li.tab-reset a:focus, .nav-tabs > li.tab-reset a:hover {
  border: 0;
  text-decoration: underline;
}
.nav-tabs > li.tab-reset a i {
  margin-left: 5px;
  font-size: 30px;
  vertical-align: middle;
  margin: -4px 0 5px 5px;
}

#tabs span {
  line-height: 20px;
  font-size: 18px;
  font-family: "Lato", sans-serif;
}
#tabs li.active span {
  color: #333333;
}

.filterbar .popover {
  text-align: center;
  padding-bottom: 7px;
}

.filter-categ {
  color: #61a6ee;
  padding-bottom: 3px;
  padding-left: 17px;
  padding-right: 20px;
  padding-top: 3px;
}

.popover a {
  cursor: pointer;
}

.nav-filtre-1 li a i {
  font-size: 15px;
}

.filterbar .icon-i-resultat-0 {
  display: inline-block;
  margin: 2px 0 0 0;
  font-size: 19px;
}
.filterbar .icon-i-resultat-1, .filterbar .icon-i-resultat-2 {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 13px;
}

.navbar-nav > li > a.pull-right {
  padding-top: 18px;
  padding-bottom: 18px;
}

/* CORRECT FILTER FIRST LINE PADDING */
.filter-container {
  float: right;
  display: block;
  height: 50px;
}
.filter-container > li {
  display: inline-block;
  position: relative;
}
.filter-container .popover_light--container {
  display: block;
  position: absolute;
  left: 50%;
}

.popover_light.filter {
  margin: -7px 0px 0px -4px;
  padding-bottom: 0;
  top: -41px;
  left: 56%;
  display: block;
  width: 127px;
  transform: translateX(-50%);
  z-index: 0;
}

#filters .navbar.filterbar {
  border-bottom: none;
  background-color: #fff;
  font-family: "Lato", sans-serif;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav {
  float: inherit;
  background-color: #e0e2ef;
  border-left: 1px solid rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-right: 1px solid rgb(156.7234042553, 163.0638297872, 204.2765957447);
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li > a {
  color: #333333;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown {
  width: 16.6%;
  padding-right: 6px;
  margin: 5px 0;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.open .dropdown-toggle .title-dropdown {
  color: #43C;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:first-child {
  padding-left: 5px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:last-child {
  padding-right: 5px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding: 10px 26px 10px 10px;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a .caret {
  position: absolute !important;
  margin: 0px !important;
  top: 55%;
  left: inherit;
  right: 5px;
  width: auto;
  height: auto;
  border: 0;
  margin-top: 50vh;
  transform: translateY(-50%);
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a .caret:before {
  content: "\e915";
  font-family: "icomoon";
  font-size: 28px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.value-all i {
  display: none;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle .title-dropdown {
  display: block;
  margin-bottom: 0;
  color: #556677;
  font-size: 13px;
  line-height: 14px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle .title-dropdown i {
  color: #dd3333;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu {
  font-size: 14px;
  list-style: outside none none;
  text-align: left;
  padding: 7px 0;
  margin-top: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid rgb(169, 173.7777777778, 212);
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu .title-dropdown {
  display: none;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
  left: -132px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li {
  display: block;
  position: relative;
  width: auto;
  padding-right: 55px;
}
@media (max-width: 990px) {
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li {
    padding-right: 0;
  }
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li:after {
  content: "";
  display: block;
  clear: left;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a {
  clear: both;
  color: #333333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
  font-size: 14px;
  height: 27px;
  float: left;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a.all {
  color: #43C;
}
@media (max-width: 992px) {
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a + div {
    display: none !important;
  }
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li .btn-flipper {
  position: absolute;
  right: 15px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li .btn {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  width: auto;
  color: #ffffff;
  padding: 3px 10px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li span a {
  position: absolute;
  right: 0;
  top: 4px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a {
  font-size: 15px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a p.disabled {
  color: #a2a9b4;
  cursor: not-allowed;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a:hover {
  color: #43C;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a + div {
  position: absolute;
  right: 0;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown #yearSimpleFilter .dropdown-menu {
  min-width: 170px;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle {
  color: #333333 !important;
  opacity: 0.5;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle .title-dropdown {
  color: #556677;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown#namesDropdown > li {
  width: auto;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a {
  background-color: #fff;
  border-color: #445599;
}
#filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:hover, #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:focus {
  background-color: #fff;
  border-color: #445599;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li {
  margin-right: 10px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #dropdownMenuSelected {
  color: #333333;
  font-size: 14px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li a {
  color: #43C;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li button {
  margin-top: 10px;
  margin-left: 0;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu {
  min-width: auto;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a {
  color: #333333;
  font-size: 14px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:hover, #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:focus {
  color: #43C;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav.center {
  margin-left: auto;
  margin-right: auto;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info {
  color: #ff5555;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info i {
  font-size: 21px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info a {
  color: #ff5555;
  text-decoration: underline;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .caret {
  position: absolute !important;
  margin: 0px !important;
  top: 55%;
  left: inherit;
  right: -6px;
  width: auto;
  height: auto;
  border: 0;
  margin-top: 50vh;
  transform: translateY(-50%);
}
#filters .navbar.filterbar.nav-filter-2 .navbar-nav .caret:before {
  content: "\e915";
  font-family: "icomoon", sans-serif;
  font-size: 21px;
}
#filters .navbar.filterbar.nav-filter-2 .navbar-text:first-child {
  margin-left: 0px;
  color: #757585;
}
#filters .navbar.filterbar.nav-filter-2 #dropdownMenuSelected {
  padding-left: 0;
}
#filters .navbar.filterbar .navbar-text {
  margin-right: 15px;
  margin-left: 15px;
}

#add-spouse-container .remove-field.remove_field:not(.remove_field--inline) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -46px;
}
@media screen and (max-width: 767px) {
  #add-spouse-container .remove-field.remove_field:not(.remove_field--inline) {
    top: -100%;
    transform: translateY(0);
    right: -30px;
  }
}
#add-spouse-container .clonedInput.row-search {
  position: relative;
}
#add-spouse-container .clonedInput.row-search .form-group {
  position: relative;
  margin-bottom: 0px;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .form-control.input-lg.typeparent.selectpickerVal {
  border-radius: 3px;
  color: #333333;
  appearance: none;
  width: 100%;
  text-indent: 1px;
  text-overflow: "";
  line-height: 31px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .form-control.input-lg.typeparent.selectpickerVal:focus {
  outline: none;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side {
  width: 40px;
  position: absolute;
  height: 96%;
  right: 1px;
  top: 1px;
  pointer-events: none;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side:before {
  content: "";
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side .caret {
  border-width: 0;
}
#add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side i {
  left: 30%;
  top: 50%;
  font-size: 28px;
  position: absolute;
  transform: translateY(-50%);
  background-color: white;
  right: 1px;
}
#add-spouse-container .clonedInput.row-search .preremove-field-container {
  padding-right: 0;
}
@media (max-width: 767px) {
  #add-spouse-container .clonedInput.row-search .preremove-field-container {
    padding-right: 2px;
    padding-left: 2px;
  }
}
#add-spouse-container .clonedInput.row-search .remove-field-container {
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-left: 0;
  text-align: center;
}
#add-spouse-container .clonedInput.row-search .remove-field-container .remove-field {
  display: block;
  color: #43C;
}
#add-spouse-container .clonedInput.row-search .remove-field-container .remove-field i {
  line-height: 40px;
}
@media (max-width: 767px) {
  #add-spouse-container .clonedInput.row-search .remove-field-container {
    padding-right: 2px;
    padding-left: 2px;
  }
  #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field {
    border-radius: 6px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #add-spouse-container .clonedInput.row-search .first-name {
    width: 35%;
    padding-right: 2px;
  }
  #add-spouse-container .clonedInput.row-search .last-name {
    width: 35%;
  }
  #add-spouse-container .clonedInput.row-search .remove-field-container {
    margin: 0;
    width: 5%;
    padding-right: 0px;
    padding-left: 5px;
  }
}
@media (max-width: 992px) {
  #add-spouse-container .clonedInput.row-search .remove-field-container {
    height: 44px;
  }
  #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field {
    margin: 0;
    float: right;
  }
}
@media (max-width: 768px) {
  #add-spouse-container .clonedInput.row-search .align-middle {
    width: 100%;
  }
}

.search_variante {
  background: #ffffff;
  margin: 0;
  border-bottom: 1px solid #d5d8da;
  padding: 14px 0 0 0;
}
.search_variante a {
  color: #43C !important;
}
.search_variante .search_variante-order:first-child {
  margin-bottom: 14px;
}
.search_variante .search_variante-order:first-child li {
  display: inline-block;
  font-size: 16px;
}
.search_variante .search_variante-order:first-child li a {
  font-weight: normal;
  font-size: 12px !important;
}
.search_variante .search_variante-order:first-child li a:before {
  content: "|";
  color: #333333;
  padding: 0 4px;
}
.search_variante .search_variante-order:first-child li:last-child {
  float: right;
  color: rgb(133.7678571429, 142.8928571429, 157.2321428571);
}
.search_variante .search_variante-order:first-child li button {
  margin-top: -6px;
}
.search_variante .search_variante-order:first-child li + li + li a {
  display: none;
}
.search_variante .search_variante-order:first-child li + li + li a.display {
  display: inline-block;
}
.search_variante #displayVar {
  margin-left: 0;
  margin-right: 0;
  border: 1px solid rgb(169, 173.7777777778, 212);
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.search_variante .search_variante-result {
  margin-bottom: 0;
  padding-top: 10px;
  display: inline-block;
  width: 100%;
  max-height: 185px;
  border-top: none;
}
.search_variante .search_variante-result li {
  border-right: 1px solid #cccccc;
  margin: -1px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.search_variante .search_variante-result li:nth-child(4n+4) {
  border-right: 0;
}
.search_variante .search_variante-result li.name label {
  color: #43C !important;
}
.search_variante .search_variante-result li.name span {
  color: #43C;
}
.search_variante .search_variante-result li:last-child {
  margin-bottom: 5px;
}
.search_variante .search_variante-result label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search_variante .search_variante-result label + span {
  float: right;
  margin: 5px 0 5px 10px;
  white-space: nowrap;
}

#group_results_bar_grouped, #group_results_bar_splitted {
  font-size: 13px;
  border-bottom: 1px solid #d5d8da;
  margin: 0 0 10px 0;
  padding: 5px 0 15px 0;
}
#group_results_bar_grouped p, #group_results_bar_splitted p {
  margin: 0;
}

/*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */
.bandeau-acces-gratuit {
  background: #163c8a;
  margin-top: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.bandeau-acces-gratuit:after {
  display: block;
  content: "";
  clear: both;
}
.bandeau-acces-gratuit label.checkbox {
  color: #fff !important;
  display: inline;
  font-size: 18px;
  font-weight: bold !important;
  margin: 0;
  padding: 10px 20px;
  float: left;
}
.bandeau-acces-gratuit label .checkbox-material {
  vertical-align: top;
}
.bandeau-acces-gratuit span.label {
  display: inline;
  float: right;
  font-size: 17px;
  text-transform: uppercase;
  margin: 10px 20px 9px 20px;
}

/* composant Saisie automatique champs : Commune département */
span.twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000 !important;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #d5d8da;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

span.twitter-typeahead .tt-suggestion > p, .twitter-typeahead .tt-suggestion > p, .twitter-typeahead .tt-suggestion div span p {
  display: table-cell;
  padding: 3px 20px;
  margin-bottom: 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.twitter-typeahead .tt-suggestion div span p {
  white-space: normal !important;
  box-sizing: border-box; /* IE9-11 & Edge 12-13 */
  max-width: 100%;
  width: 100%;
}

span.twitter-typeahead .tt-suggestion > p:hover, .twitter-typeahead .tt-suggestion > p:hover, span.twitter-typeahead .tt-suggestion > p:focus, .twitter-typeahead .tt-suggestion > p:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #445599;
  cursor: pointer;
}

button.orange {
  background-color: #ff5555;
}

span.twitter-typeahead .tt-suggestion.tt-cursor p, .twitter-typeahead .tt-suggestion.tt-cursor p {
  color: #fff !important;
  background-color: #445599;
}

#new-message-popup span.twitter-typeahead .tt-suggestion.tt-cursor p:not(.initiale), #new-message-popup .twitter-typeahead .tt-suggestion.tt-cursor p:not(.initiale) {
  color: #333 !important;
}

span.twitter-typeahead .tt-suggestion.tt-cursor .incrementation-contact p, .twitter-typeahead .tt-suggestion.tt-cursor .incrementation-contact p, .new-message-popup .twitter-typeahead .tt-suggestion.tt-cursor {
  background-color: transparent;
}

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

.moteur-search-beta span.twitter-typeahead, .moteur-search-beta .twitter-typeahead {
  background: #fff !important;
}

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

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

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

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

span.centrage-lien {
  margin: 0 0 0 -43px;
  background-color: rgba(243, 243, 243, 0.6);
}

.champs-periode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.champs-periode div.marge-top10px-768 {
  padding: 0 0 0 15px;
}

.champs-periode div.marge-top10px-768:first-child {
  padding: 0;
  width: 50%;
}

.champs-periode div.marge-top10px-768:last-child {
  padding: 0 0 0 15px;
}

/* Sous 1200px */
@media (max-width: 1200px) {
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
    left: -172px;
  }
}
/* Sous 992px */
@media (max-width: 992px) {
  .nav-tabs > li > a {
    padding: 10px 10px;
    margin-right: 4px;
  }
  .nav-tabs > li.tab-btn a#filterOptionsTag {
    padding: 9px 13px 12px;
  }
  .nav-tabs > li.tab-btn a.btn-faq {
    padding: 9px 18px 8px;
  }
  #tabs span {
    font-size: 15px;
  }
  .search_variante .search_variante-result li {
    border-right: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
    left: -173px;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */
  .bandeau-acces-gratuit span.label {
    display: none;
  }
  .bandeau-acces-gratuit label.checkbox {
    font-size: 16px;
  }
}
/* Sous 768px */
@media (max-width: 768px) {
  .nav-tabs {
    margin-top: 0;
  }
  .nav-tabs > li > a {
    padding: 10px 6px;
    margin-right: 2px;
  }
  .nav-tabs > li.tab-btn a#filterOptionsTag {
    padding: 12px 8px 11px;
  }
  .nav-tabs > li.tab-btn a#filterOptionsTag i {
    font-size: 18px;
  }
  .nav-tabs > li.tab-btn a.btn-faq {
    padding: 9px 13px 9px;
  }
  .nav-tabs > li.tab-btn a.btn-faq span {
    font-size: 21px !important;
  }
  .nav-tabs > li.tab-reset a i {
    font-size: 26px;
    margin: -4px 0 5px 2px;
  }
  #tabs span {
    font-size: 14px;
  }
  #tabs span span {
    display: none;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav {
    border-bottom: 1px solid rgb(169, 173.7777777778, 212);
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown {
    width: 100%;
    padding-right: 0;
    margin: 0;
    border-bottom: 1px solid rgb(169, 173.7777777778, 212);
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:first-child {
    padding-left: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:last-child {
    padding-right: 0;
    border-bottom: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a {
    background-color: #e0e2ef;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 5px 7px;
    font-size: 14px;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu {
    padding: 0 0 3px 0;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    border: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources {
    left: 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters {
    padding: 6px 0 6px 0;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li {
    width: 100%;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a:hover {
    background: #fff;
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle {
    background: hsl(233.3333333333, 33.3333333333%, 144.7058823529%);
  }
  #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:hover, #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:focus {
    background-color: #EDEEF6;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: auto;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li {
    display: inline-block;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li a {
    margin-top: 5px;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li button {
    margin: 0;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a {
    color: #333333;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:hover, #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:focus {
    color: #43C;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #dropdownMenuSelected {
    display: none;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #orderFilter {
    padding-left: 0;
    margin-left: -15px;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav + .navbar-nav > li:first-child {
    display: none;
  }
  #filters .navbar.filterbar.nav-filter-2 .navbar-nav + .navbar-nav > li:last-child {
    margin: 10px 0 0 0;
  }
  #filters .navbar.filterbar .navbar-text {
    margin-right: 15px;
    margin-left: 15px;
  }
}
/* Sous 480px */
@media (max-width: 480px) {
  .nav-tabs > li {
    margin: 0 0 -1px 0;
  }
  .nav-tabs > li.tab-reset span {
    display: none;
  }
  /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */
  .bandeau-acces-gratuit img {
    display: none;
  }
  .bandeau-acces-gratuit label.checkbox {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style-filae-minimal.css.map */

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block; }
	.item img {
    margin:auto; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*Corail*/
/*Bleu orage*/
/*btn */
/* Liens */
/* Typo */
#containAll {
  table-layout: fixed;
}

@media (min-width: 768px) and (max-width: 992px) {
  .home-full .container {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.home-full .subtitle-section {
  font-size: 40px;
  color: #2B2550;
  text-align: center;
}
.home-full .free-trial {
  padding: 8px 19px;
  height: 48px;
  font-size: 20px;
  display: table;
  margin-bottom: 15px;
  border-radius: 24px;
}
.home-full .free-trial span, .home-full .free-trial i {
  display: table-cell;
  vertical-align: middle;
}
.home-full .quote-author {
  color: #757585;
  font-size: 14px;
}
.home-full .anim-computer {
  overflow: hidden;
}
.home-full .home-intro {
  background-color: #2B2550;
  color: #fff;
  padding: 60px 0px 40px 0;
}
.home-full .home-intro.b-version {
  padding-bottom: 5px;
}
.home-full .home-intro.b-version .home-title {
  max-width: 460px;
}
.home-full .home-intro.b-version .home-subtitle {
  display: block;
  margin: 20px auto 20px auto;
  max-width: 470px;
  text-align: center;
}
.home-full .home-intro.b-version .search-api-tips {
  margin: 20px 0;
  display: block;
  font-size: 16px;
}
.home-full .home-intro.b-version .btn-action.free-trial {
  margin: 10px auto 0 auto;
}
.home-full .home-intro.b-version .subtitle-cta {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 16px;
}
@media (min-width: 1200px) {
  .home-full .home-intro .computer-margin-left {
    left: 2.33333%;
  }
}
@media (max-width: 768px) {
  .home-full .home-intro {
    text-align: center;
  }
  .home-full .home-intro.b-version {
    margin: 0 auto;
  }
  .home-full .home-intro .btn.free-trial {
    margin: 0 auto;
  }
}
.home-full .home-intro .home-title {
  color: #fff;
  font-size: 48px;
  margin-top: -15px;
}
.home-full .home-intro .home-subtitle {
  font-size: 20px;
  line-height: 28px;
  margin: 28px 0 48px 0;
}
.home-full .home-intro .no-cb {
  margin-left: 5px;
  font-size: 16px;
  display: block;
  margin-bottom: 50px;
}
.home-full .home-intro #computer-container-2 {
  transform: translateX(100%);
  text-align: center;
}
.home-full .home-intro #computer-container-1 {
  position: relative;
  max-width: 520px;
  margin: 0 auto;
  display: inline-block;
}
@media (max-width: 1200px) {
  .home-full .home-intro #computer-container-1 .computer {
    width: 480px;
    height: 278px;
  }
}
@media (max-width: 992px) {
  .home-full .home-intro #computer-container-1 .computer {
    width: 345px;
    height: 200px;
  }
}
@media (max-width: 375px) {
  .home-full .home-intro #computer-container-1 .computer {
    width: 315px;
    height: 182px;
  }
}
.home-full .home-intro .computer {
  width: 520px;
  height: 300px;
}
.home-full .bloc-departement .carousel-departement {
  position: relative;
}
.home-full .bloc-departement .carousel-departement .owl-carousel {
  width: 90%;
  margin: 0 auto;
}
.home-full .bloc-departement .carousel-departement .customNavigation a:first-child {
  left: -16px;
  right: auto;
}
.home-full .bloc-departement .carousel-departement .customNavigation a + a {
  right: -16px;
}
.home-full .bloc-departement .carousel-departement .owl-departement img {
  max-width: 100%;
  max-height: 100%;
}
.home-full .bloc-departement .partner-text {
  font-size: 16px;
  color: #757585;
  margin: 20px 0 20px 0;
  margin-top: 35px;
}
.home-full .bloc-departement .filae-possibility {
  font-size: 24px;
  text-align: center;
  color: #2B2550;
  margin: 20px auto 20px auto;
}
.home-full .bloc-departement .btn-action {
  margin: 30px auto 15px auto;
}
.home-full .bloc-departement .no-cb {
  font-size: 16px;
  text-align: center;
}
.home-full .bloc-departement .computer-2 {
  margin: 60px 0 100px;
}
.home-full .bloc-departement .computer-2 img {
  max-height: 360px;
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
}
@media screen and (max-width: 768px) {
  .home-full .bloc-departement .computer-2 img {
    max-width: 100%;
    max-height: 100%;
  }
}
.home-full .banner-box {
  background-color: #2B2550;
  color: #fff;
  margin-bottom: 20px;
}
.home-full .banner-box .banner-row {
  min-height: 160px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 992px) {
  .home-full .banner-box .banner-row {
    text-align: center;
  }
}
.home-full .banner-box .title-banner {
  font-size: 40px;
}
.home-full .banner-box .text-banner {
  font-size: 20px;
  margin: 10px 0 25px;
}
@media (max-width: 992px) {
  .home-full .banner-box .offer-yellow-bg {
    max-width: 452px;
    margin: 0 auto;
    float: inherit;
  }
}
.home-full .banner-box .banner-img-container {
  margin: 15px auto;
  display: inline-block;
  position: relative;
}
.home-full .banner-box .banner-img-container .first-step {
  position: absolute;
  z-index: 1;
  border: 2px solid white;
  width: 89px;
  height: 89px;
  right: -35px;
  top: 12px;
  border-radius: 50%;
}
.home-full .banner-box .banner-img-container .first-step.promo {
  background-color: #ffcc33;
  color: #2B2550;
  border: 0;
  z-index: 15;
}
.home-full .banner-box .banner-img-container .first-step.promo .first-step-text-container {
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 350px) {
  .home-full .banner-box .banner-img-container .first-step {
    right: -15px;
  }
}
.home-full .banner-box .banner-img-container .first-step-text-container {
  position: absolute;
  width: 85px;
  height: 85px;
  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;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.home-full .banner-box .banner-img-container .first-step-text-container .first-step-text {
  width: 85px;
}
.home-full .banner-box .banner-img-container .first-step-text-container .first-step-text .percentage {
  font-size: 25px;
}
.home-full .banner-box img {
  max-height: 240px;
  width: auto;
  display: block;
  position: relative;
  z-index: 10;
}
.home-full .banner-box .btn {
  white-space: nowrap;
  font-size: 16px;
  padding: 8px 12px;
}
.home-full .quote-container {
  margin: 0;
  padding: 0 8px;
}
.home-full .quote {
  margin-bottom: 0px;
  font-size: 32px;
  text-align: center;
}
.home-full .quote-author {
  color: #757585;
  font-size: 14px;
  font-style: normal;
}
.home-full .tweet-section-container {
  margin: 60px auto;
}
.home-full .banner-free-trial {
  background-color: #445599;
  color: #fff;
  padding: 30px 0;
}
@media (max-width: 992px) {
  .home-full .banner-free-trial {
    text-align: center;
  }
}
.home-full .banner-free-trial .container {
  max-width: 980px;
}
.home-full .banner-free-trial .free-trial-title {
  font-size: 28px;
  line-height: 36px;
  color: #fff;
  display: inline-block;
  max-width: 456px;
}
.home-full .banner-free-trial .free-trial-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;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  min-height: 112px;
}
.home-full .banner-free-trial .free-trial-right .btn {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .home-full .banner-free-trial .free-trial-right {
    text-align: center;
  }
  .home-full .banner-free-trial .free-trial-right .btn.free-trial {
    margin: 0 auto;
  }
}

.slideshow {
  width: 416px;
  height: 260px;
  overflow: hidden;
  position: absolute;
  left: 52px;
  top: 10.5px;
}
.slideshow ul {
  width: 2080px;
  height: 260px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.slideshow li {
  float: left;
}
.slideshow li img {
  width: 416px;
  height: 260px;
}
@media (max-width: 1200px) {
  .slideshow {
    width: 381px;
    height: auto;
    left: 49px;
    top: 8.5px;
  }
  .slideshow ul {
    width: 1905px;
    height: auto;
  }
  .slideshow li img {
    width: 381px;
    height: auto;
  }
}
@media (max-width: 992px) and (min-width: 385px) {
  .slideshow {
    width: 274px;
    height: 177px;
    left: 35px;
    top: 4.5px;
  }
  .slideshow ul {
    width: 1370px;
    height: 177px;
  }
  .slideshow li img {
    width: 274px;
    height: 177px;
  }
}
@media (max-width: 385px) and (min-width: 200px) {
  .slideshow {
    width: 246px;
    height: 159px;
    left: 34.5px;
    top: 4.5px;
  }
  .slideshow ul {
    width: 1230px;
    height: 162px;
  }
  .slideshow li img {
    width: 246px;
    height: 159px;
  }
}

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

@media (max-width: 992px) {
  .form-group {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .anim-computer {
    margin-top: 20px;
  }
}
.carousel-reviews {
  margin-top: 20px;
}

.home .media-container {
  margin: 20px auto 0 auto;
}

.block_start_tree {
  background-image: url(/v4/genealogie/Content/img/home/background_familytree.jpg);
  min-height: 504px;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center 0;
  padding: 40px 0 0 0;
}
.block_start_tree h2 {
  color: #fff;
  font-size: 43px;
  padding: 18px 0;
  margin: 0;
  width: 50%;
}
.block_start_tree a {
  display: inline-block !important;
}
.block_start_tree .btn-badge {
  border: 1px solid white;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

.block_official_gene_information h2 {
  font-size: 43px;
  padding: 22px 20px 20px 20px;
  margin: 0;
  text-align: center;
}
.block_official_gene_information .official_gene_information-back {
  background-image: url(/v4/genealogie/Content/img/home/background_docs.jpg);
  min-height: 504px;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-position: center 0;
  position: relative;
}
.block_official_gene_information .official_gene_information-back > div {
  position: static;
}
.block_official_gene_information .official_gene_information-back .official_gene_information-back-list {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px 38px 12px 15px;
  height: 95%;
}
.block_official_gene_information .official_gene_information-back .official_gene_information-back-list li {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
}
.block_official_gene_information .official_gene_information-back .official_gene_information-back-list li span {
  font-weight: bold;
  display: block;
}
.block_official_gene_information .official_gene_information-back .official_gene_information-back-list a {
  margin: 30px auto 0;
}

.home .carousel-departement {
  margin-bottom: 50px;
}

@media (max-width: 992px) {
  .block_official_gene_information .official_gene_information-back .official_gene_information-back-list {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 769px) {
  .home .media-container .media-filae {
    height: auto;
    margin-bottom: 0;
  }

  .block_start_tree h2 {
    font-size: 38px;
  }

  .block_official_gene_information .official_gene_information-back .official_gene_information-back-list {
    width: 70%;
  }
}
@media (max-width: 582px) {
  .block_official_gene_information .official_gene_information-back {
    height: 540px;
  }
  .block_official_gene_information .official_gene_information-back .official_gene_information-back-list {
    width: 100%;
  }
}
@media (max-width: 440px) {
  .block_start_tree {
    text-align: center;
  }
  .block_start_tree h2 {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 10px 0;
  }
}

/*# sourceMappingURL=home.css.map */