/*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=91d36f56b742243bcf45) * Config saved to config.json and https://gist.github.com/91d36f56b742243bcf45 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:992px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:992px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:992px){.navbar{border-radius:4px}}@media (min-width:992px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:992px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:992px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:992px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@media (min-width:992px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:992px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:992px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:991px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:992px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:992px){.navbar-left{float:left !important}.navbar-right{float:right !important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:991px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:992px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:992px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:991px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a{color:#777}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:991px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#777}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{color:#777;min-width:30px;background-color:transparent;background-image:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} @charset "UTF-8"; /*Corail*/ /*Bleu orage*/ /*Vert => couleur complementaire corail*/ /*btn */ /* Liens */ /* Typo */ html, body { height: 100%; margin: 0; padding: 0; } /* ======================================================================================================== DEBUT opposition Bootstrap -- */ body { color: #333333; font-family: "Lato", sans-serif; display: table; width: 100%; } header + .container { margin-bottom: 30px; } ul, ol { margin: 0; padding: 0; } li { list-style-type: none; } a { color: #445599; text-decoration: underline; } a:focus, a:hover { color: #2a4a77; cursor: pointer; text-decoration: underline; } p { margin: 0 0 5px; } .row { margin-left: 0; margin-right: 0; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 0; padding-right: 0; } h1, h2, h3 { margin-bottom: 0; margin-top: 0; font-family: "Lato", sans-serif; } h4, h5, h6 { margin: 0 0 5px 0; } .form-control { background-color: #ffffff; border: 1px solid #757585; border-radius: 4px 4px 4px 4px; box-shadow: none; color: #222255; display: block; font-size: 13px; height: 28px; line-height: 12px; padding: 4px; } .form-group-lg .form-control, .input-lg { font-size: 13px; height: 35px; padding: 7px; } select.input-lg { height: 35px; line-height: 35px; } .modal-body .bg-danger, div .bg-danger, .alert.alert-danger { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #d9534f; font-size: 17px; padding: 15px; } .connexion input, .connexion select { margin: 0 0 7px; } /*------------------------ boutons g├®n├®rales --- */ /* btn avec degrad├® .btn { border: 1px solid rgba(0, 0, 0, 0); font-size: 14px; line-height: 20px; padding: 3px 10px; font-family: $typo-titre; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-decoration:none; } .btn-action { background-color: $bkgd-btn-action; background-image: linear-gradient(to bottom, $bkgd-btn-action, $bkgd-btn-action-hover); background-image: -moz-linear-gradient(top, $bkgd-btn-action, $bkgd-btn-action-hover); background-image: -webkit-gradient(linear, 0 0, 0 100%, from($bkgd-btn-action), to($bkgd-btn-action-hover)); background-image: -webkit-linear-gradient(top, $bkgd-btn-action, $bkgd-btn-action-hover); background-image: -o-linear-gradient(top, $bkgd-btn-action, $bkgd-btn-action-hover); background-repeat: repeat-x; border-color: $color-principale-dark-dark; color: $white; } .btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] { color: $white; background-image: linear-gradient(to bottom, $bkgd-btn-action-hover, $bkgd-btn-action-hover); background-image: -moz-linear-gradient(top, $bkgd-btn-action-hover, $bkgd-btn-action-hover); background-image: -webkit-gradient(linear, 0 0, 0 100%, from($bkgd-btn-action-hover), to($bkgd-btn-action-hover)); background-image: -webkit-linear-gradient(top, $bkgd-btn-action-hover, $bkgd-btn-action-hover); background-image: -o-linear-gradient(top, $bkgd-btn-action-hover, $bkgd-btn-action-hover); } .btn-default { background-color: $color-secondaire-dark; background-image: -moz-linear-gradient(center top , $color-secondaire-dark, $color-secondaire); background-image: -moz-linear-gradient(top, $color-secondaire-dark, $color-secondaire); background-image: -webkit-gradient(linear, 0 0, 0 100%, from($color-secondaire-dark), to($color-secondaire)); background-image: -webkit-linear-gradient(top, $color-secondaire-dark, $color-secondaire); background-image: -o-linear-gradient(top, $color-secondaire-dark, $color-secondaire); background-repeat: repeat-x; border-color: $color-secondaire-dark; color: $white; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] { color: $white; background-image: linear-gradient(to bottom, $color-secondaire, $color-secondaire); background-image: -moz-linear-gradient(top, $color-secondaire, $color-secondaire); background-image: -webkit-gradient(linear, 0 0, 0 100%, from($color-secondaire), to($color-secondaire)); background-image: -webkit-linear-gradient(top, $color-secondaire, $color-secondaire); background-image: -o-linear-gradient(top, $color-secondaire, $color-secondaire); } */ .btn { -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; padding: 10px 16px; } .btn-large { font-size: 17px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 10px 19px; } .btn-small { font-size: 14px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 6px 11px; } .btn-action { background-color: #FF5555 !important; border: 1px solid #FF5555; color: #ffffff; } .btn-action:hover, .btn-action:focus { background-color: #f35a5b !important; color: #ffffff; border: 1px solid #FF5555; } .btn-default { background-color: transparent; border: 1px solid #222255; color: #222255; } .btn-default:hover, .btn-default:focus { background-color: transparent !important; color: #FF5555; border: 1px solid #FF5555; } .btn-action-bkgd { background-color: #ffffff; border: 1px solid #ffffff; 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-bkgd { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } .btn-default-bkgd:hover, .btn-default-bkgd:focus { background-color: #ffffff !important; color: #FF5555; border: 1px solid #ffffff; } .btn-opacity { opacity: 0.5; } .progress-bar { background-color: #FF5555; } .progress { width: 70%; } .progress.centre { margin: 10px auto; } .container.base-tablette { width: 985px; } .btn { -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; padding: 10px 16px; text-decoration: none; } .btn-large { font-size: 17px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 10px 19px; } .btn-small { font-size: 14px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 6px 11px; line-height: 20px; } .btn-action { background-color: #FF5555 !important; border: 1px solid #FF5555; color: #ffffff; } .btn-action:hover, .btn-action:focus { background-color: #f35a5b !important; color: #ffffff; border: 1px solid #FF5555; } .btn-default { background-color: transparent; border: 1px solid #222255; color: #222255; } .btn-default:hover, .btn-default:focus { background-color: transparent !important; color: #FF5555; border: 1px solid #FF5555; } .btn-action-bkgd { background-color: #ffffff; border: 1px solid #ffffff; 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-bkgd { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } .btn-default-bkgd:hover, .btn-default-bkgd:focus { background-color: #ffffff !important; color: #FF5555; border: 1px solid #ffffff; } .btn-vert { color: #ffffff; font-size: 18px; background: #5cb85c; font-weight: bold; margin: 5px; padding: 5px 15px; border: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn-vert:hover { background: #55a655; } .btn-orange { color: #ffffff; font-size: 18px; background: #FF5555; font-weight: bold; margin: 5px; padding: 5px 15px; border: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn-orange:hover { background: #d34243; } .btn-facebook { color: #ffffff; font-size: 18px; background: #2b71ad; font-weight: bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 5px; padding: 5px 15px; border: 0; } .btn-facebook:hover { background: #205b8e; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #FF5555; border-color: #a42e2f; } .pagination > li > a, .pagination > li > span { color: #a42e2f; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #a42e2f; } .pagination { margin: 11px 0 20px; } /* ======================================================================================================== FIN opposition Bootstrap -- */ /* ======================================================================================================== DEBUT class utiles -- */ /*------------------------ class g├®n├®rales --- */ .ecran-no { display: none !important; } .ecran-bl { display: block; } .col-pub-4 { /* taille de la colonne de pub*/ width: 313px; } .col-pub-8 { /* taille de la colonne de contenu lorsqu'il y a une colonne de pub*/ width: 72.5%; } #IE8 .col-pub-4 { width: 313px !important; } #IE8 .col-pub-8 { width: 72.5% !important; } .cache { display: none; } .forum table.legende, .legende { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #d5d8da; padding: 7px 10px; } /*------------------------ marges g├®n├®rales --- */ .marge-top10px { margin-top: 10px; } .marge-top15px { margin-top: 15px !important; } .marge-top5px { margin-top: 5px !important; } .marge-top20px { margin-top: 20px !important; } .marg-left0 { margin-left: 0; } .marg-right0 { margin-right: 0; } .margin0 { margin: 0 !important; } .marg-right10px { margin-right: 10px; } .marg-left10px { margin-left: 10px; } .margint20b10 { /*marge de 20px en top 6px en bottom*/ margin: 15px 0 6px 0; } .marge-bottom10px { margin-bottom: 10px; } /*------------------------ padding g├®n├®rales --- */ .padding0 { padding: 0; } .col-padding { /* padding de 5px top/bootom et 15px left/right pour les colonnes*/ padding: 5px 15px; } .padding-g { /* padding g├®n├®ral sur div simple */ padding: 5px 10px; } .pad-left0 { /* padding de 0 ├á gauche */ padding-left: 0; } .pad-l-15 { padding-left: 15px; } .pad-r-15 { padding-right: 15px; } article.pad-r-15, .pad-r-15 { padding-right: 15px; } .p-pub { /* padding pour centrer les carr├® de pub dans les colonnes de 313px */ padding: 0 0 0 6px; } /*------------------------ positions g├®n├®rales --- */ p.centrer, a.centrer, .centrer { text-align: center; } .float-l { float: left; } .float-r { float: right; } .clear { clear: left; } .clear-r { clear: right; } .texalign-right { text-align: right; } .texalign-left { text-align: left; } /*------------------------ Police g├®n├®rales --- */ .strong { font-weight: bold; } .font-normal { font-weight: normal; } .blanc { color: #ffffff; } .orange { color: #FF5555; } .vert-f { color: #222255 !important; } .noir { color: #333333 !important; } .font9px { font-size: 9px !important; } .font14px { font-size: 14px !important; line-height: 17px; } .font12px { font-size: 12px !important; } .font16px { font-size: 16px !important; } .h-text-base { font-size: 12px; font-weight: normal; display: inline; color: #333333; font-family: "Lato", sans-serif; line-height: 14px; } h1 { color: #FF5555; font-weight: bold; font-size: 20px; } h1.titre-encadre { background: none repeat scroll 0 0 #FF5555; color: #222255; font-size: 17px !important; font-weight: 700; height: 40px; margin: 0; padding: 11px 0 10px 15px; text-align: left; width: 100%; } h3, h2, h1.second-titre { color: #222255; font-weight: bold; font-size: 16px; } h5 { color: #FF5555; font-weight: bold; } h4.sous-titre { color: #FF5555; font-weight: bold; font-size: 14px; font-family: "Lato", sans-serif; } h4.sous-titre-18 { color: #FF5555; font-weight: normal; font-size: 18px; font-family: "Lato", sans-serif; } h4.titre-bloc, h2.titre-bloc { color: #222255; font-size: 15px; font-family: "Lato", sans-serif; } .titre-colonne h4 { background: none repeat scroll 0 0 #FF5555; margin: 0; padding: 11px 0 10px 15px; line-height: 19px; } h2.sous-titre { margin: 10px 0 10px 0; color: #222255; } .paragraphe { margin: 0 0 5px; } /*------------------------ Encadrement g├®n├®rales --- */ .cadre-droit-gris { /* cadre angle droit gris fonc├® simple */ border: 1px solid #222255; padding: 10px; } .cadre-droit { /* cadre angle droit vert simple */ border: 1px solid #FF5555; padding: 10px; } .cadre { /* cadre angle arrondis 8px orange */ background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d8da; padding: 10px 10px 10px 10px; } .bordure-orange { border: 1px solid #FF5555; } .separation-lien { float: left; margin: 0 2px; } .separation { background: #d5d8da; height: 1px; margin: 10px 0 10px 0; } .separation-gris { background: #757585; height: 1px; margin: 5px 15px 5px 15px; } .separation-gris-no-marge { background: #757585; height: 1px; } .cadre-decouvrir { border: 1px solid #FF5555; padding: 0 10px 10px 10px; } .cadre-2 { border: 2px solid #FF5555; } .cadre-2 h2 { margin: 0 0 10px 0; } hr { border-color: #a42e2f; } /*------------------------ Habillage des boutons radios et checkbox --- */ .radio label, label.radio, .checkbox label, label.checkbox { color: #333333 !important; font-weight: normal !important; font-size: 13px; padding-left: 0; } .radio, label.radio, .checkbox, label.checkbox { margin: 5px 0 5px 0; } .radio + .radio, label.radio + label.radio, .checkbox + .checkbox, label.checkbox + label.checkbox { margin: 0 0 5px 0; } label.checkbox-inline, label.radio-inline, .checkbox-inline, .radio-inline { margin: 10px 0 10px 0; } label.checkbox-inline + label.checkbox-inline, label.radio-inline + label.radio-inline, .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin: 10px 0 10px 10px; } .radio label, label.radio { padding-left: 20px; } .radio-inline, .checkbox-inline { padding-left: 0; } .checkbox label div { display: inline-block; width: 90%; vertical-align: top; } .checkbox input[type="checkbox"], 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; } .checkbox .checkbox-material, label.checkbox-inline .checkbox-material { position: relative; top: 3px; vertical-align: middle; } .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 #cccccc; border-radius: 2px; display: inline-block; height: 18px; overflow: hidden; position: relative; width: 18px; z-index: 1; margin-right: 4px; } .checkbox .checkbox-material .check:before, label.checkbox-inline .checkbox-material .check:before { box-shadow: 0; 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, .checkbox.checkbox-primary input[type="checkbox"]:checked + input + .checkbox-material .check { border-color: #445599; color: #445599; } .checkbox.checkbox-blanc input[type="checkbox"]:checked + .checkbox-material .check, .checkbox.checkbox-blanc input[type="checkbox"]:checked + input + .checkbox-material .check { border-color: #ffffff; color: #ffffff; } .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 { box-shadow: 0 0 0 10px, 10px -9px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -4px 5px 0 10px, 20px -12px 0 11px; } .checkbox.checkbox-primary input[type="checkbox"]:checked + .checkbox-material .check:before, .checkbox.checkbox-primary input[type="checkbox"]:checked + input + .checkbox-material .check:before { color: #445599; } .checkbox.checkbox-blanc input[type="checkbox"]:checked + .checkbox-material .check:before, .checkbox.checkbox-blanc input[type="checkbox"]:checked + input + .checkbox-material .check:before { color: #ffffff; } .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: -1px; transition-duration: 0.2s; } .radio .circle, label.radio-inline .circle { border: 2px solid #cccccc; 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: #445599; } .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: #445599; } .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: #445599; } .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: #000000; } .radio input[type="radio"][disabled] ~ .circle, label.radio-inline input[type="radio"][disabled] ~ .circle { border-color: #000000; } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } /*------------------------ Autres --- */ .bannertop div { float: right; } .no-deco-a { text-decoration: none; } .deco-a { text-decoration: underline !important; } label.label-box { margin: 3px 0 0 0; display: table; } label.label-box input { margin: 0 5px 0 0; } .liste-lien a, .liste-lien li { color: #333333; text-decoration: none; line-height: 18px; } .liste-lien a:hover { color: #a42e2f; } .alert { /* bloc d'alert simple de non r├®sultat par exemple */ border: 1px solid transparent; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 10px 0 10px 0; padding: 6px 10px; color: #222255; font-size: 14px; font-weight: bold; background: #d5d8da; line-height: 17px; border: 1px solid #222255; } .alert-warning { /* bloc d'alert danger de non r├®sultat par exemple */ background-color: #ffd7d7; border-color: #d9534f; color: #d9534f; } .alert-valid { /* bloc de validite */ background-color: #d5d8da; border-color: #222255; color: #222255; } ul.liste-puce { margin: 0 0 0 12px; } ul.liste-puce span.puce-orange { margin: 6px 5px 0 -12px; } ul.liste-puce span.icon-feuille-ouverte { margin: 3px 5px 0 -12px; } ul.liste-puce li { margin: 0 0 5px 0; } .ui-autocomplete { /* class autocomplete appel├® par js pour champ recherche page arbre*/ background-color: #ffffff; border: 1px solid #757585; border-radius: 4px; height: 185px; overflow: auto; padding: 0; text-align: left; z-index: 999999; font-size: 13px; font-family: "Lato", sans-serif; line-height: 14px; width: 233px; } .tt-dropdown-menu { /* class autocomplete appel├® par js pour champ recherche page arbre*/ background-color: #ffffff; border: 1px solid #757585; border-radius: 4px; height: 185px; overflow: auto; padding: 0; text-align: left; z-index: 999999 !important; font-size: 13px; font-family: "Lato", sans-serif; line-height: 14px; } /* Cet ├®l├®ment block le script inject├® dans l'iframe. On le cache */ #fb-root { display: none; } /* on red├®fini la taille du contenu */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } .barre-fb { /* ------- ou -------- pour btn de s├®paration style inscription avce facebook*/ border-top: 1px solid #d5d8da; } span.twitter-typeahead, .twitter-typeahead { /* composant Saisie automatique champs : Commune d├®partement */ width: 100%; } .recherche-arbre span.twitter-typeahead { width: 89%; } /* ======================================================================================================== FIN class utiles -- */ /* ======================================================================================================== DEBUT header-- */ .liens-connexion li { display: inline; margin: 0 12px 0 0; color: #757585; font-family: "Lato", sans-serif; font-size: 15px; } .liens-connexion li span { color: #757585; } .liens-connexion ul { padding: 13px 0px 8px 13px; } .liens-connexion li a.btn { margin-top: -5px; } .liens-connexion li a { text-decoration: none; font-size: 14px; margin: 7px 0 0; } .liens-connexion .infobar { height: 30px; } .infobar-drop, .logo-header-768 { display: none; } a.logo-header img { margin: -11px 0 7px 0; } .logo-header img { width: 233px; } .liens-connexion .triangle-connection { width: 0; height: 0; border-style: solid; border-width: 0 23px 27px 0; border-color: transparent #d5d8da transparent; display: inline-block; float: right; display: none; } /* ======================================================================================================== FIN header-- */ /* ======================================================================================================== DEBUT Header simple (New Home) -- header.home { background: $white; border-bottom: 2px solid $color-principale; padding: 5px 0 5px 0; z-index:2; position:relative; position: relative; } header.home a.logo-header img { margin:0; width:130px; } header.home .liens-connexion ul{ background:none; box-shadow: none; padding: 0; } header.home .liens-connexion .triangle-connection{ display:none; } header.home .liens-connexion ul a{ font-size:14px; } header.home .liens-connexion .navbar-collapse{ background: none; border-radius: 0; border-top: 0 none; height: 0; padding-left: 0; padding-right: 0; } header.home .liens-connexion .navbar { margin:13px 0 0 0; min-height:0; } header.home .liens-connexion .navbar-default { background-color: transparent; border-color: transparent; } header.home .liens-connexion .navbar-nav > li > a{ padding:0 0 0 15px; color:$color-principale; } header.home .liens-connexion .navbar-nav > li > a:hover{ text-decoration:underline; color:$color-principale-dark-dark; } header a.banniere-evenement-14-18{ display: inline-block; margin: 0 20px 0 0; } header.home img.logo{ height:37px; margin:8px 0 0 0; } header.home .nav-connexion{ font-family: $typo-titre; font-size: 12px; } header.home .nav-connexion li { color: $color-principale; display: inline; font-family: $typo-titre; font-size: 12px; margin: 0 12px 0 0; } ======================================================================================================== FIN Header simple (New Home) -- */ /* ======================================================================================================== DEBUT contenu - image arbre en fond -- */ .arbre { background: url("../img/arbre-fond.png") no-repeat scroll 0 214% transparent; margin: auto; min-height: 200px; width: 78%; position: absolute; margin: -12px -40px 0 -256px; } .arbre-home { background: url("../img/arbre-fond.png") no-repeat scroll 0 214% transparent; margin: auto; min-height: 200px; width: 78%; position: absolute; margin: -61px -40px 0 -256px; } .contenu { background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-secondaire-light", endColorstr="$white"); /* Pour IE seulement et mode gradient ├á linear */ background: -webkit-gradient(linear, left top, left bottom, from(#d5d8da), to(#ffffff)); background: -webkit-linear-gradient(#d5d8da, #ffffff); background: -moz-linear-gradient(#d5d8da, #ffffff); background: -o-linear-gradient(#d5d8da, #ffffff); background: -ms-linear-gradient(#d5d8da, #ffffff); background: linear-gradient(#d5d8da, #ffffff); background-repeat: repeat-x; } .page-contenu { position: relative; } /* ======================================================================================================== FIN contenu -- */ /* ======================================================================================================== DEBUT Menu principal OLD -- .navbar { font-family: $typo-titre; font-size:19px; border:0; border-bottom: 1px solid $color-secondaire-light-contour; position: relative; margin-bottom:10px; border-radius:0; } .navbar-collapse { background: $color-secondaire-light; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-secondaire-light-contour", endColorstr="$color-secondaire-light"); background: -webkit-gradient(linear, left top, left bottom, from($color-secondaire-light-contour), to($color-secondaire-light)); background: -webkit-linear-gradient($color-secondaire-light-contour, $color-secondaire-light); background: -moz-linear-gradient($color-secondaire-light-contour, $color-secondaire-light); background: -o-linear-gradient($color-secondaire-light-contour, $color-secondaire-light); background: -ms-linear-gradient($color-secondaire-light-contour, $color-secondaire-light); background: linear-gradient($color-secondaire-light-contour, $color-secondaire-light); border-radius: 0; box-shadow: 0; padding-left: 0; padding-right: 0; border-top: 0 none; } .navbar-collapse .nav { display: table; margin: 0; width: 100%; } .navbar-collapse .nav li { display: table-cell; float: none; line-height: normal; } .navbar-collapse .nav li a { text-align: center; } .navbar-collapse .nav li a.icone-accueil { padding: 12px 4px 11px 4px; } .navbar-collapse .nav li a { color: $black; float: none; padding: 12px 4px; text-decoration: none; text-shadow: none; } .navbar-collapse .nav > .active > a, .navbar-collapse .nav > .active > a:hover, .navbar-collapse .nav > .active > a:focus { background-color: $color-principale; box-shadow: none; color: $white; text-decoration: none; } .nav > li > a:hover, .nav > li > a:focus { background-color: $color-principale; box-shadow: none; color: $white; text-decoration: none; } ======================================================================================================== FIN Menu Principal OLD -- */ /* ======================================================================================================== DEBUT Pied -- */ footer { background: url("../img/background-footer.jpg") repeat 0 0 #d5d8da; margin: 30px 0 0 0; line-height: 12px; padding: 0 0 10px 0; } footer .nav { display: block; float: left; left: 0; margin: 8px 10px 8px 0; position: relative; } footer li { clear: left; font-size: 11px; margin: 3px 0 3px 0; } footer li:first-child { font-family: "Lato", sans-serif; font-size: 12px; margin: 6px 0 5px 0; font-weight: bold; } footer .nav > li > a { padding: 0; color: #222255; text-decoration: none; } footer .nav > li > a:visited { color: #222255; } footer .nav > li > a:hover { text-decoration: underline; color: #222255; } footer ul.nav { height: 95px; } footer a.twitter i.icon-genea { color: #222255; font-size: 24px; margin: 11px 0 0; vertical-align: middle; } footer a.cadeau { display: none; } a.flux-rss { width: 41px; height: 42px; background: url("../img/icones.png?100215.png") no-repeat 0px 0px transparent; float: left; margin: 10px 0 0 0; } a:hover.flux-rss { background-position: -46px 0px; } a.fb { width: 41px; height: 42px; background: url("../img/icones.png?100215.png") no-repeat -92px 0px transparent; float: left; margin: 10px 0 0 6px; } a:hover.fb { background-position: -138px 0px; } a.notrefamille { width: 100px; height: 14px; background: url("../img/icones.png?100215.png") no-repeat -288px -2px transparent; display: block; margin: 15px 0 0 0; } a:hover.notrefamille { background-position: -288px -17px; } a.cadeau { width: 84px; height: 32px; background: url("../img/icones.png?100215.png") no-repeat -394px 0px transparent; display: block; margin: 6px 0 0 0; } a:hover.cadeau { background-position: -394px -33px; } a.notrefamille-b { width: 100px; height: 14px; background: url("../img/icones.png?100215.png") no-repeat -184px -2px transparent; display: block; margin: 15px 0 0 0; opacity: 0.8; } a:hover.notrefamille-b { opacity: 0.5; } a.cadeau-b { width: 77px; height: 31px; background: url("../img/icones.png?100215.png") no-repeat -184px -20px transparent; display: block; margin: 15px 0 0 0; opacity: 0.8; } a:hover.cadeau-b { opacity: 0.5; } footer .nav > li > a:hover, footer .nav > li > a:focus { background-color: transparent; } footer .nav > li > a.lien-pied { font-size: 11px; font-family: "Lato", sans-serif; font-weight: normal; } /* ======================================================================================================== FIN Pied -- */ /* ======================================================================================================== DEBUT class g├®n├®rales -- */ label { margin: 6px 0 5px; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } .radio label, .checkbox label { margin-top: 0; } .auto-promo { width: 100%; } a.cadre-france-nom h4 { line-height: 18px; margin: 0 0 3px; text-transform: uppercase; } .btn-fb { color: #3e69af; font-family: "Lato", sans-serif; font-size: 14px; font-weight: bold; } .btn-fb:hover { opacity: 0.8; color: #3e69af; } .auteur { color: #757585; font-style: italic; } .favoris-reseaux p { display: block; float: left; margin: 0 5px 0 0; } .favoris-reseaux a { text-decoration: none; } .obligatoire { float: right; font-size: 11px; color: #FF5555; float: right; } .input-parcourir { /* bouton parcourir personnalis├® */ opacity: 0.0; -moz-opacity: 0.0; -khtml-opacity: 0.0; filter: alpha(opacity=0); margin: -5px 0 0 0 !important; width: 19% !important; cursor: pointer; position: absolute; left: 79px; } .input-parcourir-new input { margin: -4px 0 0 103px !important; } .input-parcourir-popup input { left: 15px; top: 6px; cursor: pointer; } .input-parcourir-gedcom { margin: 0 0 0 5px; } .input-parcourir-gedcom input { left: 0px; top: 42px; width: 134px !important; cursor: pointer; } .input-parcourir-gedcom-arbre { margin: 0 0 0 5px; } .input-parcourir-gedcom-arbre input { left: 212px; top: 14px; width: 142px !important; cursor: pointer; } input:focus::-webkit-input-placeholder { color: transparent; } input.form-control:focus::-moz-placeholder { color: transparent; } input.form-control:focus:-ms-input-placeholder { color: transparent; } /* -------------------------------------------------------------------------------------------------------- DEBUT Page Guide sujet et Chronique sujet-- */ .pagination-guide a, .pagination-chronique a { line-height: 18px; font-weight: bold; } .pagination-guide, .pagination-chronique { height: 19px; } .sommaire-guide, .sommaire-chronique { margin: 0 0 5px 0; } .sommaire-guide img, .sommaire-chronique img { width: 100%; border: 1px solid #FF5555; padding: 3px; float: right; } .sommaire-guide li a, .sommaire-chronique li a { color: #333333; display: inline-block; width: 88%; } .sommaire-guide li a:hover, .sommaire-chronique li a:hover { color: #FF5555; } .sommaire-guide li, .sommaire-chronique li { margin: 8px 0 0 0; } .contenu-guide h6, .contenu-chronique h6 { font-weight: bold; font-size: 14px; margin: 0 0 8px 0; } .contenu-guide li, .contenu-chronique li { margin: 0 0 10px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page Guide sujet et Chronique sujet-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Forum - recherche/archive historique/resultat -- */ .forum .bordure-f, .archive .bordure-f { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0 0 10px 0; border: 1px solid #FF5555; } .table-dec .bordure-f, .tab-neutre .bordure-f { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #FF5555; } .forum table.content tr.sujet, .forum table.content tr.sujet a, .archive table.content tr.sujet, .archive table.content tr.sujet a, .table-dec table.content tr.sujet, .table-dec table.content tr.sujet a { color: #ffffff; font-size: 13px; font-weight: bold; } .tab-neutre table.content tr.sujet { color: #333333; font-size: 13px; font-weight: bold; } .tab-neutre table.content tr.sujet a { font-size: 12px; } .forum table.content tr.sujet td, .archive table.content tr.sujet td, .table-dec table.content tr.sujet td { padding: 10px; background: #a42e2f; } .tab-neutre table.content tr.sujet td { padding: 10px; background: #ffffff; border-bottom: 2px solid #FF5555; } .archive { margin: 10px 0 0 0; } .forum table.content tr.sujet td.sujet1, .archive table.content tr.sujet td.sujet1, .table-dec table.content tr.sujet td.sujet1, .tab-neutre table.content tr.sujet td.sujet1 { -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; } .table-dec table.content tr.sujet td.sujet4, .tab-neutre table.content tr.sujet td.sujet4 { -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; } .forum table.content tr.sujet td.sujet3, .archive table.content tr.sujet td.sujet3, .table-dec table.content tr.sujet td.sujet3, .tab-neutre table.content tr.sujet td.sujet3 { -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; } .forum table.content tr.post, .archive table.content tr.post, .table-dec table.content tr.post, .tab-neutre table.content tr.post { background: #ffffff; } .forum table.content tr.post_alt, .archive table.content tr.post_alt, .table-dec table.content tr.post_alt, .tab-neutre table.content tr.post_alt { background: #d5d8da; } .forum table.content tr.post td, .forum table.content tr.post_alt td, .tab-neutre table.content tr.post td, .tab-neutre table.content tr td { padding: 5px 5px 5px 5px; } .archive table.content tr.post td, .archive table.content tr.post_alt td, .table-dec table.content tr.post td, .table-dec table.content tr.post_alt td, .tab-neutre table.content tr.post td, .tab-neutre table.content tr.post_alt td { padding: 5px 5px 5px 10px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Forum - recherche/archive historique/resultat -- */ /* ------------------------------------------------ DEBUT Bloc Menu arbre, Menu viewer Old -- */ .menu-arbre, .menu-viewer { width: 100%; margin: 0 auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .menu-arbre, .menu-viewer { margin: 0 auto; width: 100%; } } .nav-arbre, .nav-viewer { background: #ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0 0 10px 0; color: #222255; font-weight: bold; font-size: 15px; filter: none; } .menu-arbre .navbar-default .navbar-collapse, .menu-arbre .navbar-default .navbar-form, .menu-viewer .navbar-default .navbar-collapse, .menu-viewer .navbar-default .navbar-form { border: 1px solid #d5d8da !important; } .nav-arbre .nav li a, .nav-viewer .nav li a { color: #222255; text-decoration: none; } .nav-arbre a:hover, .nav-arbre a:focus, .nav-viewer a:hover, .nav-viewer a:focus { color: #222255 !important; text-decoration: underline !important; background: none !important; } .nav-arbre .nav, .nav-viewer .nav { display: table; margin: 0; width: 100%; } .nav-arbre .nav > li > a, .nav-viewer .nav > li > a { padding: 0; } /* ------------------------------------------------ FIN Bloc Menu arbre, Menu Viewer Old -- */ /* ======================================================================================================== FIN class g├®n├®rales -- */ /* ======================================================================================================== DEBUT icone typo -- */ @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); } .icon-genea { position: relative; top: 1px; display: inline-block; font-family: 'icomoon'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #d34243; } .icon-i-facebook-f:before { content: "\e918"; } .icon-i-twitter:before { content: "\e908"; } .icon-i-twitter-rond:before { content: "\e909"; } .icon-i-calendrier-vide:before { content: "\e907"; } .icon-i-fanion:before { content: "\e906"; } .icon-i-avatar-h-f-03:before { content: "\e905"; } .icon-i-sosa:before { content: "\e904"; } .icon-i-resultat-1:before { /* resultats 7 jours*/ content: "\e902"; } .icon-i-resultat-2:before { /* resultats 30 jours*/ content: "\e903"; } .icon-i-resultat-0:before { /* tous les r├®sultats */ content: "\e901"; } .icon-i-reglages:before { content: "\e900"; } .icon-i-dossier-loupe:before { content: "\e68a"; } .icon-i-zero-risque:before { content: "\e689"; } .icon-i-desabonnement:before { content: "\e688"; } .icon-i-cadeaux:before { content: "\e686"; } .icon-i-question-1:before { content: "\e687"; } .icon-i-macaron-100-garantie-1:before { content: "\e685"; } .icon-i-parametre:before { content: "\e684"; } .icon-i-telecharger-lien-web:before { content: "\e683"; } .icon-i-r-document-vide:before { content: "\e681"; } .icon-i-r-rouage-vide:before { content: "\e682"; } .icon-i-moins:before { content: "\e680"; } .icon-i-dossier2:before { content: "\e68b"; } .icon-i-plus:before { content: "\e67f"; } .icon-i-feuille-logo:before { content: "\e67e"; } .icon-i-puce:before { content: "\e67d"; } .icon-i-1ere-guerre:before { content: "\e600"; } .icon-i-2eme-guerre:before { content: "\e601"; } .icon-i-alerte:before { content: "\e602"; } .icon-i-ancien-regime:before { content: "\e603"; } .icon-i-annonce:before { content: "\e604"; } .icon-i-arbre:before { content: "\e605"; } .icon-i-arbre-genea:before { content: "\e606"; } .icon-i-archives-militaires:before { content: "\e607"; } .icon-i-attention-plein:before { content: "\e608"; } .icon-i-attention-vide:before { content: "\e609"; } .icon-i-avatar-femme:before { content: "\e60a"; font-size: 23px; color: #FF5555; } .fiche-photo .icon-i-avatar-femme:before { content: "\e60a"; font-size: 68px; color: #FF5555; } .icon-i-avatar-h-f-01:before { content: "\e60b"; } .icon-i-avatar-h-f-02:before { content: "\e60c"; } .icon-i-avatar-homme:before { content: "\e60d"; font-size: 24px; color: #FF5555; } .fiche-photo .icon-i-avatar-homme:before { content: "\e60d"; font-size: 68px; color: #FF5555; } .icon-i-avatar-neutre:before { content: "\e60e"; font-size: 16px; color: #FF5555; } .fiche-photo .icon-i-avatar-neutre:before { content: "\e60e"; font-size: 50px; color: #FF5555; } .icon-i-avatar-neutre-plus:before { content: "\e60f"; } .icon-i-berceau:before { content: "\e610"; font-size: 32px; color: #d34243; opacity: 0.4; margin: 0 0 0 5px; } .icon-i-bonnet-marianne:before { content: "\e611"; } .icon-i-boutique:before { content: "\e612"; } .icon-i-bulle-3points:before { content: "\e613"; } .icon-i-cadenas:before { content: "\e614"; display: inline-block; font-size: 23px; margin: 5px 0 -4px 0; color: #222255; } .bloc-recapitulatif .icon-i-cadenas:before { content: "\e614"; font-size: 38px; margin: 0 11px 0 0; float: left; } .bloc-recapitulatif .icon-i-cadenas { display: inline !important; } .icon-i-calendrier-15:before { content: "\e615"; } .icon-i-calepin:before { content: "\e616"; color: #FF5555; font-size: 40px; margin: 0 0 0 3px; } .icon-i-carte-identite:before { content: "\e617"; } .icon-i-casque:before { content: "\e618"; font-size: 31px; margin: 0 14px 0 0; float: left; } .icon-i-casque { display: inline !important; } .icon-i-cheque:before { content: "\e619"; font-size: 29px; float: left; margin: -7px auto 3px; } .icon-i-colonie:before { content: "\e61a"; } .icon-i-crayon:before { content: "\e61b"; font-size: 18px; color: #222255; margin: 0 3px 0 0; } a:hover .icon-i-crayon:before { opacity: 0.75; } .icon-i-crayon-02:before { content: "\e61c"; color: #ffffff; font-size: 14px; margin: 0 0 0 8px; } .icon-i-divers:before { content: "\e61d"; } .icon-i-doc-arbre:before { content: "\e61e"; } .icon-i-document:before { content: "\e61f"; font-size: 18px; color: #222255; float: left; margin: 0 4px -2px 0; } a:hover .icon-i-document:before { opacity: 0.75; } .icon-i-dossier:before { content: "\e620"; font-size: 37px; color: #FF5555; margin: 0 0 0 3px; } .icon-i-dossier-images:before { content: "\e621"; font-size: 54px; color: #FF5555; float: left; margin: -19px 0 0 -6px; } .icon-i-dossier-presse:before { content: "\e622"; font-size: 54px; color: #FF5555; float: left; margin: -19px 0 0 -6px; } .icon-i-dossier-trombonne:before { content: "\e623"; font-size: 26px; color: #FF5555; margin: -18px 6px -8px -4px; float: left; } .icon-i-empire:before { content: "\e624"; } .icon-i-enregistrer:before { content: "\e625"; } .icon-i-enveloppe-fermee:before { content: "\e626"; } .icon-i-enveloppe-fermee-cadenas:before { content: "\e627"; } .icon-i-enveloppe-ouverte:before { content: "\e628"; } .icon-i-enveloppe-ouverte-cadenas:before { content: "\e629"; } .icon-i-etoile:before { content: "\e62a"; } .icon-i-facebook:before { content: "\e62b"; color: #ffffff; font-size: 25px; margin: -5px 9px -5px 0; float: left; } .icon-i-feuille-01:before { content: "\e62c"; color: #FF5555; font-size: 9px; float: left; margin: 0 0 2px 0; } .icon-i-feuille-02:before { content: "\e62d"; color: #ffffff; font-size: 15px; margin: 0 0 0 6px; } .icon-i-fleche-agrandissement:before { content: "\e62e"; } .icon-i-fleche-bas:before { content: "\e62f"; } .icon-i-fleche-deplacement:before { content: "\e630"; } .icon-i-fleche-droite:before { content: "\e631"; } .icon-i-fleche-droite-btn:before { content: "\e632"; } .icon-i-fleche-gauche:before { content: "\e633"; } .icon-i-fleche-gauche-btn:before { content: "\e634"; } .icon-i-fleche-haut:before { content: "\e635"; } .icon-i-fleche-haut-bas:before { content: "\e636"; } .icon-i-fleche-tourne-gauche:before { content: "\e637"; } .icon-i-gregorien:before { content: "\e638"; color: #d34243; font-size: 23px; } .icon-i-guillemet-ferme:before { content: "\e639"; color: #FF5555; font-size: 38px; float: left; margin: 56px 0 0 0; } .icon-i-guillemet-ouvert:before { content: "\e63a"; color: #FF5555; font-size: 38px; float: left; } .icon-i-hebreu:before { content: "\e63b"; } .icon-i-heraldique:before { content: "\e63c"; } .icon-i-horloge:before { content: "\e63d"; } .icon-i-imprimer:before { content: "\e63e"; } .icon-i-indien:before { content: "\e63f"; } .icon-i-information:before { content: "\e640"; color: #FF5555; font-size: 21px; display: inline-block; margin: 17px 0 0 0; } a:hover .icon-i-information:before { color: #d34243; } .icon-i-islamique:before { content: "\e641"; } .icon-i-julien:before { content: "\e642"; } .icon-i-legion:before { content: "\e643"; } .icon-i-lettre:before { content: "\e644"; } .icon-i-livre:before { content: "\e645"; } .icon-i-logo-cadeau-com:before { content: "\e646"; font-size: 32px; color: #222255; } a:hover.icon-i-logo-cadeau-com:before { opacity: 0.8; } .icon-i-logo-cadeau-com, a:hover.icon-i-logo-cadeau-com { text-decoration: none; } .icon-i-loupe-droite:before { content: "\e647"; } .icon-i-loupe-gauche:before { content: "\e648"; color: #ffffff; font-size: 15px; margin: 0 0 0 8px; font-weight: bold; } .recherche-arbre .icon-i-loupe-gauche:before { content: "\e648"; color: #FF5555; font-size: 25px; margin: -6px 0 -8px; font-weight: bold; float: left; } .icon-i-macaron-arbre-genea:before { content: "\e649"; } .icon-i-macaron-marianne:before { content: "\e64a"; } .icon-i-mariage:before { content: "\e64b"; font-size: 20px; color: #222255; margin: 0 3px 0 0; } .action-event .icon-i-mariage:before { content: "\e64b"; font-size: 27px; color: #d34243; margin: 0 0 0 5px; opacity: 0.4; } .icon-i-marianne:before { content: "\e64c"; font-size: 37px; color: #FF5555; margin: 0 0 0 3px; } .icon-i-maya:before { content: "\e64d"; } .icon-i-membres:before { content: "\e64e"; font-size: 30px; color: #FF5555; } .icon-i-moustache:before { content: "\e64f"; font-size: 14px; float: right; color: #99cccc; } .icon-i-news:before { content: "\e650"; font-size: 30px; color: #FF5555; float: left; margin: -9px 6px -10px 8px; } .icon-i-no-voir:before { content: "\e651"; } .icon-i-objectif-01:before { content: "\e652"; font-size: 37px; color: #FF5555; margin: 0 0 0 3px; } .icon-i-parfum:before { content: "\e653"; font-size: 23px; float: right; color: #ff9999; } .icon-i-perse:before { content: "\e654"; } .icon-i-perso:before { content: "\e655"; font-size: 14px; } .icon-i-perso-tour:before { content: "\e656"; } .icon-i-pile-livres:before { content: "\e657"; font-size: 15px; margin: 0 3px -1px 0; color: #222255; } a:hover .icon-i-pile-livres:before { opacity: 0.75; } .icon-i-prelevement:before { content: "\e658"; font-size: 43px; margin: 15px auto 11px; display: inline-block; } .icon-i-punaise:before { content: "\e659"; } .icon-i-r-arbre:before { content: "\e65a"; } .icon-i-r-document:before { content: "\e65b"; } .icon-i-r-enveloppe:before { content: "\e65c"; } .icon-i-resistance-belge:before { content: "\e65d"; } .icon-i-r-imprimer:before { content: "\e65e"; } .icon-i-r-membres:before { content: "\e65f"; } .icon-i-r-partage:before { content: "\e660"; } .icon-i-r-rouage:before { content: "\e661"; } .icon-i-statistique:before { content: "\e662"; } .icon-i-supprimer-croix-01:before { content: "\e663"; color: #222255; float: left; font-size: 11px; font-weight: bold; margin: 0 2px 1px 0; } .icon-i-supprimer-croix-02:before { content: "\e664"; color: #222255; float: left; font-size: 13px; font-weight: bold; margin: 0 2px 0px 0; } a:hover .icon-i-supprimer-croix-02:before { opacity: 0.75; } .champs-evenement .icon-i-supprimer-croix-02:before, .champs-famille .icon-i-supprimer-croix-02:before { margin: 0 2px -6px 0; opacity: 0.6; font-size: 11px; } .champs-evenement a:hover .icon-i-supprimer-croix-02:before, .champs-famille a:hover .icon-i-supprimer-croix-02:before { opacity: 1; } .icon-i-supprimer-croix-03:before { content: "\e91d"; } .icon-i-telecharger-pdf:before { content: "\e666"; font-size: 24px; color: #FF5555; } a:hover .icon-i-telecharger-pdf:before { color: #d34243; text-decoration: none; } .icon-i-titre-arbre:before { content: "\e667"; float: left; font-size: 41px; margin: -10px 0 -17px 10px; color: #ffffff; } .icon-i-titre-blason:before { content: "\e668"; } .icon-i-titre-boussole:before { content: "\e669"; } .icon-i-titre-boutique:before { content: "\e66a"; } .icon-i-titre-bulle:before { content: "\e66b"; color: #ffffff; font-size: 40px; float: left; margin: -18px 0 -18px 8px; } .icon-i-titre-bulle-3points:before { content: "\e66c"; } .icon-i-titre-calendrier-15:before { content: "\e66d"; } .icon-i-titre-chronique:before { content: "\e66e"; } .icon-i-titre-livre:before { content: "\e66f"; } .icon-i-titre-livre-ouvert:before { content: "\e670"; } .icon-i-titre-loupe:before { content: "\e671"; color: #ffffff; font-size: 37px; margin: -8px 0 -14px 8px; float: left; } .icon-i-titre-loupe-plus:before { content: "\e672"; } .icon-i-titre-parchemin:before { content: "\e673"; } .icon-i-titre-pile-livre:before { content: "\e674"; } .icon-i-tombe:before { content: "\e675"; font-size: 29px; color: #d34243; margin: 0 0 0 3px; opacity: 0.4; } .icon-i-valide-01:before { content: "\e676"; } .abo-v2 .icon-i-valide-01:before { content: "\e676"; font-size: 26px; color: #FF5555; margin: 6px 0 5px; display: block; } .abo-v2 .services .icon-i-valide-01:before { content: "\e676"; font-size: 15px; color: #FF5555; margin: 0 0 0 7px; display: block; } .abo-v2 .bloc3 .panel.active .newprix > .icon-i-valide-01:before { content: "\e676"; font-size: 29px; color: #FF5555; margin: -10px 0 13px; display: block; } .abo-v2 .bloc-paiement .icon-i-valide-01:before { content: "\e676"; font-size: 16px; color: #FF5555; margin: 0; display: block; } .icon-i-valide-02:before { content: "\e91c"; } .icon-i-viewer-ajout-membre:before { content: "\e678"; } .icon-i-viewer-dossier-1:before { content: "\e679"; } .icon-i-viewer-loupe-moins:before { content: "\e67a"; } .icon-i-viewer-loupe-plus:before { content: "\e67b"; } .icon-i-voir:before { content: "\e67c"; color: #222255; float: left; font-size: 16px; margin: 0 3px -2px 0; } .fiche-texte .icon-i-voir:before { color: #FF5555; float: left; font-size: 16px; margin: 0 3px -2px 0; } a:hover .icon-i-voir:before { opacity: 0.75; } .icon-i-puce:before { content: "\e67d"; font-size: 7px; margin: 0 5px 1px 0; float: left; } .landing-15j .formule .icon-i-puce:before { content: "\e67d"; font-size: 38px; margin: 0; color: #d5d8da; } .icon-i-feuille-logo:before { content: "\e67e"; font-size: 51px; color: #FF5555; } .icon-i-plus:before { content: "\e67f"; font-size: 14px; color: #222255; margin: 0 4px 0 0; } a:hover .icon-i-plus:before { color: #222255; } .icon-i-plus.orange:before { content: "\e67f"; font-size: 12px; color: #d34243; margin: 0 4px 0 0; float: left; } a:hover .icon-i-plus.orange:before { color: #a42e2f; } .arbre-gene .branche .mariage-bloc li a .icon-i-plus:before { margin: 2px 0 0 0; } .icon-i-moins:before { content: "\e680"; font-size: 3px; margin: 0 5px 3px 0; float: left; } .icon-i-r-rouage-vide:before { content: "\e682"; } .abo-v2 .services .icon-i-r-rouage-vide:before { content: "\e682"; font-size: 33px; color: #FF5555; float: left; margin: 0 0 -9px 0; } .icon-i-r-document-vide:before { content: "\e681"; font-size: 33px; color: #FF5555; float: left; margin: 0 0 -9px 0; } .icon-i-telecharger-lien-web:before { content: "\e683"; font-size: 23px; color: #FF5555; } .icon-i-parametre:before { content: "\e684"; font-size: 19px; color: #222255; } a:hover .icon-i-telecharger-lien-web:before { text-decoration: none; color: #d34243; } .icon-i-macaron-100-garantie-1:before { content: "\e685"; font-size: 113px; color: #5cb85c; } .icon-i-cadeaux:before { content: "\e686"; } .icon-i-question-1:before { content: "\e687"; font-size: 29px; color: #FF5555; } .icon-i-desabonnement:before { content: "\e688"; font-size: 32px; color: #FF5555; } .icon-i-zero-risque:before { content: "\e689"; color: #FF5555; font-size: 32px; } .icon-i-dossier-loupe:before { content: "\e68a"; color: #FF5555; font-size: 29px; } ul.medias-genealogie li p .icon-i-telecharger-lien-web { float: right; margin: -5px 3px 0 0; } i.feuille-logo { margin: -31px 0 0 46.5%; position: absolute; } .initial { display: initial !important; } /* ------------------------------------------------ icon Glyphicon bootstrap ---- */ .glyphicon-triangle-top:before { font-size: 18px; } .resultat form .glyphicon-trash:before { float: left; font-size: 23px; margin: 0 0 -8px 23px; color: #757585; } .resultat form a:hover .glyphicon-trash:before { color: #222255; } .menu-filtre li .glyphicon-trash:before { font-size: 18px; } /* ======================================================================================================== FIN icone typo -- */ /* ======================================================================================================== DEBUT bandeau titre - icon -- */ /*------------------------ bandeau des titres principaux --- */ .ribbon-front h1 { font-size: 25px !important; color: #222255; margin: 0px; padding: 11px 0px 0 0; text-align: left; /*background: $color-principale;*/ font-weight: 700; float: left; height: 53px; } /*.ribbon-bout{ border-width: 20px 9px 20px 10px; border-style:solid; border-color:$color-principale; border-right-color: transparent; }*/ /*------------------------ icons boutons, icons titre bandeau, icons indications --- */ .ico-erreur { background-image: url("../img/icones.png?100215.png"); background-position: -4px -452px; background-repeat: no-repeat; display: inline-block; height: 21px; margin: 0; width: 22px; } .ico-valid { background-image: url("../img/icones.png?100215.png"); background-position: -30px -452px; background-repeat: no-repeat; display: inline-block; height: 21px; margin: 0; width: 23px; } .ico-attention { background-image: url("../img/icones.png?100215.png"); background-position: -54px -452px; background-repeat: no-repeat; display: inline-block; height: 21px; margin: 0; width: 23px; } .recherche .icone-info { background-image: url("../img/icones.png?100215.png"); background-position: 0 -133px; background-repeat: no-repeat; display: inline-block; float: right; height: 22px; margin: 30px 0 0; width: 21px; } .recherche .icone-info:hover { background-image: url("../img/icones.png?100215.png"); background-position: -22px -133px; background-repeat: no-repeat; display: inline-block; float: right; height: 22px; margin: 30px 0 0; width: 21px; } .icon-titre-arbre { display: inline-block; width: 37px; height: 35px; background-image: url("../img/icones.png?100215.png"); background-position: -1px -90px; background-repeat: no-repeat; margin: -4px 10px -15px 20px; } .icon-titre-loupe { display: inline-block; width: 37px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -89px -92px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-titre-bulle { display: inline-block; width: 42px; height: 33px; background-image: url("../img/icones.png?100215.png"); background-position: -42px -94px; background-repeat: no-repeat; margin: -2px 10px -15px 20px; } .icon-titre-collection { display: inline-block; width: 40px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -127px -93px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-titre-nom { display: inline-block; width: 49px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -171px -93px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-titre-patronyme { display: inline-block; width: 32px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -222px -93px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-titre-semaine { display: inline-block; width: 40px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -256px -93px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-titre-categorie { display: inline-block; width: 42px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -299px -93px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-titre-guide { display: inline-block; width: 42px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -342px -91px; background-repeat: no-repeat; margin: -5px 10px -15px 20px; } .icon-titre-chronique { display: inline-block; width: 46px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -385px -91px; background-repeat: no-repeat; margin: -5px 10px -15px 20px; } .icon-titre-produit { display: inline-block; width: 42px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -432px -91px; background-repeat: no-repeat; margin: -5px 10px -15px 20px; } .icon-titre-blason { display: inline-block; width: 37px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -477px -91px; background-repeat: no-repeat; margin: -4px 10px -15px 20px; } .icon-titre-forum { display: inline-block; width: 37px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -517px -91px; background-repeat: no-repeat; margin: -5px 10px -15px 20px; } .icone-btn-arbre { width: 13px; height: 14px; background: url("../img/icones.png?100215.png") no-repeat -210px -62px transparent; margin: 5px 0 0 7px; display: inline-block; } .icone-btn-loupe { width: 14px; height: 14px; background: url("../img/icones.png?100215.png") no-repeat -225px -63px transparent; display: inline-block; margin: 5px 0 0 7px; } .icone-btn-stylo { width: 14px; height: 14px; background: url("../img/icones.png?100215.png") no-repeat -240px -63px transparent; display: inline-block; margin: 5px 0 0 7px; } .icone-btn-fb { width: 32px; height: 31px; background: url("../img/icones.png?100215.png") no-repeat -353px -34px transparent; display: inline-block; margin: -8px 9px -8px 0; } .icon-feuille-ouverte { float: left; width: 12px; height: 9px; background-image: url("../img/icones.png?100215.png"); background-position: -48px -138px; background-repeat: no-repeat; margin: 1px 0 0 0; } .icon-puce-verte { display: block; float: left; width: 5px; height: 5px; background-image: url("../img/icones.png?100215.png"); background-position: -76px -138px; background-repeat: no-repeat; margin: 5px 0 0 5px; } .icon-feuille-gris { float: left; width: 12px; height: 9px; background-image: url("../img/icones.png?100215.png"); background-position: -61px -138px; background-repeat: no-repeat; margin: 1px 0 0 0; } .icon-puce-gris { display: block; float: left; width: 5px; height: 5px; background-image: url("../img/icones.png?100215.png"); background-position: -83px -138px; background-repeat: no-repeat; margin: 5px 0 0 5px; } .icone-info { display: inline-block; width: 21px; height: 22px; background-image: url("../img/icones.png?100215.png"); background-position: 0px -133px; background-repeat: no-repeat; margin: 18px 0 0 0; } .icone-info:hover { display: inline-block; width: 21px; height: 22px; background-image: url("../img/icones.png?100215.png"); background-position: -22px -133px; background-repeat: no-repeat; margin: 18px 0 0 0; } .info-collection { margin: -7px 0 -5px 73px; } .info-collection:hover { margin: -7px 0 -5px 73px; } .icon-camera { display: inline-block; width: 20px; height: 20px; background-image: url("../img/icones.png?100215.png"); background-position: -142px -137px; background-repeat: no-repeat; margin: 0 0 0 0; } .icon-etoile-orange { display: inline-block; width: 12px; height: 11px; background-image: url("../img/icones.png?100215.png"); background-position: -107px -138px; background-repeat: no-repeat; margin: 0 2px 0 0; } .icon-etoile-gris { display: inline-block; width: 12px; height: 11px; background-image: url("../img/icones.png?100215.png"); background-position: -122px -138px; background-repeat: no-repeat; margin: 0 2px 0 0; } .icon-fermer { display: inline-block; width: 13px; height: 9px; background-image: url("../img/icones.png?100215.png"); background-position: -92px -138px; background-repeat: no-repeat; margin: 2px 0 0 0; } .puce-marron { width: 4px; height: 4px; background: #2a1b19; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; display: inline-block; margin: 0 4px 2px 0; } /* ----------------------- DEBUT icone forum -- */ .discussion li i { background-image: url("../img/icones.png?100215.png"); background-position: -283px -164px; background-repeat: no-repeat; display: inline-block; height: 19px; width: 19px; vertical-align: middle; margin: 0 10px 0 0; } .icon-forum-utilisateur { background-image: url("../img/icones.png?100215.png"); background-position: -305px -166px; background-repeat: no-repeat; display: inline-block; height: 17px; margin: 0 3px 0 -30px; width: 23px; } .icon-forum-stat { background-image: url("../img/icones.png?100215.png"); background-position: -331px -166px; background-repeat: no-repeat; display: inline-block; height: 17px; margin: 0 3px 0 -29px; width: 23px; } .icon-no-message { background-image: url("../img/icones.png?100215.png"); background-position: -232px -168px; background-repeat: no-repeat; display: inline-block; height: 16px; width: 23px; vertical-align: middle; } .icon-new-message { background-image: url("../img/icones.png?100215.png"); background-position: -257px -159px; background-repeat: no-repeat; display: inline-block; height: 24px; width: 23px; vertical-align: middle; } .icon-bloc-message { background-image: url("../img/icones.png?100215.png"); background-position: -354px -160px; background-repeat: no-repeat; display: inline-block; height: 24px; width: 23px; vertical-align: middle; } .icon-forum-favoris { background-image: url("../img/icones.png?100215.png"); background-position: -503px -166px; background-repeat: no-repeat; display: inline-block; height: 14px; width: 14px; vertical-align: middle; margin: 0 5px 0 0; } .icon-forum-plus { background-image: url("../img/icones.png?100215.png"); background-position: -519px -166px; background-repeat: no-repeat; display: inline-block; height: 14px; width: 13px; vertical-align: middle; margin: 0 5px 0 0; } .icon-forum-annonce { background-image: url("../img/icones.png?100215.png"); background-position: -427px -165px; background-repeat: no-repeat; display: inline-block; height: 19px; width: 23px; vertical-align: middle; } .icon-forum-fixe { background-image: url("../img/icones.png?100215.png"); background-position: -452px -160px; background-repeat: no-repeat; display: inline-block; height: 22px; width: 23px; vertical-align: middle; } .icon-forum-sondage { background-image: url("../img/icones.png?100215.png"); background-position: -407px -161px; background-repeat: no-repeat; display: inline-block; height: 24px; width: 18px; vertical-align: middle; margin: 0 0 0 3px; } .icon-forum-deplace { background-image: url("../img/icones.png?100215.png"); background-position: -477px -162px; background-repeat: no-repeat; display: inline-block; height: 21px; width: 22px; vertical-align: middle; } .icon-no-message-bloc { background-image: url("../img/icones.png?100215.png"); background-position: -354px -159px; background-repeat: no-repeat; display: inline-block; height: 24px; width: 23px; vertical-align: middle; } .icon-new-message-bloc { background-image: url("../img/icones.png?100215.png"); background-position: -379px -159px; background-repeat: no-repeat; display: inline-block; height: 24px; width: 26px; vertical-align: middle; } .icon-connecte-arbre { background-image: url("../img/icones.png?100215.png"); background-position: -570px -188px; background-repeat: no-repeat; float: left; height: 24px; width: 19px; margin: -10px 5px 0 0; } .icon-connecte-collection { background-image: url("../img/icones.png?100215.png"); background-position: -535px -159px; background-repeat: no-repeat; float: left; height: 24px; width: 20px; margin: -10px 5px 0 0; } .icon-connecte-alerte { background-image: url("../img/icones.png?100215.png"); background-position: -558px -159px; background-repeat: no-repeat; float: left; height: 24px; width: 20px; margin: -10px 5px 0 0; } .icon-connecte-boutique { background-image: url("../img/icones.png?100215.png"); background-position: -521px -188px; background-repeat: no-repeat; float: left; height: 24px; width: 20px; margin: -10px 5px 0 0; } .icon-connecte-historique { background-image: url("../img/icones.png?100215.png"); background-position: -544px -188px; background-repeat: no-repeat; float: left; height: 24px; width: 23px; margin: -10px 5px 0 0; } /* ----------------------- FIN icone forum -- */ .icon-arbre-imprimer { display: inline-block; width: 14px; height: 16px; background-image: url("../img/icones.png?100215.png"); background-position: -518px -139px; background-repeat: no-repeat; margin: 0 5px -3px 0; } .icon-arbre-supprimer { display: inline-block; width: 11px; height: 11px; background-image: url("../img/icones.png?100215.png"); background-position: -534px -144px; background-repeat: no-repeat; margin: 0 5px -1px 0; } .icon-arbre-supprimer:hover { opacity: 0.8; } .icon-arbre-voir { display: inline-block; width: 21px; height: 15px; background-image: url("../img/icones.png?100215.png"); background-position: -493px -140px; background-repeat: no-repeat; margin: 0 5px -3px 0; } .icon-titre-loupe-spe { display: inline-block; width: 37px; height: 34px; background-image: url("../img/icones.png?100215.png"); background-position: -560px -92px; background-repeat: no-repeat; margin: -3px 10px -15px 20px; } .icon-valider-gris { display: inline-block; width: 24px; height: 15px; background-image: url("../img/icones.png?100215.png"); background-position: -182px -17px; background-repeat: no-repeat; margin: 0 5px -3px 0; } .icon-ignorer { display: inline-block; width: 23px; height: 15px; background-image: url("../img/icones.png?100215.png"); background-position: -182px -1px; background-repeat: no-repeat; margin: 0 5px -3px 0; } .btn-simple { /* btn simple fond orange cot├® arrondis (page anciens metiers) */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; border: 1px solid #FF5555; padding: 10px 15px 10px 15px; color: #FF5555; font-weight: bold; text-decoration: none; font-size: 14px; margin: 5px 3px 0 0; display: inline-block; cursor: pointer; } .btn-simple:hover, .btn-simple.active { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FF5555; padding: 10px 15px 10px 15px; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 14px; margin: 5px 3px 0 0; display: inline-block; } .icon-arbre-voir-orange { display: inline-block; width: 21px; height: 15px; background-image: url("../img/icones.png?100215.png"); background-position: -268px -540px; background-repeat: no-repeat; margin: 0 5px -3px 0; } /* ----------------------- DEBUT fleches -- */ .fleche-orange-h { border-left: 7px solid transparent; border-bottom: 8px solid #FF5555; border-right: 7px solid transparent; height: 0; width: 0; float: left; margin: 2px 5px 0 0; } .fleche-orange-h:hover { border-bottom: 8px solid #a42e2f; } .fleche-orange-b { border-right: 7px solid transparent; border-top: 8px solid #FF5555; border-left: 7px solid transparent; float: left; height: 0; margin: 4px 5px 0 2px; width: 0; } .fleche-orange-b:hover { border-top: 8px solid #a42e2f; } .fleche-orange-d { border-bottom: 7px solid transparent; border-left: 8px solid #FF5555; border-top: 7px solid transparent; float: left; height: 0; margin: -1px 7px 0 5px; width: 0; } .fleche-orange-d:hover { border-left: 8px solid #a42e2f; } .fleche-verte-g { border-bottom: 11px solid transparent; border-right: 12px solid #FF5555; border-top: 11px solid transparent; float: left; height: 0; margin: -3px 7px -1px 0; width: 0; } .fleche-verte-g:hover { border-right: 12px solid #222255; } .fleche-verte-suivant { border-bottom: 7px solid transparent; border-left: 8px solid #FF5555; border-top: 7px solid transparent; float: left; height: 0; margin: 3px 3px 0 0; width: 0; } .ascendingArrow { /* trie dans tableau via des fleches ex: page affichez vos arbres */ background-image: url("../img/icones.png?100215.png"); background-position: -84px -453px; background-repeat: no-repeat; height: 6px; width: 9px; margin: 1px 0 2px 0; display: inherit; cursor: pointer; } .descendingArrow { /* trie dans tableau via des fleches ex: page affichez vos arbres */ background-image: url("../img/icones.png?100215.png"); background-position: -84px -461px; background-repeat: no-repeat; height: 6px; width: 9px; display: inherit; cursor: pointer; } .trie label { /* trie dans tableau via des fleches ex: page affichez vos arbres */ float: left; margin: 0 5px 0 0; } /* ----------------------- FIN fleches -- */ .caret-2 { border-width: 7px 8px 0; margin: 0 0 0 10px; border-color: #222255 rgba(76, 85, 8, 0) -moz-use-text-color !important; } .puce-orange { width: 6px; height: 6px; background: url("../img/icones.png?100215.png") no-repeat -76px -148px transparent; margin: 5px 5px 0 7px; float: left; } .icon-puce-arbre-v { background-image: url("../img/icones.png?100215.png"); background-position: -580px -168px; background-repeat: no-repeat; float: left; height: 14px; width: 11px; margin: 0 5px 0 0; } .icon-archive-ancien-regime { background-image: url("../img/icones.png?100215.png"); background-position: -486px -225px; background-repeat: no-repeat; float: left; height: 23px; width: 18px; margin: -3px 6px -7px 0; } .icon-archive-revolution-francaise { background-image: url("../img/icones.png?100215.png"); background-position: -496px -252px; background-repeat: no-repeat; float: left; height: 23px; width: 16px; margin: -4px 6px -6px 4px; } .icon-archive-consulat-empire-restauration--monarchie-de-juillet { background-image: url("../img/icones.png?100215.png"); background-position: -543px -303px; background-repeat: no-repeat; float: left; height: 13px; width: 26px; margin: 1px 6px -6px 3px; } .icon-archive-anciennes-colonies { background-image: url("../img/icones.png?100215.png"); background-position: -563px -227px; background-repeat: no-repeat; float: left; height: 17px; width: 25px; margin: -1px 6px -6px 3px; } .icon-archive-grande-guerre { background-image: url("../img/icones.png?100215.png"); background-position: -508px -226px; background-repeat: no-repeat; float: left; height: 20px; width: 26px; margin: -1px 6px 0px 3px; } .icon-archive-2nde-guerre-mondiale { background-image: url("../img/icones.png?100215.png"); background-position: -558px -278px; background-repeat: no-repeat; float: left; height: 25px; width: 19px; margin: -3px 6px 0px 3px; } .icon-archive-resistance-belge { background-image: url("../img/icones.png?100215.png"); background-position: -563px -252px; background-repeat: no-repeat; float: left; height: 23px; width: 18px; margin: -3px 6px 0px 3px; } .icon-archive-archives-militaires { background-image: url("../img/icones.png?100215.png"); background-position: -517px -304px; background-repeat: no-repeat; float: left; height: 23px; width: 23px; margin: -3px 4px 0px 4px; } .icon-archive-decorations--naturalisations { background-image: url("../img/icones.png?100215.png"); background-position: -537px -279px; background-repeat: no-repeat; float: left; height: 22px; width: 17px; margin: -3px 4px 0px 4px; } .icon-archive-heraldique { background-image: url("../img/icones.png?100215.png"); background-position: -539px -226px; background-repeat: no-repeat; float: left; height: 21px; width: 21px; margin: -3px 4px 0px 4px; } .icon-archive-passeports-enregistrements-embarquements { background-image: url("../img/icones.png?100215.png"); background-position: -514px -252px; background-repeat: no-repeat; float: left; height: 21px; width: 21px; margin: -3px 4px 0px 4px; } .icon-archive-recensements { background-image: url("../img/icones.png?100215.png"); background-position: -537px -252px; background-repeat: no-repeat; float: left; height: 22px; width: 22px; margin: -3px 4px 0px 4px; } .icon-archive-divers { background-image: url("../img/icones.png?100215.png"); background-position: -515px -279px; background-repeat: no-repeat; float: left; height: 22px; width: 18px; margin: -4px 4px 0px 4px; } .icon-media { background-image: url("../img/icones.png?100215.png"); background-position: -295px -533px; background-repeat: no-repeat; float: left; height: 25px; width: 28px; margin: -5px 8px 0px 15px; } .icon-cadeauxcom { background-image: url("../img/icones.png?100215.png"); background-position: -360px -453px; background-repeat: no-repeat; float: left; height: 27px; width: 71px; margin: -4px 8px 0px 6px; } /* ----------------------- DEBUT icones menu Viewer -- */ .icon-pleine-ecran { background-image: url("../img/icones.png?100215.png"); background-position: -166px -276px; background-repeat: no-repeat; float: left; height: 24px; margin: -2px 7px -4px 0; width: 24px; } .icon-zoom-plus-v { background-image: url("../img/icones.png?100215.png"); background-position: -167px -305px; background-repeat: no-repeat; float: left; height: 25px; margin: -4px 7px -5px 0; width: 27px; } .icon-zoom-moins-v { background-image: url("../img/icones.png?100215.png"); background-position: -197px -304px; background-repeat: no-repeat; float: left; height: 26px; margin: -4px 7px -5px 0; width: 28px; } .icon-archive-v { background-image: url("../img/icones.png?100215.png"); background-position: -231px -304px; background-repeat: no-repeat; float: left; height: 24px; margin: -2px 7px -4px 0; width: 28px; } .icon-rattacher-v { background-image: url("../img/icones.png?100215.png"); background-position: -198px -277px; background-repeat: no-repeat; float: left; height: 24px; margin: -2px 7px -4px 0; width: 25px; } .icon-imprimer-v { background-image: url("../img/icones.png?100215.png"); background-position: -229px -276px; background-repeat: no-repeat; float: left; height: 24px; margin: -2px 7px -4px 0; width: 22px; } .icon-argument-arbre { background-image: url("../img/icones.png?100215.png"); background-position: -265px -278px; background-repeat: no-repeat; float: left; height: 48px; margin: 0 0 0 0; width: 48px; } .icon-argument-proche { background-image: url("../img/icones.png?100215.png"); background-position: -319px -279px; background-repeat: no-repeat; float: left; height: 48px; margin: 0 0 0 0; width: 48px; } .icon-argument-cousin { background-image: url("../img/icones.png?100215.png"); background-position: -372px -280px; background-repeat: no-repeat; float: left; height: 48px; margin: 0 0 0 0; width: 48px; } .icon-argument-progres { background-image: url("../img/icones.png?100215.png"); background-position: -428px -279px; background-repeat: no-repeat; float: left; height: 48px; margin: 0 0 0 0; width: 48px; } .export-arbre { background-image: url("../img/icones.png?100215.png"); background-position: -571px -48px; background-repeat: no-repeat; float: left; height: 32px; margin: -10px 5px 0 0; width: 27px; } /* ----------------------- FIN icones menu Viewer -- */ .icon-detail-enregistrer { background-image: url("../img/icones.png?100215.png"); background-position: -375px -344px; background-repeat: no-repeat; float: left; height: 42px; margin: 0 0 0 0; width: 42px; } .icon-detail-supprimer { background-image: url("../img/icones.png?100215.png"); background-position: -421px -344px; background-repeat: no-repeat; float: left; height: 42px; margin: 0 0 0 0; width: 42px; } .icon-detail-arbre { background-image: url("../img/icones.png?100215.png"); background-position: -466px -344px; background-repeat: no-repeat; float: left; height: 42px; margin: 0 0 0 0; width: 42px; } .icon-detail-imprimer { background-image: url("../img/icones.png?100215.png"); background-position: -515px -344px; background-repeat: no-repeat; float: left; height: 42px; margin: 0 0 0 0; width: 42px; } .icon-tete-femme { background-image: url("../img/icones.png?100215.png"); background-position: -577px -298px; background-repeat: no-repeat; float: left; height: 27px; margin: -7px 4px 0 0; width: 20px; } .icon-tete-homme { background-image: url("../img/icones.png?100215.png"); background-position: -577px -327px; background-repeat: no-repeat; float: left; height: 27px; margin: -7px 4px 0 0; width: 20px; } .icon-tete-neutre { background-image: url("../img/icones.png?100215.png"); background-position: -577px -360px; background-repeat: no-repeat; float: left; height: 27px; margin: -7px 4px 0 0; width: 20px; } .icon-gregorien { background-image: url("../img/icones.png?100215.png"); background-position: -319px -65px; background-repeat: no-repeat; float: left; height: 22px; margin: 0 7px 0 0; width: 14px; } .icon-julien { background-image: url("../img/icones.png?100215.png"); background-position: -339px -68px; background-repeat: no-repeat; float: left; height: 22px; margin: 0 4px 0 0; width: 21px; } .icon-republicain { background-image: url("../img/icones.png?100215.png"); background-position: -496px -252px; background-repeat: no-repeat; float: left; height: 23px; margin: 0 6px 0 0; width: 16px; } .icon-islamique { background-image: url("../img/icones.png?100215.png"); background-position: -364px -68px; background-repeat: no-repeat; float: left; height: 22px; margin: 0 8px 0 0; width: 19px; } .icon-hebreu { background-image: url("../img/icones.png?100215.png"); background-position: -390px -68px; background-repeat: no-repeat; float: left; height: 21px; margin: 0 8px 0 0; width: 18px; } .icon-perse { background-image: url("../img/icones.png?100215.png"); background-position: -461px -68px; background-repeat: no-repeat; float: left; height: 21px; margin: 0 8px 0 0; width: 19px; } .icon-maya { background-image: url("../img/icones.png?100215.png"); background-position: -415px -68px; background-repeat: no-repeat; float: left; height: 22px; margin: 0 8px 0 0; width: 19px; } .icon-indien { background-image: url("../img/icones.png?100215.png"); background-position: -439px -68px; background-repeat: no-repeat; float: left; height: 21px; margin: 0 8px 0 0; width: 18px; } .visage-h { background-image: url("../img/icones.png?100215.png"); background-position: -108px -409px; background-repeat: no-repeat; float: left; height: 80px; margin: 0; width: 81px; } .visage-f { background-image: url("../img/icones.png?100215.png"); background-position: -282px -402px; background-repeat: no-repeat; float: left; height: 80px; margin: 0; width: 68px; } .visage-h-f { background-image: url("../img/icones.png?100215.png"); background-position: -194px -409px; background-repeat: no-repeat; float: left; height: 80px; margin: 0 8px 0 0; width: 78px; } .calendrier-union { background-image: url("../img/icones.png?100215.png"); background-position: -353px -403px; background-repeat: no-repeat; float: left; height: 48px; margin: 0; width: 46px; } .repondre-mess { background-image: url("../img/icones.png?100215.png"); background-position: -582px -279px; background-repeat: no-repeat; float: left; height: 16px; margin: 0 4px 0 0; width: 15px; } .supp-orange { background-image: url("../img/icones.png?100215.png"); background-position: -582px -252px; background-repeat: no-repeat; float: left; height: 16px; margin: 0 4px 0 0; width: 15px; } .supp-orange-txt { background-image: url("../img/icones.png?100215.png"); background-position: -582px -252px; background-repeat: no-repeat; display: inline-block; height: 16px; margin: 0 4px 0 0; width: 15px; } .envoyer-mess { background-image: url("../img/icones.png?100215.png"); background-position: -544px -326px; background-repeat: no-repeat; height: 12px; margin: 0 4px -2px 0; width: 19px; display: inline-block; } .partage-h-f { background-image: url("../img/icones.png?100215.png"); background-position: -555px -392px; background-repeat: no-repeat; display: inline-block; height: 16px; margin: -3px 0 0 5px; width: 43px; } table td.pdf .icone-pdf { width: 19px; height: 23px; display: block; background: url("../img/icones.png?100215.png") no-repeat scroll -489px -390px transparent; margin: 0 5px 0 0; } table td.pdf .icone-pdf:hover, .icone-pdf:hover { background: url("../img/icones.png?100215.png") no-repeat scroll -508px -390px transparent; } .icone-pdf { width: 19px; height: 23px; background: url("../img/icones.png?100215.png") no-repeat scroll -489px -390px transparent; margin: -6px 5px -9px 10px; display: inline-block; height: 23px; } .bloc-recapitulatif .bloc-services .bloc-securite .securite .icone-cil, .securit-arbre .icone-cil { background-image: url("../img/icones.png?100215.png"); background-position: -266px -560px; background-repeat: no-repeat; height: 36px; width: 54px; display: block; text-align: left; margin: 0 0 5px 30px; float: left; } .securit-arbre .icone-cil { margin: 1px 15px 0px 0; } .icone-cadenas-v { background-image: url("../img/icones.png?100215.png"); background-position: -519px -474px; background-repeat: no-repeat; display: inline-block; float: left; height: 37px; margin: 0 15px 0 0; width: 32px; } .icone-arbre-v { background-image: url("../img/icones.png?100215.png"); background-position: -558px -475px; background-repeat: no-repeat; display: inline-block; float: left; height: 37px; margin: -13px 15px 0 0; width: 28px; } /* ----------------------- DEBUT Macaron 62/62px -- */ .macaron-ec { background-image: url("../img/icones.png?100215.png"); background-position: -110px -339px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-arbre { background-image: url("../img/icones.png?100215.png"); background-position: -176px -339px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-69 { background-image: url("../img/icones.png?100215.png"); background-position: -241px -339px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-85 { background-image: url("../img/icones.png?100215.png"); background-position: -305px -339px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-73 { background-image: url("../img/icones.png?100215.png"); background-position: -2px -599px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-78 { background-image: url("../img/icones.png?100215.png"); background-position: -66px -599px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-41 { background-image: url("../img/icones.png?100215.png"); background-position: -129px -599px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-77 { background-image: url("../img/icones.png?100215.png"); background-position: -193px -599px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } .macaron-ec-69lyon { background-image: url("../img/icones.png?100215.png"); background-position: -257px -599px; background-repeat: no-repeat; float: left; height: 62px; width: 62px; margin: 0 10px 0 0; } /* ----------------------- FIN Macaron 62/62px -- */ /* ----------------------- DEBUT icones Atbre -- */ i.icon-modifier { display: inline-block; width: 17px; height: 17px; background-image: url("../img/icones.png?100215.png"); background-position: -474px -138px; background-repeat: no-repeat; margin: 0 5px -3px 0; } i.event-naissance { display: inline-block; width: 30px; height: 27px; background-image: url("../img/icones.png?100215.png"); background-position: -444px -189px; background-repeat: no-repeat; margin: 5px; } i.event-mariage { display: inline-block; width: 31px; height: 27px; background-image: url("../img/icones.png?100215.png"); background-position: -480px -189px; background-repeat: no-repeat; margin: 5px; } i.event-deces { display: inline-block; width: 31px; height: 27px; background-image: url("../img/icones.png?100215.png"); background-position: -448px -225px; background-repeat: no-repeat; margin: 5px; } i.icon-voir { display: inline-block; width: 21px; height: 15px; background-image: url("../img/icones.png?100215.png"); background-position: -493px -140px; background-repeat: no-repeat; margin: 0 3px -3px 0; } i.icon-archive { display: inline-block; width: 39px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -286px -34px; background-repeat: no-repeat; } i.icon-ec { display: inline-block; width: 39px; height: 36px; background-image: url("../img/icones.png?100215.png"); background-position: -486px -7px; background-repeat: no-repeat; } i.icon-photo { display: inline-block; width: 32px; height: 32px; background-image: url("../img/icones.png?100215.png"); background-position: -531px -8px; background-repeat: no-repeat; margin: 0 0 0 6px; } i.icon-note { display: inline-block; width: 32px; height: 37px; background-image: url("../img/icones.png?100215.png"); background-position: -568px -5px; background-repeat: no-repeat; margin: 0 0 0 8px; } .perso-rattache { background-image: url("../img/icones.png?100215.png"); background-position: -495px -316px; background-repeat: no-repeat; display: block; height: 21px; margin: 0 5px 0 0; width: 19px; float: left; } .perso-rattache-txt { background-image: url("../img/icones.png?100215.png"); background-position: -495px -316px; background-repeat: no-repeat; display: inline-block; height: 21px; margin: 0 0 0 2px; width: 19px; } /* ----------------------- FIN icones Atbre -- */ /*================================================================================================================================================ ================================================================================================================================================================================================================ icon a retirer apres font ok ========================================================================================================*/ .icone-login { background-image: url("../img/icones.png?100215.png"); background-position: -263px -63px; background-repeat: no-repeat; float: left; height: 15px; width: 10px; margin: 0 5px 0 0; } /*================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================/* /* ======================================================================================================== FIN bandeau titre - icon -- */ /* ======================================================================================================== DEBUT Pagination generale -- */ /*------------------------ pagination 1 fleche blanche + fond orange--- */ .pagination1, .pagination2 { margin: 0 auto; /*width:194px;*/ } .pagination1 i.icon-gauche { display: block; float: left; width: 19px; height: 18px; background-image: url("../img/icones.png?100215.png"); background-position: -172px -137px; background-repeat: no-repeat; margin: -1px 10px 0 0; } .pagination1 i.icon-gauche:hover { background-position: -193px -137px; } .pagination1 i.icon-droit { display: inline-block; /*float:right;*/ width: 19px; height: 18px; background-image: url("../img/icones.png?100215.png"); background-position: -218px -137px; background-repeat: no-repeat; margin: -7px 0 -5px 0; } .pagination1 i.icon-droit:hover { background-position: -240px -137px; } .pagination1 a.pagination-chiffre { margin: 0 10px 0 0; font-weight: bold; } .pagination1 a.pagination-chiffre.active { text-decoration: underline; color: #d34243; } /*------------------------ pagination 2 fleche orange + fond blanc--- */ .pagination2 i.icon-gauche { display: block; float: left; width: 19px; height: 18px; background-image: url("../img/icones.png?100215.png"); background-position: -262px -137px; background-repeat: no-repeat; margin: -1px 10px 0 0; } .pagination2 i.icon-gauche:hover { background-position: -283px -137px; } .pagination2 i.icon-droit { display: block; float: right; width: 19px; height: 18px; background-image: url("../img/icones.png?100215.png"); background-position: -329px -137px; background-repeat: no-repeat; margin: -1px 0 0 0; } .pagination2 i.icon-droit:hover { background-position: -307px -137px; } .pagination2 a.pagination-chiffre { margin: 0 10px 0 0; font-weight: bold; color: #ffffff; } .pagination2 a.pagination-chiffre.active { text-decoration: underline; color: #ffffff; } /*------------------------ fleches orange gauche et droite --- */ .fleche-orange-precedent { border-bottom: 6px solid transparent; border-right: 7px solid #d34243; border-top: 6px solid transparent; float: left; height: 0; margin: 4px 4px 0 0; width: 0; } .fleche-orange-suivant { border-bottom: 6px solid transparent; border-left: 7px solid #d34243; border-top: 6px solid transparent; float: right; height: 0; margin: 4px 0 0 4px; width: 0; } .fleche-orange-suivant:hover { border-left: 7px solid #a42e2f; } .fleche-orange-precedent:hover { border-right: 7px solid #a42e2f; } /* ======================================================================================================== FIN Pagination generale -- */ /* ======================================================================================================== DEBUT menu d├®pliant "arbre" - page r├®sultat, recherche, arbre -- */ /*.radio, .checkbox { min-height: 0; padding-left: 18px; margin-top:0; }*/ .arbre-vous .radio { padding-left: 0; } .nav-header { color: #222255; font-size: 13px; line-height: 13px; padding: 2px 0; text-transform: none; } .nav-list { margin-bottom: 0; padding-left: 15px; padding-right: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .nav-list label { display: block; } } .nav-list span { display: inline-block; width: 260px; } .nav-list span:hover { text-decoration: underline; } label.nav-header { margin: 0; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 4px; } ul.tree > li > a { padding: 2px 2px 2px 0px; text-decoration: none; margin: 0 0 0 14px; } ul.tree > li > a:hover { text-decoration: underline; background: none; color: #a42e2f; } ul.tree > li > a.activeLabel { text-decoration: underline; background: none; color: #a42e2f; font-weight: bold; } ul.tree > li > label.activeLabel { text-decoration: underline; background: none; font-weight: bold; } .nav-list > li > a:hover, .nav-list > li > a:focus, label.tree-toggler:hover, label.tree-toggler:focus { text-decoration: underline; } /* ======================================================================================================== FIN menu d├®pliant "arbre" - page r├®sultat, recherche, arbre -- */ /* ======================================================================================================== DEBUT PETIT MENU Blason, Boutique, Forum -- */ .menu-colonne .theme-menu { margin: 5px 0 5px 0; border-bottom: 1px solid #757585; padding: 0 0 10px 0; } .menu-colonne .theme-menu h5 { color: #FF5555; font-size: 13px; font-weight: bold; } .menu-colonne .theme-menu li a { color: #333333; text-decoration: none; line-height: 16px; } .menu-colonne .theme-menu li a:hover { text-decoration: underline; } .menu-colonne .theme-menu li a.active { text-decoration: underline; } /* ======================================================================================================== FIN PETIT MENU Blason, Boutique, Forum -- */ /* ======================================================================================================== DEBUT Bloc ATTENTION (page d'accueil connecte) -- */ .bloc-attention { background: #ffeae3; border: 1px solid #d9534f; border-radius: 8px; margin-bottom: 10px; } .bloc-attention .icon-gros-attention { background: url("../img/icones.png?100215.png") no-repeat scroll -6px -347px transparent; float: left; height: 94px; margin: 0 15px 0 0; width: 104px; border-radius: 8px; } .bloc-attention h4 { font-size: 18px; font-weight: bold; color: #d9534f; padding: 10px 0 0 0; } .bloc-attention p { padding: 0 10px 10px 0; } /* ======================================================================================================== FIN Bloc ATTENTION (page d'accueil connecte) -- */ /* ======================================================================================================== DEBUT Bloc ALERT -- */ .bloc-alert { background: #ffd7d7; border: 1px solid #f0ad4e; border-radius: 8px; margin-bottom: 10px; } .bloc-alert .icon-gros-alert { background: url("../img/icones.png?100215.png") no-repeat scroll -116px -488px transparent; float: left; height: 94px; margin: 0 15px 0 0; width: 104px; border-radius: 8px; } .bloc-alert h4 { font-size: 18px; font-weight: bold; color: #f0ad4e; padding: 10px 0 0 0; } .bloc-alert p { padding: 0 10px 10px 0; } /* ======================================================================================================== FIN Bloc ALERT -- */ /* ======================================================================================================== DEBUT Bloc VALIDE -- */ .bloc-valide { background: #d5d8da; border: 1px solid #222255; border-radius: 8px; margin-bottom: 10px; } .bloc-valide .icon-gros-valide { background: url("../img/icones.png?100215.png") no-repeat scroll -5px -488px transparent; float: left; height: 94px; margin: 0 15px 0 0; width: 104px; border-radius: 8px; } .bloc-valide h4 { font-size: 18px; font-weight: bold; color: #222255; padding: 10px 0 0 0; } .bloc-valide p { padding: 0 10px 10px 0; } /* ======================================================================================================== FIN Bloc VALIDE -- */ /* ======================================================================================================== DEBUT Bloc d├®couvrir offre (page d'accueil connecte) -- */ .bloc-decouvrir { background: url("../img/connecte/fond-bloc-decouvrir-a-c.png") no-repeat scroll 202px 0 #ffffff; border: 1px solid #FF5555; border-radius: 8px; padding: 7px 10px 7px 10px; margin-bottom: 10px; } .bloc-decouvrir h4 { font-size: 18px; font-weight: bold; color: #FF5555; } .bloc-decouvrir p { width: 48%; } /* ======================================================================================================== FIN Bloc d├®couvrir offre (page d'accueil connecte) -- */ /* ======================================================================================================== DEBUT Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ ul.alphabet { margin: 5px 0 0 0; border: 1px solid #FF5555; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alphabet li { display: inline-block; } .alphabet li a { text-decoration: none; cursor: pointer; font-weight: bold; font-size: 14px; padding: 2px 5px 3px 5px; } .alphabet li a:hover { background: #a42e2f; color: #ffffff; padding: 2px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alphabet li.active a { background: #a42e2f; color: #ffffff; padding: 2px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alphabet li.nul a, .alphabet li.nul a:hover { color: #757585; padding: 2px 5px 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ffffff; } /* ======================================================================================================== FIN Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ /* ======================================================================================================== DEBUT onglet navigation (page vos messages) */ .nav-tabs { border-bottom: 1px solid #FF5555; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #222255; border-color: #FF5555 #FF5555 transparent; color: #ffffff; font-weight: bold; text-decoration: none; } .nav-tabs > li > a { padding: 5px 17px; text-decoration: none; } /* ======================================================================================================== FIN onglet navigation (page vos messages) */ /* ======================================================================================================== DEBUT Page Dans l'Histoire -- */ .cadre.histoire i.icon-feuille-ouverte { margin: 5px 5px 0 0; } ul.liste-evenement-hist li { margin: 0 0 5px 0; } ul.liste-evenement-hist li i { margin: 1px 3px 0 0; } .bloc-histoire-form { background: url("../img/chroniques/fond-histoire-form.jpg") no-repeat scroll 0 0 #333333; border: 1px solid #FF5555; height: 105px; padding: 10px; color: #ffffff; } .bloc-histoire-form .bloc-jour, .bloc-histoire-form .bloc-ou, .bloc-histoire-form .bloc-annee { float: left; } .bloc-histoire-form .bloc-jour { width: 290px; } .bloc-histoire-form .bloc-jour select { float: left; width: 60px; margin: 8px 5px 0 0; } .bloc-histoire-form .bloc-jour select + select { float: left; width: 100px; } .bloc-histoire-form .bloc-jour input, .bloc-histoire-form .bloc-annee input { float: left; margin: 15px 5px 10px 0; width: 12px; } .bloc-histoire-form .bloc-jour button, .bloc-histoire-form .bloc-annee button { margin: 5px 0px 0 0; } .bloc-histoire-form .bloc-jour label, .bloc-histoire-form .bloc-annee label { float: left; margin: 15px 5px 0 0; padding: 0; } .bloc-histoire-form .bloc-ou { width: 41px; padding: 14px 6px 0 6px; font-weight: bold; font-size: 18px; text-decoration: underline; } .bloc-histoire-form .bloc-annee { width: 200px; } .bloc-histoire-form .bloc-annee input[type=text] { width: 60px; margin: 8px 5px 0 0; } ul.autre-evenement li { padding: 8px 5px 8px 5px; } ul.autre-evenement li span { width: 40px; display: inline-block; line-height: 18px; font-weight: bold; } ul.autre-evenement li:nth-child(odd) { background: #d5d8da; } ul.autre-evenement-annee li { padding: 8px 5px 8px 5px; } ul.autre-evenement-annee li span { width: 100px; display: inline-block; line-height: 18px; font-weight: bold; } ul.autre-evenement-annee li:nth-child(odd) { background: #d5d8da; } /* ======================================================================================================== FIN Page Dans l'Histoire -- */ /* ======================================================================================================== DEBUT Page Mot de passe perdu -- */ .bloc-mdpperdu { background: url("../img/fond-mdp.png") no-repeat scroll 540px 0 #ffffff; height: 219px; } .bloc-mdpperdu input { width: 60%; } /* ======================================================================================================== FIN Page Mot de passe perdu -- */ /* ======================================================================================================== DEBUT Page Validation -- */ .bloc-validation { background: url("../img/fond-validation.png") no-repeat scroll 551px 0 #ffffff; height: 219px; } /* ======================================================================================================== FIN Page Validation -- */ /* ======================================================================================================== DEBUT Page Qui sommes nous -- */ .bloc-etaussi img { width: 60px; } .bloc-etaussi span { width: 150px; font-weight: bold; color: #FF5555; display: inline-block; } /* ======================================================================================================== FIN Page Qui sommes nous -- */ /* ================================================================= PUBLICITES ========================================================================================= ==================================================================================================================================================================================== */ /* ======================================================================================================== DEBUT bloc Id├®e Cadeaux (Guide - Chronique) PUB -- */ .cadre-id-kdo { border: 1px solid #FF5555; padding: 10px; } .ornement { background: url("../img/icones.png?100215.png") no-repeat scroll -188px -260px #ffffff; width: 280px; height: 16px; margin: 0 auto; } .cadre-id-kdo h4 { margin: 5px 0 5px 0; } .cadre-id-kdo .bloc-img-id-kado { background: #d5d8da; padding: 10px 0; width: 47.93%; margin: 0 3px 5px 3px; height: 167px; } .cadre-id-kdo .bloc-img-id-kado img { border: 1px solid #222255; max-width: 115px; margin: 0 auto; display: block; } .cadre-id-kdo .bloc-img-id-kado p { text-align: center; margin: 8px 0 0 0; } .cadre-id-kdo-txt { background: #d5d8da; padding: 10px; } .cadre-id-kdo-txt li, .cadre-id-kdo-txt02 li { float: left; } .cadre-id-kdo-txt02 span.separation-lien { float: none; } .cadre-id-kdo-txt02 p { padding: 0 40px; } /* ======================================================================================================== FIN bloc Id├®e Cadeaux (Guide) PUB -- */ /* ======================================================================================================== DEBUT bloc Id├®e Cadeaux (Chronique) PUB -- */ .cadre-id-kdo .bloc-img-id-kado2 { background: #d5d8da; padding: 10px; width: 100%; } .cadre-id-kdo .bloc-img-id-kado2 .kado2-img img { border: 1px solid #222255; width: 80px; margin: 0 auto; float: right; } .cadre-id-kdo .bloc-img-id-kado2 .kado2-img { width: 25%; display: block; float: left; } .cadre-id-kdo .bloc-img-id-kado2 .kado2-text { float: left; width: 75%; padding: 0 10px 0 0; } .cadre-id-kdo .bloc-img-id-kado2 p { margin: 5px 0 5px 0; } .cadre-id-kdo .bloc-img-id-kado2 .kado2-text h5 a { color: #222255; font-weight: bold; text-decoration: none; } .cadre-id-kdo .bloc-img-id-kado2 .kado2-text h5 a:hover { text-decoration: underline; } .cadre-id-kdo .bloc-img-id-kado2 .kado2-text i.leplus { color: #222255; float: left; font-size: 26px; font-weight: bolder; margin: 0 4px 0 0; } /* ======================================================================================================== FIN bloc Id├®e Cadeaux (Chronique) PUB-- */ /* ======================================================================================================== DEBUT bloc La France de son nom de famille (Page Nom de famille) PUB-- */ a.cadre-france-nom { display: block; padding: 10px; } .cadre-france-nom { border: 1px solid #FF5555; background: url("../img/publicite/illustration-france-du-nom.jpg") no-repeat scroll 100% 0 #ffffff; padding-top: 6px; height: 231px; background-position: 100% 0; } .cadre-france-nom .div-centrer { display: block; margin: 0 auto; width: 178px; } /* ======================================================================================================== FIN bloc La France de son nom de famille (Page Nom de famille) PUB-- */ /* ======================================================================================================== DEBUT bloc QuÔÇÖest-ce qui se cache derri├¿re votre nom de famille? -- */ .recherche-nom input { display: inline; width: 80%; } /* ======================================================================================================== FIN bloc QuÔÇÖest-ce qui se cache derri├¿re votre nom de famille? -- */ /* ======================================================================================================== DEBUT bloc Origine du Nom de Famille - page Noms de famille -- */ .cadre-origine-nom { border: 1px solid #FF5555; padding: 10px; } .cadre-origine-nom a { text-decoration: none; } .cadre-origine-nom .origine-nom-text { float: left; width: 184px; padding: 0 10px 0 0; } .cadre-origine-nom img { float: left; width: 106px; } /* ======================================================================================================== FIN bloc Origine du Nom de Famille - page Noms de famille -- */ /* ======================================================================================================== DEBUT page Erreur Oups... -- */ .erreur p { font-size: 25px; line-height: 25px; } .erreur p + p { font-size: 12px; } .erreur a { font-size: 15px; font-weight: bold; } /* ======================================================================================================== FIN page Erreur Oups... -- */ /* ======================================================================================================== DEBUT page connexion simple -- */ .img-connexion { background-image: url("../img/popup/illustration-livre-dessin.png"); background-position: 16px 13px; background-repeat: no-repeat; float: left; height: 200px; } /* ======================================================================================================== FIN page connexion simple -- */ /* ======================================================================================================== DEBUT page inscription -- */ .inscription, .inscription-news { /*border-bottom: 1px solid $color-secondaire-hover;*/ margin: 0 0 10px; padding: 0 0 10px; } .inscription label { display: inline-block; float: left; font-weight: bold; margin: 9px 0; width: 25%; } .inscription input, .inscription select, .inscription textarea { width: 60%; } .inscription select.date { width: 10%; float: left; margin: 0 8px 0 0; } .inscription select.mois { width: 31%; float: left; margin: 0 8px 0 0; } .inscription input.annee { width: 17%; } .inscription input[type=checkbox] { width: auto; } .inscription-news label { width: 100%; } /*.bloc-img-inscription { background-image: url("../img/illustration-arbre-c.jpg"); background-position: 0px 0px; background-repeat: no-repeat; height:556px; }*/ .action-profil { margin: 37px 0 0 0; } /* ======================================================================================================== FIN page inscription -- */ /* ======================================================================================================== DEBUT page Communiqu├® de presse -- */ .communique-p a { color: #333333; text-decoration: none; } .communique-p a:hover { text-decoration: underline; } .communique-presse { margin: 0 0 15px 0; } .communique-presse .telecharger-presse { margin: 9px 0 9px; padding: 4px 0 0 0; } .communique-presse .telecharger-photo { border-bottom: 1px solid #FF5555; margin: 9px 0 9px; padding: 4px 0 12px 0; } .communique-presse .telecharger-presse i { background-image: url("../img/icones.png?100215.png"); background-position: -271px -485px; background-repeat: no-repeat; height: 49px; width: 50px; float: left; margin: 0 0 0 6px; } .communique-presse .telecharger-photo i { background-image: url("../img/icones.png?100215.png"); background-position: -322px -485px; background-repeat: no-repeat; height: 49px; width: 50px; float: left; margin: 0 0 0 6px; } .communique-presse .telecharger-presse span, .communique-presse .telecharger-photo span { float: left; margin: 15px 0 0 8px; vertical-align: top; font-size: 13px; } .communique-presse .telecharger-presse span:hover, .communique-presse .telecharger-photo span:hover { text-decoration: underline; } /* ======================================================================================================== FIN page Communiqu├® de presse -- */ /* ======================================================================================================== DEBUT page Recrutement -- */ li.recrutement-poste { border-bottom: 2px solid #757585; padding: 0 0 15px 0; } li.recrutement-poste + li.recrutement-poste { border-bottom: 1px solid #757585; padding: 20px 0 15px 0; } /* ======================================================================================================== FIN page Recrutement -- */ /* ======================================================================================================== DEBUT page 404 et DEBUT page 403 -- */ /*.page404{ background-image: url("../img/fond-404.jpg"); background-position: 0 0; background-repeat: no-repeat; height:380px; float:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:-10px; } .page403{ background-image: url("../img/fond-403.jpg"); background-position: 0 0; background-repeat: no-repeat; height:380px; float:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:-10px; } .page404 h3, .page403 h3{ margin:40px 0 0 482px; } .page404 p, .page403 p{ margin:15px 0 0 482px; padding:0 10px 0 0; }*/ /* ======================================================================================================== FIN page 404 et DEBUT page 403 -- */ /* ======================================================================================================== DEBUT page 505 -- */ /*.page500{ background-image: url("../img/fond-500.jpg"); background-position: 0 0; background-repeat: no-repeat; height:380px; float:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:-10px; } .page500 h3{ margin:0 0 15px 0; font-size:18px; } .page500 p{ padding:0 10px 0 0; font-size:14px; } .page500 .text-500{ margin:15px 15px 0 650px; padding:10px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }*/ /* ======================================================================================================== FIN page 505 -- */ /* ======================================================================================================== DEBUT page On parle de nous -- */ ul.medias-genealogie li { border-bottom: 1px solid #757585; padding: 17px 0 17px 0; } ul.medias-genealogie li p { color: #d34243; font-size: 17px; font-weight: bold; } ul.medias-genealogie li p span { background: none repeat scroll 0 0 #d34243; border-radius: 4px; color: #ffffff; display: block; float: left; font-size: 18px; margin: 0 12px 0 0; padding: 5px; } ul.medias-genealogie li p span + span { background: none repeat scroll 0 0 transparent; border-radius: 0; color: #d34243; display: block; float: left; font-size: 15px; line-height: 18px; margin: 2px 0 14px 0; padding: 0; background: none; } ul.medias-genealogie li p + p { margin: 5px 0 0 15px; font-size: 12px; color: #333333; } ul.medias-genealogie li p .icone-pdf, ul.medias-genealogie li p .icon-i-telecharger-pdf { float: right; margin: -5px 0 0 0; } ul.medias-genealogie li video { margin: 5px 0 0 0; width: 60%; } /* ======================================================================================================== FIN page On parle de nous -- */ /* ================================================================= COLONNE DROITE GENERALE ======================================================================================= ==================================================================================================================================================================================== */ /* ======================================================================================================== DEBUT Bloc formulaire "Commencer vos Recherches" -- */ .commencerrecherche label { display: inline-block; font-weight: normal; margin: 12px 0 0 2px; width: 27%; } .commencerrecherche input, .commencerrecherche select { width: 70%; display: inline-block; font-weight: normal; margin: 0 0 0 2px; } .commencerrecherche input.periode { width: 32%; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .commencerrecherche input.periode { width: 31.5%; } } .commencerrecherche label.periode { width: 3%; } .commencerrecherche p.centrer input { width: 0%; margin: 0 5px 0 0; } .commencerrecherche span.twitter-typeahead { width: 70%; } .commencerrecherche span.twitter-typeahead input { width: 100%; margin: -7px 0 0 2px; } @media screen and (min-width: 0\0) { .commencerrecherche input.periode { width: 31.5%; } .commencerrecherche span.twitter-typeahead input { margin: 5px 0 0 2px; } } /* ======================================================================================================== FIN Bloc formulaire "Commencer vos Recherches" -- */ /* ================================================================= POPUP POPVER ETC GENERALES ======================================================================================= ==================================================================================================================================================================================== */ .modal-dialog { margin: 10% auto; width: 700px; z-index: 2000000000 !important; } #IE8 .modal-dialog { margin: 10% auto; width: 720px !important; } .modal-header { border-bottom: 0 none; } .modal-header h4, .popover-title { font-size: 15px; color: #222255; font-weight: bold; font-family: "Lato", sans-serif; } .modal-body { padding: 0 15px 0 15px; } .modal-footer { border-top: 0 none; padding: 15px; margin: 0; text-align: center; } .modal-body .label { display: block; } .popover-title { background-color: #ffffff; border-bottom: none; } .popover { max-width: 500px; z-index: 1100; } .modal-body .input-modal { margin: 0 0 5px 0; } .modal-body .input-modal label { display: inline-block; width: 18%; vertical-align: top; /*float:left; margin:4px 10px 0 0;*/ } .modal-body .input-modal-ligne { margin: 0 0 8px 0; } .modal-body .input-modal-ligne a { display: block; margin: 0 0 5px; } .modal-body .input-modal-ligne label { width: 100%; margin: 4px 0 4px 0; } .modal-body .input-modal input[type=text], .modal-body .input-modal select, .modal-body .input-modal textarea { width: 70%; display: inline-block; margin: 0 8px 0 0; /*float:left; margin:0 0 5px 0;*/ } .modal-body .input-modal .twitter-typeahead { width: 70%; } .modal-body .input-modal .twitter-typeahead input { width: 100%; } .modal-body .input-modal .twitter-typeahead input + input { vertical-align: inherit; } .modal-body textarea { width: 100%; height: 190px; } .modal-body textarea { width: 100%; height: 190px; } .modal-body .input-modal-ligne input[type=text] { width: 70%; margin: 4px 0 5px 0; } .modal-body .input-modal textarea { min-height: 110px; } .modal-body .input-check-modal label { float: left; margin: 5px 10px 0 0; width: 94%; } .modal-body .input-check-modal input[type=checkbox] { float: left; margin: 6px 5px 5px 2px; width: 10px; } .modal-body h6 { font-size: 14px; font-weight: bold; margin: 0 0 8px; } .modal-body .input-modal-long { margin: 5px 0 5px 0; } .modal-body .input-modal-long label { display: inline-block; vertical-align: top; width: 36%; } .modal-body .input-modal-long label.deuxligne { margin: 2px 0 0 0; } .modal-body .input-modal-long input[type="text"], .modal-body .input-modal-long select, .modal-body .input-modal-long textarea { display: inline-block; margin: 0; width: 63%; } /* ======================================================================================================== DEBUT popup - Bouton "connexion/inscription" - PAGES GENERALES -- */ .connexion .bloc-connexion { width: 44%; float: left; background-position: 16px 228px; background-repeat: no-repeat; height: 405px; } .connexion .bloc-inscription { width: 55%; float: left; } .connexion .separation-bloc { width: 1px; background: #FF5555; height: 375px; float: left; margin: 15px 0 15px 0; } /* ======================================================================================================== FIN popup - Bouton "connexion/inscription" - PAGES GENERALES -- */ /* ======================================================================================================== DEBUT popup - Bouton "Imprimer" (bloc membre) - PAGE ARBRE -- */ .imprimer-membre .photo { width: 130px; float: left; margin: 0 10px 0 0; height: 130px; } .imprimer-membre .photo img { width: 110px; height: 130px; } .imprimer-membre .info { width: 78%; float: left; } .imprimer-membre .info li label { width: 84px; text-align: right; } .imprimer-membre .info li span { margin: 0 0 0 5px; } .imprimer-membre .evenement, #imprimer-membre .biblio, #imprimer-membre .proche { margin: 10px 0 0 0; } .imprimer-membre table tr.sujet { background: #d5d8da; color: #a42e2f; font-size: 13px; font-weight: bold; } .imprimer-membre table { border: 1px solid #a42e2f; margin: 6px 0 0 0; width: 100%; } .imprimer-membre table td { border: 1px solid #a42e2f; vertical-align: top; } .imprimer-membre table td { padding: 5px; } .icon-evenement-o { background-image: url("../img/icones.png?100215.png"); background-position: -482px -48px; background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0 3px 0 0; width: 26px; } .icon-biblio-o { background-image: url("../img/icones.png?100215.png"); background-position: -511px -48px; background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0 3px 0 0; width: 26px; } .icon-proche-o { background-image: url("../img/icones.png?100215.png"); background-position: -541px -48px; background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0 3px 0 0; width: 28px; } .imprimer-membre .biblio img { float: left; height: 80px; margin: 0 10px 0 0; } .imprimer-membre .proche td { width: 647px; } .imprimer-membre .proche span { margin: 0 0 0 15px; } .imprimer-membre .proche label { color: #FF5555; font-weight: normal; margin: 0 5px 3px 0; } /* ======================================================================================================== DEBUT popup - Bouton "Imprimer" (bloc membre) - PAGE ARBRE-- */ /* ======================================================================================================== DEBUT popup - simple d'alert pour champ non remplit par exemple -- */ .attention p { font-size: 13px; font-weight: bold; margin: 10px 0 0 0; line-height: 17px; text-align: center; } .attention .modal-footer { text-align: center; } /* ======================================================================================================== FIN popup - simple d'alert pour champ non remplit par exemple -- */ /* ======================================================================================================== DEBUT popup - simple d'info (page recherche viewer) -- */ .plus-info-text { min-height: 150px; } .plus-info-text img, .plus-loin-text img { margin: 0 0 0 10px; border: 1px solid #FF5555; } .plus-loin-text img { margin: 15px 0 0 10px; } /* ======================================================================================================== FIN popup - simple d'info (page recherche viewer) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Liste des individus de votre arbre Page Impression Liste ascendance-- */ .recherche-indi input { width: 50%; float: left; } .recherche-indi .twitter-typeahead { width: 50%; float: left; margin: 0 9px 0 0; } .recherche-indi .twitter-typeahead input { width: 100%; } .recherche-indi select { width: 50%; margin: 0 0 10px 0; } .alphabet-indi ul.alphabet { margin: 10px 0 0 0; } .resultat-indi ul { padding-left: 0; } .resultat-indi ul .puce-homme, .resultat-indi ul .puce-femme { margin: 0 0 0 10px; } .nav-header { padding: 4px 0; } li.recherche-arbre a i, i.recherche-indi { display: inline-block; width: 24px; height: 24px; background-image: url("../img/icones.png?100215.png"); background-position: -404px -131px; background-repeat: no-repeat; margin: 3px -9px -9px 6px; vertical-align: top; } .puce-femme { display: inline-block; width: 8px; height: 8px; background: #ff9999; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 3px 0 3px; } .puce-homme { display: inline-block; width: 8px; height: 8px; background: #99cccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 3px 0 3px; } .puce-neutre { display: inline-block; width: 8px; height: 8px; background: #FF5555; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 3px 0 3px; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Liste des individus de votre arbre Page Impression Liste ascendance -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup 1ere consultation -- */ #popup-1erdoc h4 { color: #d34243; font-size: 16px; line-height: 20px; } #popup-1erdoc .modal-body h4 { margin: 0 0 13px 0; font-size: 14px; line-height: 17px; color: #333333; } #popup-1erdoc .modal-body { padding: 0 15px 15px; text-align: center; } #popup-1erdoc .modal-dialog p { font-size: 12px; line-height: 16px; margin: 0 0 4px 0; line-height: 19px; } #popup-1erdoc .popup { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ffffff; width: 575px; box-shadow: 6px 6px 12px #222255; top: 338px; left: 50px; position: absolute; padding: 10px; border: 3px solid #FF5555; } #popup-1erdoc .popup h4 { font-weight: normal; } #popup-1erdoc .popup-1 { top: 218px; } #popup-1erdoc .popup-2 { top: 186px; } #popup-1erdoc .popup-3 { top: 127px; } #popup-1erdoc .popup-4 { top: 83px; } #popup-1erdoc .popup-5 { top: 157px; } #popup-1erdoc .popup-6 { top: 120px; } #popup-1erdoc a.btn-lien { color: #285c89; font-size: 16px; margin: 0 0 0 22px; } #popup-1erdoc a.btn-lien:hover { color: #0c2941; } #popup-1erdoc .form-control { display: inline; width: 54%; font-size: 12px; } #popup-1erdoc input { margin: 3px 0 5px 5px; } #popup-1erdoc .popup-2 i.cadenas { background-image: url("../img/icones.png?100215.png"); background-position: -402px -390px; background-repeat: no-repeat; display: inline-block; height: 37px; margin: 0 0 -7px 0; width: 30px; } #popup-1erdoc .popup-3 form label { display: inline-block; font-size: 12px; width: 100px; } #popup-1erdoc .popup-3 .mdp-oubli { color: #d34243; display: block; font-size: 11px; margin: 0 0 0 322px; } #popup-1erdoc .popup-4 form label { display: inline-block; font-size: 12px; width: 152px; text-align: left; } #popup-1erdoc .popup-4 form input { margin: -6px 0 6px 5px; } #popup-1erdoc .popup-4 .label-check { width: 86%; } #popup-1erdoc .popup-4 .label-check input { margin: 0 5px 0 8px; } #popup-1erdoc .popup-6 input { width: 60px; margin: 0 0 5px 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Inventaire des archives accessibles pour EC d├®partement -- */ .modal-content .inventaire span { color: #FF5555; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; display: block; } .modal-content .inventaire div p { display: inline-block; margin: 0 18px 5px 10px; } .modal-content .inventaire div { margin: 0 0 8px 0; } .modal-content .modal-footer.inventaire p { text-align: left; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Inventaire des archives accessibles pour EC d├®partement -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Demande acc├¿s au doc : proposition service premium -- */ #popup-abo .modal-dialog { margin: 3% auto; width: 544px; } #IE8 #popup-abo .modal-dialog { width: 555px; } #IE7 #popup-abo .modal-dialog { width: 544px; } #popup-abo .modal-body .bloc-recherche h5, #popup-abo .modal-header .bloc-recherche h5 { font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 5px; text-align: left; } #popup-abo .modal-body .bloc-recherche .info-recherche p, #popup-abo .modal-header .bloc-recherche .info-recherche p { font-size: 12px; line-height: 16px; margin: 0; text-align: left; } #popup-abo .modal-body .bloc-recherche .info-recherche p span, #popup-abo .modal-header .bloc-recherche .info-recherche p span { font-weight: bold; } #popup-abo .modal-body .bloc-recherche .info-recherche, #popup-abo .modal-body .bloc-recherche .img-recherche, #popup-abo .modal-header .bloc-recherche .info-recherche, #popup-abo .modal-header .bloc-recherche .img-recherche { float: left; } #popup-abo .modal-body .bloc-recherche .img-recherche, #popup-abo .modal-header .bloc-recherche .img-recherche { margin: 0 15px 0 0; } #popup-abo .modal-body .bloc-recherche { margin: -25px 0 22px 25px; } #popup-abo .modal-header .bloc-recherche { margin: 11px 0 22px 25px; } #popup-abo .modal-body .bloc-recherche .img-recherche img, #popup-abo .modal-header .bloc-recherche .img-recherche img { border: 1px solid #285c89; } #popup-abo .modal-footer .info-offre h5 { margin: 0 0 10px 0; } #popup-abo .modal-footer .info-offre { text-align: left; float: left; } #popup-abo .modal-footer .info-offre h4 { padding-left: 0; } #popup-abo .modal-footer .info-offre img { float: left; margin: -22px 0 0 26px; width: 198px; } #popup-abo .modal-footer .info-offre ul { float: left; margin: 0 0 0 8px; } #popup-abo .modal-footer .info-offre li { line-height: 14px; } /*#popup-abo .modal-body .bloc-recherche .img-recherche img.aretirer{ background:$color-secondaire-hover; height:90px; width:90px; }*/ #popup-abo .modal-body .bloc-offre h4 { color: #222255; font-family: "Lato", sans-serif; font-size: 15px; font-weight: bold; } #popup-abo .modal-body .bloc-offre .trois-offre { margin: 11px 0 0 0; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre { background: none repeat scroll 0 0 #ffffff; border: 3px solid #d5d8da; float: left; height: 164px; margin: 0 9px 0px 0; width: 164px; text-align: center; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre.actif { border: 3px solid #FF5555; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre:nth-child(3) { margin: 0; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content:after { border-color: #FF5555 transparent transparent; border-radius: 75px; border-style: solid; border-width: 7px 62px; content: ""; left: -4px; position: absolute; top: 96%; transform: scale(0.99); z-index: 1; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content { background: none repeat scroll 0 0 #FF5555; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #ffffff; font-size: 12px; /*margin: 119px 0 0 -66px;*/ padding: 4px 5px 6px; position: relative; text-shadow: 0 1px 0 rgba(125, 63, 12, 0.5); top: -7px; width: 132px; left: -1px; } #popup-abo .modal-body .bloc-offre .triangle { margin: 0 0 -15px 0; } @media screen and (min-width: 0\0) { #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content { margin-left: 6px; font-size: 11px; } } #IE8 .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content { margin: 25px 0 0 8px; } #IE7 .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content { margin: 25px 0 0 -69px; width: 130px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h3 { border-bottom: 1px solid #222255; color: #222255; font-size: 20px; font-weight: bold; line-height: 26px; margin: 22px 18px 7px; text-align: center; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre span.ancien-prix { color: #757585; font-size: 15px; width: 246px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre span.ancien-prix .prix-barre { background: url("../img/popup/prix-barre.png") no-repeat scroll 0 -2px transparent; height: 22px; margin: 0 auto; width: 108px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h2 { color: #FF5555; font-size: 20px; margin: 0 0 3px; text-align: center; font-weight: bold; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h2.offre3 { margin: 0 0 45px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h2 span { color: #FF5555; font-size: 15px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h2.newprix { color: #FF5555; font-size: 20px; margin: 0 0 3px; text-align: center; font-weight: bold; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h2.newprix span { color: #FF5555; font-size: 15px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre .petiteligne { color: #757585; font-size: 11px; margin: 0 0 30px; text-align: center; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre .petiteligne-newprix { color: #757585; font-size: 11px; margin: 0 0 9px; text-align: center; } #popup-abo .macaron-offre-doc { background: url("../img/recherches/macaron-doc-offert-60.png") no-repeat scroll 0 0 transparent; float: left; height: 60px; margin: 0 0 0 20px; position: absolute; width: 60px; } #popup-abo .sep-doc-consulte { background: none repeat scroll 0 0 #bbb79a; height: 1px; margin: 10px 0 6px; } #popup-abo .modal-footer p { display: inline-block; float: left; font-size: 11px; margin: 6px 0 0; text-align: left; } #popup-abo .modal-footer p { display: inline-block; float: left; font-size: 11px; margin: 6px 0 0; text-align: left; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #popup-abo .modal-body .bloc-recherche { margin: -5px 0px 22px 25px; } } /* -------------------------------------------------------------------------------------------------------- FIN Popup Demande acc├¿s au doc : proposition service premium -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®ation d'alerte de recherche -- */ .alerte-recherche .recherche-periode input { float: left; width: 30.7%; margin: 0 0 5px 0; } .alerte-recherche .recherche-periode label { float: left; width: 18.5%; } .alerte-recherche .recherche-periode label ~ label { float: left; width: 7%; margin: 6px 0 5px 10px; } .alerte-recherche .obligatoire { margin: 2px 0 0 80%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®ation d'alerte de recherche -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®dit photos Home page -- */ .credit-photo { margin: 0 0 10px 0; } .credit-photo img { margin: 0 10px 0 0; float: left; } .credit-photo .texte-credit { width: 76%; float: left; } .popup-credit { margin: 45% 0 0 14%; width: 530px; z-index: 2000000000 !important; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®dit photos Home page -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Faites profiter vos proches dÔÇÖun essai gratuit -- */ #prevenez-proches .modal-body .input-modal-ligne input[type="text"] { width: 100%; } #prevenez-proches .modal-body .amis .input-modal-ligne { display: inline-block; width: 57.8%; margin: 0; } #prevenez-proches .modal-body .amis .input-modal-ligne:first-child { margin: 0 10px 0 0; width: 40%; } /* -------------------------------------------------------------------------------------------------------- fin Popup Faites profiter vos proches dÔÇÖun essai gratuit -- */ /* ======================================================================================================== DEBUT popover - (icon "I" .) -- */ /* ------------------------------------------------------------------ DEBUT icon "I" (formulaire de recherche) "Aide ├á la recherche - caract├¿res joker" - PAGE RECHERCHE, RESULTAT . -- */ .touche-aide { width: 408px; margin: 0 0 10px 0; display: inline-block; } .touche-aide .touche { border: 2px solid #FF5555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #333333; float: left; font-size: 15px; font-weight: bold; padding: 5px 19px 15px 5px; margin: 0 10px 0 0; } .touche-aide p { float: left; color: #333333; width: 180px; word-wrap: break-word; margin: 0 10px 0 0; font-family: "Lato", sans-serif; font-size: 12px; font-weight: normal; } .touche-aide .touche-excla { width: 170px; float: left; background-image: url("../img/popover.png"); background-position: -174px -2px; background-repeat: no-repeat; height: 53px; display: inline-block; } .touche-aide .touche-etoile { width: 172px; float: left; background-image: url("../img/popover.png"); background-position: -2px -2px; background-repeat: no-repeat; height: 53px; display: inline-block; } /* ------------------------------------------------------------------ FIN icon "I" (formulaire de recherche) "Aide ├á la recherche - caract├¿res joker" - PAGE RECHERCHE, RESULTAT . -- */ /* ------------------------------------------------------------------------- DEBUT icon "I" (formulaire de recherche) "Aide ├á la recherche - choix de la collection" - PAGE RESULTATS -- */ .choix-collection { background-image: url("../img/popover.png"); background-position: -5px -60px; background-repeat: no-repeat; display: inline-block; float: left; height: 115px; width: 218px; margin: 0 0 0 0; } /* ------------------------------------------------------------------------- FIN icon "I" (formulaire de recherche) "Aide ├á la recherche - choix de la collection" - PAGE RESULTATS -- */ /* ------------------------------------------------------------------------- DEBUT icon "I" (formulaire de recherche) "Aide ├á la recherche - Filtres " - PAGE RESULTATS -- */ .aide-filtre { width: 470px; margin: 0 0 0 0; display: inline-block; } .aide-filtre p { float: left; color: #333333; width: 225px; word-wrap: break-word; margin: 0 10px 0 0; font-family: "Lato", sans-serif; font-size: 12px; font-weight: normal; } .aide-filtre span { color: #FF5555; width: 100%; display: block; font-family: "Lato", sans-serif; font-size: 13px; font-weight: bold; margin: 0 0 5px 0; } .aide-filtre .filtre-commune { width: 230px; float: left; background-image: url("../img/popover.png"); background-position: -7px -183px; background-repeat: no-repeat; height: 76px; display: inline-block; border: 1px solid #757585; } .aide-filtre .filtre-patronymique { width: 230px; float: left; background-image: url("../img/popover.png"); background-position: -351px -3px; background-repeat: no-repeat; height: 87px; display: inline-block; border: 1px solid #757585; } a.popover-filtre .popover { top: -300px !important; } a.popover-filtre .popover.left .arrow { top: 42%; } /* ------------------------------------------------------------------------- FIN icon "I" (formulaire de recherche) "Aide ├á la recherche - Filtres " - PAGE RESULTATS -- */ /* ------------------------------------------------------------------------- DEBUT icon "I" (formulaire de recherche landing page) "Aide ├á la recherche - P├®riode " - PAGE LANDING PAGE RECHERCHE -- */ .aide-filtre .filtre-periode { background-image: url("../img/popover.png"); background-position: -3px -264px; background-repeat: no-repeat; border: 1px solid #757585; display: inline-block; float: left; height: 64px; width: 230px; } /* ------------------------------------------------------------------------- FIN icon "I" (formulaire de recherche landing page) "Aide ├á la recherche - P├®riode " - PAGE LANDING PAGE RECHERCHE -- */ /* ------------------------------------------------------------------------- DEBUT Fiche des personnes des arbres (passe sur leur image/phot) - PAGE ARBRE -- */ .fiche-perso { width: 280px; margin: -10px 0 0 0; } .fiche-photo { float: left; width: 68px; margin: 0 10px 0 0; } .fiche-photo img { height: 80px !important; width: 67px !important; } .fiche-texte { float: left; width: 200px; color: #333333; font-size: 12px; font-weight: normal; } .fiche-texte a { color: #FF5555 !important; margin: 0 0 10px 0 !important; display: block; text-decoration: none; font-weight: normal !important; } .fiche-texte a:hover { color: #a42e2f !important; text-decoration: underline !important; } /* ------------------------------------------------------------------------- DEBUT Fiche des personnes des arbres (passe sur leur image/phot) - PAGE ARBRE -- */ /* ======================================================================================================== FIN popover (icon "I" .) -- */ /* ======================================================================================================== FIN Popup g├®n├®rales -- */ /* ======================================================================================================== DEBUT Barre de Cookie -- */ .cookiebanner span { margin: 4px 0 0 0; display: block; } /* ======================================================================================================== FIN Barre de Cookie -- */ /* ======================================================================================================== DEBUT Bloc num├®ro vret, ne sert plus -- */ /*.num-vert{ border:2px solid $color-principale; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 164px; padding: 6px 5px 1px 5px; margin:0 0 5px 0; } .num-vert .min{ background:$color-principale; float:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 54px; line-height: 12px; padding: 3px 0 3px 6px; margin: -6px 0 -3px -6px; font-size: 9px; color:$white; } .num-vert .num{ float:left; color:$color-principale; font-weight:bold; font-size:15px; } .num-vert .min p{ margin: 0; } .num-vert .num p{ margin:1px 0 0 5px; }*/ /* ======================================================================================================== FIN Bloc num├®ro vret -- */ /* ======================================================================================================== DEBUT Page qui sommes-nous? -- */ img.equipe-genea { border: 1px solid #FF5555; padding: 3px; width: 100%; margin: 10px 0 0 0; } /* ======================================================================================================== FIN Page qui sommes-nous? -- */ /* ======================================================================================================== DEBUT evenement gratuit -- */ /* ----------------------------------------------------------------------------- DEBUT capsule doc offert/ evenement gratuit -- */ span.doc-offert { background: none repeat scroll 0 0 #FF5555; border-radius: 3px; color: #ffffff !important; font-size: 13px; font-weight: bold; margin: -2px 0 0 12px; padding: 2px 5px; white-space: nowrap; display: inline-block; } span.nouveau-contenu { background: none repeat scroll 0 0 #FF5555; border-radius: 3px; color: #ffffff !important; font-size: 13px; font-weight: bold; margin: 1px 0 0 0; padding: 1px 5px; white-space: nowrap; display: inline-block; } /* ------------------------------------------------------------------------- FIN capsule doc offert/ evenement gratuit -- */ /* ------------------------------------------------------------------------- DEBUT PAGE RECHERCHES - banniere au dessus formulaire -- */ .banniere-even { margin: 0 0 10px 0; } .banniere-even.guerre-1418 img { border: 1px solid #bb3226; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 100%; } /* ------------------------------------------------------------------------- FIN PAGE RECHERCHES - banniere au dessus formulaire -- */ /* ======================================================================================================== FIN evenement gratuit -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Service Client -- */ .service-client input, .service-client select { width: 60%; } .service-client img { border: 1px solid #333333; margin: 9px 0 10px 5px; } .service-client textarea { height: 150px; } .cadre-contact { border: 1px solid #FF5555; padding: 5px; margin: 0 3px 0 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 135px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Service Client -- */ /* ======================================================================================================== DEBUT Landing Page -- */ /* --------------------------------------------------------------------------- DEBUT landing page arbre -- */ .argu-landing { background: #d5d8da; border-top: 2px solid #FF5555; border-bottom: 2px solid #FF5555; padding: 15px 0 15px 0; margin: 0 0 20px 0; } .argu-landing h2 { color: #222255; } .argument { margin: 10px 0 0 0; } .argument .icone-argument { background: url("../img/icones.png?100215.png") no-repeat scroll 0 0 transparent; float: left; height: 48px; width: 49px; } .argument .texte-argument { float: left; margin: 3px 15px 0 15px; text-align: left; width: 82%; } .texte-argument h5 { color: #222255; } .argument .acces { background: url("../img/icones.png?100215.png") no-repeat scroll -432px -415px transparent; } .argument .messagerie { background: url("../img/icones.png?100215.png") no-repeat scroll -481px -415px transparent; } .argument .impression { background: url("../img/icones.png?100215.png") no-repeat scroll -530px -415px transparent; } /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .landingpage-recherche { background: url("../img/recherches/fond-landingpage-recherche.jpg") no-repeat scroll 431px 1px transparent; padding: 0 0 52px 0; } .periode-champs label { display: block; } .periode-champs .recherche-periode-hor { display: inline-block; width: 44.5%; } .periode-champs .recherche-periode-hor input { width: 70%; } .periode-champs .recherche-periode-hor + .recherche-periode-hor label { text-align: right; } .periode-champs .recherche-periode-hor label { font-style: italic; } .periode-champs a.tablette-767-no .icone-info, .periode-champs a.tablette-767-no:hover .icone-info { margin: 2px 0 4px 0; float: inherit; float: right; } h4.gratuit-landing { color: #d34243; font-size: 18px; margin: 10px 0 10px 0; } .periode-champs .recherche-periode-hor label { float: left; margin: 6px 10px 5px 0; width: 32px; } .periode-champs .recherche-periode-hor input { float: left; width: 73%; } .argu-landing ul.landing-recherche { margin: 10px 0 0 21%; } .argu-landing ul.landing-ec { margin: 10px 0 0 25px; } .argu-landing .img-argu { background: url("../img/recherches/viewer-landing-page-recherche-ec.png") no-repeat scroll 831px 0 transparent; padding: 0 0 19px 0; } .landingpage-recherche-ec { background: url("../img/recherches/fond-landingpage-recherche-ec.jpg") no-repeat scroll 407px 79px transparent; padding: 0 0 26px 0; } .macaron-offre-1er-doc { background: url("../img/recherches/macaron-doc-offert.png") no-repeat scroll 0 0 transparent; width: 92px; height: 89px; display: block; } .marge-macaron { margin: 0 0 0 23%; } /* ----------------------------------------------------------------------------- DEBUT landing page r├®sultat -- */ .landingpage-resultat { border: 2px solid #FF5555; margin: 0 0 5px 0; background: url("../img/recherches/fond-landingpage-resultat.jpg") no-repeat scroll 520px 0 transparent; } .landingpage-resultat i, .landingpage-resultat u { float: left; } .landingpage-resultat ul { margin: 20px 0 0 25px; width: 379px; margin: 2px 0 0 125px; } /* ======================================================================================================== FIN Landing Page -- */ /* ==================================================================================================================================================================================== ================================================================================== media queries ================================================================================ ==================================================================================================================================================================================== ============================================================================================================================================================================= */ @media (max-width: 1200px) { /*======================================================================== 1200px ============================================================== */ /*.infobar a { color: red; }*/ .ecran-1200-no { display: none !important; } .ecran-1200-bl { display: block !important; } .col-pub-4 { width: 33.3333%; } .col-pub-8 { width: 66.6667%; } #IE8 .col-pub-4 { width: 33.3333% !important; } #IE8 .col-pub-8 { width: 66.6667% !important; } .marge-top10px-1200 { /* marge de 10px en top */ margin-top: 10px; } /* -------------------------------------------------------------------------------------------------------- DEBUT header -- */ .logo-header img { width: 196px; } /* -------------------------------------------------------------------------------------------------------- FIN header -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Header simple (New Home) -- header a.banniere-evenement-14-18{ margin: 3px 0 0 0; } -------------------------------------------------------------------------------------------------------- FIN Header simple (New Home) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bandeau titre -- */ .icon-titre-arbre { margin: -4px 10px -16px 10px; } .icon-titre-loupe { margin: -3px 5px -16px 5px; } .icon-titre-bulle { margin: -3px 10px -15px 20px; } #IE8 .icon-titre-arbre, #IE8 .icon-titre-loupe, #IE8 .icon-titre-collection { display: none; } /* -------------------------------------------------------------------------------------------------------- FIN Bandeau titre -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT class g├®n├®rales -- */ .favoris-reseaux { margin: 5px 0 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN class g├®n├®rales -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT icone typo -- */ .icon-i-guillemet-ouvert:before { font-size: 25px; } /* -------------------------------------------------------------------------------------------------------- FIN icone typo -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bloc ATTENTION (page d'accueil connecte) -- */ .bloc-attention .icon-gros-attention { background: url("../img/icones.png?100215.png") no-repeat scroll -6px -341px transparent; height: 106px; } /* -------------------------------------------------------------------------------------------------------- FIN Bloc ATTENTION (page d'accueil connecte) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bloc D├®couvrir offre (page d'accueil connecte) -- */ .bloc-decouvrir { background: url("../img/connecte/fond-bloc-decouvrir-a-c.png") no-repeat scroll 179px 0 #ffffff; border: 1px solid #FF5555; border-radius: 8px; margin-bottom: 10px; padding: 7px 10px; } .bloc-decouvrir p { width: 60%; } /* -------------------------------------------------------------------------------------------------------- FIN Bloc D├®couvrir offre (page d'accueil connecte) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT bloc Id├®e Cadeaux (Guide - Chronique) PUB -- */ .ornement { background: url("../img/icones.png?100215.png") no-repeat scroll -188px -260px #ffffff; width: 280px; } /* -------------------------------------------------------------------------------------------------------- FIN bloc Id├®e Cadeaux (Guide - Chronique) PUB -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ .alphabet li a { padding: 2px 4px 3px 5px; } .alphabet li a:hover { padding: 2px 4px 3px 5px; } .alphabet li.active a { padding: 2px 4px 3px 5px; } /* -------------------------------------------------------------------------------------------------------- FIN Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page inscription -- */ .inscription input.annee { width: 16.5%; } /* -------------------------------------------------------------------------------------------------------- FIN page inscription -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Mot de passe perdu -- */ .bloc-mdpperdu { background: url("../img/fond-mdp.png") no-repeat scroll 361px 0 #ffffff; } /* -------------------------------------------------------------------------------------------------------- FIN Page Mot de passe perdu -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Validation -- */ .bloc-validation { background: url("../img/fond-validation.png") no-repeat scroll 406px 19px #ffffff; } /* -------------------------------------------------------------------------------------------------------- FIN Page Validation -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page On parle de nous -- */ ul.medias-genealogie li video { margin: 20px 0 0 0; width: 80%; } ul.medias-genealogie li p span + span { width: 89%; } ul.medias-genealogie li p + p { padding: 0 0 0 30px; clear: left; } /* -------------------------------------------------------------------------------------------------------- FIN page On parle de nous -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Service Client -- */ .cadre-contact { height: 155px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Service Client -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Landing Page -- */ /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .landingpage-recherche { background: url("../img/recherches/fond-landingpage-recherche.jpg") no-repeat scroll 231px 23px transparent; } .landingpage-recherche-ec { background: url("../img/recherches/fond-landingpage-recherche-ec.jpg") no-repeat scroll 208px 79px transparent; } .argu-landing .img-argu { background: url("../img/recherches/viewer-landing-page-recherche-ec-tablette.png") no-repeat scroll 675px 39px transparent; } .periode-champs .recherche-periode-hor input { width: 74%; } /* ----------------------------------------------------------------------------- DEBUT landing page r├®sultat -- */ .landingpage-resultat { background: url("../img/recherches/fond-landingpage-resultat.jpg") no-repeat scroll 412px 0 transparent; } .landingpage-resultat ul { width: 271px; margin: 2px 0 0 118px; } /* -------------------------------------------------------------------------------------------------------- FIN Landing Page -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ecran (992) + largeur tablette portrait (767px) -- */ @media (max-width: 992px) { /*======================================================================== 992px ============================================================== */ /*.liens-partenaires a, #dLabel, .liens-connexion a { color: pink; }*/ .col-pub-4 { width: 100%; } .col-pub-8 { width: 100%; } #IE8 .col-pub-4 { width: 100% !important; } #IE8 .col-pub-8 { width: 100% !important; } .tablette-992-bl { display: block !important; } .tablette-992-in { display: inline !important; } .tablette-992-no { display: none !important; } /* -------------------------------------------------------------------------------------------------------- DEBUT class g├®n├®rales -- */ .container { padding-left: 4px; padding-right: 4px; } article.pad-r-15 { padding-right: 0px; } .tabl-pad-5 { padding: 0 5px 0 5px !important; } .marge-top10px-992 { /* marge de 10px en top */ margin-top: 10px; } /* OLD MENU .navbar-collapse .nav li a { color: $color-secondaire-dark; float: none; padding: 12px 4px; text-decoration: none; text-shadow: none; }*/ /* -------------------------------------------------------------------------------------------------------- FIN class g├®n├®rales -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT icone typo -- */ i.feuille-logo { margin: -31px 0 0 32.5%; } /* -------------------------------------------------------------------------------------------------------- FIN icone typo -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT header OLD -- header { height: 64px; margin:0 0 10px 0; } .pub-header, div.liens-partenaires, .arbre, .infobar, .logo-header, .arbre-home{ display:none; } .navbar-collapse { max-height: 451px; } .navbar-collapse .nav li { display: block; float: none; line-height: normal; } .navbar-collapse .nav li a.icone-accueil { padding: 7px 4px 8px; } .navbar-collapse .nav li a { padding: 6px 4px; } .navbar { top:0; position: absolute; } .navbar-toggle { float: left; background-color: $color-principale; margin-top: 8px; padding: 13px 10px; } .navbar-default { background-color:transparent; border:0; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:relative; z-index:1000; } .navbar-default .navbar-toggle { border-color: $white; } .navbar-default .navbar-toggle .icon-bar { background-color: $white; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: $color-principale-dark; } .logo-header-768{ display:block; position: absolute; z-index: 1020; } .logo-header-768 img{ margin:0; width:154px; } a.logo-header-768{ margin:-6px 0 0 52px; } .dropdown { position: absolute; right:0; } .infobar-drop{ display:block; margin: 8px 20px 0 0 } .dropdown-menu { z-index: 1045; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.106); } #dLabel{ padding:10px 14px; font-family: $typo-titre; font-size:13px; text-decoration:none; font-weight:bold; } a:hover#dLabel{ color:$color-principale-dark-dark; } .caret { border-color: $color-secondaire-dark rgba(0, 0, 0, 0) -moz-use-text-color; } .liens-connecte ul { margin: 4px 0 20px; } .dropdown-menu > li > a { display: inline-block; line-height: 14px; padding: 5px 9px; color:$color-secondaire-dark; text-decoration:none; } .liens-connecte li { margin: 0 0 0 10px; font-size:13px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color:$color-secondaire-dark; text-decoration: none; background-color: $color-secondaire-light-contour; } .auto-promo { margin: 5px 0 0; width: 100%; } -------------------------------------------------------------------------------------------------------- FIN header OLD -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Header simple (New Home) OLD -- header.home .liens-connexion ul { margin:0; } header.home .liens-connexion ul a{ font-size:16px; } header.home .infobar-drop { margin: 17px 20px 0 0; } header.home img.logo{ height:34px; margin:10px 0 0 0; } header.home .liens-connexion .navbar .navbar-collapse{ background:$white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid $color-principale; } header.home .liens-connexion .navbar-nav > li > a { padding: 5px 15px 5px 15px; } header.home .liens-connexion .navbar-nav > li > a:hover { background:$color-principale; text-decoration:none; color:$white; } header.home .liens-connexion .navbar-nav > li > a:hover { background:$color-principale; text-decoration:none; color:$white; } header.home .liens-connexion li { margin: 0; } header.home .liens-connexion .navbar .navbar-toggle{ margin:4px 0 0 15px; } header.home .liens-connexion .navbar .navbar-toggle .text-menu{ display: inline-block; color:$white; margin:0 5px 0 0; } header.home .liens-connexion .navbar .navbar-toggle .btn-menu{ display: inline-block; } header.home .liens-connexion .navbar { margin: 0; } header a.banniere-evenement-14-18 { margin: 3px 10px 0 0; } -------------------------------------------------------------------------------------------------------- FIN Header simple (New Home) OLD -- */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ DEBUT Popup -- */ /* ------------------------------------------------ DEBUT popup - Bouton "connexion/inscription" - PAGES GENERALES -- */ /*#connexion .modal-dialog, #vide .modal-dialog, #info .modal-dialog, #changer-individu .modal-dialog { width: 70%; }*/ .modal-dialog { width: 70%; } #connexion .bloc-connexion, #connexion1 .bloc-connexion { width: 100%; background-image: none; height: auto; } #connexion .bloc-inscription, #connexion1 .bloc-inscription { width: 100%; } #connexion .separation-bloc, #connexion1 .separation-bloc { width: 93%; background: #FF5555; height: 375px; float: left; margin: 0 15px 0 15px; height: 1px; } .modal-body .input-modal input[type="text"], .modal-body .input-modal select { width: 70%; } .modal-body .input-modal input.btn-ok[type="text"], .modal-body .input-modal select.btn-ok { width: 51%; } .modal-body .input-check-modal label { width: 88%; } /* ------------------------------------------------ FIN popup - Bouton "connexion/inscription" - PAGES GENERALES -- */ /* ------------------------------------------------ DEBUT popup - Bouton "Imprimer" (bloc membre) - PAGE ARBRE -- */ #imprimer-membre .modal-dialog { width: 90%; } #imprimer-membre .info { float: left; width: 64%; } /* ------------------------------------------------ FIN popup - Bouton "Imprimer" (bloc membre) - PAGE ARBRE -- */ /* ------------------------------------------------ DEBUT Popup Liste des individus de votre arbre -- */ .recherche-indi input { width: 90%; } .recherche-indi select { width: 90%; } /* ------------------------------------------------ FIN Popup Liste des individus de votre arbre -- */ /* ------------------------------------------------ DEBUT Popup Demande acc├¿s au doc : proposition service premium -- */ #popup-abo .modal-dialog { width: 460px; } #IE8 #popup-abo .modal-dialog { width: 461px; } #IE7 #popup-abo .modal-dialog { width: 460px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre { border: 2px solid #fdc6c7; height: 164px; margin: 0 2px 0 0; width: 141px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content { margin: 119px 0 0 1px; width: 124px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .triangle .ar-content:after { border-width: 7px 67px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre .petiteligne-newprix { padding: 0 7px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre { height: 179px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre .petiteligne { margin: 0 0 31px; padding: 0 7px; } #popup-abo .modal-body .bloc-offre .trois-offre .bloc-offre .offre h2.offre3 { margin: 0 0 61px; } #popup-abo .modal-body .bloc-recherche .info-recherche, #popup-abo .modal-header .bloc-recherche .info-recherche { width: 324px; } #popup-abo .modal-footer .info-offre img { display: none; } #popup-abo .modal-body .bloc-recherche .img-recherche, #popup-abo .modal-header .bloc-recherche .img-recherche { display: none; } /* ---------------------------------------------------- FIN Popup Demande acc├¿s au doc : proposition service premium -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®ation d'alerte de recherche -- */ .alerte-recherche .recherche-periode label { width: 18.5%; } .alerte-recherche .recherche-periode label ~ label { margin: 6px 0 5px 7px; width: 3%; } .alerte-recherche .recherche-periode input { width: 33%; } .popup-credit { width: 60%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®ation d'alerte de recherche -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®dit photos Home page -- */ .credit-photo .texte-credit { width: 68%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®dit photos Home page -- */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------- FIN Popup -- */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------ DEBUT PUBLICITE -- */ /* ----------------------------------------------------- DEBUT bloc La France de son nom de famille (Page Nom de famille) PUB-- */ .cadre-france-nom { background: url("../img/publicite/illustration-france-du-nom.jpg") no-repeat scroll 100% 0 #ffffff; height: 192px; } /* ----------------------------------------------------- DEBUT bloc Origine du Nom de Famille - page Noms de famille -- */ .cadre-origine-nom { margin: 17px 0 0 11px; width: 281px; } .cadre-origine-nom .origine-nom-text { width: 153px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ FIN PUBLICITE -- */ /* -------------------------------------------------------------------------------------------------------------------------------------------- DEBUT bandeau titre - icon -- */ /*------------------------ icons boutons, icons titre bandeau, icons indications --- */ .info-collection-tab { margin: -14px 0; } i.info-collection-tab { margin: -7px 0 -21px 18px; } i.info-collection-tab:hover { margin: -7px 0 -21px 18px; } /* -------------------------------------------------------------------------------------------------------------------------------------------- FIN bandeau titre - icon -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ .alphabet li.active a { padding: 2px 4px 3px 4px; } .alphabet li a { padding: 2px 4px 3px 4px; } .alphabet li a:hover { padding: 2px 4px 3px 4px; } .alphabet li { margin: 4px 0 4px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page inscription -- */ .inscription select.date { width: 15%; } .inscription input.annee { width: 14%; } .inscription select.mois { width: 28%; } /* -------------------------------------------------------------------------------------------------------- FIN page inscription -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Mot de passe perdu -- */ .bloc-mdpperdu { background: url("../img/fond-mdp.png") no-repeat scroll 482px 0 #ffffff; } /* -------------------------------------------------------------------------------------------------------- FIN Page Mot de passe perdu -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Validation -- */ .bloc-validation { background: url("../img/fond-validation.png") no-repeat scroll 535px 8px #ffffff; } /* -------------------------------------------------------------------------------------------------------- FIN Page Validation -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 404 -- */ .page404 h3 { margin: 40px 0 0 430px; } .page404 p { margin: 15px 0 0 430px; padding: 0 10px 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN page 404 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 505 -- */ .page500 .text-500 { margin: 15px 15px 0 374px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); border: 1px solid #FF5555; } /* -------------------------------------------------------------------------------------------------------- FIN page 505 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page On parle de nous -- */ ul.medias-genealogie li p span + span { width: 91%; } /* -------------------------------------------------------------------------------------------------------- FIN page On parle de nous -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT evenement gratuit -- */ /* ------------------------------------------------------------------------- DEBUT PAGE RECHERCHES - banniere au dessus formulaire -- */ .banniere-even.guerre-1418.nomdefamille img { margin: 0 0 -10px 0; } /* ------------------------------------------------------------------------- FIN PAGE RECHERCHES - banniere au dessus formulaire -- */ /* -------------------------------------------------------------------------------------------------------- FIN evenement gratuit -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Service Client -- */ .cadre-contact { height: auto; margin: 0 0 10px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page Service Client -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT landing page-- */ /* ----------------------------------------------------------------------------- DEBUT landing page arbre -- */ .argument .texte-argument { width: 77%; } /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .landingpage-recherche { background: url("../img/recherches/fond-landingpage-recherche-tablette.jpg") no-repeat scroll 299px 85px transparent; } .landingpage-recherche-ec { background: url("../img/recherches/fond-landingpage-recherche-ec-tablette.jpg") no-repeat scroll 307px 97px transparent; } .argu-landing .img-argu { background: none; } /* ----------------------------------------------------------------------------- DEBUT landing page r├®sultat -- */ .landingpage-resultat { background: url("../img/recherches/fond-landingpage-resultat.jpg") no-repeat scroll 436px 0 transparent; } .landingpage-resultat ul { width: 304px; } /* -------------------------------------------------------------------------------------------------------- FIN landing page -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup 1ere consultation -- */ #popup-1erdoc .modal-body .cache-img-consult { height: 371px; overflow: hidden; position: relative; width: 100%; } #popup-1erdoc .modal-body img { left: -84px; position: absolute; height: auto; } #popup-1erdoc .modal-body a img { left: inherit; position: inherit; height: auto; } #popup-1erdoc .popup { box-shadow: 3px 3px 6px #222255; left: 22px; width: 91%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Faites profiter vos proches dÔÇÖun essai gratuit -- */ #prevenez-proches .modal-body .amis .input-modal-ligne { width: 57%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Faites profiter vos proches dÔÇÖun essai gratuit -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur tablette portrait -- */ @media (max-width: 767px) { /*======================================================================== 767 px ============================================================== */ /*.liens-partenaires a, #dLabel, .liens-connexion a { color: blue; }*/ .marge-top10px-767 { /* marge de 10px en top */ margin-top: 10px; } .marge-bottom15px-767 { /* marge de 10px en top */ margin-bottom: 15px; } .tablette-767-bl { display: block !important; } .tablette-767-in { display: inline !important; } .tablette-767-no { display: none !important; } /* -------------------------------------------------------------------------------------------------------- POPUP POPVER ETC GENERALES -- */ .modal-body.alerte-recherche .input-modal label { width: 21%; } .alerte-recherche .recherche-periode label { width: 21.5%; } .modal-body .input-modal-long input[type="text"], .modal-body .input-modal-long select, .modal-body .input-modal-long textarea { width: 60%; } /* -------------------------------------------------------------------------------------------------------- DEBUT icone typo -- */ i.feuille-logo { margin: -31px 0 0 44.5%; } /* -------------------------------------------------------------------------------------------------------- FIN icone typo -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Mot de passe perdu -- */ .bloc-mdpperdu { background: url("../img/fond-mdp.png") no-repeat scroll 369px 0 #ffffff; } .bloc-mdpperdu input { width: 80%; } /* -------------------------------------------------------------------------------------------------------- FIN Page Mot de passe perdu -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Validation -- */ .bloc-validation { background: none; } /* -------------------------------------------------------------------------------------------------------- FIN Page Validation -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 404 -- */ .page404 { background-position: -130px 0; } .page404 h3 { margin: 40px 0 0 290px; } .page404 p { margin: 15px 0 0 290px; } /* -------------------------------------------------------------------------------------------------------- FIN page 404 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page On parle de nous -- */ ul.medias-genealogie li video { width: 85%; } ul.medias-genealogie li p span + span { width: 88%; } /* -------------------------------------------------------------------------------------------------------- FIN page On parle de nous -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Header simple (New Home) -- */ header a.banniere-evenement-14-18 { margin: 3px 0 0 0px; } /* -------------------------------------------------------------------------------------------------------- FIN Header simple (New Home) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®dit photos Home page -- */ .credit-photo .texte-credit { width: 65%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®dit photos Home page -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Landing Page -- */ /* ---------------------------------------------------------------------------- DEBUT landing page arbre -- */ .argument .texte-argument { width: 86%; margin: 3px 0 0 15px; } /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .landingpage-recherche, .landingpage-recherche-ec { background: none; padding: 0 0 15px; } .argu-landing ul.landing-recherche { margin: 0px 0 0 9%; } .periode-champs .recherche-periode-hor input { width: 83%; } /* ----------------------------------------------------------------------------- DEBUT landing page recherche-ec -- */ .argu-landing ul.landing-ec { margin: 0 0 0 25px; } .argu-landing h2 { margin: 0 0 7px 0; } /* ----------------------------------------------------------------------------- DEBUT landing page r├®sultat -- */ .landingpage-resultat { background: none; } .landingpage-resultat ul { width: auto; } /* -------------------------------------------------------------------------------------------------------- FIN Landing Page -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup 1ere consultation -- */ #popup-1erdoc .modal-body .cache-img-consult { height: 415px; } #popup-1erdoc .modal-body img { left: -195px; } #popup-1erdoc .popup { left: 19px; width: 91%; } #popup-1erdoc .popup-6 p a { display: inline-block; } #popup-1erdoc .popup-4 form label { width: 100%; } #popup-1erdoc .popup-4 form input[type=password] { width: 95%; margin: 0 0 6px 0; float: left; } #popup-1erdoc .popup-3 .mdp-oubli { margin: 0 10% 0 0; text-align: right; } /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */ @media (max-width: 610px) { /*======================================================================== 610 px ============================================================== */ /*.liens-partenaires a, #dLabel, .liens-connexion a { color: GREY; }*/ .ecran-610-bl { display: block !important; } .ecran-610-no { display: none !important; } .col-xxs-0 { display: none; } .col-xxs-12 { width: 100%; } /* -------------------------------------------------------------------------------------------------------- DEBUT bandeau titre - icon -- */ .icon-titre-arbre, .icon-titre-loupe, .icon-titre-collection, .icon-titre-nom, .icon-titre-patronyme, .icon-titre-semaine, .icon-titre-categorie, .icon-titre-guide, .icon-titre-chronique, .icon-titre-produit, .icon-titre-blason { display: none; } .icon-i-titre-loupe, .icon-i-titre-arbre, .icon-i-titre-bulle { display: none; } .ribbon-front h1 { height: auto; } .ribbon-front.titre-large h1 { /*height: 54px;*/ width: 100%; } /* -------------------------------------------------------------------------------------------------------- DEBUT footer -- */ footer { margin: 20px 0 0; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- DEBUT Popup -- */ .modal-body .input-modal label { float: none; margin: 4px 0 4px 0; width: 100%; } .modal-body .input-modal input[type="text"], .modal-body .input-modal select, .modal-body .input-modal textarea { float: none; margin: 0; width: 100%; } .modal-body .input-modal input.btn-ok[type="text"], .modal-body .input-modal select.btn-ok { width: 80%; } /* ------------------------------------------------ DEBUT popover - icon "I" (formulaire de recherche) "Aide ├á la recherche" - PAGE RECHERCHE -- */ .touche-aide .touche-excla, .touche-aide .touche-etoile { clear: left; margin: 10px 0 0 0; } .popover { max-width: 316px; margin: 10px 0 0 0; } .touche-aide { width: 240px; } /* ------------------------------------------------ FIN popover - icon "I" (formulaire de recherche) "Aide ├á la recherche" - PAGE RECHERCHE -- */ /* ------------------------------------------------------------------------- DEBUT icon "I" (formulaire de recherche) "Aide ├á la recherche - Filtres " - PAGE RESULTATS -- */ .aide-filtre p { float: none; margin: 0 0 4px; width: 287px; } .aide-filtre { width: 287px; } a.popover-filtre .popover.left .arrow { top: 30%; } /* ------------------------------------------------------------------------- FIN icon "I" (formulaire de recherche) "Aide ├á la recherche - Filtres " - PAGE RESULTATS -- */ /* ------------------------------------------------ DEBUT popup - Bouton "Imprimer" (bloc membre) - PAGE ARBRE -- */ #imprimer-membre .photo { display: none; } #imprimer-membre .info { float: left; width: 100%; } #imprimer-membre .info li label { text-align: left; } /* ------------------------------------------------ FIN DEBUT popup - Bouton "Imprimer" (bloc membre) - PAGE ARBRE-- */ /* ------------------------------------------------ DEBUT popup - simple d'info (page recherche viewer) -- */ .plus-info-text img, .plus-loin-text img { display: none; } .plus-info-text { min-height: inherit; } /* ------------------------------------------------ FIN popup - simple d'info (page recherche viewer) -- */ /* ----------------------------------------------- DEBUT Popup Cr├®ation d'alerte de recherche -- */ .alerte-recherche .recherche-periode label, .alerte-recherche .recherche-periode label ~ label { float: none; margin: 4px 0; width: 100%; } .alerte-recherche .recherche-periode input { float: none; width: 50%; } /* ------------------------------------------------ FIN Popup Cr├®ation d'alerte de recherche -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®dit photos Home page -- */ .credit-photo .texte-credit { width: 60%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®dit photos Home page -- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- FIN Popup -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Guide sujet et chronique sujet-- */ .sommaire-guide ul, .sommaire-chronique ul { margin: 0 0 10px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page Guide sujet et chronique sujet -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bloc ATTENTION (page d'accueil connecte) -- */ .bloc-attention .icon-gros-attention { background: url("../img/icones.png?100215.png") no-repeat scroll -6px -339px transparent; height: 113px; } /* -------------------------------------------------------------------------------------------------------- FIN Bloc ATTENTION (page d'accueil connecte) -- */ /* -------------------------------------------------------------------------------------------------------------------------------------------- DEBUT popover (icon "I" .) -- */ /* ---------------------- DEBUT icon "I" (formulaire de recherche) "Aide ├á la recherche - choix de la collection" - PAGE RESULTATS -- */ .choix-collection { margin: 10px 0 0 0; } /* ----------------------- FIN icon "I" (formulaire de recherche) "Aide ├á la recherche - choix de la collection" - PAGE RESULTATS -- */ /* -------------------------------------------------------------------------------------------------------------------------------------------- FIN popover (icon "I" .) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ .alphabet li.active a { padding: 2px 5px 3px 5px; font-size: 14px; line-height: 22px; } .alphabet li a { padding: 2px 5px 3px 5px; font-size: 14px; line-height: 22px; } .alphabet li a:hover { padding: 2px 5px 3px 5px; } .alphabet li { margin: 0; } /* -------------------------------------------------------------------------------------------------------- FIN Bloc alphabet ( page balson liste des noms, popup arbre Liste des individus de votre arbre, Blasons dictionnaire des blasons ) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Dans l'Histoire -- */ .bloc-histoire-form { background: url("../img/chroniques/fond-histoire-form-02.jpg") no-repeat scroll 0 0 #2c221f; height: 170px; } .bloc-histoire-form .bloc-jour, .bloc-histoire-form .bloc-ou, .bloc-histoire-form .bloc-annee { float: none; } .bloc-histoire-form .bloc-ou { padding: 10px 6px 5px 6px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Dans l'Histoire -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page inscription -- */ .inscription input.annee { width: 13.5%; } /* -------------------------------------------------------------------------------------------------------- FIN page inscription -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Mot de passe perdu -- */ .bloc-mdpperdu { background: none; } .bloc-mdpperdu input { width: 100%; } /* -------------------------------------------------------------------------------------------------------- FIN Page Mot de passe perdu -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 404 -- */ .page404 { background-position: -188px 0; } .page404 h3 { margin: 30px 0 0 247px; } .page404 p { margin: 15px 0 0 247px; } /* -------------------------------------------------------------------------------------------------------- FIN page 404 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 505 -- */ .page500 .text-500 { margin: 15px 15px 0 249px; } /* -------------------------------------------------------------------------------------------------------- FIN page 505 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page On parle de nous -- */ ul.medias-genealogie li video { width: 100%; } ul.medias-genealogie li p span + span { width: 85%; } /* -------------------------------------------------------------------------------------------------------- FIN page On parle de nous -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT capsule doc offert/ evenement gratuit -- */ .week .doc-offert, .doc-offert { margin: 5px 0 0 25px; padding: 2px 5px; width: auto; } .resultat-ligne span.doc-offert { position: absolute; margin: -18px 0 0 20px; } /* -------------------------------------------------------------------------------------------------------- FIN capsule doc offert/ evenement gratuit -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Header simple (New Home) -- */ header.home .liens-connexion .navbar .navbar-toggle { margin: 4px 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Header simple (New Home) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Mot de passe perdu -- */ .bloc-mdpperdu { height: auto; } /* -------------------------------------------------------------------------------------------------------- FIN Page Mot de passe perdu -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Landing Page -- */ /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .periode-champs .recherche-periode-hor input { width: 78%; } /* ----------------------------------------------------------------------------- DEBUT landing page r├®sultat -- */ .landingpage-resultat .font14px li { font-size: 12px; } /* -------------------------------------------------------------------------------------------------------- FIN Landing Page -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup 1ere consultation -- */ #popup-1erdoc .modal-body .cache-img-consult { height: 376px; } #popup-1erdoc .modal-body img { left: -139px; height: 376px; } #popup-1erdoc .popup { left: -45px; width: 127%; } /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Icon font -- */ .bloc-recapitulatif .icon-i-cadenas { display: none !important; } /* -------------------------------------------------------------------------------------------------------- FIN Icon font -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Faites profiter vos proches dÔÇÖun essai gratuit -- */ #prevenez-proches .modal-body .amis .input-modal-ligne:first-child { width: 100%; } #prevenez-proches .modal-body .amis .input-modal-ligne { width: 100%; margin: -3px 0 12px; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Faites profiter vos proches dÔÇÖun essai gratuit -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */ @media (max-width: 496px) { /*======================================================================== 496 px ============================================================== */ /*.liens-partenaires a, #dLabel, .liens-connexion a { color: green; }*/ .mobile-bl { display: block !important; } .mobile-no { display: none !important; } .mobile-in { display: inline-block !important; } /* -------------------------------------------------------------------------------------------------------- POPUP POPVER ETC GENERALES -- */ .modal-body .input-modal-long label, .modal-body .input-modal-long input[type="text"], .modal-body .input-modal-long select, .modal-body .input-modal-long textarea { width: 100%; } .modal-body .input-modal-long label.deuxligne { margin: 5px 0 5px 0; } .btn { white-space: normal; } /* -------------------------------------------------------------------------------------------------------- DEBUT page On parle de nous -- */ ul.medias-genealogie li video { width: 100%; } /* -------------------------------------------------------------------------------------------------------- FIN page On parle de nous -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT capsule doc offert/ evenement gratuit -- */ .resultat-ligne span.doc-offert { margin: -18px 0 0 14px; } /* -------------------------------------------------------------------------------------------------------- FIN capsule doc offert/ evenement gratuit -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 505 -- */ .page500 .text-500 { margin: 158px 15px 0 15px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); } /* -------------------------------------------------------------------------------------------------------- FIN page 505 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Header simple (New Home) -- */ header.home .liens-connexion .navbar .navbar-toggle { margin: 4px 0 0 32px; } header.home .liens-connexion .navbar .navbar-collapse { margin: 0 0 0 -32px; } /* -------------------------------------------------------------------------------------------------------- FIN Header simple (New Home) -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup Cr├®dit photos Home page -- */ .credit-photo .texte-credit { width: 100%; margin: 5px 0 8px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Popup Cr├®dit photos Home page -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Popup -- */ /*.popover { max-width: 84%; } .aide-filtre p { width: 71%; } .aide-filtre .filtre-periode { display: none; }*/ /* -------------------------------------------------------------------------------------------------------- FIN Popup -- */ /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .periode-champs .recherche-periode-hor input { width: 77%; } /* ----------------------------------------------------------------------------- FIN landing page recherche -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */ @media (max-width: 480px) { /*======================================================================== 480 px ============================================================== */ .liens-partenaires a, #dLabel { color: #757585; } .mobile-portrait-bl { display: block !important; } .mobile-portrait-no { display: none !important; } .mobile-portrait-in { display: inline-block !important; } .modal .btn { margin: 0 0 5px; } .input-parcourir-gedcom input { top: 69px; } /* -------------------------------------------------------------------------------------------------------- DEBUT header-- */ .infobar-drop { margin: 17px 0 0 0; /*width:25%;*/ } .infobar-drop #dLabel { padding: 0; } .infobar-drop .dropdown-menu { min-width: auto; } .liens-connexion li { margin: 0 0 6px 0; } /* -------------------------------------------------------------------------------------------------------- FIN header-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page inscription -- */ .inscription input, .inscription select, .inscription textarea { width: 73%; } .inscription label { width: 27%; } .inscription select.date { width: 19%; } .inscription input.annee { width: 19%; } .inscription select.mois { width: 29%; } .inscription-news label.label-box { margin: 3px 0 6px; } /* -------------------------------------------------------------------------------------------------------- FIN page inscription -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page On parle de nous -- */ ul.medias-genealogie li p span + span { width: 76%; } /* -------------------------------------------------------------------------------------------------------- FIN page On parle de nous -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT page 404 -- */ .page404 { background-position: -265px 0; } .page404 h3 { background-color: rgba(255, 255, 255, 0.8); margin: 30px 10px 0 83px; padding: 5px; } .page404 p { background-color: rgba(255, 255, 255, 0.8); margin: 0 10px 0 83px; padding: 10px; } /* -------------------------------------------------------------------------------------------------------- FIN page 404 -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Service Client -- */ .service-client input, .service-client select { width: 100%; } /* -------------------------------------------------------------------------------------------------------- FIN Page Service Client -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Landing Page -- */ /* ----------------------------------------------------------------------------- DEBUT landing page arbre -- */ .argument .texte-argument { width: 75%; } /* ----------------------------------------------------------------------------- DEBUT landing page recherche -- */ .periode-champs .recherche-periode-hor label { margin: 6px 6px 5px 0; } .periode-champs .recherche-periode-hor input { width: 69%; } .periode-champs .recherche-periode-hor input { width: 64%; } /* -------------------------------------------------------------------------------------------------------- FIN Landing Page -- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- DEBUT Popup -- */ .popover { max-width: 245px; } .popover-title, .popover-content { padding: 6px 8px; } .aide-filtre p { width: 209px; } .aide-filtre .filtre-periode { width: 223px; } /* -------------------------------------------------------------------------------------------------------- DEBUT Popup 1ere consultation -- */ #popup-1erdoc .modal-body img { left: -182px; } #popup-1erdoc .popup { left: -60px; width: 137%; } #popup-1erdoc .popup-6 { top: 39px; } #popup-1erdoc .popup-5 { top: 39px; } #popup-1erdoc .popup-4 { top: 39px; } #popup-1erdoc .popup-3 { top: 39px; } #popup-1erdoc .popup-2 { top: 39px; } #popup-1erdoc .popup-1 { top: 39px; } /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- FIN Popup -- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- DEBUT Page Dans l'Histoire -- */ .bloc-histoire-form .bloc-jour select { width: 58px; } .bloc-histoire-form .bloc-jour select + select { width: 88px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- FIN Page Dans l'Histoire -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Forum - recherche/archive historique/resultat -- */ .archive table.content tr.post td, .archive table.content tr.post_alt td { padding: 5px 2px 5px 5px; vertical-align: top; } /* -------------------------------------------------------------------------------------------------------- FIN Page Forum - recherche/archive historique/resultat -- */ /* ------------------------------------------------------------------------- DEBUT PAGE RECHERCHES - banniere au dessus formulaire -- */ .banniere-even { display: none; } /* ------------------------------------------------------------------------- FIN PAGE RECHERCHES - banniere au dessus formulaire -- */ footer ul.nav { height: auto; } } /* ==================================================================================================================================================================== ======================================================================= FIN media queries ================================================================================== ==================================================================================================================================================================== */ /* ==================================================================================================================================================================== ======================================================================= DEBUT IE 8-9- & co ================================================================================== */ @media (max-width: 1200px) { /* ----------- arbre genealogique menu arbre ---- */ } @media screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 0) { .icon-todo { margin: -8px 7px -8px 0px; } } /*======================================================================= FIN IE 8-9- & co ================================================================================== ==================================================================================================================================================================== */ /*# sourceMappingURL=style.css.map */ @charset "UTF-8"; /*Corail*/ /*Bleu orage*/ /*btn */ /* Liens */ /* Typo */ @-webkit-keyframes entered { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @-moz-keyframes entered { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @-ms-keyframes entered { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes entered { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } .entered { -webkit-animation: entered 0.5s forwards 1; -moz-animation: entered 0.5s forwards 1; -o-animation: entered 0.5s forwards 1; animation: entered 0.5s forwards 1; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-359deg); } } .loading.loop { -webkit-animation: rotation 2s infinite linear; animation: rotation 2s infinite linear; } @-webkit-keyframes loader-fade { 0% { opacity: 1; background-color: #d5d8da; } 50% { opacity: 1; background-color: #ff5555; } 100% { opacity: 1; background-color: #d5d8da; } } @-moz-keyframes loader-fade { 0% { opacity: 1; background-color: #d5d8da; } 50% { opacity: 1; background-color: #ff5555; } 100% { opacity: 1; background-color: #d5d8da; } } @-ms-keyframes loader-fade { 0% { opacity: 1; background-color: #d5d8da; } 50% { opacity: 1; background-color: #ff5555; } 100% { opacity: 1; background-color: #d5d8da; } } @keyframes loader-fade { 0% { opacity: 1; background-color: #d5d8da; } 50% { opacity: 1; background-color: #ff5555; } 100% { opacity: 1; background-color: #d5d8da; } } @-webkit-keyframes ring { 0% { transform: rotate(0); } 2% { transform: rotate(15deg); } 6% { transform: rotate(-14deg); } 10% { transform: rotate(17deg); } 14% { transform: rotate(-16deg); } 18% { transform: rotate(15deg); } 22% { transform: rotate(-14deg); } 26% { transform: rotate(13deg); } 30% { transform: rotate(-12deg); } 34% { transform: rotate(11deg); } 38% { transform: rotate(-10deg); } 42% { transform: rotate(9deg); } 46% { transform: rotate(-8deg); } 50% { transform: rotate(7deg); } 54% { transform: rotate(-6deg); } 58% { transform: rotate(5deg); } 62% { transform: rotate(-4deg); } 66% { transform: rotate(3deg); } 70% { transform: rotate(-2deg); } 74% { transform: rotate(1deg); } 78% { transform: rotate(-1deg); } 82% { transform: rotate(1deg); } 86% { transform: rotate(0); } 100% { transform: rotate(0); } } @-moz-keyframes ring { 0% { transform: rotate(0); } 2% { transform: rotate(15deg); } 6% { transform: rotate(-14deg); } 10% { transform: rotate(17deg); } 14% { transform: rotate(-16deg); } 18% { transform: rotate(15deg); } 22% { transform: rotate(-14deg); } 26% { transform: rotate(13deg); } 30% { transform: rotate(-12deg); } 34% { transform: rotate(11deg); } 38% { transform: rotate(-10deg); } 42% { transform: rotate(9deg); } 46% { transform: rotate(-8deg); } 50% { transform: rotate(7deg); } 54% { transform: rotate(-6deg); } 58% { transform: rotate(5deg); } 62% { transform: rotate(-4deg); } 66% { transform: rotate(3deg); } 70% { transform: rotate(-2deg); } 74% { transform: rotate(1deg); } 78% { transform: rotate(-1deg); } 82% { transform: rotate(1deg); } 86% { transform: rotate(0); } 100% { transform: rotate(0); } } @-ms-keyframes ring { 0% { transform: rotate(0); } 2% { transform: rotate(15deg); } 6% { transform: rotate(-14deg); } 10% { transform: rotate(17deg); } 14% { transform: rotate(-16deg); } 18% { transform: rotate(15deg); } 22% { transform: rotate(-14deg); } 26% { transform: rotate(13deg); } 30% { transform: rotate(-12deg); } 34% { transform: rotate(11deg); } 38% { transform: rotate(-10deg); } 42% { transform: rotate(9deg); } 46% { transform: rotate(-8deg); } 50% { transform: rotate(7deg); } 54% { transform: rotate(-6deg); } 58% { transform: rotate(5deg); } 62% { transform: rotate(-4deg); } 66% { transform: rotate(3deg); } 70% { transform: rotate(-2deg); } 74% { transform: rotate(1deg); } 78% { transform: rotate(-1deg); } 82% { transform: rotate(1deg); } 86% { transform: rotate(0); } 100% { transform: rotate(0); } } @keyframes ring { 0% { transform: rotate(0); } 2% { transform: rotate(15deg); } 6% { transform: rotate(-14deg); } 10% { transform: rotate(17deg); } 14% { transform: rotate(-16deg); } 18% { transform: rotate(15deg); } 22% { transform: rotate(-14deg); } 26% { transform: rotate(13deg); } 30% { transform: rotate(-12deg); } 34% { transform: rotate(11deg); } 38% { transform: rotate(-10deg); } 42% { transform: rotate(9deg); } 46% { transform: rotate(-8deg); } 50% { transform: rotate(7deg); } 54% { transform: rotate(-6deg); } 58% { transform: rotate(5deg); } 62% { transform: rotate(-4deg); } 66% { transform: rotate(3deg); } 70% { transform: rotate(-2deg); } 74% { transform: rotate(1deg); } 78% { transform: rotate(-1deg); } 82% { transform: rotate(1deg); } 86% { transform: rotate(0); } 100% { transform: rotate(0); } } /* Class utiles */ .flow > * + * { margin-top: var(--spacer-flow, 1rem); } /* Bootstrap overide bug firefox */ .container-fluid > .row { clear: both !important; } .w-100 { width: 100% !important; } .no-padding { padding: 0 !important; } .no-padding-left { padding-left: 0; } .no-padding-right { padding-right: 0; } .no-padding-bottom { padding-bottom: 0; } .no-padding-top { padding-top: 0; } .marge-auto { margin: auto !important; } .marge0 { margin: 0 !important; } .marge-topbot-5px { margin: 5px 0 5px 0; display: inline-block; } .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-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; } } .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; } /* Positions générales */ .clear { clear: left; } .clear-r { clear: right; } ul, ol { list-style: none; padding-left: 0; } /* 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; } /* 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; } .font14px { font-size: 14px !important; line-height: 20px; } .font16px { font-size: 16px !important; line-height: 24px; } .font20px { font-size: 20px !important; line-height: initial; } .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% + 7px * 2); } } .is-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row-is-flex { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .row-is-flex.align-center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .row-is-flex.align-start { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .row-is-flex.align-end { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .row.is-flex.is-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.is-flex > [class*=col-] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .row.is-flex > [class*=col-] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .gap1 { gap: 0.4rem; } .ellipsis { overflow: hidden; text-overflow: ellipsis; } .ellipsis--one-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .is-inline-block { display: inline-block !important; } .bg-grey { background-color: #e6eaf0; } .bg-grey-stats { background-color: #f1f2f3; } .row-p-10 { margin-right: -10px; margin-left: -10px; position: relative; } .row-p-10 > [class*=col-] { padding-right: 10px; padding-left: 10px; } .highlight-name { background-color: #ff0; } .float-right { float: right; } .float-left { float: left; } .float-none { float: none !important; } @media screen and (min-width: 768px) { .mobile-only { display: none !important; } } @media screen and (max-width: 767px) { .mobile-hidden { display: none !important; } } @media screen and (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; } .no-text-decoration, .no-text-decoration:link, .no-text-decoration:visited, .no-text-decoration:hover, .no-text-decoration:active { text-decoration: none; color: inherit; } @media (max-width: 500px) { .br-xxs-none { display: none; } } @media (max-width: 767px) { .br-xs-none { display: none; } } @media (min-width: 768px) { .custom-container.container { width: 720px; } } @media (min-width: 992px) { .custom-container.container { width: 960px; } } @media (min-width: 1200px) { .custom-container.container { width: 1152px; } } #bodypagetag { display: table; } #bodypagetag footer { display: table-row; bottom: 0; z-index: 10; } #bodypagetag #containAll { min-height: auto; } @media screen and (min-width: 0\0 ) { #bodypagetag #containAll { min-height: 100vh; } } /* STRUCTURES GENERAL */ html { width: 100%; height: 100%; display: block; margin: 0; padding: 0; overflow: inherit; } body { padding-top: 0px !important; font-family: "Lato", sans-serif; color: #333333; display: block; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; position: relative; padding-right: 0 !important; } body.search-footer { display: table; width: 100%; -webkit-overflow-scrolling: touch; } .navbar { margin-bottom: 0px; } footer { width: 100%; display: table-row; position: relative; margin-top: auto; } .search-footer header { min-height: 50px; } /* LAYOUT */ #containAll { min-height: 100vh; width: 100%; height: 100%; display: table; } #containAll header { min-height: 50px; } .side-collapse-container, #containAll { display: table; width: 100%; } .page-contenu { flex-grow: 1; } #individualSheet { margin-bottom: auto; overflow: hidden; min-height: 94vh; } #newlayouttree { margin-bottom: auto; overflow: hidden; min-height: 94vh; width: 100%; } #da_iframe { position: absolute; top: 0; } /* Main layout Result Person */ .subtitle-person-tree-information-container { margin-bottom: 15px; } .subtitle-person-tree-information-container span { font-size: 22px; } .subtitle-person-tree-information-container span + span { display: block; font-size: 15px; margin-top: 4px; } .subtitle-person-tree-information-container span + i { font-size: 24px; margin-left: 6px; } .subtitle-person-tree-information-container span + i + span { display: block; font-size: 15px; margin-top: 4px; } .subtitle-person-tree-information-container .btn + .btn { margin-right: 10px; } input.three-input { user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .create-tree-error-message { color: #d9534f; } @media (max-width: 550px) { .rwd-break { display: none; } } @media (max-width: 768px) { .rwd-break.banner { display: none; } } @media (max-width: 880px) { .rwd-break.home { display: none; } } .argument-1 { color: #363e63; font-family: "Lato", sans-serif; font-size: 14px; line-height: 22.85px; text-align: center; } #map-canvas { height: 680px; position: relative; margin-top: -20px; } .map-coorect-place-container { position: relative; } .map-coorect-place-container #map-canvas { height: 80vh; } @media (max-width: 992px) { .map-coorect-place-container #map-canvas { height: 83.5vh; } } @media (max-width: 768px) { .map-coorect-place-container #map-canvas { height: 81vh; } } @media (max-width: 400px) { .map-coorect-place-container #map-canvas { height: 79vh; } } .offer-yellow-bg { float: left; color: #2B2550; padding: 5px; width: auto; clear: left; background-color: #ffcc33; font-weight: 800; font-size: 1.7rem; } .offer-yellow-bg-container { display: block; min-height: 30px; } @media (max-width: 767px) { .filae-box-offer .offer-yellow-bg { font-size: 1.4rem; width: 100%; text-align: center; } } /****************** Import or attach with no tree *****************/ #option-fiche-resultat .attach_create_tree_ .attach-no-tree-cta .btn:hover { color: #fff; } #option-fiche-resultat .attach_create_tree_ .attach-no-tree-cta .no-thanks-link:hover { background-color: inherit; color: #43C; } .attach_create_tree_ { border: 1px solid #ddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 15px; } .attach_create_tree_ p { font-size: 16px; line-height: 24px; margin-bottom: 16px; width: 85%; } .attach_create_tree_ .attach-no-tree-cta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .attach_create_tree_ .attach-no-tree-cta .btn { line-height: 15px; } .attach_create_tree_ .attach-no-tree-cta .btn:hover { color: #fff; } .attach_create_tree_ .attach-no-tree-cta .no-thanks-link:hover { background-color: inherit; color: #43C; } .attach_create_tree_ div { margin-bottom: 16px; } .attach_create_tree_ div a + a { display: inline-block; font-size: 12px; line-height: 30px; } .attach_create_tree_.dropdown-menu { left: auto; right: 0; width: 240px; } .attach_create_tree_.dropdown-menu p { width: 100%; } /****************** END Import or attach with no tree *****************/ .icon-baseline-mail { color: #ff5555; } .list-hover { border-bottom: 1px solid #d5d8da; } .list-hover li { margin: 0; width: 100%; } .list-hover li a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; } .list-hover li:last-child { border-top: 1px solid #d5d8da; } .list-hover a { border-left: 8px solid #fff; } .list-hover a:hover { border-left: 8px solid #ff5555; color: #333333; } .list-hover__link { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 7px 15px 7px 7px; } .list-hover__link:hover { text-decoration: none; } .list-hover__container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; } .list-hover__content { padding: 0 10px; } .list-hover__title { color: #333333; display: block; width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; } .list-hover__title .name { text-transform: uppercase; } .list-hover__subtitle { font-size: 12px; color: #757585; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; float: left; width: 100%; } .list-hover:last-of-type { border-top: 0px solid #d5d8da; } .custom-list-container { padding: 0px 10px 10px 15px; } .custom-list-container .custom-list { list-style: none; padding-left: 40px; font-size: 18px; } .custom-list-container .custom-list li { margin-bottom: 10px; } .custom-list-container .custom-list li::before { content: "•"; color: #ff5555; display: inline-block; width: 1em; margin-left: -1em; } .no-hints, .icon-premium-badge { color: #ff5555; } .no-hints, .search-hints { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; min-height: 305px; padding: 10px; } .no-hints i.icon-i-hints, .search-hints i.icon-i-hints { color: #ff5555; font-size: 60px !important; } .no-hints .no-hints-subtitle, .search-hints .no-hints-subtitle { color: #ff5555; margin: 20px 0; font-size: 20px; } .no-hints .no-hints-text, .search-hints .no-hints-text { font-size: 13px; max-width: 225px; margin: 0 auto; color: #333333; } .search-hints .no-hints-text { max-width: 260px; } .badge-hints { height: 20px; padding: 4px 7px; margin: 2px 0 0 5px; min-width: inherit; } a:hover .badge-hints { text-decoration: none; } .loader-circle { margin-bottom: 20px; } .loader-circle span { display: inline-block; width: 12px; height: 12px; border-radius: 100%; background-color: #d5d8da; margin: 5px 0 5px 7px; opacity: 0; } .loader-circle span:nth-child(1) { -webkit-animation: opacitychange 2s ease-in-out infinite; -moz-animation: opacitychange 2s ease-in-out infinite; -o-animation: opacitychange 2s ease-in-out infinite; animation: opacitychange 2s ease-in-out infinite; } .loader-circle span:nth-child(2) { -webkit-animation: opacitychange 1s ease-in-out 0.333333s infinite; -moz-animation: opacitychange 1s ease-in-out 0.333333s infinite; -o-animation: opacitychange 1s ease-in-out 0.333333s infinite; animation: opacitychange 1s ease-in-out 0.333333s infinite; } .loader-circle span:nth-child(3) { -webkit-animation: opacitychange 1s ease-in-out 0.6666666s infinite; -moz-animation: opacitychange 1s ease-in-out 0.6666666s infinite; -o-animation: opacitychange 1s ease-in-out 0.6666666s infinite; animation: opacitychange 1s ease-in-out 0.6666666s infinite; } .loader { margin-bottom: 20px; } .loader > span { display: inline-block; width: 12px; height: 12px; margin: 0 4px; background: #ff5555; opacity: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-animation: loader-fade 1s infinite; -moz-animation: loader-fade 1s infinite; -o-animation: loader-fade 1s infinite; animation: loader-fade 1s infinite; } .loader > span:nth-child(1) { animation-delay: 0s; } .loader > span:nth-child(2) { animation-delay: 1.2s; } .loader > span:nth-child(3) { animation-delay: 2.4s; } #CybotCookiebotDialog { max-width: 780px !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText p { font-size: 12px; line-height: 16px; } #CybotCookiebotDialog h2 { margin-bottom: 0; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContent { padding: 0.5em; } #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper { padding: 0.8em 1em; } #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonLabel { margin-bottom: 0.4em; } #CybotCookiebotDialog #CybotCookiebotDialogHeader { display: none; } #CybotCookiebotDialog #CybotCookiebotDialogPoweredByText { display: none; } #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper button { font-size: 13px; padding: 1em 0.3em; } /*#CybotCookiebotDialog{ // largeur popup cookie //max-width: 698px !important; #CybotCookiebotDialogBody{ // largeur banniere cookie max-width: 698px !important; #CybotCookiebotDialogBodyContent{ padding-bottom:0; padding-top: 5px; #CybotCookiebotDialogBodyContentTitle{ font-size:14px; margin:3px 0 0 0; } #CybotCookiebotDialogBodyContentText{ font-size:12px; margin-top:2px; margin-bottom:0; p{ margin-bottom: 3px; &+ p{ margin-bottom: 0; } } } } @media (max-width: 440px) { #CybotCookiebotDialogBodyLevelWrapper{ .CybotCookiebotDialogBodyLevelButtonWrapper{ margin-right: 7px !important; label{ font-size:11px; font-weight: normal; } } #CybotCookiebotDialogBodyLevelButtonsSelectPane{ padding:4px 3px 3px 4px; } #CybotCookiebotDialogBodyLevelDetailsButton{ padding:0 11px 0 0; } } } } }*/ #my-tour-overlay { background: rgba(0, 0, 0, 0.3) !important; } #my-tour-tooltip { min-height: auto !important; max-height: inherit !important; background-color: #ff5555 !important; } #my-tour-tooltip #my-tour-tooltip-nub.top:after { border-top-color: #ff5555; } #my-tour-tooltip #my-tour-content { min-height: auto; max-height: inherit; margin-bottom: 0; } #my-tour-tooltip #my-tour-content h1 { color: #fff !important; font-size: 1.2em !important; background: none !important; margin: 0 20px 0 0; } #my-tour-tooltip #my-tour-button-bar { padding: 0; border-top: none; margin: 0; margin-top: 0; } #my-tour-tooltip #my-tour-button-bar a { position: absolute; top: -2px; right: 0; font-size: 0; } #my-tour-tooltip #my-tour-button-bar a:after { content: "x"; color: #fff; font-size: 24px; } #my-tour-tooltip #my-tour-button-bar #my-tour-dropdown-steps { display: none; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle.my-tour-highlight { opacity: 1; } .badge { padding: 4px 6px 4px 6px; } .badge.marge-l { margin-left: 5px; } .badge.marge-r { margin-right: 5px; } .badge.basic-badge { background: #fff; border: 1px solid #d5d8da; color: #556677; } .badge.filae-badge { background: #ff5555; color: #fff; } .badge.round-corner { border-radius: 0.45rem; -webkit-border-radius: 0.45rem; -moz-border-radius: 0.45rem; } .badge.weight-normal { font-weight: normal; } /* Menu latéral gauche page messagerie, parametre arbre, espace perso ... */ .menu-lateral-gauche .nav-tabs { border-bottom: 0; } .menu-lateral-gauche .nav-tabs > li { float: none; padding: 6px 0; margin: 2px 0 2px 0; } .menu-lateral-gauche .nav-tabs > li > a { border: 0; font-size: 18px; padding: 0 0 8px 0; display: inline-block; background: none; color: #43C; } .nav-new { position: absolute; top: 0; right: 0; padding: 0.1rem 0.4rem; font-size: 8px; font-weight: 900; line-height: 1.5; white-space: nowrap; color: #333333; background-color: #ff0; border-radius: 0.25rem; user-select: none; z-index: 1; text-transform: uppercase; } @media screen and (min-width: 768px) { .nav-new { top: 0.4rem; right: -0.5rem; } } .menu-lateral-gauche .nav.nav-tabs > li a { font-weight: normal; } .menu-lateral-gauche .nav.nav-tabs > li.active > a, .menu-lateral-gauche .nav.nav-tabs > li.active a:focus, .menu-lateral-gauche .nav.nav-tabs > li.active a:hover { background: transparent; color: #43C; font-weight: 700; cursor: pointer; border-width: 0; border-bottom: 2px solid #43C; padding-bottom: 5px; } .menu-lateral-gauche .nav.nav-tabs > li > a:focus, .menu-lateral-gauche .nav.nav-tabs > li a:hover { background: transparent; color: #43C; font-weight: 700; cursor: pointer; border-width: 0; border-bottom: 2px solid #43C; padding-bottom: 5px; } .menu-lateral-gauche .nav-tabs li.divider { background-color: #d5d8da; height: 1px; margin: 3px 0; padding: 0; } .tabs { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; border-bottom: 1px solid #d5d8da; margin-bottom: 0; } .tabs--map { margin: 0px 50px 40px 50px; } .tabs__items { margin-bottom: 6px; } .tabs__items a { position: relative; font-size: 15px; padding: 5px 15px; font-weight: 700; color: #a2a9b4; } .tabs__items a:hover, .tabs__items a:focus { text-decoration: none; } .tabs__items--active { color: #43C; } .tabs__items--active a { color: #43C; } .tabs__items--active a:after { content: " "; position: absolute; display: block; height: 5px; width: 100%; bottom: -6px; left: 0; background: #43C; border-radius: 5px; } .tabs__items--right { margin-left: auto; } .tabs__items--right i { margin-right: 5px; } .tabs__items--right a { color: #43C; } @media (max-width: 768px) { .tabs { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } .tabs__items { margin-bottom: 10px; } .tabs__items a { padding: 5px 15px 5px 0; } .tabs__items--active { margin-bottom: 15px; } .tabs__items--right { margin-left: inherit; } } /* ======================================================================================================== DEBUT Menu arbre */ .menu-arbre { display: inline-block; margin: 0 auto; width: 100%; } .nav-arbre { background: #fff none repeat scroll 0 0; border-radius: 8px; color: #2B2550; filter: none; font-size: 15px; font-weight: bold; margin: 0 0 10px; } .nav-arbre .nav { display: table; margin: 0; width: 100%; } .nav-arbre .nav li { border-right: 1px solid #2B2550; display: inline-block; margin: 5px 0; padding: 7px 14px 12px 14px; } .nav-arbre .nav li.fin-lien { border-left: 1px solid #2B2550; border-right: medium none; } .nav-arbre .nav li.recherche-arbre { border: none; } .nav-arbre .nav > li > a { padding: 0; } .menu-arbre .nav-arbre .nav li a { color: #2B2550; text-decoration: none; } .menu-arbre .nav-arbre .nav .open > a, .menu-arbre .nav-arbre .nav .open > a:hover, .menu-arbre .nav-arbre .nav .open > a:focus { background: none; color: #2B2550; text-decoration: underline; } .menu-arbre .nav-arbre .nav > li > a:hover { background: none; color: #2B2550; text-decoration: underline; } .nav-arbre .nav li fieldset { margin: -5px 0 -22px; } .nav-arbre .nav li.recherche-arbre input { display: inline; float: left; margin: 0 5px 0 0; width: 268px; } .nav-arbre .nav li.recherche-arbre a { display: inline; } .nav-arbre li.recherche-arbre a .icon-i-loupe-gauche { font-size: 28px; color: #ff5555; vertical-align: top; } .nav-arbre li a .icon-i-dossier-trombonne { font-size: 22px; color: #ff5555; margin: -5px 5px 0 0; vertical-align: middle; } .nav-arbre .dropdown-menu > li { border-right: none; margin: 0; padding: 0 14px; } .nav-arbre .dropdown-menu > li > a { color: #2B2550; line-height: 0.8; } .nav-arbre .dropdown-menu > li > a:hover { text-decoration: underline; } .recherche-arbre span.twitter-typeahead { width: 89%; } .modal-body h5 { color: #ff5555; font-weight: bold; } .modal-body .liste-personne { border: 1px solid #d5d8da; height: 172px; margin-top: 5px; overflow: auto; } .modal-body .liste-personne input { margin: 3px 7px 0 4px; } .modal-body .input-modal-ligne { margin: 0 0 8px; } .modal-body .cadre { background: #fff none repeat scroll 0 0; border: 1px solid #ff5555; border-radius: 8px; padding: 10px; margin: 0 0 8px; } .modal-body .cadre .icon-i-avatar-femme:before, .modal-body .cadre .icon-i-avatar-homme:before { color: #ff5555; font-size: 20px; margin: 0 6px 0 0; } .modal-body .cadre .icon-i-avatar-neutre:before { color: #ff5555; font-size: 15px; margin: 0 6px 0 0; } .modal-body .input-modal-ligne a { display: block; margin: 0 0 5px; color: #ff5555; text-decoration: underline; } .modal-body .input-modal-ligne a:hover { color: #d34243; } .bloc-import { float: left; width: 50%; } .bloc-import .modal-footer, .bloc-export .modal-footer, .bloc-import .modal-header, .bloc-export .modal-header { text-align: center; border-top: 0; border-bottom: 0; } .bloc-import .modal-header, .bloc-export .modal-header { margin: 0 0 -20px 0; } .bloc-export a:hover { color: #d34243; } .bloc-export a { color: #ff5555; text-decoration: underline; } .bloc-export .modal-header button, .bloc-import .modal-header button { display: none; } .bloc-import input.input-parcourir { cursor: pointer; left: 52px; margin: -27px 45px 0 !important; opacity: 0; position: absolute; width: 19% !important; } .bloc-export { border-left: 1px solid #d5d8da; float: left; margin: 10px 0; width: 49%; } .bloc-export h4 { margin: -10px 0 0 !important; } .modal-header h4 { font-size: 15px; font-weight: bold; } .progress.centre { margin: 10px auto; } .progress { width: 70%; } #importexport-pop-up .modal-body h6 { font-size: 16px; font-weight: bold; } #partage form .modal-footer { border-top: 0; } #partage .modal-body textarea { height: 278px; width: 100%; } #partage #inviteButton { margin: 6px 0 0 0; } .modal-body table.liste-invite { border: 1px solid #ff5555; } .forum table.content tr.post, .archive table.content tr.post, .table-dec table.content tr.post, .tab-neutre table.content tr.post { background: #fff none repeat scroll 0 0; } .archive table.content tr.post td, .archive table.content tr.post_alt td, .table-dec table.content tr.post td, .table-dec table.content tr.post_alt td, .tab-neutre table.content tr.post td, .tab-neutre table.content tr.post_alt td { padding: 5px 5px 5px 10px; } .tab-neutre table.content tr td { vertical-align: top; } .modal-body table.liste-invite input { margin: 0 3px 0 5px; } .alphabet-indi ul.alphabet { margin: 10px 0 0; } ul.alphabet { border: 1px solid #ff5555; border-radius: 4px; margin: 5px 0 0; padding: 5px 6px; } .alphabet li { display: inline-block; } .alphabet li a { cursor: pointer; font-size: 14px; font-weight: bold; padding: 2px 5px 3px; text-decoration: none; color: #ff5555; } .alphabet li.active a, .alphabet li a:hover { background: #d34243 none repeat scroll 0 0; border-radius: 4px; color: #fff; padding: 2px 5px 3px; } .alphabet li.nul a, .alphabet li.nul a:hover { background: #fff none repeat scroll 0 0; border-radius: 4px; color: #757585; padding: 2px 5px 3px; } #placeNamesContenu .nav-list a { color: #ff5555; margin: -6px 0 0; padding: 0 0 5px 9px; } .resultat-indi ul .puce-homme, .resultat-indi ul .puce-femme { margin: 0 0 0 10px; } .icon-tete-femme:before, .icon-tete-homme:before, .icon-tete-neutre:before { content: "-"; } .icon-tete-femme, .icon-tete-homme, .icon-tete-neutre { margin: 0 3px 0 0; } .input-convertisseur { border-bottom: 1px solid #ff5555; margin: 0 0 8px; padding: 0 0 10px; } .modal-body .input-convertisseur input.ctr { border: 1px solid #fff; } .modal-body .input-convertisseur input[type=text] { float: left; margin: 0 5px 3px 0; width: 15%; } .modal-body .input-convertisseur input.date[type=text], .modal-body .input-convertisseur select.date { width: 10%; } .modal-body .input-convertisseur input[type=text] { float: left; margin: 0 5px 3px 0; width: 21%; } .modal-body .input-convertisseur select { float: left; margin: 0 5px 3px 0; width: 21%; } .input-convertisseur span { display: block; float: left; margin: 7px 4px 0 0; } #prochesContenu_a li a { color: #ff5555; margin: -6px 0 0; padding: 0 0 5px 9px; } i.ajout-gris { background-image: url("../../img/icones.png"); background-position: -546px -141px; background-repeat: no-repeat; display: inline-block; height: 14px; margin: 0 4px 0 0; width: 14px; } .icon-arbre-voir { background-image: url("../../img/icones.png?100215.png"); background-position: -493px -140px; background-repeat: no-repeat; display: inline-block; height: 15px; margin: 0 5px -3px 0; width: 21px; } .icon-arbre-supprimer { background-image: url("../../img/icones.png?100215.png"); background-position: -534px -144px; background-repeat: no-repeat; display: inline-block; height: 11px; margin: 0 5px -1px 0; width: 11px; } i.icon-modifier { background-image: url("../../img/icones.png?100215.png"); background-position: -474px -138px; background-repeat: no-repeat; display: inline-block; height: 17px; margin: 0 5px -3px 0; width: 17px; } .icon-arbre-imprimer { background-image: url("../../img/icones.png?100215.png"); background-position: -518px -139px; background-repeat: no-repeat; display: inline-block; height: 16px; margin: 0 5px -3px 0; width: 14px; } .icon-biblio { background-image: url("../../img/icones.png"); background-position: -455px -141px; background-repeat: no-repeat; display: inline-block; height: 14px; margin: 0 3px 0 0; width: 18px; } .icon-note-aide { background-image: url("../../img/icones.png"); background-position: -584px -139px; background-repeat: no-repeat; display: inline-block; height: 17px; margin: 0 7px 0 0; width: 14px; } .icon-document-aide { background-image: url("../../img/icones.png"); background-position: -563px -138px; background-repeat: no-repeat; display: inline-block; height: 18px; margin: 0 3px -5px 0; width: 19px; } .modal-body .titre-note { float: left; margin: 0 10px 0 0; max-height: 200px; overflow-y: auto; width: 25%; } .modal-body .titre-note li.actif { color: #ff5555; font-weight: bold; text-decoration: underline; } .modal-body .separation-note { background: #d5d8da none repeat scroll 0 0; float: left; height: 200px; margin: 0 10px 10px 0; width: 1px; } .modal-body .texte-note { float: left; max-height: 200px; overflow-y: auto; width: 70%; } .modal-body .outil-note { border-top: 1px solid #d5d8da; clear: left; padding: 10px 0 0; } /* Typographie Icone icomoon */ /* More information on http://redmine.filae.com/projects/genealogie/wiki/Equipe_int%C3%A9gration for the process to update the font */ /* Icons section --> Fontello */ @font-face { font-family: "icomoon"; src: url("../../fonts/icomoon.eot?3tp5q19"); src: url("../../fonts/icomoon.eot?3tp5q19#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?3tp5q19") format("truetype"), url("../../../fonts/icomoon.woff?3tp5q19") format("woff"), url("../../fonts/icomoon.svg?3tp5q19#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^=icon-], [class*=" icon-"] { font-family: "icomoon"; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: inherit; line-height: 1em; position: relative; display: inline-block; top: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-i-archives-militaires-2:before { content: "᠘"; } /* '᠘' */ .icon-ic_local_offer_black_24px-1:before { content: "㔵"; } /* '㔵' */ .icon-essai:before { content: "睷"; } /* '睷' */ .icon-i-1ere-guerre:before { content: "\e600"; } /* '' */ .icon-i-2eme-guerre:before { content: "\e601"; } /* '' */ .icon-i-alerte:before { content: "\e602"; } /* '' */ .icon-i-ancien-regime:before { content: "\e603"; } /* '' */ .icon-i-annonce:before { content: "\e604"; } /* '' */ .icon-i-arbre:before { content: "\e605"; } /* '' */ .icon-i-arbre-genea:before { content: "\e606"; } /* '' */ .icon-i-archives-militaires:before { content: "\e607"; } /* '' */ .icon-i-attention-plein:before { content: "\e608"; } /* '' */ .icon-i-attention-vide:before { content: "\e609"; } /* '' */ .icon-i-avatar-femme:before { content: "\e60a"; } /* '' */ .icon-i-avatar-h-f-01:before { content: "\e60b"; } /* '' */ .icon-i-avatar-h-f-02:before { content: "\e60c"; } /* '' */ .icon-i-avatar-homme:before { content: "\e60d"; } /* '' */ .icon-i-avatar-neutre:before { content: "\e60e"; } /* '' */ .icon-i-avatar-neutre-plus:before { content: "\e60f"; } /* '' */ .icon-i-berceau:before { content: "\e610"; } /* '' */ .icon-i-bonnet-marianne:before { content: "\e611"; } /* '' */ .icon-i-boutique:before { content: "\e612"; } /* '' */ .icon-i-bulle-3points:before { content: "\e613"; } /* '' */ .icon-i-cadenas:before { content: "\e614"; } /* '' */ .icon-i-calendrier-15:before { content: "\e615"; } /* '' */ .icon-i-calepin:before { content: "\e616"; } /* '' */ .icon-i-carte-identite:before { content: "\e617"; } /* '' */ .icon-i-casque:before { content: "\e618"; } /* '' */ .icon-i-cheque:before { content: "\e619"; } /* '' */ .icon-i-colonie:before { content: "\e61a"; } /* '' */ .icon-i-crayon:before { content: "\e61b"; } /* '' */ .icon-i-crayon-02:before { content: "\e61c"; } /* '' */ .icon-i-divers:before { content: "\e61d"; } /* '' */ .icon-i-doc-arbre:before { content: "\e61e"; } /* '' */ .icon-i-document:before { content: "\e61f"; } /* '' */ .icon-i-dossier:before { content: "\e620"; } /* '' */ .icon-i-dossier-images:before { content: "\e621"; } /* '' */ .icon-i-dossier-presse:before { content: "\e622"; } /* '' */ .icon-i-dossier-trombonne:before { content: "\e623"; } /* '' */ .icon-i-empire:before { content: "\e624"; } /* '' */ .icon-i-enregistrer:before { content: "\e625"; } /* '' */ .icon-i-enveloppe-fermee:before { content: "\e626"; } /* '' */ .icon-i-enveloppe-fermee-cadenas:before { content: "\e627"; } /* '' */ .icon-i-enveloppe-ouverte:before { content: "\e628"; } /* '' */ .icon-i-enveloppe-ouverte-cadenas:before { content: "\e629"; } /* '' */ .icon-i-etoile:before { content: "\e62a"; } /* '' */ .icon-i-facebook:before { content: "\e62b"; } /* '' */ .icon-i-feuille-01:before { content: "\e62c"; } /* '' */ .icon-i-feuille-02:before { content: "\e62d"; } /* '' */ .icon-i-fleche-agrandissement:before { content: "\e62e"; } /* '' */ .icon-i-fleche-bas:before { content: "\e62f"; } /* '' */ .icon-i-fleche-deplacement:before { content: "\e630"; } /* '' */ .icon-i-fleche-droite:before { content: "\e631"; } /* '' */ .icon-i-fleche-droite-btn:before { content: "\e632"; } /* '' */ .icon-i-fleche-gauche:before { content: "\e633"; } /* '' */ .icon-i-fleche-gauche-btn:before { content: "\e634"; } /* '' */ .icon-i-fleche-haut:before { content: "\e635"; } /* '' */ .icon-i-fleche-haut-bas:before { content: "\e636"; } /* '' */ .icon-i-fleche-tourne-gauche:before { content: "\e637"; } /* '' */ .icon-i-gregorien:before { content: "\e638"; } /* '' */ .icon-i-guillemet-ferme:before { content: "\e639"; } /* '' */ .icon-i-guillement-ouvert:before { content: "\e63a"; } /* '' */ .icon-i-hebreu:before { content: "\e63b"; } /* '' */ .icon-i-heraldique:before { content: "\e63c"; } /* '' */ .icon-i-horloge:before { content: "\e63d"; } /* '' */ .icon-i-imprimer:before { content: "\e63e"; } /* '' */ .icon-i-indien:before { content: "\e63f"; } /* '' */ .icon-i-information:before { content: "\e640"; } /* '' */ .icon-i-islamique:before { content: "\e641"; } /* '' */ .icon-i-julien:before { content: "\e642"; } /* '' */ .icon-i-legion:before { content: "\e643"; } /* '' */ .icon-i-lettre:before { content: "\e644"; } /* '' */ .icon-i-livre:before { content: "\e645"; } /* '' */ .icon-i-logo-cadeau-com:before { content: "\e646"; } /* '' */ .icon-i-loupe-droite:before { content: "\e647"; } /* '' */ .icon-i-loupe-gauche:before { content: "\e648"; } /* '' */ .icon-i-macaron-arbre-genea:before { content: "\e649"; } /* '' */ .icon-i-macaron-marianne:before { content: "\e64a"; } /* '' */ .icon-i-mariage:before { content: "\e64b"; } /* '' */ .icon-i-marianne:before { content: "\e64c"; } /* '' */ .icon-i-maya:before { content: "\e64d"; } /* '' */ .icon-i-membres:before { content: "\e64e"; } /* '' */ .icon-i-moustache:before { content: "\e64f"; } /* '' */ .icon-i-news:before { content: "\e650"; } /* '' */ .icon-i-no-voir:before { content: "\e651"; } /* '' */ .icon-i-objectif-01:before { content: "\e652"; } /* '' */ .icon-i-parfum:before { content: "\e653"; } /* '' */ .icon-i-perse:before { content: "\e654"; } /* '' */ .icon-i-perso:before { content: "\e655"; } /* '' */ .icon-i-perso-tour:before { content: "\e656"; } /* '' */ .icon-i-pile-livres:before { content: "\e657"; } /* '' */ .icon-i-prelevement:before { content: "\e658"; } /* '' */ .icon-i-punaise:before { content: "\e659"; } /* '' */ .icon-i-r-arbre:before { content: "\e65a"; } /* '' */ .icon-i-r-document:before { content: "\e65b"; } /* '' */ .icon-i-r-enveloppe:before { content: "\e65c"; } /* '' */ .icon-i-resistance-belge:before { content: "\e65d"; } /* '' */ .icon-i-r-imprimer:before { content: "\e65e"; } /* '' */ .icon-i-r-membres:before { content: "\e65f"; } /* '' */ .icon-i-r-partage:before { content: "\e660"; } /* '' */ .icon-i-r-rouage:before { content: "\e661"; } /* '' */ .icon-i-statistique:before { content: "\e662"; } /* '' */ .icon-i-supprimer-croix-01:before { content: "\e663"; } /* '' */ .icon-i-supprimer-croix-02:before { content: "\e664"; } /* '' */ .icon-i-telecharger-pdf:before { content: "\e666"; } /* '' */ .icon-i-titre-arbre:before { content: "\e667"; } /* '' */ .icon-i-titre-blason:before { content: "\e668"; } /* '' */ .icon-i-titre-boussole:before { content: "\e669"; } /* '' */ .icon-i-titre-boutique:before { content: "\e66a"; } /* '' */ .icon-i-titre-bulle:before { content: "\e66b"; } /* '' */ .icon-i-titre-bulle-3points:before { content: "\e66c"; } /* '' */ .icon-i-titre-calendrier-15:before { content: "\e66d"; } /* '' */ .icon-i-titre-chronique:before { content: "\e66e"; } /* '' */ .icon-i-titre-livre-ouvert:before { content: "\e66f"; } /* '' */ .icon-i-titre-loupe:before { content: "\e671"; } /* '' */ .icon-i-titre-loupe-plus:before { content: "\e672"; } /* '' */ .icon-i-titre-parchemin:before { content: "\e673"; } /* '' */ .icon-i-titre-pile-livre:before { content: "\e674"; } /* '' */ .icon-i-tombe:before { content: "\e675"; } /* '' */ .icon-i-valide-01:before { content: "\e676"; } /* '' */ .icon-i-viewer-ajout-membre:before { content: "\e678"; } /* '' */ .icon-i-viewer-dossier-1:before { content: "\e679"; } /* '' */ .icon-i-viewer-loupe-moins:before { content: "\e67a"; } /* '' */ .icon-i-viewer-loupe-plus:before { content: "\e67b"; } /* '' */ .icon-i-voir:before { content: "\e67c"; } /* '' */ .icon-i-puce:before { content: "\e67d"; } /* '' */ .icon-i-feuille-logo:before { content: "\e67e"; } /* '' */ .icon-i-plus:before { content: "\e67f"; } /* '' */ .icon-i-moins:before { content: "\e680"; } /* '' */ .icon-i-r-document-vide:before { content: "\e681"; } /* '' */ .icon-i-r-rouage-vide:before { content: "\e682"; } /* '' */ .icon-i-telecharger-lien-web:before { content: "\e683"; } /* '' */ .icon-i-parametre:before { content: "\e684"; } /* '' */ .icon-i-macaron-100-garantie-1:before { content: "\e685"; } /* '' */ .icon-i-cadeaux:before { content: "\e686"; } /* '' */ .icon-i-question-1:before { content: "\e687"; } /* '' */ .icon-i-desabonnement:before { content: "\e688"; } /* '' */ .icon-i-zero-risque:before { content: "\e689"; } /* '' */ .icon-i-dossier-loupe:before { content: "\e68a"; } /* '' */ .icon-premium-badge:before { content: "\e800"; } /* '' */ .icon-material-hourglass_empty:before { content: "\e801"; } /* '' */ .icon-family-search-icon:before { content: "\e802"; } /* '' */ .icon-material-notifications:before { content: "\e803"; } /* '' */ .icon-news:before { content: "\e8b3"; } /* '' */ .icon-i-directions:before { content: "\e8b4"; } /* '' */ .icon-i-reduction:before { content: "\e8b5"; } /* '' */ .icon-i-alert-add:before { content: "\e8b6"; } /* '' */ .icon-i-calc-relationship:before { content: "\e8b7"; } /* '' */ .icon-i-relationship-no:before { content: "\e8b8"; } /* '' */ .icon-i-tree:before { content: "\e8b9"; } /* '' */ .icon-shield-check-f:before { content: "\e8bb"; } /* '' */ .icon-baseline-mail:before { content: "\e8bd"; } /* '' */ .icon-i-outline-file:before { content: "\e8be"; } /* '' */ .icon-i-arrow-back:before { content: "\e8bf"; } /* '' */ .icon-material-content_cut:before { content: "\e8c5"; } /* '' */ .icon-filter_list_reset:before { content: "\e8d0"; } /* '' */ .icon-filter_list:before { content: "\e8d1"; } /* '' */ .icon-arrow_forward:before { content: "\e8d2"; } /* '' */ .icon-i-family-view:before { content: "\e8d3"; } /* '' */ .icon-i-pedigree-view:before { content: "\e8d4"; } /* '' */ .icon-i-descendants-view:before { content: "\e8d5"; } /* '' */ .icon-i-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-outline-lock:before { content: "\ea31"; } /* '' */ .icon-i-arrow-left:before { content: "󦜑"; } /* '\e6711' */ .icon-i-arrow-right:before { content: "󦜒"; } /* '\e6712' */ .ligne-info { color: #2B2550; font-size: 12px; font-style: italic; } a.tab-information-link { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 18px; border-color: transparent #fff transparent transparent; color: #333333; background: rgba(213, 216, 218, 0.7); } /*------------------------ Autres --- */ /*Pagination bootstrap*/ .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #445599; border-color: #445599; } .pagination > li > a, .pagination > li > span { color: #43C; } /*Bootstrap equal-height columns experiment*/ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .cache { display: none; } .bloc-alert { font-size: 16px; display: block; text-align: center; } .pipe { margin: 0 5px 0 5px; } .bloc-contenu-general, .bloc-contenu, .bloc-contenu-in, .structure-bloc-contenu, .bloc-gris { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 15px 15px; margin: 0 0 10px 0; } .bloc-contenu, .bloc-contenu-in, .structure-bloc-contenu { background-color: #fff; border: 1px solid #d5d8da; } .bloc-gris { background-color: #757585; } .pointer { cursor: pointer; } .separation-gris { background: #757585 none repeat scroll 0 0; height: 1px; margin: 5px 15px; } .modal-dialog { width: 640px; } .panel { box-shadow: 0 1px 1px transparent; } .full-ecran.marg-banner { margin-top: 0; } .caret.top, .sorting_asc .caret { border-bottom: 4px dashed; border-top: 0 none; content: ""; } .caret.right { border-bottom: 4px solid transparent; border-left: 4px dashed; border-top: 4px solid transparent; } /* style des keywords (ex association genealogie dans profil client */ .bootstrap-tagsinput span.label { background-color: #fff; border: 1px solid #d5d8da; color: #333333; font-size: 13px; border-radius: 15px; padding: 5px 12px; display: inherit; text-align: left; } .bootstrap-tagsinput input { padding: 23px 0 6px 28px !important; width: 100% !important; font-weight: bold; } .bootstrap-tagsinput + input + i { position: absolute; bottom: 15px; left: 0px; color: #757585; font-size: 25px; } .bootstrap-tagsinput + input + i + i { position: absolute; bottom: 15px; right: 12px; color: #337ab7; font-size: 25px; display: none; } .input-simple .bootstrap-tagsinput { border: 0; box-shadow: none; width: 100%; } .input-simple .bootstrap-tagsinput input { border-bottom: 1px solid #ccc; } .input-simple .bootstrap-tagsinput input:focus { border-bottom: 1px solid #337ab7; } /* Collapse informatif (qui ouvre un texte) */ a.information[data-toggle=collapse] { margin: 0 0 4px 11px; display: inline-block; position: relative; } a.information[data-toggle=collapse]:before { content: ""; display: block; width: 0px; border: 4px solid transparent; border-top: 4px solid #43C; left: -12px; position: absolute; top: 7px; } a.information[data-toggle=collapse] + div.collapse, a.information[data-toggle=collapse] + div.collapsing { color: #291f7a; font-size: 12px; margin: 0 0 0 13px; } a.information[data-toggle=collapse] + div p span { position: relative; } a.information.collapsed[data-toggle=collapse]:before { border: 4px solid transparent; border-left: 4px solid #43C; left: -11px; top: 5px; } .telechargement-fichier { margin-top: 20px; } .telechargement-fichier i { font-size: 60px; color: #757585; } .telechargement-fichier p { font-style: italic; font-weight: bold; } .telechargement-fichier p + p { font-size: 13px; font-weight: normal; margin: -12px 0 9px; } .telechargement-fichier .progress + p { color: #2B2550; font-size: 13px; font-style: inherit; font-weight: normal; } .bg-essai-7j .intl-tel-input #phone { outline: -webkit-focus-ring-color auto 0px; } /*.bg-essai-7j .intl-tel-input.complete-phone #phone { margin-bottom: 15px !important; }*/ .intl-tel-input.allow-dropdown.complete-phone .flag-container { margin-top: 20px; } /* DEBUT modification hints */ .bloc-contenu-in.bloc-no-filtre-hints { text-align: center; border: none; } .bloc-contenu-in.bloc-no-filtre-hints .no-filtre-title { color: #acaca8; font-size: 1.7em; } .bloc-contenu-in.bloc-no-filtre-hints .no-filtre-text { font-size: 1.1em; color: #2B2550; font-weight: 600; } .bloc-contenu-in.bloc-no-filtre-hints .no-filtre-icon { color: #acaca8; font-size: 150px; } .bloc-contenu-in.bloc-hints { border: none; padding: 0 0 10px 0; } .global-hints .marge-top10px { border: 1px solid #d5d8da; margin-bottom: 30px; margin-top: 0; border-radius: 4px; padding: 15px; } .global-hints .col-xs-12.col-sm-12.col-md-12.col-lg-12.marge-top10px, .global-hints .bloc-filtre-hints .marge-top10px, .global-hints .bloc-no-filtre-hints { border: none; } .global-hints .bloc-no-filtre-hints { text-align: center; } .global-hints .bloc-no-filtre-hints i { color: #757585; font-size: 120px; margin: 0 0 25px 0; } .global-hints .bloc-no-filtre-hints i + p { color: #757585; font-size: 30px; margin: 0 0 25px 0; text-align: center; } .global-hints .bloc-no-filtre-hints i + p + p { color: #333333; font-size: 15px; text-align: center; } .bootstrap-select .filter-option i { font-size: 24px; margin: -2px 3px 0 0; vertical-align: top; } .hints-event { color: #2B2550; font-size: 24px; border-bottom: 1px solid #d5d8da; margin-bottom: 10px; margin: -3px 4px 0 0; vertical-align: top; } .bootstrap-select .dropdown-menu.open a { font-size: 17px; } .nav-tabs.fiche-hints > li.active > a, .nav-tabs.fiche-hints > li.active > a:focus, .nav-tabs.fiche-hints > li.active > a:hover { color: #ff5555; font-weight: bold; cursor: default; background-color: #fff; } .nav-tabs.fiche-hints > li.active > a, .nav-tabs.fiche-hints > li.active > a:hover, .nav-tabs.fiche-hints > li.active > a:focus { border-left: 1px solid #dddddd; } .nav-tabs.fiche-hints > li.active { background-color: transparent; margin-right: 0; } .nav-tabs.fiche-hints > li { margin-right: 2px; line-height: 1.42857143; border-radius: 4px 4px 0 0; background: rgba(213, 216, 218, 0.6); } .nav-tabs.fiche-hints > li:hover { background-color: #eee; } .badge-hints { background-color: #11a88b; text-decoration: none; } .classement-hints ul li.dropdown { padding: 0 15px; background-color: transparent; display: inline-block; border: 1px solid #2B2550; border-radius: 20px; } .dropdown-toggle::after { display: none; } .classement-hints ul li.new-hints-hover a.dropdown-toggle { line-height: 2; border-radius: 20px; padding: 0 15px; } .classement-hints ul li.new-hints-hover:hover { background: #2B2550; border-radius: 20px; color: #fff; } .classement-hints ul li.new-hints-hover:hover a.dropdown-toggle { color: #fff; } .classement-hints ul li.dropdown a.dropdown-toggle { color: #333333; text-align: center; vertical-align: middle; text-decoration: none; height: auto; line-height: 31px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .classement-hints li a.hints-active { font-weight: bold; } span.fiche-hints { background-color: transparent; border: 1px solid #757585; color: #333333; font-size: 14px !important; margin: 0 5px 0 0 !important; } span.label.fiche-hints { display: block; padding: 0 10px; height: 32px; line-height: 31px; overflow: hidden; text-overflow: ellipsis; } .classement-hints .new-hints-right { top: 3px; float: right; padding-right: 0; margin-left: auto; } .classement-hints .new-hints-right span span { padding-right: 5px; color: #333333; font-weight: normal; } .classement-hints .new-hints-right .fiche-hints:hover { cursor: pointer; background-color: #2B2550; color: white; } .classement-hints .new-hints-right .fiche-hints:hover * { color: white; } @media screen and (max-width: 490px) { .classement-hints .new-hints-right { display: block; width: 100%; padding: 0; float: initial; } } .bloc-filtre-hints .table-responsive #myTable_wrapper #myTable { width: auto !important; } .bloc-filtre-hints .table-responsive #myTable_wrapper #myTable thead tr th:nth-child(4), .bloc-filtre-hints .table-responsive #myTable_wrapper #myTable thead tr th:nth-child(5) { min-width: 90px; } .bloc-filtre-hints .table-responsive #myTable_wrapper #myTable tr:hover { cursor: pointer; } .bloc-filtre-hints .table-responsive #myTable_wrapper #myTable tr .delete-table-container { vertical-align: middle; } #myTable tbody tr .delete-table-container .shake { display: block; } #myTable tbody tr .delete-table-container .shake:hover i { animation: shake-animation 0.5s forwards; color: #2B2550; } .first-name { color: #43C; } span.label.fiche-hints i { float: left; padding: 3px 5px 0 0; color: #333333; } .bloc-contenu-in.bloc-filtre-hints { border: none; padding-top: 0; } .bloc-contenu-in.bloc-filtre-hints .lu .highlight-blue-uppercase { color: #7827af; } .bloc-contenu-in.bloc-filtre-hints .lu .first-name { color: #7827af; } .bloc-filtre-hints .resultat a strong { color: #333333; } .resultat .checkbox .checkbox-material .check { border: 1px solid #757585; height: 13px; width: 13px; } .resultat .checkbox .checkbox-material { top: 0; } .resultat .checkbox { margin: 0; } .resultat .checkbox input[type=checkbox]:checked + .checkbox-material .check, .resultat .checkbox input[type=checkbox]:checked + input + .checkbox-material .check { border-color: #00acc1; color: #00acc1; } .resultat .checkbox .checkbox-material .check:before { margin-left: 4px; margin-top: -7px; } .resultat tr td a i { color: #333333; visibility: hidden; } .resultat tr:hover td a i { visibility: visible; } .titre-arbre h3 a { padding: 9px 0; } .carte-individu .body-carte .fichier li.carte-hints, .carte-individu.femme .body-carte .fichier li.carte-hints, .carte-individu.homme .body-carte .fichier li.carte-hints { background: #11a88b; border: 1px solid #11a88b; color: #fff; margin-top: 10px !important; } li.carte-hints a { color: white; /*span.dropdown.choix-table>a#tri-message { padding: 7px 5px; display: flex; @include flexbox; }*/ } span.dropdown.choix-table { margin-left: 4px; } /* ERREUR */ .page-erreur { text-align: center; } .page-erreur h4 { color: #ff5555; font-size: 26px; } .page-erreur p { font-size: 17px; font-weight: bold; margin: 0 0 30px 0; } .page-erreur .btn { margin: 0 0 45px 0; } .page-erreur img { width: 630px; transform: rotate(-2deg); -moz-box-shadow: 5px 5px 5px 0px #757585; -webkit-box-shadow: 5px 5px 5px 0px #757585; -o-box-shadow: 5px 5px 5px 0px #757585; box-shadow: 5px 5px 5px 0px #757585; border: 5px solid #fff; margin: 0 0 70px 0; } #message-gene-filae img { width: 570px; } #message-gene-filae p { font-size: 15px; font-weight: bold; margin: 40px 0 0 0; } #message-gene-filae p + p { font-size: 13px; font-weight: normal; color: #757585; margin: 16px 0 21px; } #message-gene-filae p + p + a { display: block; margin: 0 0 28px; } /* WEB TOUR */ #my-tour-tooltip h1, #my-tour-tooltip h2, #my-tour-tooltip h3, #my-tour-tooltip h4, #my-tour-tooltip h5, #my-tour-tooltip h6 { color: #337ab7 !important; } #my-tour-button-bar > a:hover { color: #337ab7; } /* DEBUT Full Home novembre 2016 */ /* Création arbre => Image full ecran */ .home-full .navbar { margin-bottom: 0; } .home-page { background-image: url(../../img/home/fond-home/SB.jpg); background-position: 42% 0; background-color: #eceaef; background-repeat: no-repeat, no-repeat, no-repeat; } .intro { width: 100%; min-height: 546px; position: relative; } .embed-container { position: relative; height: 0; padding-bottom: 50%; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .intro .bloc-formulaire { margin: 76px 0 0 0; } .intro .bloc-formulaire h1 { font-size: 30px; color: #2B2550; font-style: italic; margin: 0 0 18px 0; } .intro .bloc-formulaire h1 + div p { display: inline-block; font-size: 16px; margin: 0 15px 0 0; } .creation-arbre .bloc-formulaire .radio label { color: #333 !important; font-weight: bold; font-size: 16px; } .creation-arbre .bloc-formulaire .radio .circle { height: 20px; width: 20px; } .creation-arbre .bloc-formulaire .radio input[type=radio]:checked ~ .check { transform: scale3d(0.6, 0.6, 1); } .creation-arbre .bloc-formulaire .radio .check { height: 20px; width: 20px; } .creation-arbre .bloc-formulaire .radio span { top: 0; } .creation-arbre .bloc-formulaire .radio label { margin-top: -3px; padding-left: 30px; } .creation-arbre .bloc-formulaire .text-center a { display: inline-block; margin: 7px 0 0; } .creation-arbre .no-cb { font-size: 16px !important; padding: 10px 0 0 10px; } /* Témoignages */ .home { font-family: "Lato", sans-serif; } .home .temoignage { font-family: "Lato", sans-serif; padding: 41px 0; } .home .temoignage h2 { color: #fff; font-size: 32px; font-style: italic; line-height: 41px; margin: 20px 0 17px; } .home .temoignage { background: #ff5555; } .home .temoignage img { height: 128px; width: 128px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .home .temoignage i { font-size: 64px; color: #fff; margin: 14px 0 0; } .home .temoignage p.texte { color: #fff; font-style: italic; font-size: 16px; padding: 0 33px 0 15px; margin: 10px 0 10px 0; text-align: justify; } .home .temoignage p.texte:before { content: "\e63a"; font-family: "icomoon", sans-serif !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; color: #fff; font-size: 22px; left: -3px; position: absolute; top: 10px; z-index: 10; } .home .temoignage p.texte:after { content: "\e639"; font-family: "icomoon", sans-serif !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; color: #fff; font-size: 22px; right: 16px; position: absolute; top: 46px; z-index: 10; } .home .temoignage p.signature { color: #fff; font-size: 12px; left: 30px; position: absolute; } .home .temoignage p.signature span { font-weight: bold; text-transform: uppercase; display: block; } .home .temoignage .carousel-fade .carousel-inner .item, .paywall-temoignage .carousel-fade .carousel-inner .item { transition-property: opacity; } .home .temoignage .carousel-fade .carousel-inner .item, .home .temoignage .carousel-fade .carousel-inner .active.left, .home .temoignage .carousel-fade .carousel-inner .active.right, .paywall-temoignage .carousel-fade .carousel-inner .item, .paywall-temoignage .carousel-fade .carousel-inner .active.left, .paywall-temoignage .carousel-fade .carousel-inner .active.right { opacity: 0; } .home .temoignage .carousel-fade .carousel-inner .active, .home .temoignage .carousel-fade .carousel-inner .next.left, .home .temoignage .carousel-fade .carousel-inner .prev.right, .paywall-temoignage .carousel-fade .carousel-inner .active, .paywall-temoignage .carousel-fade .carousel-inner .next.left, .paywall-temoignage .carousel-fade .carousel-inner .prev.right { opacity: 1; } .home .temoignage .carousel-fade .carousel-inner .next, .home .temoignage .carousel-fade .carousel-inner .prev, .home .temoignage .carousel-fade .carousel-inner .active.left, .home .temoignage .carousel-fade .carousel-inner .active.right, .paywall-temoignage .carousel-fade .carousel-inner .next, .paywall-temoignage .carousel-fade .carousel-inner .prev, .paywall-temoignage .carousel-fade .carousel-inner .active.left, .paywall-temoignage .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } .home .temoignage .carousel-fade .home .temoignage .carousel-control, .home .temoignage .carousel-fade .paywall-temoignage .home .temoignage .carousel-control, .paywall-temoignage .carousel-fade .home .temoignage .carousel-control, .paywall-temoignage .carousel-fade .paywall-temoignage .home .temoignage .carousel-control { z-index: 2; } .home .temoignage .carousel-inner .item, .paywall-temoignage .home .temoignage .carousel-inner .item { min-height: 140px; padding: 27px 0 19px 0; } .home .carousel-indicators, .paywall-temoignage .home .carousel-indicators { bottom: 6px; display: none; } .home .tools-list { margin-top: 80px; background-color: #2B2550; } .btn-search-recensement { margin-top: 40px; } div.crow-search > div > a { color: white; } .crow-search { position: absolute; left: 975px; } @media (min-width: 992px) and (max-width: 1170px) { .crow-search { left: 910px; } } @media (min-width: 768px) and (max-width: 991px) { .crow-search { left: 718px; } } @media (max-width: 767px) { .crow-search { position: static; } } .SeoSem .recherche { background-color: #2B2550 !important; padding-bottom: 50px; height: 540px !important; background-image: none !important; margin-bottom: 10px !important; } .SeoSem .recherche h1 { color: #fff !important; font-weight: normal !important; margin: 47px 0 10px 0 !important; text-align: left !important; font-size: 44px !important; } .SeoSem .recherche .cat { padding-top: 10px; } .SeoSem .recherche .white { color: white; } .SeoSem .recherche .search-title { margin-bottom: 47px; } .SeoSem .recherche h2 { color: #fff !important; font-size: 29px; } .SeoSem .recherche h2 .info-warning { color: #ff5555; } .SeoSem .recherche p { color: #d5d8da; } .SeoSem .recherche h2 sup { font-size: 70%; } .SeoSem .recherche img { height: auto !important; margin-top: 67px !important; } .SeoSem .archives h3 { font-size: 30px; text-align: center; color: #333333; } .SeoSem .archives .listDep li { padding-left: 25%; } .SeoSem .archives #CommuneListResults li { font-size: 12px; } .SeoSem .sources { margin: 40px 0 60px 0; } .SeoSem .sources .MagicFilae { color: #ff5555; font-style: italic; font-size: 26px; } .SeoSem .sources h3 { font-size: 30px; text-align: left; color: #333333; margin-top: 0; } .SeoSem .archives p { font-size: 22px; text-align: center; color: #333333; padding-top: 5px; } .SeoSem .sources .sources-left p { font-size: 22px; text-align: left; color: #333333; padding-top: 15px; width: 66%; } .SeoSem .sources .sources-right p { font-size: 18px; } .SeoSem .sources .sources-right { padding-left: 30px; } .SeoSem .sources .sources-right img { margin-top: 10px; margin-bottom: 10px; } .SeoSem .sources .sources-right h5 { font-weight: bold; font-size: 20px; margin-bottom: 15px; } .marge-top50px { margin-top: 50px; } .SeoSem .sources .sources-right .AssoGenealogie { padding-top: 30px; } .SeoSem .sources .sources-right h6 { font-size: 20px; } .SeoSem .sources .sources-right .marge-top50px a, .SeoSem .sources .sources-right .marge-top50px li { font-size: 18px; } .SeoSem .sources .sources-right .marge-top50px li:last-child { color: #d5d8da; } .SeoSem .sources .BlocJLB { padding-top: 70px !important; } .SeoSem .sources .sources-left { border-right: 1px solid #d5d8da; } .SeoSem .sources h4 { color: #ff5555; font-weight: bold; margin-bottom: 0; } .SeoSem .sources h4 + p { font-size: 18px !important; width: 100% !important; padding-top: 0 !important; } .SeoSem .sources h4 + p + p { font-size: 18px !important; width: 100% !important; font-weight: bold; } .SeoSem .sources .EasySearch { margin-top: 20px; } .SeoSem .sources .EasySearch .btn { display: block; margin-left: auto; margin-right: auto; width: 276px; margin-bottom: 7px; margin-top: 30px; } .SeoSem .sources .EasySearch a.btn + p { display: inline-block; text-align: center !important; font-size: 16px !important; padding-top: 0 !important; } .SeoSem .sources .EasySearch .btn i { vertical-align: top; margin: 1px 0 0; } .SeoSem .embed-container { margin-top: 40px; } .FondSeoSem img { width: 100%; height: auto; } /* Recherches */ .home .recherche { background-image: url(../../img/home/fond-moteur-recherche-home.jpg); background-color: #f6f6f6; background-position: 73% 37%; background-repeat: no-repeat; height: 883px; margin-bottom: 250px; } .home .recherche h1 { color: #303F4C; font-size: 47px; font-weight: bold; margin: 47px 0 40px 0; text-align: center; } .home .recherche img { height: 327px; margin: 335px auto 0; } .home .recherche h3 { font-size: 33px; text-align: center; margin: 46px 0 0; font-weight: bold; } .home .recherche h3 span { color: #ff5555; } .home .recherche .bloc-recherche .input-annee { padding-left: 0; width: 25%; } /* essai 7j juin 2017 */ body.essai-7j { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; background-size: cover; background-image: url("../../img/abonnement/fond-essai-7j.jpg"); } .bg-essai-7j .text-privacy { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-weight: bold; } .bg-essai-7j .text-privacy i { color: #757585; } .title-essai-step-3 { text-align: center !important; } .essai-7j .abonnement-7j h2, .new-modal-dialog .popup-essai .titre-offre-sept h2 { font-size: 48px; color: #2B2550; } .cache-img-consult .close { opacity: 1; width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; z-index: 10; } .cache-img-consult .close i { position: absolute; right: 0px; top: 0px; background-color: #2B2550; border-radius: 50%; color: white; opacity: 1; } .essai-7j .form-group { margin-bottom: 0; } .essai-7j .form-group [data-toggle=floatLabel] + label { top: 20px; } .essai-7j .form-inscr-conn .form-group [data-toggle=floatLabel] + label { top: 6px; } .new-modal-dialog .essai-7j .titre-offre-sept { margin-bottom: 10px; } .essai-7j .bloc-essai-sept .essai-actif h4, .essai-7j .bloc-essai-sept .essai-actif-subtitle h5, #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 { font-size: 24px; color: #2B2550; text-align: right; font-weight: normal; } .essai-7j .bloc-essai-sept .essai-actif h4 { margin-right: 25px; } #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 { padding-top: 14px; text-align: center; } .new-modal-dialog .bloc-essai-sept .text-center a { display: inline-block; margin: 16px 0 0; } .essai-7j .bloc-essai-sept .bg-essai-7j { background-color: rgba(255, 255, 255, 0.9); padding: 0 50px; } .essai-7j .bloc-essai-sept .bg-essai-phone { background-color: rgba(70, 85, 105, 0.9); color: #fff; padding: 0 15px; } .new-modal-dialog .popup-bg-essai { background-color: rgba(70, 85, 105, 0.9); color: #fff; } .essai-7j .bloc-essai-sept .bg-essai-7j, .essai-7j .bloc-essai-sept .bg-essai-phone { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .essai-7j .bloc-essai-sept .bg-essai-7j { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; height: auto; } /* Pop up final trial 7 days */ .essai-7j .bloc-essai-sept .bg-essai-7j.essai-welcome { padding: 0; } .essai-7j .bloc-essai-sept .sept-input input:focus, .new-modal-dialog .bloc-essai-sept .sept-input input:focus, .essai-7j .bloc-essai-sept .sept-input select:focus { border-bottom: 1px solid #ff5555; } .essai-7j .bloc-essai-sept .sept-input input, .essai-7j .bloc-essai-sept .sept-input select { padding: 34px 0 0 0; background-color: transparent !important; } .essai-7j .bloc-essai-sept .bloc-phone .sept-input input, .new-modal-dialog .bloc-essai-sept .bloc-phone .sept-input input { padding-top: 12px; height: 40px; } .essai-7j .bloc-essai-sept .bloc-phone, .essai-7j .bloc-essai-sept .bloc-btn, .new-modal-dialog .bloc-essai-sept .bloc-btn { margin-top: 20px; } .essai-7j .bloc-essai-sept .bloc-phone p { font-size: 16px; color: #2B2550; } .new-modal-dialog .bloc-essai-sept .bloc-phone a { padding-top: 15px; display: inline-block; text-align: left; } .essai-7j .bloc-essai-sept .bloc-phone p.refus-info, .new-modal-dialog .bloc-essai-sept .bloc-phone p.refus-info { font-size: 14px !important; padding-top: 5px; display: inline-block; line-height: normal !important; } .essai-7j .bloc-essai-sept .bloc-phone .checkbox, .check-register { display: inline-block; margin: 5px 0 5px 0; } .new-modal-dialog .bloc-essai-sept .text-loi p { font-size: 11px !important; padding: 30px 0; color: #757585; text-align: center; line-height: 1.42857143 !important; } .new-modal-dialog .bloc-essai-sept .text-loi .popup-result { padding: 30px 0; } .new-modal-dialog .popup-congrat { font-size: 40px; padding-bottom: 20px; } .new-modal-dialog .essai-result { padding: 40px 0 0 0; } .modal-dialog.new-modal-dialog .essai-result p { line-height: normal !important; } .essai-7j .btn-text-center, .new-modal-dialog .btn-text-center { text-align: center; } input.champ-dedicace + label { width: 70%; } .small-check { width: 6%; margin-top: 16px; padding-left: 0; } .txt-check { padding-right: 0; width: 63%; } .new-modal-dialog .txt-check { width: 82%; } .error-message-mail { color: #ff5555; padding-top: 5px; margin: 0; } .error-message-mail > i { color: #ff5555; margin-bottom: 4px; margin-right: 5px; } .error-message-mail > * { vertical-align: middle; display: contents; } .error-message-mail--margin-negative-top { margin-top: -20px; } .no-break { white-space: nowrap; } .essai-7j .bloc-essai-sept .bg-essai-phone .phone-valid h4, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .phone-valid h4 { color: #fff !important; font-size: 24px !important; padding: 40px 0 10px 0; font-weight: normal !important; } .popup-bg-essai .bloc-essai-sept .bg-essai-phone p { font-size: 18px !important; } .essai-7j .bloc-essai-sept .bg-essai-phone .refus-info, #popup-1erdoc .new-modal-dialog .popup-bg-essai .bloc-essai-sept .bg-essai-phone .refus-info { font-size: 14px !important; margin: 20px 0 0 0; line-height: 1.42857143 !important; } .popup-bg-essai .bloc-essai-sept .bg-essai-phone .text-loi p { font-size: 14px !important; color: #fff; } .essai-7j .bloc-essai-sept .bg-essai-phone .phone-link, .essai-7j .bloc-essai-sept .bg-essai-phone .phone-link:hover, .new-modal-dialog .bloc-essai-sept .bg-essai-phone .phone-link, .new-modal-dialog .bloc-essai-sept .bg-essai-phone .phone-link:hover { color: #fff; } .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check { width: 100%; padding: 0 0px; } .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check { width: 100%; } .essai-7j .bloc-essai-sept .bg-essai-phone .checkbox { display: inline-block; text-align: left; } .essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check, .essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check { border-color: #fff; color: #fff; } .essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before, .essai-7j .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before { color: #fff !important; } .essai-7j .bloc-essai-sept .bg-essai-phone .sept-input input, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .sept-input input { background-color: #fff !important; padding: 0 0 0 52px; height: 40px; } .essai-7j .bloc-essai-sept .bg-essai-phone .sept-input .intl-tel-input, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .sept-input .intl-tel-input { margin-top: 15px; } .essai-7j .bloc-essai-sept .bg-essai-phone .sept-input .flag-container, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .sept-input .flag-container { margin-top: 0; } .essai-7j .bloc-essai-sept .sept-input .intl-tel-input .selected-flag, .new-modal-dialog .bloc-essai-sept .sept-input .intl-tel-input .selected-flag { padding-left: 4px; } .essai-7j .bloc-essai-sept .essai-code h4, .new-modal-dialog .bloc-essai-sept .essai-code h4, .new-modal-dialog .bloc-essai-sept .essai-result h4 { font-size: 24px !important; color: #2B2550 !important; font-weight: normal !important; line-height: 1.1 !important; } .essai-7j .bloc-essai-sept .essai-code h4.title-subscription-welcome { font-size: 14px !important; line-height: 1.42857143 !important; color: #333333 !important; } .new-modal-dialog .bloc-essai-sept .essai-problem p { margin-top: 25px !important; line-height: normal !important; } .modal-dialog.new-modal-dialog .popup-txt { font-size: 14px !important; } .essai-7j .bloc-essai-sept .sept-input input.code-phone, .new-modal-dialog .bloc-essai-sept .sept-input input.code-phone { text-align: center; font-size: 27px; padding: 27px 0 0 0; } .gift-card-code-input-container { max-width: 300px; margin: 0 auto; } .essai-7j .bloc-essai-sept .text-sms p { font-size: 14px; padding: 30px 0 15px 0; color: #757585; text-align: center; } .essai-7j .bloc-essai-sept .text-sms { padding-top: 15px; } .essai-7j .bloc-essai-sept .essai-welcome .text-center a, .new-modal-dialog .bloc-essai-sept .text-center a { margin-bottom: 40px; } .essai-7j .bloc-essai-sept .essai-welcome .title-video { font-size: 18px; color: #2B2550; } .essai-7j .bloc-essai-sept .essai-welcome .btn, .new-modal-dialog .bloc-essai-sept .essai-welcome .btn { margin: 10px; } .essai-7j .bloc-essai-sept .essai-welcome { margin-bottom: 30px; } .essai-7j .bloc-essai-sept .essai-problem p { font-size: 16px; margin-top: 25px; } .essai-7j .bloc-essai-sept .essai-problem .btn { margin-bottom: 30px; } /* lecteur video vimeo */ .essai-7j .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .essai-7j .embed-container iframe, .essai-7j .embed-container object, .essai-7j .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Numéro vert */ .carte-num-open { width: 320px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #fff; position: fixed; z-index: 1031; padding-bottom: 5px; bottom: 0; left: 0; margin-right: 5px; } .carte-num-open i { text-align: right; display: block; padding: 8px 8px 0 0; color: #d5d8da; } .carte-num-open .texte, .carte-num-close .texte { text-align: center; } .carte-num-open .texte a:hover { text-decoration: none; } /* Popup de création d'alerte (page résultat) */ a.plusoptions { display: inline-block; margin: 5px 0 10px 0; } .input-simple + div a.remove_field i { margin: 20px 0 0 0; font-size: 24px; } /* Réduction des padding des col pour les formulaire */ .col-pad-l-6 { padding-left: 6px; } .col-pad-r-6 { padding-right: 6px; } .col-pad-lr-6 { padding-left: 6px; padding-right: 6px; } .form-group.input-simple.col-pad-l-6 [data-toggle=floatLabel] + label, .form-group.input-simple.col-pad-lr-6 [data-toggle=floatLabel] + label { left: 6px; } .form-group.input-simple.col-pad-l-6 .twitter-typeahead + label, .form-group.input-simple.col-pad-lr-6 .twitter-typeahead + label { left: 6px; } /* ------------------------- Popup Activation essai gratuit -- */ #popup-1erdoc .modal-dialog, #popup-1erdoc .modal-dialog.popup-size { width: 680px; margin: 10% auto; z-index: 2000000000 !important; } .carte-num-open .texte a { color: #333333; } .carte-num-open .texte .help { font-size: 18px; } .carte-num-open .texte .time { font-size: 14px; margin-top: 10px; } .carte-num-close { width: 40px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #fff; padding-top: 5px; position: fixed; z-index: 1031; display: block; bottom: 0; right: 0px; margin-right: 5px; } .carte-num-close i { font-size: 35px; color: #ff5555; } .carte-num-close i:hover { color: #f35a5b; } /* New paywall juillet 2017 */ .PromoBanner .paywall.paywall-argument li:first-child { font-size: 16px; font-weight: normal; } .PromoBanner .paywall.paywall-argument li { border-bottom: none; } .PromoBanner .paywall.paywall-offre { background: none; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre { border: none; display: inline-block; width: 100%; height: auto; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre.active, .PromoBanner .paywall.paywall-offre .offre .bloc-offre:hover { border: none; margin: 13px 0 9px 0; padding: 3px 0 16.5px 0; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre i { background: none; width: auto; height: auto; } .PromoBanner .menu-simple a { color: #757585; } .PromoBanner .paywall.paywall-argument h1 { color: #2B2550 !important; } .PromoBanner .paywall.paywall-argument li i.PromoBoth { color: #2B2550; } .PromoBanner .paywall.paywall-argument li span.bold img { width: auto; height: auto; padding-top: 18px; padding-left: 9px; } .PromoBanner .paywall.paywall-argument li span.badge { font-size: 15px; margin-top: -5px; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre i + i { padding-top: 3px; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre p.no-action { width: 69%; display: inline-block; padding: 60px 0 80px 0; } .PromoBanner .choix-paiement { margin-bottom: 16px; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre p.petit-titre-14 { font-size: 12px; } .PromoBanner .paywall.paywall-offre .moyen-paiement i + p + a { font-size: 13px; } .PromoBanner .btn-action { background-color: #06f !important; border: #06f; } .PromoBanner .btn-action.active, .PromoBanner .btn-action:hover { opacity: 0.8; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre h2, .PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 + span { font-weight: normal; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 span.no-price { color: #2B2550; margin-right: 10px; position: relative; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 span.no-price img { position: relative; width: 36px; height: 20px; top: -3px; left: 34px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .PromoBanner .paywall.paywall-offre .offre .bloc-offre h2 span.no-price img { position: absolute; top: 380px; left: initial; } } .PromoBanner .bloc-badge { position: absolute; width: 95%; margin-top: 5px; } .PromoBanner .badge { background-color: #2B2550; padding: 4px 14px; } .PromoBanner .bloc-badge img { position: absolute; top: -20px; right: -32px; } .PromoBanner .bloc-premium-top { background-color: #ff5555; padding-top: 30px; height: 205px; } .PromoBanner .bloc-basic-top { background-color: #2B2550; padding-top: 30px; margin-top: 30px; height: 175px; } .PromoBanner .bloc-premium-top, .PromoBanner .bloc-basic-top { padding-bottom: 10px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; border-bottom: none; } .PromoBanner .bloc-premium-bottom, .PromoBanner .bloc-basic-bottom { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; border: 2px solid #ccc; border-top: none; display: inline-block; width: 100%; padding-top: 100px; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre h3 { color: #fff; margin: 0 0 25px 0; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre .bloc-basic-top h3 { margin: 0 0 25px 0; } .PromoBanner .paywall.paywall-offre .offre .bloc-offre .bloc-premium-top h3 { margin: 0 0 30px 0; } .PromoBanner .btn-left { -webkit-border-radius: 40px 0 0 40px; -moz-border-radius: 40px 0 0 40px; border-radius: 40px 0 0 40px; padding: 3px 22px; } .PromoBanner .btn-right { -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; border-radius: 0 40px 40px 0; padding: 3px 13px; } .PromoBanner .btn-on { background-color: #757585 !important; color: #fff; border: 1px solid #757585; } .PromoBanner .btn-on:hover { opacity: 1; cursor: initial; } .PromoBanner .btn-off { background-color: #fff !important; color: #757585; border: 1px solid #757585; } .PromoBanner .btn-off:hover { background-color: #757585 !important; color: #fff; } .PromoBanner .abo-time { margin-bottom: 25px; } .PromoBanner .paywall.paywall-offre .container.bloc-movie .embed-container { margin: 35px 0; } .PromoBanner .promo-echeance { color: #06f; } .PromoBanner .paywall.paywall-offre .container.bloc-movie .moyen-paiement { margin-bottom: 40px; } /* Gifts members */ .offre-gift-gold { background-color: #303F4C; border-radius: 4px; } .abonnement-7j .bloc-offre { background-color: #303f4c; } .abonnement-7j .bloc-offre { width: 350px; margin: 10px auto 20px auto; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 20px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } .abonnement-7j .bloc-offre.argent { background-image: url("../../img/gifts-members/small-bandeau-argent.png"); background-repeat: no-repeat; background-position: right top; } .abonnement-7j .bloc-offre.gold { background-image: url("../../img/gifts-members/small-bandeau-or.png"); background-repeat: no-repeat; background-position: right top; } .abonnement-7j .bloc-offre.argent i, .abonnement-7j .bloc-offre .nb-month.argent, .abonnement-7j .bloc-offre .offre-name.argent { color: #aeada9; } .abonnement-7j .bloc-offre.gold i, .abonnement-7j .bloc-offre .nb-month.gold, .abonnement-7j .bloc-offre .offre-name.gold { color: #c5b358; } .abonnement-7j .bloc-offre i { font-size: 55px; } .abonnement-7j .bloc-offre h3 { color: #fff; font-size: 24px; margin-bottom: 0; } .abonnement-7j .bloc-offre .nb-month { font-size: 22px; } .abonnement-7j .bloc-offre .offre-name { font-size: 18px; } .gifts-cmd h1 { font-size: 3rem; color: #2B2550; padding-bottom: 10px; } .gifts-cmd h2 { font-size: 2rem; color: #2B2550; padding-bottom: 10px; line-height: 31px; margin-bottom: 0; } .gifts-cmd .faux-input { margin: 0; } #cardDataInputBlock #wholeform .separatorBar, #cardDataInputBlock copyrightThreeDS { display: none; } .gifts-cmd .bloc-cmd-right { padding: 20px; } .gifts-cmd .bloc-cmd-right h2 { margin: 0; } .grid-4 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; letter-spacing: -0.31em; text-rendering: optimizespeed; } .grid-4 > * { flex: 0 0 auto; display: block; display: inline-block; vertical-align: top; letter-spacing: normal; text-rendering: auto; } .paywall-right { background-color: #eceaef; } .gift-payment-verif-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 90%; } @media (max-width: 500px) { .gifts-cmd .gift-payment-verif-container { display: block; text-align: center; } .gifts-cmd .gift-payment-verif-container .gift-payment-verif { display: block; } .gifts-cmd .gift-payment-verif-container .gift-payment-verif i { float: inherit; } } .gifts-cmd .grid-col.gold { background-color: #fff; border: 4px solid #c5b358; background-image: url("../../img/gifts-members/small-bandeau-or.png"); background-repeat: no-repeat; background-position: right top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; padding: 20px 0; color: #2B2550; background-size: 45px; } .gifts-cmd .grid-col.blue { background-color: #fff; border: 4px solid #00ACC1; background-image: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; padding: 20px 0; color: #2B2550; } .gifts-cmd .grid-col.blue h3, .gifts-cmd .grid-col.gold h3 { font-size: 1.6rem; font-weight: 600; padding: 5px; margin: 0 0 5px 0; } .gifts-cmd .grid-col.blue .price-container, .gifts-cmd .grid-col.gold .price-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; font-size: 2rem; } .gifts-cmd .grid-col.blue .old-price, .gifts-cmd .grid-col.gold .old-price { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: grey; font-size: 2rem; margin-right: 10px; position: relative; } .gifts-cmd .grid-col.blue .underline-red, .gifts-cmd .grid-col.gold .underline-red { display: block !important; z-index: 20; background-color: #ff5555; border-color: #ff5555; height: 2px; width: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.7; transform: translate(0%) rotate(0deg); } .gifts-cmd .grid-col.blue .new-price, .gifts-cmd .grid-col.gold .new-price { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #5cb85c; font-weight: 600; font-size: 2rem; } .gifts-cmd .grid-col.gold.no-background-img { background-image: inherit; } .frais-livraison { margin-top: 5px; padding: 5px; } .gifts-cmd .gold .condition { font-size: 18px; } .gifts-cmd .grid-col.argent { background-color: #fff; border: 4px solid #aeada9; background-image: url("../../img/gifts-members/small-bandeau-argent.png"); background-repeat: no-repeat; background-position: right top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; padding: 20px 0; color: #2B2550; background-size: 60px; } .gifts-cmd .grid-col.gold p, .gifts-cmd .grid-col.argent p { font-weight: bold; font-size: 20px; } .gifts-cmd .bloc-cmd-left { clear: left; padding: 10px 30px; } .gifts-cmd .paywall-left { padding: 0 30px 20px 215px; } .gifts-cmd .paywall-right { padding-right: 10%; } .gifts-cmd .gift-payment-verif { border-radius: 4px; padding: 5px 0; margin: 0px; color: #757585; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .gifts-cmd .gift-payment-verif img, .gifts-cmd .gift-payment-verif p { max-height: 44px; width: auto; } .guide-bloc-container { background-color: #00ACC1; color: white; padding: 15px; border-radius: 5px; } .guide-bloc-container .plus-guide { font-size: 90px; height: 100%; text-align: center; } .guide-bloc-container .plus-guide p { font-size: 90px; height: 100%; } .guide-bloc-container h2 { color: white; font-size: 1.8rem; margin: 20px 0; font-weight: 600; } .guide-bloc-container img { width: 130px; position: absolute; top: -90px; } .guide-bloc-container p { font-size: 1.6rem; } @media (max-width: 768px) { .gifts-cmd .gift-payment-verif p { font-size: 9px; } } .gifts-cmd .gift-payment-verif p { margin-bottom: 0; } .gifts-cmd .gift-payment-verif i { float: left; } @media (max-width: 1368px) { .gifts-cmd .paywall-right { padding-right: 2%; } } @media (min-width: 768px) { .gifts-cmd .bloc-cmd-left { min-height: 984px; } } @media (max-width: 768px) { .gifts-cmd .paywall-right { padding-right: 0px !important; } } .gifts-cmd .radio label { color: #333 !important; font-size: 16px; margin-top: -3px; padding-left: 30px; } .gifts-cmd .radio .circle, .gifts-cmd .radio .check { height: 20px; width: 20px; } .gifts-cmd .radio input[type=radio]:checked ~ .check { transform: scale3d(0.6, 0.6, 1); } .gifts-cmd .radio span { top: 0; } .gifts-cmd .modifier-champs { margin-top: 0px; } .modifier-champs-register { margin-top: 20px; } .gifts-cmd .faux-input.active { box-shadow: none; border-bottom: 1px solid #ff5555; } .gifts-cmd .faux-input, .faux-input.register { padding: 19px 0 10px 0; } .gifts-cmd .faux-input .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #757585; } .gifts-cmd .valdide-code { padding-top: 27px; color: red; } .gifts-cmd h2.your-msg { padding: 15px 0 0; } .gifts-cmd .form-group.input-simple textarea.form-control { background-color: #fff !important; border: 1px solid #ccc; } .gifts-cmd .form-group.input-simple textarea.form-control.active { border: 1px solid #ff5555; } .gifts-cmd.coffret-details .btn-action { margin: 0px 0; } .gifts-cmd label.expire { left: 15px; } .gifts-cmd label.expire, .born-register { font-size: 11px; left: 12px; opacity: 1; position: absolute; top: 6px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; color: #757585; } .gifts-cmd .form-group.input-simple .form-control { padding-right: 0; } .gifts-cmd .lien-back { font-size: 18px; text-align: right; } .gifts-cmd h5 { font-weight: bold; font-size: 17px; } .gifts-cmd li { font-size: 17px; overflow: hidden; text-overflow: ellipsis; } .gifts-cmd li.valdide-code { padding-top: 0; font-size: 14px; color: #333333; } .gifts-cmd li.date-valide { background-color: #fff; padding: 5px 10px; width: 134px; margin-bottom: 5px; } .gifts-cmd .gift-payment { float: left; border: 1px solid #ccc; border-radius: 4px; padding: 5px; margin: 2px 15px 2px 0; } .gifts-cmd .gift-payment:hover, .gifts-cmd .gift-payment.active { border: 3px solid #ff5555; padding: 3px; } .gifts-cmd .gift-payment-verif i { float: left; } .gifts-cmd .gift-payment-verif:last-child img.gifts-cmd .gift-payment-verif:last-child img { height: 55px; width: auto; } .break-word { word-wrap: break-word; display: inline-block; } body.full-beta { background-image: url(../../img/searchApi/Fond-beta_1920x1080.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: #fff; background-size: cover; } /*----------------------------------- MOTEUR DE RECHERCHE -----------------------------------*/ /*---------------------- AUCUN RESULTAT ---------------------------------*/ .searchNoresult { margin-top: 7px; } .searchNoresult p { margin-bottom: 18px; font-size: 16px; line-height: 23px; } .searchNoresult p a.coral { color: #ff5555; } .searchNoresult .num { margin: 0 10px 0 0; } .searchNoresult .searchNoresult__icon { margin-bottom: 38px; } .searchNoresult .searchNoresult__icon i { font-size: 72px; color: #757585; float: left; margin-right: 22px; } .searchNoresult .searchNoresult__icon p { float: left; font-size: 23px; line-height: 30px; margin-bottom: 0; margin-top: 7px; color: #757585; } .searchNoresult .searchNoresult__icon:after { clear: left; display: block; content: ""; } .searchNoresult .searchNoresult__astuce span { color: #ff5555; font-weight: bold; } .searchNoresult .searchNoresult__astuce span.num { color: #333333; font-weight: normal; display: inline-block; vertical-align: top; } .searchNoresult .searchNoresult__astuce span.astuce { color: #333333; font-weight: normal; width: 94%; display: inline-block; } .searchNoresult .searchNoresult__video { margin: 65px 0 0 0; overflow-x: hidden; } .searchNoresult .searchNoresult__video h4 { font-size: 23px; font-weight: bold; margin: 0 0 10px 0; } .searchNoresult .searchNoresult__video a { margin: 10px 0; display: block; } .searchNoresult .searchNoresult__video a img { width: 100%; } .searchNoresult .searchNoresult__video a p { text-decoration: none; font-size: 18px; margin: 10px; } .searchNoresult .searchNoresult__video a:hover { text-decoration: none; } .searchNoresult .searchNoresult__video h5 { font-size: 15px; font-weight: bold; margin: 0 0 10px 0; } /* OLD CSS AUCUN RESULTAT RECHERCHE A SUPPRIMER */ .no-result-recent-title strong { color: #757585; font-size: 2.5rem; font-weight: 500; } .no-result-recent-container { padding-top: 30px; text-align: center; } .no-result-recent-text { font-size: 15px; } .no-result-all-field { display: block; width: 100%; height: auto; max-width: 260px; margin: 0; padding-top: 20px; } .no-result-all-field img { width: 100%; height: auto; } .no-result-too-recent { display: block; width: 265px; height: auto; margin: 0 auto; } .no-result-too-recent img { width: 100%; height: auto; } .moteur-search-beta { margin: 0; } .moteur-search-beta h2 { margin: 0 0 40px 0; } .moteur-search-beta button { padding: 10px 27px; } .moteur-search-beta .plusoptions { display: inline-block; margin: 0 70px 0 0; color: #ff5555; } .moteur-search-beta .form-group.plus-moins { margin: 12px 0 0 0; } /*-------------------------------------------------------------------------- ONGLET EVENEMENTS--- */ .recherche .illustr-loupe i { color: #d5d8da; display: block; font-size: 95px; margin: 0 0 0 -29px; } .recherche button:not(.clear-input) { padding: 12px 27px; } .recherche #clearform i { display: inline-block; font-size: 20px; padding: 10px; } /*------------------------ Filtres--- */ #tuto-hints .dropdown-toggle:hover, #tuto-hints .dropdown-toggle { cursor: default; } /* Ajout CSS page GetDefaultFilter */ .modal-dialog .explications p { color: #6a7787; font-family: "Arial Regular", "Arial", sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: 17px; text-align: left; visibility: visible; width: auto; word-wrap: break-word; } .modal-dialog #default-filters-pop h4 { font-size: 16px; } .modal-dialog .filter_default li { border-bottom: 1px solid #d5d8da; padding: 10px 0; display: flex; } .modal-dialog .filter_default li .filter_default-label { flex: auto; max-width: 34%; } .modal-dialog .filter_default li .filter_default-label p { margin: 0; } .modal-dialog .filter_default li .filter_default-content { flex: auto; } .modal-dialog .filter_default li.sep { border-bottom: 2px solid #d5d8da; padding: 10px 0 16px 0; } .modal-dialog .filter_default div a.dropdown-toggle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding-right: 12px; position: relative; display: inherit; } .modal-dialog .filter_default div a.dropdown-toggle:hover, .modal-dialog .filter_default div a.dropdown-toggle:focus { text-decoration: none; } .modal-dialog .filter_default div a.dropdown-toggle .title-dropdown { display: none; } .modal-dialog .filter_default div a.dropdown-toggle .caret { position: absolute !important; margin: 0px !important; top: 55%; left: inherit; right: 5px; width: auto; height: auto; border: 0; margin-top: 50vh; transform: translateY(-50%); display: inline-block; vertical-align: middle; } .modal-dialog .filter_default div a.dropdown-toggle .caret:before { content: "\e915"; font-family: "icomoon"; font-size: 28px; } .modal-dialog .filter_default div ul.dropdown-menu li { border-bottom: 0; padding: 0; } .modal-dialog .filter_default .multiple-filters li { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 0 !important; } .modal-dialog .filter_default .multiple-filters li span { display: inline; position: absolute; right: 7px; top: 0; margin-top: 2px; } .modal-dialog .filter_default .multiple-filters li span a { width: 50px; clear: left; height: 20px; } .modal-dialog .filter_default .multiple-filters li input { float: left; } .modal-dialog .filter_default .multiple-filters li p { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 0 18px; } .modal-dialog .filter_default .multiple-filters li div { display: none; } .modal-dialog .filter_default .multiple-filters li div a { float: right; width: 35px; } .modal-dialog .filter_default .col-sm-7 { padding-right: 0px; } .modal-dialog .filter_default .col-sm-7 .col-sm-8 { padding-left: 5px; padding-right: 5px; } .modal-dialog .filter_default .modal-dialog .modal-body { overflow: inherit; } .modal-dialog .default-filters-hover { background-color: #f5f5f5; } .modal-dialog button span.close-btn { opacity: 0.2; } .modal-dialog .modal-body .list-unstyled { margin-top: 40px; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li span { display: inline; position: absolute; right: 7px; top: 0; margin-top: 2px; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li span a { width: 50px; clear: left; height: 20px; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li input { float: left; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li p { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 0 18px; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li div { display: none; } .modal-dialog .modal-body .list-unstyled li .multiple-filters li div a { float: right; width: 35px; } .modal-dialog .modal-body .list-unstyled li a span { margin-top: 8px; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement--- */ .offer-bar { background-color: #d5d8da; background-image: url("../../img/searchApi/offer-bar-picture.png"); background-position: right top; background-repeat: no-repeat; border-bottom: 1px solid #d5d8da; height: 47px; overflow: auto; padding: 5px 0; } .offer-bar p { font-family: "Lato", sans-serif; font-size: 17px; font-style: normal; font-weight: 700; margin: 0; padding-top: 4px; } .offer-bar .btn-inscription button { margin: 1px 0 0 -37px; } .offer-bar .btn-essai-gratuit button { margin: 1px 13px 0 -15px; } /*------------------------ Tableau résultats--- */ .FiltreIcon i { font-size: 15px; padding-top: 3px; padding-left: 5px; position: absolute; } .FiltreIcon a + a { color: #2B2550; } .highlight-blue-uppercase { color: #43C; font-weight: bold; text-transform: uppercase; } .highlight-black { color: #333333; font-weight: bold; text-transform: uppercase; } .highlight-black-uppercase { color: #333333; text-transform: uppercase; } .relevance-percentage { color: #757585; font-size: 13px; min-width: 40px; display: inline-block; } .resultTable td.annee { background-color: #F5F6FA; } .resultTable .name-size { word-break: break-word; } .resultTable .table-hover > tbody > tr:hover { background-color: #F5F6FA; } .resultTable + div .pagination .disabled { display: none; } .resultTable + div .pagination .no-active-l.no-active-r { display: none; } .resultat td.annee { background-color: #f3f3f3; } .table > tbody > tr > td.border-top-0, .table > tbody > tr > th.border-top-0, .table > tfoot > tr > td.border-top-0, .table > tfoot > tr > th.border-top-0, .table > thead > tr > td.border-top-0, .table > thead > tr > th.border-top-0 { border-top: 0; } .resultTable .icon-i-avatar-homme:before, .resultat .icon-i-avatar-homme:before { color: #66cccc; } .resultTable .icon-i-avatar-femme:before, .resultat .icon-i-avatar-femme:before { color: #ff8888; } .resultTable .icon-i-mariage:before, .resultat .icon-i-mariage:before { color: #2B2550; } #sourcesTable th, #eventsTable th { cursor: pointer; } #sourcesTable .headerSortByLastname { min-width: 120px; } .table-responsive footer { background: none; margin: 0; } .resultTable span.label.label-success.inverse { text-transform: uppercase; margin: 3px 0 0 0; } /* ------------------------- Popup Activation essai gratuit -- */ /*-------------------------------------------------------------------------- ONGLET SOURCES--- */ tr.bandeau-titre { background-color: rgba(211, 211, 211, 0.8); } #grid .badge { background-color: #2B2550; border-radius: 30px; min-width: 60px; } #grid .badge h5 { color: #fff; } h1.h1-nav-sources { margin: 30px 0 -12px; font-size: 29px; } h1.h1-nav-sources + h2 { font-size: 25px; margin: 20px 0; } .wrapper { height: auto !important; } /* ------------------------- Filtres sources -- */ li.dropdown-disabled > a { color: #fff !important; opacity: 0.4; } /*-------------------------------------------------------------------------- POPUP Période Personnalisée --- */ .modal-dialog.periode-perso { width: 496px; } .modal-dialog .form-inline .form-group:first-child { margin: 0 3px 0 0; } /* ======================================================================================================== DEBUT Page Recherches par sources -- */ /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */ .sources-banniere { padding: 15px 0 0 15px; height: 190px; position: relative; } .sources-banniere .sources-titre-banniere { font-size: 30px; line-height: 39px; width: 311px; font-weight: bold; margin: 0; } .sources-banniere span.label { background: #11a88b none repeat scroll 0 0; border-width: 0px; bottom: 4px; color: #fff; font-size: 15px; position: absolute; right: 13px; } .recherche .illustr-loupe-source i { color: #d5d8da; display: block; font-size: 78px; margin: 0; } .sources-info { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; font-size: 32px; padding: 15px 34px; } .sources-info-texte { display: inline-block; text-align: center; width: 75%; word-wrap: break-word; } .sources-info-texte span { color: #757585; display: inline-block; font-size: 12px; margin: 0 0 6px; } .sources-info-texte p { margin-bottom: 0px; color: #ff5555; } .sources-info .icon-i-objectif-01:before, .sources-info .icon-i-avatar-h-f-03:before, .sources-info .icon-i-calendrier-vide:before { display: inline-block; color: #d5d8da; } .sources-info .icon-i-avatar-h-f-03:before { font-size: 36px; } .sources-info-collection img { width: 310px; float: right; margin: 0 0 0 20px; } .sources-info-collection { padding: 17px 41px 0 32px; } .sources-info-collection.illustration-niveau3 { padding: 16px 63px 16px 32px; } .sources-info-collection div { font-size: 16px; } .sources-info-collection div.sources_level2_title { font-size: 24px; line-height: normal; text-align: left; margin: 0 0 18px 0; } .sources-info-collection div.sources_level2_subtitle { font-size: 20px; line-height: normal; text-align: left; margin: 0 0 10px 0; color: #2B2550; } .sources-image-collection { padding: 0 15px 0 15px; } .sources-image-collection .subcategories_list { margin: 28px 0 15px 0; display: inline-block; } .subcategories_list div { margin: 0 0 16px 0; } .subcategories_list li img { width: 100%; margin: 0 0 7px 0; } .subcategories_list li a h2 { font-size: 14px; margin: 0; color: #43C; } .subcategories_list li a { margin: 7px 0 0 0; display: block; } .sources-exemple-titre { font-size: 20px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; line-height: normal; text-align: left; margin-left: 24px; margin-top: 24px; width: 584px; color: #2B2550; } .sources-exemple-bloc { padding: 4px 35px 21px 26px; } .sources-exemple-bloc div { padding-left: 15px; padding-right: 0; } .sources-exemple-bloc img { float: left; width: 90px; } .sources-exemple-bloc a { float: left; margin-left: 5%; width: 53%; text-decoration: none; } /*-------------------------------------------------------------------------- RECHERCHES Niveau 2 --- */ .sources-info-collection ul { margin-top: -5px; } .sources-info-collection ul li { font-size: 14px; line-height: normal; text-align: left; margin-left: 24px; margin-top: 5px; width: 584px; list-style-type: disc; color: #2B2550; } .sources-info-collection li span { color: #333333; } /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */ .sources_level2_title { color: #757585; font-size: 21px; font-weight: bold; margin: 0 0 18px 0; } .source_right_image_level3 { height: 100%; width: 100%; margin-bottom: 8%; margin-left: 5%; } .first { display: inline; margin: 0 5px 0 0; } .second { display: inline-block; } .second span.label { margin: 0; padding: 1px 5px; } /* ======================================================================================================== DEBUT Page Recherches par département -- */ body.recherche-ec { background-image: url("../img/fond-ec-departement/Fond_extranet_1920x1080_77.jpg"); background-position: 50% -135px; } .recherche-ec .moteur-search-beta h2 { margin: -10px 0 12px; } .recherche-ec.moteur-search-beta #searchForm div p { font-size: 18px; } .chiffre-cle-ec .panel-default { background-color: transparent; border: 0; margin-bottom: 2px; } .chiffre-cle-ec .sources-info { font-size: 27px; padding: 0; } .chiffre-cle-ec .sources-info-texte span { font-size: 15px; } .chiffre-cle-ec .panel { box-shadow: inherit; } .chiffre-cle-ec .sources-info .icon-i-marianne, .chiffre-cle-ec .sources-info .icon-i-berceau, .chiffre-cle-ec .sources-info .icon-i-mariage, .chiffre-cle-ec .sources-info .icon-i-tombe { font-size: 40px; margin: 22px 0 0; vertical-align: top; } .chiffre-cle-ec .sources-info .icon-i-tombe { font-size: 34px; } .chiffre-cle-ec .sources-info .icon-i-mariage { font-size: 38px; } .chiffre-cle-ec .col-lg-3 { width: 23%; background-color: rgba(255, 255, 255, 0.9); } .chiffre-cle-ec .sources-info .icon-i-marianne:before, .chiffre-cle-ec .sources-info .icon-i-berceau:before, .chiffre-cle-ec .sources-info .icon-i-mariage:before, .chiffre-cle-ec .sources-info .icon-i-tombe:before { display: inline-block; color: #d5d8da; } .info-departement { width: 100%; background: rgba(255, 255, 255, 0.8); height: 162px; margin: 49px 0 -5px !important; display: inline-block; } .info-departement img { display: inline-block; margin: 7px 0 0; width: 119px; } .info-departement img + div { display: inline-block; margin: 15px 0 8px 14px; vertical-align: top; width: 44%; } .info-departement img + div p { text-align: justify; } .info-departement img + div p + p { margin: 20px 0 0 0; } .info-departement img + div p + p .pipe { color: #ff5555; } .info-departement img + div + img { margin: -47px 0 0; width: auto; } .info-departement a { color: #ff5555; text-decoration: underline; } #savoir-plus .modal-body ul { margin: -5px 0 10px 15px; } #savoir-plus .modal-body a { color: #ff5555; text-decoration: underline; } label.civilRecordsAvecImageRightText { color: #333333; font-weight: normal; margin: 0 0 8px; } label.civilRecordsAvecImageRightText strong { display: inline-block; margin: 12px 0 0; } /*-------------------------------------------------------------------------- POPUP d'info sur les pays/departements/villes (agrandir, consulter --- */ .leaflet-popup-content-wrapper { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .leaflet-popup-content { margin: 13px 22px; } .info-carte h3 { color: #757585; font-size: 13px; text-transform: uppercase; font-weight: bold; line-height: 15px; margin: 0; } .info-carte h3 + h3 { font-size: 35px; margin: 5px 0 0; font-weight: normal; line-height: initial; width: 100%; } @media screen and (min-width: 0\0 ) { .info-carte h3 + h3 { margin: 20px 0 0; } } .info-carte p { font-size: 12px; font-weight: bold; margin: 3px 0 5px 0; text-transform: uppercase; } .info-carte p:first-of-type { margin-bottom: 0; } .info-carte p + p { margin-top: 3px; } .info-carte button, .info-carte a { background-color: transparent; border-color: transparent; color: #445599; font-size: 15px; } .info-carte button { border: 0; margin: 0; padding: 0; } .info-carte a { margin: 0 0 0 3px; } .info-carte button:hover, .info-carte a:hover { color: #2a4a77 !important; text-decoration: none; } .info-carte button:after { content: "|"; margin: 0 0 0 8px; } .info-carte button:after:before { color: #445599 !important; } /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */ /*-------------------------------------------------------------------------- HEADER FICHE --- */ .tree-information { background: #2B2550; } /*------------------------------------------ Navigation options --- */ .tree-information-fake { background: none; border: 0; } nav#option-fiche-resultat > input, nav#option-fiche-resultat > label { display: none; } #option-fiche-resultat ul { float: right; } #option-fiche-resultat li { display: inline-block; padding: 3px 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } /* ONBOARDING RESET */ #tuto-hints #option-fiche-resultat li { cursor: default; } #tuto-hints #option-fiche-resultat li:hover { background: white; } #tuto-hints .tree-information #option-fiche-resultat li:hover i, #tuto-hints .tree-information #option-fiche-resultat li:hover a { cursor: default; color: #4969A4; } #option-fiche-resultat .dropdown-menu li { display: inherit; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: inherit; } #option-fiche-resultat .dropdown-menu li:hover { background: #d5d8da; } #option-fiche-resultat .import-three-container { background-color: white; color: #4969A4; border-radius: 100px; padding: 8px 10px; } .import-three-container span, .tree-information #option-fiche-resultat .import-three-container i { color: #4969A4; } #option-fiche-resultat a { display: inline-block; height: 25px; text-align: center; } #option-fiche-resultat .dropdown-menu a { display: inherit; height: 30px; text-align: left; } #option-fiche-resultat .dropdown-menu a:hover { color: #333333; background: #d5d8da; } #option-fiche-resultat i { vertical-align: middle; font-size: 20px; margin: 0 0 4px 0; } #option-fiche-resultat i.icon-i-enveloppe-fermee:before { font-size: 13px; } #option-fiche-resultat i.icon-i-imprimer:before { font-size: 16px; } #option-fiche-resultat i.icon-i-imprimer { margin: -10px 0 0 0; } #option-fiche-resultat i.icon-i-avatar-neutre-plus:before { font-size: 20px; } #option-fiche-resultat i.material-icons { font-size: 26px; } #option-fiche-resultat a span { display: inline-block; font-size: 15px; margin: 3px 0 0 7px; } #option-fiche-resultat li:hover { background: #d5d8da; } .tree-information #option-fiche-resultat li i, .tree-information #option-fiche-resultat li a { color: #fff; } .tree-information #option-fiche-resultat li ul.dropdown-menu a { color: #2B2550; } .tree-information #option-fiche-resultat li:hover i, .tree-information #option-fiche-resultat li:hover a { color: #2B2550; } .tree-information > div > div > p > a, .tree-information > div > div > p > text, .tree-information > div > div > p { color: #fff; } /*------------------------------------------ Images + info fiche --- */ .informations-fiche-arbre { padding-left: 5px; } @media (min-width: 992px) and (max-width: 1199px) { .informations-fiche-arbre { padding-left: 15px; } } .informations-fiche-arbre h1 { word-wrap: break-word; font-size: 32px; margin-top: 0; } .tree-information .informations-fiche-arbre h1 { color: #fff; } .informations-fiche-arbre h1 + p { font-size: 26px; font-style: italic; } .tree-information .informations-fiche-arbre h1 + p { color: #fff; } .mode-edit .informations-fiche-arbre h1:hover { text-decoration: underline; cursor: pointer; } .informations-fiche-arbre li { font-size: 20px; line-height: 28px; } .informations-fiche-arbre li span { font-weight: bold; display: inline-block; width: 105px; } .tree-information .informations-fiche-arbre li span, .tree-information .informations-fiche-arbre li { color: #fff; } .mode-edit .informations-fiche-arbre li span:hover { text-decoration: underline; cursor: pointer; } .informations-fiche-arbre li span + span { font-weight: bold; width: 6px; } .informations-fiche-arbre .info-arbre li { font-size: 16px; color: #757585; display: inline-block; margin: 0 20px 0 0; } .tree-information .informations-fiche-arbre .info-arbre li { color: #fff; } .informations-fiche-arbre .info-arbre li i { color: #ff5555; margin: 0 7px 0 0; } .tree-information .informations-fiche-arbre .info-arbre li i { color: #757585; } .tree-information.homme .informations-fiche-arbre .info-arbre li i { color: #66cccc; } .tree-information.femme .informations-fiche-arbre .info-arbre li i { color: #ff8888; } .profil { background: #8888ff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; height: 140px; margin: auto 0; width: 140px; cursor: pointer; } .profil.femme { background: #ff8888; } .profil.homme { background: #66cccc; } .profil.image img { border: 6px solid #aeada9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 140px; width: 140px; } .profil.image.femme img { border-color: #ff8888; } .profil.image.homme img { border-color: #66cccc; } .profil .initiale { color: #fff; font-size: 36px; font-weight: 400; margin: 0; text-align: center; } .tree-information .profil .initiale { padding-top: 45px; } .profil i.material-icons { display: block; font-size: 23px; margin: -20px 0 0 0; padding: 0; text-align: right; text-decoration: none; color: #fff; height: auto; width: auto; } .profil p + i.material-icons { margin: 27px 0 0 0; } .profil:hover i.material-icons { visibility: visible; } .img-profil { background: #d5d8da; height: 140px; margin: auto; width: 140px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .img-profil i { color: #d5d8da; display: inherit; font-size: 50px; padding: 28%; text-align: center; height: 140px; width: 140px; } .img-profil img { width: 140px; height: 140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .img-profil i.glyphicon-pencil { display: block; font-size: 16px; margin: -17px 6px 0 0; padding: 0; text-align: right; text-decoration: none; visibility: hidden; color: #757585; height: auto; width: auto; } .img-profil:hover i.glyphicon-pencil { visibility: visible; } .phrase-resultat { display: inline-block; vertical-align: middle; width: 828px; } .phrase-resultat p { color: #fff; font-size: 21px; padding: 8px 33px 8px 33px; margin: 0; } .phrase-resultat + div { display: inline-block; vertical-align: middle; } .acces-arbre-resultat { float: right; } /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */ /* ---------------------------- header page ---- */ .resultat-ec #option-fiche-resultat i { font-size: 22px; margin: 0 0 4px; vertical-align: middle; } .resultat-ec #option-fiche-resultat li { padding: 8px 9px 5px; } .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu { margin: 0; padding: 0; } .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu { left: auto; padding-bottom: 7px !important; right: 0; } .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu li { width: 100%; padding: 0; } .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu li p { color: #999999; font-size: 12px; margin: 0; padding: 8px 13px 5px; } .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu li a { font-size: 13px; padding: 6px 13px; } /* - acte - */ .resultat-ec .acte h4 { font-size: 19px; font-weight: bold; margin: 10px 0 20px; } .resultat-ec .acte h2 { font-size: 30px; margin: 0; } .resultat-ec .acte h2 span { text-transform: uppercase; } .resultat-ec .acte .identity-personne h2 span { text-transform: inherit; font-size: 23px; } .resultat-ec .acte h2 + p { margin: 0; font-size: 22px; } .resultat-ec .acte p.date { font-size: 22px; margin: 20px 0 0; } .resultat-ec .acte img { width: 145px; margin: 20px 0 20px 0; } /* ---------------------------- Details de l'arbre ---- */ .resultat-ec .detail-acte h4 { border-bottom: 1px solid #dad9d4; color: #2B2550; font-size: 24px; padding: 7px 0 20px; margin-bottom: 0; } .resultat-ec .detail-acte h4 a { float: right; padding: 6px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .resultat-ec .detail-acte a:hover { background: #d5d8da; } .resultat-ec .detail-acte a i { font-size: 26px; } /*-- popup lien familiaux -- */ .modal-content .modal-header.liens-familiaux-arbre { border: 0; } .modal-content .modal-body.liens-familiaux-arbre { background: rgba(51, 51, 51, 0.9); color: #fff; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* -- info acte -- */ .resultat-ec .detail-acte .detail-conjoint { border-bottom: 2px solid #d5d8da; padding: 20px 0; } .resultat-ec .detail-acte .detail-conjoint:last-child { border-bottom: 0; } .resultat-ec .detail-acte .detail-personne { padding: 0 0 12px; } .resultat-ec .detail-acte .detail-personne + .detail-personne { border-top: 1px solid #dad9d4; padding: 12px 0; } .resultat-ec .detail-acte .detail-personne .nom-personne h2 { float: left; font-size: 23px; margin: 0 10px 7px 0; width: 86%; } .resultat-ec .detail-acte .detail-personne .nom-personne h2 span { text-transform: uppercase; } .resultat-ec .detail-acte .detail-personne .nom-personne .btn-personne { float: left; } .resultat-ec .detail-acte .detail-personne .nom-personne .btn-personne li { float: left; } .resultat-ec .detail-acte .detail-personne .nom-personne .btn-personne a i { font-size: 26px; } .resultat-ec .detail-acte .detail-personne .evenement-personne { clear: left; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details { font-size: 13px; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details:last-child { margin: 0; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details p { display: inline-block; font-weight: bold; vertical-align: top; width: 18%; margin: 0; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details p span { float: right; width: auto; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details p + p { display: inline-block; width: 64%; } .resultat-ec .detail-acte .detail-conjoint .detail-personne > p { color: #ff5555; font-size: 14px; font-weight: bold; margin: 0 0 3px; } .resultat-ec .detail-acte .detail-conjoint .detail-personne > p + p { color: #333333; font-weight: normal; } /*- dropdown - */ .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu { left: auto; right: 0; padding-bottom: 7px !important; } .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li { width: 100%; } .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li p { color: #757585; font-size: 12px; margin: 0; padding: 8px 13px 5px 13px; } .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li a { font-size: 14px; padding: 6px 13px; } .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne .dropdown .dropdown-menu li:hover a { background: #d5d8da; color: #333333; } .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne > ul > li > a { display: block; padding: 5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .resultat-ec .detail-acte .detail-conjoint .nom-personne .btn-personne > ul > li > a:hover { background: #d5d8da; } .resultat-ec .lieu h4 { color: #2B2550; font-size: 24px; padding: 7px 0 9px 15PX; } .resultat-ec .bloc-contenu-in.lieu { padding: 10px 0 0 0; } .resultat-ec .bloc-contenu-in.lieu h4 + label { padding-left: 15px; } .resultat-ec .bloc-contenu-in.lieu div label.labelLieuValue { font-weight: normal; padding: 0 0 7px 13px; } .resultat-ec .lieu .carte-lieu { height: 340px; background: #d5d8da; } .resultat-ec .source-acte p { font-size: 12px; } .resultat-ec .source-acte p span { font-size: 14px; font-weight: bold; display: block; } .resultat-ec li.dropdown ul.dropdown-menu li a, .individual-sheet-container li.dropdown ul.dropdown-menu li a { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .resultat-ec li.dropdown ul.dropdown-menu, .individual-sheet-container li.dropdown ul.dropdown-menu { left: auto; max-height: 200px !important; max-width: 200px; } .resultat-ec li.dropdown ul.dropdown-menu:not(.padding0), .individual-sheet-container li.dropdown ul.dropdown-menu:not(.padding0) { padding-bottom: 7px !important; } .resultat-ec li.dropdown ul.dropdown-menu li a, .individual-sheet-container li.dropdown ul.dropdown-menu li a { font-size: 13px; color: #333333; line-height: 2.5; display: inherit; height: 30px; text-align: left; text-decoration: none; } .resultat-ec li.dropdown ul.dropdown-menu li a:not(.header__link, .source__link), .individual-sheet-container li.dropdown ul.dropdown-menu li a:not(.header__link, .source__link) { padding: 0px 13px !important; } .resultat-ec li.dropdown ul.dropdown-menu li a.source__link, .individual-sheet-container li.dropdown ul.dropdown-menu li a.source__link { line-height: 1.42857143; } .individual-sheet-container li.dropdown .tag-v2--dashed + ul.dropdown-menu li a:hover, .individual-sheet-container li.dropdown .tag-v2--dashed + ul.dropdown-menu li a:focus { color: #ff5555; } /* ==================================================================================================================================================================== =================================================================================================================================================================== ===================================================================== ARBRES ======================================================================================= ==================================================================================================================================================================== ================================================================================================================================================================================================================*/ /* ======================================================================================================== DEBUT Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */ .ajout-cas { border: 1px dashed #757585; padding: 5px 15px; text-align: center; color: #757585; font-size: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; margin: 20px 0; cursor: pointer; transform: translateY(-10px); transition: all 0.2s ease-in-out; transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in-out; transition-delay: initial; } .ajout-cas:hover { border: 1px solid #d5d8da; color: #fff; background: #d5d8da; border-color: transparent; } .ajout-cas p { margin: 0; } .menu-document li { background: #fff none repeat scroll 0 0; border: 1px solid #757585; border-radius: 9px; color: #fff; display: inline; margin: 0 8px 0 0; padding: 7px 17px; } .menu-document li a { color: #757585; text-decoration: none; } .menu-document li:hover, .menu-document li.active { background: #ff5555 none repeat scroll 0 0; border: 1px solid #ff5555; } .menu-document li:hover a, .menu-document li.active a { color: #fff; } .classement-doc { margin: 20px 0 15px 0; } .classement-doc li { display: inline-block; margin: 0 26px 0 0; } .classement-doc li:first-child { font-size: 16px; font-weight: bold; margin: 0 15px 0 0; } .classement-doc li i { font-size: 17px; } .classement-doc li a { text-decoration: none; } .classement-doc li .dropdown-menu > li > a { padding: 5px 9px; } .classement-doc li ul.dropdown-menu li { display: inline-block; font-size: 14px; margin: 0; width: 100%; } .classement-doc li ul.dropdown-menu li a:hover { background: #d5d8da; color: #333333; } .cercle-familial h4, .decouvertes h4, .lieu h4, .mode-lieu .hints-event p { font-size: 24px; border-bottom: 1px solid #d5d8da; padding: 7px 0 20px 0; color: #2B2550; } .mode-lieu .hints-event { border-bottom: none; } .decouvertes p a, .decouvertes p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .decouvertes i.glyphicon-search { background: #ff5555; border-radius: 50%; width: 32px; height: 32px; color: #fff; padding: 9px; float: left; margin: 0 10px 10px 0; } .decouvertes i.glyphicon-search:hover { background: #ff5555; } .cercle-familial h4 a { font-size: 13px; float: right; margin: -1px 0 0 0; padding: 6px 9px; } .cercle-familial h4 a i { font-size: 23px; margin: 0 0 2px 0; vertical-align: middle; } .cercle-familial h4 a:hover { color: #2a4a77; text-decoration: none; background: #d5d8da; border-radius: 3px; } .modif-evenement-onglet { float: right; margin: 0 0 0 18px; visibility: inherit; } a.modif-evenement-onglet i { background: transparent none repeat scroll 0 0; float: left; height: auto; margin: 0; padding: 0; width: auto; font-size: 23px; color: #43C; } .timeline li:hover .modif-evenement-onglet, .fiche-arbre-document li:hover .modif-evenement-onglet { visibility: visible; } .autre-evenement + .timeline-panel a.modif-evenement-onglet i, .autre-evenement + .timeline-panel a.modif-evenement-onglet { visibility: hidden; } .dropdown.menu-ajout-document { position: relative; } input.special-entre { margin: 1px 0 0 4px; padding: 6px 2px; font-size: 13px; } input.special-entre::-webkit-input-placeholder { font-size: 13px; } input.special-entre:-moz-placeholder { font-size: 13px; } input.special-entre::-moz-placeholder { font-size: 13px; } input.special-entre:-ms-input-placeholder { font-size: 13px; } input.special-entre-seul { margin: 1px 0 0 4px; } #errorMessagesModifyIndividualSheetPopup.marge0 div { margin: 0 !important; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #757585; } span.beta-fiche-individu { background: #ff5555; color: #fff; float: left; font-size: 14px; margin: -3px 5px 6px 0; } /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /*----------------------- POPUP => Modification fiche nom, prenom ... --- */ .modal-body label:not([class*=md__label]), .modal-body p.label-titre { color: #757585; font-weight: bold; font-size: 13px; } .modal-body p.label-titre { margin: 6px 0 5px; } .modal-body p.label-titre--absolute { position: absolute; z-index: 1; } .modal-body label.radio-inline { color: #333333; font-weight: normal; font-size: 13px; } /*----------------------- POPUP => Ajout document => SOURCES --- */ .modal-body ul li .checkbox label { background: none; } .modal-body ul li:last-child .checkbox label { border-bottom: none; margin: 0 0 -15px; } /*----------------------- POPUP => Modification Cercle familial --- */ .cercle-familial-modification .individu { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; margin: 0 0 5px 0; border: 1px solid #d5d8da; } .cercle-familial-modification .individu.enfant { margin: 0 0 5px 17px; } .cercle-familial-modification .individu .profil { display: inline-block; float: inherit; height: 36px; text-align: center; vertical-align: top; width: 36px; } .cercle-familial-modification .individu .profil.image img { border-width: 3px; height: 36px; width: 36px; } .cercle-familial-modification .individu .profil .initiale { color: #fff; font-size: 15px; margin: 7px 0 0; } .cercle-familial-modification .individu .profil + p { display: inline-block; margin: 2px 0 -3px 8px; color: #333333; width: 68%; font-size: 16px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cercle-familial-modification .individu p span { display: block; color: #757585; font-size: 13px; } .cercle-familial-modification .individu i.glyphicon-link { color: #ff5555; margin: 10px; font-size: 18px; float: right; } .cercle-familial-modification .individu i.glyphicon-scissors { color: #ff5555; font-size: 18px; float: right; display: block; border-left: 1px solid #d5d8da; height: 46px; margin: -6px -6px 0 0; padding: 15px 10px 8px 14px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .cercle-familial-modification .individu i.glyphicon-scissors.inconnu { color: #757585; font-size: 18px; float: right; display: block; border-left: 1px solid #d5d8da; height: 46px; margin: -6px -6px 0 0; padding: 15px 10px 8px 14px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #d5d8da; cursor: default; } .cercle-familial-modification .individu i:hover.glyphicon-scissors, .cercle-familial-modification .individu i:focus.glyphicon-scissors { color: #fff; font-size: 18px; float: right; display: block; height: 46px; margin: -6px -6px 0 0; padding: 15px 10px 8px 14px; background: #ff5555; cursor: pointer; } .cercle-familial-modification .individu i.inconnu:hover.glyphicon-scissors, .cercle-familial-modification .individu i.inconnu:focus.glyphicon-scissors { color: #757585; font-size: 18px; float: right; display: block; height: 46px; margin: -6px -6px 0 0; padding: 15px 10px 8px 14px; background: #d5d8da; cursor: default; } .cercle-familial-modification .individu i.glyphicon-scissors:hover + span { visibility: visible; } .cercle-familial-modification .individu i.glyphicon-scissors.inconnu:hover + span { visibility: hidden; } .cercle-familial-modification .individu i.glyphicon-scissors + span, .cercle-familial-modification .individu.enfant i.glyphicon-scissors + span { color: #ff5555; display: inline-block; font-weight: bold; font-size: 12px; visibility: hidden; margin: 10px 9px 0 0; vertical-align: top; float: right; } .cercle-familial-modification .individu.modif { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px; margin: 0 0 5px 0; border: 2px dashed #d5d8da; } .cercle-familial-modification .individu.modif i.glyphicon-scissors { border-left: 0; } .cercle-familial-modification .individu.modif i:hover.glyphicon-scissors, .cercle-familial-modification .individu.modif i:focus.glyphicon-scissors { color: #ff5555; cursor: default; background: transparent; } .cercle-familial-modification .individu.modif i.glyphicon-scissors:hover + span { visibility: hidden; } .cercle-familial-modification .alert { margin-bottom: 10px; } .cercle-familial-modification .alert + div { display: inline-block; margin: 0 0 10px 0; } .cercle-familial-modification .alert + div .btn + .btn { margin-bottom: 0; margin-left: 5px; } .cercle-familial-modification .confirm-delete-relationship .btn { margin-bottom: 8px; } .cercle-familial-modification .confirm-delete-relationship + .membre-edit { clear: both; } .cercle-familial-modification .membre-edit { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #d5d8da; } .cercle-familial-modification .membre-edit--child { margin-left: 20px; } .cercle-familial-modification .membre-edit:not(:last-of-type) { margin-bottom: 8px; } .cercle-familial-modification .membre-edit .individu { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border: 0; margin-bottom: 0; } .cercle-familial-modification .membre-edit .bootstrap-select { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; min-height: 48px; } .cercle-familial-modification .membre-edit .bootstrap-select .dropdown-toggle.btn { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; border-bottom: 2px solid transparent; padding: 3px 21px 3px 10px; min-width: 116px; z-index: 1; } .cercle-familial-modification .membre-edit .bootstrap-select .dropdown-toggle.btn .filter-option { color: #333333; } .cercle-familial-modification .membre-edit .bootstrap-select.open .dropdown-toggle.btn { border-bottom-color: #43C; } .cercle-familial-modification .membre-edit .bootstrap-select.open + .membre-edit__label { color: #43C; } .cercle-familial-modification .membre-edit__select { border-left: 1px solid #d5d8da; border-right: 1px solid #d5d8da; } .cercle-familial-modification .membre-edit__select .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; margin: 0; padding: 0; } .cercle-familial-modification .membre-edit__select .dropdown-menu li { padding: 4px 0; } .cercle-familial-modification .membre-edit__select .dropup .dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; margin-bottom: 0; } .cercle-familial-modification .membre-edit__label { bottom: 21px; color: #757585; font-size: 13px; font-weight: 700; left: 12px; margin-bottom: 6px; position: absolute; user-select: none; z-index: 3; } .cercle-familial-modification .membre-edit__icon { width: 48px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; color: #43C; cursor: pointer; font-size: 18px; top: 0; } .cercle-familial-modification .membre-edit__icon:only-child { border-left: 1px solid #d5d8da; } .cercle-familial-modification .membre-edit__icon:hover, .cercle-familial-modification .membre-edit__icon:focus { border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; background-color: #ff5555; color: #fff; } .cercle-familial-modification .membre-edit__alert { color: #e02; font-size: 16px; } .cercle-familial-modification .membre-edit__button--cancel { margin-left: 5px; color: #8c8c8c; border-color: #8c8c8c; } .cercle-familial-modification .membre-edit__container-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .cercle-familial-modification .membre-edit + .confirm-delete-relationship .alert.alert-danger { color: #e02; background: none; border: none; margin-bottom: 15px; padding: 0; text-align: left; } @media (max-width: 460px) { .cercle-familial-modification .membre-edit { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cercle-familial-modification .membre-edit .individu, .cercle-familial-modification .membre-edit__container-buttons, .cercle-familial-modification .membre-edit__icon { width: 100%; } .cercle-familial-modification .membre-edit__container-buttons { border-top: 1px solid #d5d8da; } .cercle-familial-modification .membre-edit__select, .cercle-familial-modification .membre-edit__icon:only-child { border-left-color: transparent; } } .alert--edit { color: #e02; font-size: 16px; } .alert--edit, .alert__container-buttons { text-align: left; } .alert__button--cancel.btn-default { border-color: #8c8c8c; color: #8c8c8c; margin-left: 5px; } /*----------------------- POPUP => Cercle familial : Ajouter une personne --- */ .modal-body.mini-arbre { background: #2B2550; } .modal-body.mini-arbre a + label { font-weight: normal; } .modal-body.mini-arbre a.lien { color: #fff; margin: 10px 0 0 0; display: inline-block; } .modal-body.mini-arbre a.lien:hover { text-decoration: none; color: #d5d8da; } .modal-body.mini-arbre a.lien i .glyphicon-search { margin: 0 6px 0 0; } .modal-body.mini-arbre label { color: #fff; } .modal-body.mini-arbre label + a { color: #fff; float: right; } .modal-body.mini-arbre label + a:hover { text-decoration: none; color: #d5d8da; } .modal-body.mini-arbre .individu-inconnu { text-align: center; min-height: 64px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 -4px; line-height: 64px; position: relative; background: transparent; border: 2px dashed #fff; } .modal-body.mini-arbre .individu-inconnu p { display: inline-block; line-height: normal; vertical-align: middle; width: 100%; } .modal-body.mini-arbre .individu-inconnu .dropdown-menu { line-height: 25px !important; } .modal-body.mini-arbre .individu-connu { text-align: center; min-height: 64px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 -4px; position: relative; line-height: 25px !important; background: #fff; border: 2px solid #fff; } .modal-body.mini-arbre .individu-connu p { display: inline-block; line-height: normal; vertical-align: middle; width: 100%; } .modal-body.mini-arbre .individu-parente { line-height: 25px !important; } .modal-body.mini-arbre .btn-action .marge-long-btn { margin: 0 0 0 -9px; } .modal-body.mini-arbre .form-control { background: transparent; color: #fff; } .modal-body.mini-arbre .label-groupe { font-weight: bold; color: #fff; } .modal-body.mini-arbre .form-group + div .label-groupe { display: block; margin-top: 18px; } .modal-body.mini-arbre .new_choice:after { content: ""; display: block; clear: both; } .modal-body.mini-arbre .ajout-personne-existante { border-bottom: 1px solid #fff; margin-bottom: 18px; } .modal-body.mini-arbre .ajout-personne-existante:after { clear: both; display: block; content: ""; } .modal-body.mini-arbre .ajout-personne-existante .profil { float: left; height: 32px; margin: 8px 10px 8px 0; width: 32px; } .modal-body.mini-arbre .ajout-personne-existante .profil .initiale { color: #fff; font-size: 14px; font-weight: 400; margin: 6px 0 0; } .modal-body.mini-arbre .ajout-personne-existante .profil.image img { border-width: 2px; height: 32px; width: 32px; } .modal-body.mini-arbre .ajout-personne-existante .profil i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 9px; margin: -12px 0 0; padding: 2px; position: relative; } .modal-body.mini-arbre .ajout-personne-existante span { margin: 14px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; color: #fff; } .modal-body.mini-arbre .ajout-personne-existante span + span { color: #fff; font-style: italic; margin-left: 5px; display: inline-block; margin: 14px 0 0 0; } .modal-body.mini-arbre .ajout-personne-existante a i { margin: 14px 0 0 0; font-size: 20px; color: white; float: right; } .modal-body--no-padding { padding: 0; } .modal-body--no-padding .row > .col-own-padding > .row > [class*=col-]:first-child { padding-top: 15px; } .modal-body--no-padding .row > .col-own-padding > .row > [class*=col-]:last-child { padding-bottom: 15px; } .mini-arbre .form-group.input-simple { margin-bottom: 0; } .mini-arbre .form-group.input-simple + div a.btn { margin: 11px 0 0 -9px; } .form-control.import-perso { background-color: #2B2550; } .form-control.import-perso::-moz-placeholder { color: #fff !important; } /* LIENS entre individus */ /* ---- liens vers Parents */ .modal-body.mini-arbre .lien-connu-cote-1l { border-left: 2px solid #445599; border-right: 2px solid #445599; border-bottom: 2px solid #445599; height: 15px; } .modal-body.mini-arbre .lien-connu-1l { border-left: 2px solid #445599; height: 15px; margin: 0 0 0 -15px; } .modal-body.mini-arbre .lien-inconnu-cote-1l { border-left: 2px dotted #445599; border-right: 2px dotted #445599; border-bottom: 2px dotted #445599; height: 15px; } .modal-body.mini-arbre .lien-inconnu-1l { border-left: 2px dotted #445599; height: 15px; margin: 0 0 0 -15px; } /* ---- liens vers Enfants */ .modal-body.mini-arbre .lien-connu-cote-2l { border-left: 2px solid #445599; border-right: 2px solid #445599; border-bottom: 2px solid #445599; height: 15px; } .modal-body.mini-arbre .lien-connu-2l { border-left: 2px solid #445599; height: 15px; margin: 0 0 0 -15px; } .modal-body.mini-arbre .lien-inconnu-cote-2l { border-left: 2px dotted #445599; border-right: 2px dotted #445599; border-bottom: 2px dotted #445599; height: 15px; } .modal-body.mini-arbre .lien-inconnu-2l { border-left: 2px dotted #445599; height: 15px; margin: 0 0 0 -15px; } .modal-body.mini-arbre .individu-connu p, .modal-body.mini-arbre .individu-inconnu option { margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal-body.mini-arbre .individu-inconnu .menu-cercle p { color: #333333; } .modal-body.mini-arbre .individu-connu p span.date, .modal-body.mini-arbre .individu-inconnu p span.date { color: #757585; } .modal-body.mini-arbre .individu-connu p.individu-principal { color: #445599; } .modal-body.mini-arbre .individu-inconnu p { color: #fff; } .modal-body.mini-arbre .individu-inconnu:hover { border: 2px solid #fff; cursor: pointer; } .modal-body.mini-arbre .enfant-connu { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 -4px; text-align: center; padding: 6px 6px 6px 6px; height: auto; max-height: 120px; } .modal-body.mini-arbre .freres-connu { height: auto; max-height: 260px; } .modal-body.mini-arbre .enfant-connu ul { margin: 0; max-height: 120px; } .modal-body.mini-arbre .enfant-connu ul > div { margin: -6px 0 0 0; } .modal-body.mini-arbre .freres-connu ul { margin: 0; max-height: 260px; } .modal-body.mini-arbre .enfant-connu ul li { line-height: 16px; margin: 0 0 9px; } .modal-body.mini-arbre .enfant-connu ul li span.date { color: #757585; font-size: 12px; } .modal-body.mini-arbre .enfant-connu ul li:last-child { margin: 0; } .modal-body.mini-arbre .enfant-connu ul li:first-child { margin: 0; } .modal-body.mini-arbre .individu-connu .dropdown p, .modal-body.mini-arbre .individu-inconnu .dropdown p { width: 100%; } .modal-body.mini-arbre .individu-connu .dropdown, .modal-body.mini-arbre .individu-inconnu .dropdown { min-height: 64px; } .modal-body.mini-arbre .individu-connu .dropdown > div, .modal-body.mini-arbre .individu-inconnu .dropdown > div { display: inline-block; width: 92%; margin: 0; } .modal-body.mini-arbre .individu-connu .dropdown div.lien-dropdown, .modal-body.mini-arbre .individu-inconnu .dropdown div.lien-dropdown { height: 62px; margin: 0; width: 72%; line-height: 59px; } .modal-body.mini-arbre .dropdown li .ajout { background: #fff none repeat scroll 0 0; border: 3px dashed #dad9d4; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 16px; padding: 16px 12px; text-align: center; color: #757585; } .modal-body.mini-arbre .dropdown li .ajout:hover { background: rgba(213, 216, 218, 0.4); } .modal-body.mini-arbre .individu-connu button.btn-cercle, .modal-body.mini-arbre .individu-inconnu button.btn-cercle { user-select: none; -moz-user-select: none; } .modal-body.mini-arbre .individu-inconnu button.btn-cercle { margin: -3px -8px 0 -3px; } /*-------------------------------------------------------- DEBUT ajout correspondant-multiple avril 2017 -------------------------------------------*/ .modal-body.mini-arbre .individu-inconnu.correspondant-multiple button.btn-cercle { margin: -40px -8px 0 -3px; } .modal-body.mini-arbre .individu-inconnu.correspondant-multiple { line-height: 29px; } .modal-body.mini-arbre .individu-inconnu .menu-cercle .profil .initiale { padding: 12px 9px 0; } .modal-body.mini-arbre .individu-inconnu .menu-cercle p { width: 100%; } .dropdown-menu.menu-cercle { min-width: 185px; left: -3px; padding: 0 0 2px 0; } .dropdown-menu.menu-cercle > li > a { padding: 0 0 3px 0; } .dropdown-menu.menu-cercle span.caret-cercle { display: none; } .dropdown-menu.menu-cercle li > a:hover { background: #d5d8da; color: #333333; } .mini-arbre .individu-connu .nombre-union, .mini-arbre .individu-inconnu .nombre-union { line-height: 0; position: absolute; right: 0; top: -24px; } .mini-arbre .individu-connu .nombre-union span.label, .mini-arbre .individu-inconnu .nombre-union span.label { background-color: transparent; border: 1px solid #fff; color: #fff; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .modal-body.mini-arbre .individu-connu button:active.btn-cercle p, .modal-body.mini-arbre .individu-inconnu button:active.btn-cercle p { margin-left: 0; } } @media screen and (min-width: 0\0 ) { .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle, .modal-body.mini-arbre .individu-inconnu button.btn-cercle span.caret-cercle { margin: -4px 1px -3px 3px; } .modal-body.mini-arbre .individu-connu button:active.btn-cercle, .modal-body.mini-arbre .individu-inconnu button:active.btn-cercle { margin-bottom: 0px; margin-top: -2px; } } /* FIN Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */ /*----------------------- POPUP => Cercle familial : Ajouter une personne => Ajouter un Conjoint--- */ .liste-personne { max-height: 320px; text-align: left; } .liste-fratrie { max-height: 284px; text-align: left; margin-bottom: 20px; } .ajout-personne-existante { margin-bottom: 0; } .ajout-personne-existante li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 33px; min-height: 33px; border-bottom: 1px solid #dad9d4; cursor: pointer; position: relative; } .ajout-personne-existante li:hover { background: #d5d8da; } .ajout-personne-existante li:hover .selection { background: #ff5555; } .ajout-personne-existante li:focus .selection { background: #ff5555; } .ajout-personne-existante li:first-child { background: transparent; color: #818a91; font-style: italic; margin: 0 0 0 15px; border: 0; } .ajout-personne-existante li .selection { background: transparent; float: left; height: 56px; width: 6px; } .ajout-personne-existante li .profil { float: left; height: 40px; margin: 8px 10px 8px 8px; width: 40px; } .ajout-personne-existante li .profil.image img { border-width: 2px; height: 40px; width: 40px; } .ajout-personne-existante li .profil .initiale { color: #fff; font-size: 16px; font-weight: 400; margin: 3px 0 0; } .ajout-personne-existante li .profil i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #818a91; float: right; font-size: 11px; margin: -12px 0 0; padding: 2px; position: relative; } .ajout-personne-existante li .profil p + i { margin: -8px 0 0; } .ajout-personne-existante li .li-any-person { display: none; min-height: 0px; border-bottom: none; } .ajout-personne-existante li .lien-personne-existante:last-child { border-bottom: none; } .ajout-personne-existante li a:not(.list) { color: #333333; text-decoration: none; display: inherit; } .ajout-personne-existante li a:not(.list) span { margin: auto 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ajout-personne-existante li a:not(.list) span + span { color: #818a91; font-style: italic; margin-left: 5px; } .ajout-personne-existante li a.list { font-style: normal; margin-left: auto; margin-right: 15px; } .ajout-personne-existante li .side-infos { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #757585; font-size: 12px; position: absolute; right: 15px; top: 50%; } .ajout-personne-existante.individu-source li:hover a:after { content: "\e676"; font-family: "icomoon", sans-serif; font-size: 11px; margin: 10px 18px 0 0; position: absolute; right: 0; color: #ff5555; } .ajout-personne-existante.individu-source li.active a:after { content: "\e676"; font-family: "icomoon", sans-serif; font-size: 11px; margin: 10px 18px 0 0; position: absolute; right: 0; color: #ff5555; } ul.ajout-personne-existante li:hover { background: #d5d8da; } ul.ajout-personne-existante li:first-child { background: transparent; color: #757585; font-style: italic; margin: 0 0 0 15px; border: 0; } ul .ajout-personne-existante li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #dad9d4; cursor: pointer; } ul.ajout-personne-existante li .selection { background: transparent; float: left; height: 56px; width: 6px; } ul.ajout-personne-existante li:hover .selection, ul.ajout-personne-existante li:focus .selection { background: #ff5555; } ul.ajout-personne-existante li .profil { float: left; height: 40px; margin: 8px 10px 8px 8px; width: 40px; } ul.ajout-personne-existante li .profil.image img { border-width: 2px; height: 40px; width: 40px; } ul.ajout-personne-existante li .profil .initiale { color: #fff; font-size: 16px; font-weight: 400; margin: 3px 0 0; } ul.ajout-personne-existante li .profil i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 11px; margin: -12px 0 0; padding: 2px; position: relative; } ul.ajout-personne-existante li .profil p + i { margin: -8px 0 0; } ul.ajout-personne-existante li.li-any-person { display: none; min-height: 0px; border-bottom: none; } ul.ajout-personne-existante li.lien-personne-existante:last-child { border-bottom: none; } .question-lien { background: transparent; color: #757585; font-style: italic; margin: 0 0 0 15px; border: 0; padding: 5px 0; font-weight: bold; font-size: 16px; } ul.ajout-personne-existante li a:not(.list) { color: #333333; text-decoration: none; display: inherit; } ul.ajout-personne-existante li a span { margin: auto 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.ajout-personne-existante li a span span { color: #757585; margin: 0; } ul.ajout-personne-existante.individu-source li:hover a:after, ul.ajout-personne-existante.individu-source li.active a:after { content: "\e676"; font-family: "icomoon", sans-serif; font-size: 11px; margin: 10px 18px 0 0; position: absolute; right: 0; color: #ff5555; } .validation-ind-source { text-align: center; margin: 17px 10px 0; } .validation-ind-source .checkbox { text-align: left; } /*----------------------- POPUP => Cercle familial : Ajouter une personne => Ajouter un Conjoint => Créer un conjoint --- */ /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers --- */ .plateforme-medias { border: 2px dashed #757585; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #757585; cursor: pointer; font-size: 18px; margin: 0; padding: 20px 15px; text-align: center; min-height: 250px; line-height: 250px; position: relative; } .plateforme-medias div { display: inline-block; line-height: normal; vertical-align: middle; width: 100%; } .plateforme-medias i { font-size: 25px; } .plateforme-medias a + p { font-size: 14px; margin: 15px 0 0 0; } .plateforme-medias.dz-started { border: 0; line-height: inherit; min-height: auto; text-align: left; padding: 0; } #IE9 .plateforme-medias .fallback, #IE8 .plateforme-medias .fallback { position: absolute; left: 113px; top: 132px; opacity: 0; } #IE9 .plateforme-medias .fallback input, #IE8 .plateforme-medias .fallback input { width: 340px; font-size: 61px; } #IE9 .plateforme-medias .fallback input + input, #IE8 .plateforme-medias .fallback input + input { display: none; } #IE8 .plateforme-medias .fallback { position: absolute; left: 172px; top: 148px; } #IE8 .plateforme-medias .fallback input { width: 219px; font-size: 39px; } #IE8 .plateforme-medias .dz-message a { visibility: hidden; } /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers => un seul doc --- */ img.ajout-telechargement { width: 100%; } img.ajout-telechargement + i { color: #ff5555; font-size: 55px; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } label.checkbox.label__add-image { font-weight: normal; margin: 5px 0 0 0; } i.ajout-telechargement { font-size: 78px; margin: 43px 0 0; text-align: center; width: 100%; } i.material-icons.fichier { font-size: 120px; margin: 43px 0 0; text-align: center; width: 100%; } /* ======================================================================================================== DEBUT FULL Création d'Arbre -- */ .full-creation-arbre { background-color: #fff; background-image: url("../../img/home/fond-home/04.jpg"); background-repeat: no-repeat; background-size: cover; } .full-creation-arbre .bloc-formulaire { background: rgba(70, 85, 105, 0.85); padding: 2px 22px 24px; margin-top: 146px; } .full-creation-arbre .bloc-formulaire h1 { color: #fff; } .full-creation-arbre .bloc-formulaire h3 { color: #fff; font-size: 26px; margin: 0 0 17px 0; } .full-creation-arbre .bloc-formulaire h3 + div p { display: inline-block; font-size: 16px; margin: 0 15px 0 0; color: #fff; } .full-creation-arbre .bloc-formulaire .radio label { color: #fff !important; } .full-creation-arbre .bloc-formulaire .text-center a { color: #fff; } .block-checkbox-createtree-dashboard > * { vertical-align: baseline; } .block-checkbox-createtree-dashboard > p { display: inline-block; font-size: 16px; margin: 0 15px 0 0; color: #fff; } /* ======================================================================================================== FIN FULL Création d'Arbre -- */ /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */ .creation-arbre-tunnel { margin-bottom: 50px; } .creation-arbre-arbre h3 { margin: 10px 0 35px 14px; } .creation-arbre-tunnel .astuce { background-color: rgba(129, 138, 145, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; } .creation-arbre-tunnel .astuce i { display: inline-block; color: #2B2550; font-size: 38px; margin: 0 8px 0 0; } .creation-arbre-tunnel .astuce span { display: inline-block; margin: 4px 0 0; vertical-align: top; width: 90%; text-align: justify; } .creation-arbre-tunnel .astuce span h4 { margin: 0 0 4px 0; font-weight: bold; font-size: 13px; } .creation-arbre-tunnel .astuce span p { margin: 0 0 0 0; font-size: 13px; } .creation-arbre-tunnel.separation, .creation-arbre-tunnel .separation { border-right: 1px solid #d5d8da; } .creation-arbre-tunnel .bloc-indiv { margin: 0 0 20px 0; } /* --------------------- ARBRE ------------------------- */ .creation-arbre-arbre { margin: 70px 0 20px 0; display: inline-block; position: relative; } .creation-arbre-arbre .generation { display: block; line-height: 0; } .creation-arbre-arbre .bloc-membre { height: 100px; width: 70px; display: inline-block; vertical-align: top; position: relative; cursor: pointer; background: #fff; } .creation-arbre-arbre .bloc-membre .initiale { height: 48px; width: 48px; background: #d5d8da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 6px auto 3px; } .creation-arbre-arbre .bloc-membre.inconnu .initiale.homme { background: #d5d8da; } .creation-arbre-arbre .bloc-membre.inconnu .initiale.femme { background: #d5d8da; } .creation-arbre-arbre .bloc-membre.inconnu.connu .initiale.homme, .creation-arbre-arbre .bloc-membre.select .initiale.homme, .creation-arbre-arbre .bloc-membre.connu .initiale.homme { background: #66cccc; } .creation-arbre-arbre .bloc-membre.inconnu.connu .initiale.femme, .creation-arbre-arbre .bloc-membre.select .initiale.femme, .creation-arbre-arbre .bloc-membre.connu .initiale.femme { background: #ff8888; } .creation-arbre-arbre .bloc-membre .initiale p { font-size: 20px; line-height: 48px; text-align: center; color: #fff; } .creation-arbre-arbre .bloc-membre .info-membre { font-size: 11px; color: #333333; margin: 0; text-align: center; line-height: 14px; } .creation-arbre-arbre .bloc-membre .info-membre p { font-size: 11px; color: #333333; margin: 0 2px; text-align: center; line-height: 13px; height: 13px; font-weight: bold; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .creation-arbre-arbre .bloc-membre .info-membre p:nth-last-child(2) { text-transform: uppercase; } .creation-arbre-arbre .bloc-membre .info-membre p:last-child { font-weight: normal; } /* -- bloc en inconnu -- */ .creation-arbre-arbre .bloc-membre.inconnu { border: 1px dashed #d5d8da; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .creation-arbre-arbre .bloc-membre.inconnu.noselected { opacity: 0.5; pointer-events: none; } /* -- bloc en connu -- */ .creation-arbre-arbre .generation:last-child .bloc-membre.connu { pointer-events: none; } .creation-arbre-arbre .bloc-membre.inconnu.connu, .creation-arbre-arbre .bloc-membre.connu { border: 1px solid #d5d8da; background: #fff none repeat scroll 0 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } /* -- barre de progression -- */ .creation-arbre-arbre .bloc-membre .circle { position: relative; } .creation-arbre-arbre .bloc-membre .circle canvas { position: absolute; right: 10px; top: 6px; } .creation-arbre-arbre .bloc-membre.inconnu .circle canvas, .creation-arbre-arbre .bloc-membre.inconnu.connu .circle canvas { opacity: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .creation-arbre-arbre .bloc-membre.select .circle canvas, .creation-arbre-arbre .bloc-membre.select.connu .circle canvas { position: absolute; right: 15px; top: 6px; opacity: 1; } /* -- bloc en select -- */ .creation-arbre-arbre .bloc-membre.select { background: #fff none repeat scroll 0 0; height: 110px; margin: -10px 0 0 -5px; width: 80px; border: 1px solid #ff5555; position: relative; } .creation-arbre-arbre .bloc-membre.select .info-membre p { font-size: 13px; line-height: 16px; height: 16px; } .creation-arbre-arbre .marge-grd-parent { width: 12px; display: inline-block; } .creation-arbre-arbre #ppere.bloc-membre.select, .creation-arbre-arbre #pmere.bloc-membre.select, .creation-arbre-arbre #mpere.bloc-membre.select, .creation-arbre-arbre #mmere.bloc-membre.select { margin-left: -6px; } /* -- lien grd parent -- */ .creation-arbre-arbre .lien-grd-parent-a { width: 47px; height: 20px; display: inline-block; } .creation-arbre-arbre .lien-grd-parent-b { width: 90px; height: 20px; border-left: 1px solid #757585; border-bottom: 1px solid #757585; border-right: 1px solid #757585; display: inline-block; } .creation-arbre-arbre .lien-grd-parent-c { width: 82px; height: 20px; display: inline-block; } .creation-arbre-arbre .lien-grd-parent-d { width: 92px; height: 20px; display: inline-block; } .creation-arbre-arbre .lien-grd-parent-e { width: 180px; height: 20px; border-left: 1px solid #757585; border-right: 1px solid #757585; display: inline-block; } .creation-arbre-arbre .marge-parent-a { width: 57px; display: inline-block; } .creation-arbre-arbre .marge-parent-b { width: 100px; display: inline-block; } .creation-arbre-arbre .lien-parent-a { width: 90px; height: 20px; display: inline-block; } .creation-arbre-arbre .lien-parent-b { width: 189px; height: 20px; border-left: 1px solid #757585; border-bottom: 1px solid #757585; border-right: 1px solid #757585; display: inline-block; } .creation-arbre-arbre .bloc-membre.select + .marge-parent-b { width: 100px; } .creation-arbre-arbre .lien-parent-c { width: 186px; height: 20px; border-right: 1px solid #757585; display: inline-block; } .creation-arbre-arbre .marge-racine { width: 146px; display: inline-block; } /* ========================================== TUNNEL 2 */ .creation-arbre-tunnel.tunnel2 .bloc-indiv:first-child { margin: 20px 0 20px 0; } .creation-arbre-tunnel.tunnel2 .bloc-indiv:first-child .separation { border-bottom: 1px solid #d5d8da; margin: 20px auto 0; width: 350px; } /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */ /* ========================================== AVEC RESULTAT */ @media (max-height: 750px) { .full-ecran { min-height: 619px; } } .creation-arbre-resultat + .creation-arbre-arbre .bloc-membre.connu, .creation-arbre-resultat + .creation-arbre-arbre .bloc-membre.inconnu { pointer-events: none; } .creation-arbre-resultat #divFromYear.simple { width: 50%; } .creation-arbre-resultat #inputYear, .creation-arbre-resultat #inputToYear { font-size: 16px; padding-right: 13px; padding-left: 13px; } .creation-arbre-arbre div.col-lg-12 { padding: 23px 0 0 90px; } .creation-arbre-resultat .bloc-resultat .sujet-resultat div { float: left; } .creation-arbre-resultat .bloc-resultat .sujet-resultat div + div { float: right; } .creation-arbre-resultat .bloc-resultat .sujet-resultat div span { margin: 20px 0 0; background: #d5d8da; color: #333333; } .creation-arbre-resultat .sujet-resultat h4 { font-size: 18px; color: #ff5555; margin: 0 0 4px; height: 21px; } .creation-arbre-resultat .sujet-resultat h4 span + span { text-transform: uppercase; } .creation-arbre-resultat .sujet-resultat p { font-size: 12px; color: #757585; text-transform: uppercase; margin: 0 0 5px 0; } .creation-arbre-resultat .bloc-resultat { margin-top: 32px; } .creation-arbre-resultat .bloc-resultat + .bloc-resultat { margin-bottom: 32px; } .creation-arbre-resultat .bloc-resultat .nom-resultat .bloc { border-bottom: 1px solid #d5d8da; border-top: 2px solid #d5d8da; display: table; padding: 10px 0; width: 100%; } .creation-arbre-resultat .bloc-resultat .nom-resultat { cursor: pointer; } .creation-arbre-resultat .bloc-resultat .nom-resultat + .nom-resultat .bloc { border-top: 0; } .creation-arbre-resultat .bloc-resultat .nom-resultat:last-child .bloc { border-bottom: 2px solid #d5d8da; } .creation-arbre-resultat .bloc-resultat .nom-resultat .bloc div { padding: 0; } .creation-arbre-resultat .bloc-resultat .nom-resultat .bloc div + div { padding: 4px 0 0 0; } .creation-arbre-resultat .bloc-resultat .nom-resultat .btn { border-radius: 30px; height: 50px; width: 50px; margin-left: 10px; } .creation-arbre-resultat .bloc-resultat .nom-resultat .btn i.material-icons { vertical-align: middle; font-size: 30px; margin-left: -5px; } .creation-arbre-resultat .bloc-resultat .nom-resultat .bloc:hover { background-color: #f5f5f5; } .creation-arbre-resultat .bloc-resultat .nom-resultat img { border: 1px solid #d5d8da; border-radius: 5px; width: 50px; height: 50px; float: right; margin: 1px 10px 0 0; } .creation-arbre-resultat .bloc-resultat .nom-resultat h5 { font-size: 15px; color: #333333; margin: 0 0 5px 0; font-weight: bold; } .creation-arbre-resultat .bloc-resultat .nom-resultat p { font-size: 13px; color: #757585; margin: 0 0 2px 0; } .creation-arbre-resultat .bloc-resultat .nom-resultat p:last-child { margin: 0 0 0 0; } #enregister-mon-arbre .modal-body a { color: #ff5555; } /* ========================================== SANS RESULTAT */ .creation-arbre-resultat h3 { margin: 20px 0 37px; } .creation-arbre-resultat .astuce { background-color: rgba(129, 138, 145, 0.2); border-radius: 5px; padding: 15px; } .creation-arbre-resultat .astuce h4 { font-size: 13px; font-weight: bold; margin: 0 0 4px; } .creation-arbre-resultat .astuce p { font-size: 13px; } .creation-arbre-resultat .astuce button + button { margin: 0 0 0 10px; } .creation-arbre-resultat.aucun + .creation-arbre-arbre .bloc-membre { pointer-events: none; } .creation-arbre-resultat.aucun.complement + .creation-arbre-arbre .marge-racine + .bloc-membre { pointer-events: none; } .creation-arbre-resultat.aucun.complement + .creation-arbre-arbre .bloc-membre { pointer-events: inherit; } .creation-arbre-resultat.aucun.complement { margin: 0 0 50px 0; } .creation-arbre-resultat.aucun .bloc-indiv { margin: 20px 0 0 0; } .creation-arbre-resultat.aucun .bloc-indiv:last-child { margin: 20px 0 25px 0; } .creation-arbre-resultat.aucun #completechamp button { margin: 0 0 0 -123px; } .creation-arbre-resultat.aucun #recherche #searchForm { margin: 50px 0 0 0; } /* =========================================================== FIN Résultat recherche (arbre tunnel) -- */ /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */ .jsplumb-drag-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .geo_content { position: absolute; top: 52px; left: 0px; right: 0; bottom: 60px; } .geo_content #vcart { border: 0; margin: 0; max-width: 100%; height: 100%; position: absolute !important; top: 0; overflow: hidden !important; right: 0; } .geo_content #vcart .vcart-inner { background: #fff; position: absolute; width: 10000px; height: 10000px; } .treecontainer { position: relative; height: 500px; } #vcart { background: #fff; margin-top: 50px; font-size: 12px; width: 100%; margin-left: auto; margin-right: auto; height: 700px; text-align: center; position: relative; max-width: 1100px; border: solid 1px #333333; overflow: auto; } .transparent { display: none; } .newperson { background-color: #fff; border: 2px #d5d8da dashed; -moz-border-radius: 0.5em; border-radius: 0.3em; position: absolute; padding: 12px 5px 5px 5px; width: 100px; height: auto; line-height: 14px; z-index: 50; cursor: pointer; } .newperson.suggested-parent { position: relative; } .newperson.suggested-parent p { position: absolute; top: 50%; transform: translate(-3%, -41%); max-width: 75px; font-size: 10px; line-height: 13px; } .newperson:hover { background: rgba(213, 216, 218, 0.4); } .newperson .face { height: 65px; width: 65px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 17px auto; line-height: 65px; background: transparent; } .newperson .face .initiale, .newperson.n .face .initiale { font-size: 38px; color: #757585; } .newperson.m .face .initiale { color: #66cccc; } .newperson.f .face .initiale { color: #ff8888; } .newperson .identite { margin: 5px 0 0 0; } .newperson .identite .nom, .newperson .identite .prenom, .newperson .identite .period { font-size: 10px; line-height: 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; } .newperson .identite .nom { text-transform: uppercase; color: #fff; font-weight: bold; } .newperson .identite .period { color: #fff; } .person { background-color: #fff; -moz-border-radius: 0.5em; border-radius: 0.3em; border: 1px solid #d5d8da; position: absolute; padding: 7px 5px 5px 5px; width: 100px; height: auto; line-height: 14px; z-index: 50; cursor: pointer; color: #333333; font-size: 12px; text-align: center; } .person:hover { background-color: #F5F6FA; } .person.selected { background: #2B2550; } .person.selected .face i { background: #2B2550; color: #fff; } .person.selected .identite .nom, .person.selected .identite .prenom, .person.selected .identite .period, .person.selected .identite .surnom { color: #fff; } .person .face { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 57px; width: 57px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; line-height: 52px; } .person .face2 { height: 51px; width: 51px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: -2px auto; display: inline-block !important; } .person.m .face { background: #66cccc; } .person.f .face { background: #ff8888; } .person.n .face { background: #8888ff; } .person .face .initiale { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; font-size: 19px; color: #fff; text-transform: uppercase; margin: 3px auto; } .person .identite { margin: 8px 0 0 0; } .person.m .identite, .person.f .identite { margin: 3px 0 0 0; } .carousel-individus .person.m .identite, .carousel-individus .person.f .identite { margin: 9px 0 0 0; } .person .identite .nom, .person .identite .prenom, .person .identite .period, .person .identite .surnom { font-size: 10px; line-height: 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #333333; } .person .identite .surnom { font-style: italic; } .person .identite .nom { text-transform: uppercase; font-weight: bold; } .mariage { background: #fbfbfa; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 999; } .mariage i { color: #757585; } .mariage .num-mariage { left: 0; margin: 0; position: absolute; top: -15px; color: #757585; font-size: 12px; } #overscroll { width: 1200px; height: 800px; overflow: hidden; margin: 0 auto !important; position: relative; /* to display header */ margin-bottom: -83px !important; } #overscroll #geo_content { width: 10000px; height: 10000px; margin: 0; padding: 0; } .arbre-familial .transparent { display: none; } /*---------------------------------- FIN Navigation Familiale */ /*---------------------------------- DEBUT Navigation Lieux */ .bottom-bando { background-color: #f0ad4e; position: fixed; bottom: 0; width: 100%; padding: 0; margin: 0; height: 40px; } .bottom-bando p { line-height: 40px; color: #fff; font-size: 17px; } .annee .lieu-modif { display: block; float: left; } .annee .lieu-modif + i, .icon-event i { float: right; color: #333333; } .icon-event { top: 0; width: 100%; } .liste-lieu .bloc-contenu-in { background-color: transparent; } .liste-lieu .table > thead > tr > th a { text-decoration: none; } .liste-lieu .pad-0 { padding-right: 0; padding-left: 0; } .list-popup .modifier-champs.input-simple i { visibility: visible; position: absolute; right: 22px; top: 33px; color: #757585; } .list-popup.edit-place .modifier-champs.input-simple i { color: #d5d8da; } .list-popup .checkbox label { float: left; } .list-popup .checkbox + p { padding-top: 2px; font-size: 16px; } .list-popup .push-left .btn-action { margin-right: 10px; } .list-popup .map { margin: 5px 0 20px 0; } .list-popup .form-control:focus { border-bottom: 1px solid #ff5555; } .mode-lieu .tree-information { height: 264px; } .mode-lieu .tree-information .btn-large { padding: 3px 19px; } .mode-lieu .tree-information a span.btn-large { margin: 0 !important; } .mode-lieu .badge { background-color: #2B2550; } .mode-lieu #option-fiche-resultat li.lieu-geo:hover { background: transparent; color: #fff; } .mode-lieu #option-fiche-resultat li.lieu-geo a:hover { color: #fff; } .mode-lieu .alerte-lieu { font-size: 16px; color: #f0ad4e; font-weight: bold; } .mode-lieu .lieu-chemin { font-size: 16px; color: #757585; } .mode-lieu a.modif-evenement-onglet i { color: #d5d8da; } .mode-lieu .map { background: #d5d8da; border-radius: 0px; border: none; height: 262px; padding: 0; } .mode-lieu .map img { width: 100%; height: 262px; } .mode-lieu .tree-information.update { padding-right: 0; padding-top: 0; } .mode-lieu #option-fiche-resultat { padding-top: 10px; } .mode-lieu .geolocalise-lieu p { font-size: 16px; } .mode-lieu .geolocalise-lieu span { font-weight: bold; } /*---------------------------------- FIN Navigation Lieux */ /*---------------------------------- DEBUT Carte information perso */ .carte-individu { width: 320px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; position: relative; } .carte-individu .tag-v2__row { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding: 10px; } .carte-individu .tag-v2__row:empty { display: none; } .personDetailsPopupContainer { width: 350px; } .carte-individu .pointer:hover { text-decoration: underline; } .carte-individu .header-carte { height: 159px; background-color: #2B2550; padding: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .carte-individu .header-carte .image-carte a { float: left; color: #fff; } .carte-individu .header-carte .image-carte .profil + a { float: right; color: #fff; } .carte-individu .header-carte .image-carte .profil + a:hover, .carte-individu .header-carte .image-carte a:hover { opacity: 0.8; z-index: 1; } .carte-individu .header-carte .image-carte a + .profil { height: 65px; margin: 0 31% 10px; width: 65px; float: left; color: #fff; } .carte-individu .header-carte .image-carte .profil { height: 65px; margin: 0 39% 10px; width: 65px; float: left; color: #fff; } .carte-individu.homme .header-carte .image-carte .profil { background-color: #66cccc; } .carte-individu.femme .header-carte .image-carte .profil { background-color: #ff8888; } .carte-individu .header-carte .image-carte .profil.image { border: 0; } .carte-individu .header-carte .image-carte .profil.image img { border-width: 0; height: 65px; width: 65px; border: 3px solid #8888ff; } .carte-individu.homme .header-carte .image-carte .profil.image img { border: 3px solid #66cccc; } .carte-individu.femme .header-carte .image-carte .profil.image img { border: 3px solid #ff8888; } .carte-individu .header-carte .image-carte .profil p { color: #fff; font-size: 21px; font-weight: 400; margin: 16px 0 0; text-align: center; } .carte-individu .header-carte .image-carte .profil i { background: #2B2550; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #fff; float: right; font-size: 14px; margin: 0 -7px 0 0; padding: 3px; position: relative; } .carte-individu .header-carte .image-carte .profil.image i { margin: -19px 0 0; } .carte-individu.homme .header-carte .image-carte .profil i { background: #2B2550; } .carte-individu.femme .header-carte .image-carte .profil i { background: #2B2550; } .carte-individu .header-carte .texte { text-align: center; clear: left; } .carte-individu .header-carte .texte p { font-size: 13px; color: #fff; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .carte-individu .header-carte .texte p span { font-weight: bold; text-transform: uppercase; } .carte-individu .header-carte .texte p.surnom { color: #fff; font-style: italic; } .carte-individu .header-carte .texte ul { text-align: center; } .carte-individu .header-carte .texte p + p + ul { margin: 19px; } .carte-individu .header-carte .texte p + p + p + ul { margin: 0; } .carte-individu .header-carte .texte p + ul { margin: 37px 0 0 0; } .carte-individu .header-carte .texte ul li { display: inline-block; } .carte-individu .header-carte .texte ul li a i { background: #8888ff; border-radius: 50%; color: #fff; font-size: 20px; margin: 0 16px 12px 0; padding: 6px; } .carte-individu.homme .header-carte .texte ul li a i { background-color: #66cccc; } .carte-individu.femme .header-carte .texte ul li a i { background-color: #ff8888; } .carte-individu .header-carte .texte ul li:last-child a i { margin: 0; top: -2px; } .carte-individu .header-carte .texte ul li a:hover i { background: #2B2550; } .carte-individu .body-carte { clear: left; } .carte-individu .body-carte .info-carte { margin: 0; padding: 30px 15px 0; } .carte-individu .body-carte .info-carte li .title { display: inline-block; width: 88px; font-weight: bold; color: #2B2550; font-size: 14px; vertical-align: top; } .carte-individu .body-carte .info-carte li .texte { width: 198px; margin: 0 0 5px 0; display: inline-block; vertical-align: top; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap: break-word; } .carte-individu .body-carte .info-carte li .texte p { font-size: 13px; font-weight: weight; margin: 0; text-transform: inherit; } .carte-individu .body-carte .fichier { padding: 15px 15px 14px 15px; text-align: center; width: 100%; margin: 0; } .carte-individu .body-carte .fichier li { border: 1px solid #2B2550; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 0 11px 3px 0; padding: 1px 5px; height: 19px; display: inline-block; color: #2B2550; font-size: 11px; cursor: default; } .carte-individu.homme .body-carte .fichier li { color: #72a6a6; border: 1px solid #72a6a6; } .carte-individu.femme .body-carte .fichier li { color: #ec7b7b; border: 1px solid #ec7b7b; } .carte-individu .body-carte .fichier li:last-child { margin: 0; } .carte-individu .body-carte .fichier li.badge--hint { position: inherit; border: 0; padding: 4px 5px; display: inline; line-height: inherit; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .carte-individu .body-carte .fichier li.badge--hint a { color: #fff; } .carte-individu .body-carte .fichier ~ a { display: block; font-size: 13px; text-align: center; color: #43C; font-weight: bold; padding: 0 0 25px; } .carte-individu .body-carte span { background: #8888ff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 2px 10px; text-transform: uppercase; color: #fff; font-size: 11px; left: 50%; position: absolute; bottom: -9px; transform: translateX(-50%); } .carte-individu.homme .body-carte span { background: #66cccc; } .carte-individu.femme .body-carte span { background: #ff8888; } .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes shake-animation { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(1px, 0, 0); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } /*---------------------------------- FIN Carte information perso */ /* ======================================================================================================== FIN Arbre en ligne -- */ /* ========================================================================================= DEBUT Import Gedcom de la page de création d'arbre */ .page-import-gedcom h1 + p { font-size: 16px; } .page-import-gedcom .row + .row { margin-top: 15px; margin-bottom: 10px; } .page-import-gedcom .row + .row .plateforme-medias i { font-size: 32px; } .page-import-gedcom .row + .row .plateforme-medias i.update { font-size: 45px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-import-gedcom h4 { font-size: 28px; } .page-import-gedcom ul li { display: inline-block; text-align: center; margin: 10px 40px 0 0; } .page-import-gedcom ul li a:hover img { opacity: 0.9; } .page-import-gedcom .telechargement-fichier + .row { text-align: center; } .page-import-gedcom .fin-importation { text-align: center; } .page-import-gedcom .fin-importation > i { color: #5cb85c; font-size: 48px; } .page-import-gedcom .fin-importation h4 { color: #5cb85c; font-size: 37px; margin: 0 0 13px; } .page-import-gedcom .fin-importation p { margin: 0 0 13px 0; } .page-import-gedcom .fin-importation .checkbox { margin: -13px 0 0; text-align: left; } .page-import-gedcom .fin-importation-no { text-align: center; } .page-import-gedcom .fin-importation-no i { font-size: 48px; color: #d9534f; } .page-import-gedcom .fin-importation-no p { font-size: 37px; font-weight: normal; color: #d9534f; } .page-import-gedcom .fin-importation-no p + p { font-size: 15px; font-weight: bold; color: #333333; } .page-import-gedcom .fin-importation-no p + p + p { font-weight: normal; margin: 33px 0 0 0; } .page-import-gedcom .tuto-import li { margin: 0 0 30px; padding: 0 0 20px; border-bottom: 1px solid #d5d8da; text-align: left; } .page-import-gedcom .tuto-import li img { width: 100%; } .page-import-gedcom .tuto-import li p { margin: 10px 0 0 0; } /* ========================================================================================= FIN Import Gedcom de la page de création d'arbre */ /* ========================================================================================= DEBUT Impression arbre */ .impre-arbre-img { float: left; margin: 0 10px 15px 0; width: 180px; } .impre-arbre-img img { height: 125px; width: 178px; } #partial-view-layer .inscr-conn p { font-size: 16px; color: #fff; } .inscr-conn h1 + p { font-size: 16px; color: #757585; } .inscr-conn .form-inscr-conn { margin-top: 0px; margin-bottom: 0px; } #animatedModal .inscr-conn .form-inscr-conn a { color: #fff; text-decoration: underline; } /* ========================================================================================= FIN Impression arbre */ /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== CONNECTE ===================================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ /* ======================================================================================================== DEBUT Messages et demandes d'acces -- */ #popupMessageForm { margin: auto; width: 640px; } .messagerie > .row > .row { margin-bottom: 35px; } .messagerie .bs-callout { display: block; } .messagerie a.btn { margin: 20px 0 0 0; } .messagerie > div { margin-bottom: 20px; } /* - Menu latéral gauche -*/ .messagerie .menu-lateral-gauche .nav-tabs > li:nth-child(2) > a, .messagerie .menu-lateral-gauche .nav-tabs > li:nth-child(3) > a { margin: 0 0 0 10px; } /* - Tableau de messages -*/ .messagerie .tab-pane { min-height: 430px; } /* header table receptiion des messages */ .messagerie .header.h-discussion, .historique .header.h-discussion, .alerte .header.h-discussion, .archive .header.h-discussion { border-bottom: 1px solid #d5d8da; padding: 0 0 12px 0; margin: 0; } .messagerie span.dropdown.choix-table > a { margin: 3px 0 0 -15px; } .messagerie .header.h-discussion .input-group, .alerte .header.h-discussion .input-group, .historique .header.h-discussion .input-group { margin: 0 -15px 0 0; } .messagerie .header.h-discussion a.btn, .alerte .header.h-discussion a.btn { margin: 0; } .messagerie .header.h-discussion a.btn i, .alerte .header.h-discussion a.btn i { margin: -4px 0 0 0; vertical-align: middle; } /* header echanges de messages */ .messagerie .header.h-discussion.echange-msg { position: relative; } .messagerie .header.h-discussion.echange-msg div + div { position: static; } .messagerie .header.h-discussion.echange-msg h4 { font-size: 25px; line-height: 39px; margin: 0; overflow-wrap: break-word; } .messagerie .header.h-discussion.echange-msg ul { bottom: 4px; position: absolute; right: 0; } .messagerie .header.h-discussion.echange-msg li { display: inline-block; } .messagerie .header.h-discussion.echange-msg li i { font-size: 25px; color: #333333; margin: 0 0 0 15px; } .messagerie .header.h-discussion.echange-msg li:hover i, .messagerie .header.h-discussion.echange-msg li:focus i { opacity: 0.8; } .messagerie .header.h-discussion.echange-msg li:first-child i { margin: 0; } /* Tableau */ table.messagerie-table tr td { border-top: 1px solid #d5d8da; } table.messagerie-table tr:last-child td { border-bottom: 1px solid #d5d8da; } table.messagerie-table.table > thead > tr > th { border-bottom: 2px solid #d5d8da; } table.messagerie-table tr .pseudo-table { width: 20%; } table.messagerie-table tr .message-table { width: 50%; } table.messagerie-table tr .acces { width: 24%; } table.messagerie-table tr td:hover { cursor: pointer; } .table-hover > tbody > tr:hover table.messagerie-table thead tr th { font-size: 17px; padding-top: 16px; padding-bottom: 16px; } table.messagerie-table thead tr th:nth-child(3) { padding-left: 28px; } table.messagerie-table thead tr th span.caret.top, table.messagerie-table thead tr th i { color: #757585; } table.messagerie-table thead tr th:hover { opacity: 0.8; } table thead tr th.ordre span.caret.top, table thead tr th.ordre i, table thead tr th.ordre span.caret { color: #337ab7; } table.messagerie-table tr p { margin: 0; } table.messagerie-table tr.non-lu { background: rgba(213, 216, 218, 0.2); } table.messagerie-table tr .profil-table, table.messagerie-table tr .message-table { position: relative; } table.messagerie-table tr .profil-table .selection { background: transparent; height: 66px; width: 8px; left: 0; position: absolute; top: -1px; } table.messagerie-table tr:hover .profil-table .selection { background: #ff5555; } table.messagerie-table tr:first-child .profil-table .selection { top: 0; } table.messagerie-table tr .profil-table .profil { height: 50px; margin: 0 0 0 8px; width: 50px; } table.messagerie-table tr .profil-table .profil.image img { border-width: 0; height: 50px; width: 50px; } table.messagerie-table tr .profil-table .profil .initiale { color: #fff; font-size: 19px; font-weight: 400; margin: 0; text-align: center; padding: 12px 0 0 0; } table.messagerie-table tr .pseudo-table, table.messagerie-table tr .message-table { line-height: 49px; min-height: 49px; position: relative; } table.messagerie-table tr .pseudo-table p { color: #2B2550; font-size: 12px; line-height: 23px; display: inline-block; vertical-align: middle; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } table.messagerie-table tr .pseudo-table p span { color: #333333; display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } table.messagerie-table tr .message-table p { margin: 0 0 0 22px; } table.messagerie-table tr .message-table p i { display: none; } table.messagerie-table tr .message-table.reponse p i { left: 9px; position: absolute; top: 9px; font-size: 18px; display: block; } table.messagerie-table tr .message-table p { color: #2B2550; font-size: 12px; line-height: 23px; display: inline-block; vertical-align: middle; max-width: 375px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } table.messagerie-table tr .message-table p span { color: #333333; display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } table.messagerie-table tr.non-lu .message-table p span { font-weight: bold; } table.messagerie-table tr .message-table p span + span { color: #337ab7; font-size: 12px; display: inline; margin: 0 2px 0 0; font-weight: bold; } table.messagerie-table tr:hover .acces span.icon-acces { display: none; } table.messagerie-table tr .acces span { float: right; } table.messagerie-table tr .acces span i { font-size: 25px; margin: 11px 22px 0 0; } table.messagerie-table tr .acces.valide span.icon-acces i { color: #5cb85c; } table.messagerie-table tr .acces.attente span.icon-acces i { color: #f0ad4e; } table.messagerie-table tr .acces.refuse span.icon-acces i { color: #d9534f; } table.messagerie-table tr .acces .icon-commande i { color: #333 !important; display: none; } table.messagerie-table tr:hover .acces .icon-commande i { color: #333 !important; display: inline-block; } table.messagerie-table tr .acces .icon-commande a:hover i { color: #ff5555 !important; } .messagerie .pagination-table { color: #757585; } /* Contact */ .messagerie .contact .header.h-discussion { margin: 0 0 10px 0; } .messagerie .contact .header.h-discussion a i { font-size: 30px; color: #333333; margin: 10px 0 0 0; } .messagerie .contact .header.h-discussion a:hover i { opacity: 0.8; } .messagerie .contact .fiche-contact { border: 1px solid #d5d8da; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px 0; margin: 10px 0; } .messagerie .contact .fiche-contact .image-fiche { text-align: initial; } .messagerie .contact .fiche-contact .image-fiche a { color: #757585; margin: 13px 0 0 15px; position: absolute; top: 0; display: none; } .messagerie .contact .fiche-contact:hover .image-fiche a { display: block; } .messagerie .contact .fiche-contact:hover .image-fiche a:hover i { color: #ff5555; } .messagerie .contact .fiche-contact .image-fiche a i { font-size: 20px; } .messagerie .contact .fiche-contact .image-fiche .profil + a { margin: 13px 15px 0 0; right: 0; } .messagerie .contact .fiche-contact .image-fiche .profil { border: 0; color: #fff; margin: 7px auto; height: 80px; width: 80px; text-align: center; float: inherit; } .messagerie .contact .fiche-contact .image-fiche .profil .initiale { color: #fff; font-size: 21px; font-weight: 400; margin: 0; padding: 22px 0 0; text-align: center; } .messagerie .contact .fiche-contact .image-fiche .profil.image img { border-width: 0; height: 80px; width: 80px; } .messagerie .contact .fiche-contact span p { color: #43C; font-size: 17px; padding: 0 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 5px 0; cursor: pointer; } .messagerie .contact .fiche-contact span p + p { color: #757585; font-size: 13px; padding: 0 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 13px 0; } .messagerie .contact .fiche-contact span + a { margin: 0 0 14px 0; } .messagerie .contact .fiche-contact span + a i { color: #337ab7; margin: -3px 0 0; vertical-align: middle; } .messagerie .no-contact { text-align: center; } .messagerie .no-contact i { color: #757585; font-size: 75px; margin: 60px 0 24px; } .messagerie .no-contact i + p { color: #757585; font-size: 30px; margin: 0 0 260px 0; } .messagerie .no-contact i + p + a { margin: -429px 0 0 0; } /* - incrementation des contact lors d'un nouveau message -*/ .incrementation-contact { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d5d8da; cursor: pointer; } @media screen and (min-width: 0\0 ) { .incrementation-contact { display: table; border-bottom: 0; } } .incrementation-contact .selection { background: transparent; float: left; height: 64px; width: 8px; } /*.incrementation-contact:hover .selection, .incrementation-contact:focus .selection,*/ div.tt-dataset-contact div.tt-cursor .selection.show-color { background: #ff5555; } .incrementation-contact .profil { float: left; height: 48px; margin: 8px 10px 8px 8px; width: 48px; } .incrementation-contact .profil.image img { border-width: 0; height: 48px; width: 48px; } .incrementation-contact .profil .initiale { color: #fff; font-size: 15px; font-weight: 700; margin: 13px 0 0 0; text-align: center; } .incrementation-contact .profil + p { float: left; margin: 20px 0 20px 0; color: #333333; font-size: 15px; } /* - chat - */ .ecrire { margin: 20px 0 30px 0; } .messagerie .ecrire a.btn { margin: 5px 0 0 5px; } .ecrire .bubble { position: relative; padding: 0; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #d5d8da solid 1px; } .ecrire .bubble textarea { border: 0; box-shadow: none; padding: 10px 12px; } .ecrire .bubble:after { content: ""; position: absolute; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent #fff; display: block; width: 0; z-index: 1; right: -10px; top: 10px; } .ecrire .bubble:before { content: ""; position: absolute; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent #d5d8da; display: block; width: 0; z-index: 0; right: -11px; top: 10px; } .ancien-message { margin: 0 0 15px 0; } .ancien-message.pseudo-message p { font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 0 24px; } .ancien-message .profil { height: 65px; margin: 0 auto; width: 65px; } .ancien-message .profil.image img { border-width: 0; height: 65px; width: 65px; } .ancien-message .profil .initiale { color: #fff; font-size: 19px; font-weight: 400; margin: 22px 0 0 0; text-align: center; } .ancien-message .bubble { position: relative; padding: 10px 12px; background: #d5d8da; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ancien-message .bubble:after { content: ""; position: absolute; border-style: solid; border-width: 11px 11px 11px 0; border-color: transparent #d5d8da; display: block; width: 0; z-index: 1; left: -11px; top: 10px; } .ancien-message.envoye .bubble { background: rgba(51, 122, 183, 0.3); } .ancien-message.envoye .bubble:after { border-color: transparent rgba(51, 122, 183, 0.3); border-width: 11px 0 11px 11px; right: -11px; left: auto; } .ancien-message .bubble p { font-size: 13px; word-wrap: break-word; } .ancien-message .bubble p:last-child { margin: 30px 0 0 0; color: #2B2550; font-size: 11px; } .messagerie .bs-callout .footer-callout p { float: right; font-size: 11px; color: #2B2550; margin: 7px 0 0 0; } .messagerie .new-message .h-discussion h4 { margin: 10px 0 0 -15px; font-size: 28px; } .messagerie .new-message .h-discussion a.btn { margin: 0 -15px 0 8px; float: right; } .messagerie .new-message .h-discussion a.btn + a.btn { margin: 0 0 0 23px; } /* ======================================================================================================== FIN Messages et demandes d'acces -- */ /* ======================================================================================================== DEBUT Espace Client -- */ @media screen and (min-width: 0\0 ) { .public-profile-container { height: 100vh; } } /* --- header espace client --- */ .espace-client .tab-content { margin: 0 0 60px; } .espace-client #alert-email-form p .material-icons { -moz-transform: translateY(0.5rem); -ms-transform: translateY(0.5rem); -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } .container.espace-client .public-marg { padding-bottom: 20px; } .btn-see { text-align: right; } .espace-client > div { margin: 0; } .espace-client .cover-profil i { bottom: 25px; font-size: 35px; position: absolute; right: 45px; color: #fff; z-index: 10; display: none; } .espace-client .cover-profil:hover i { display: block; } .espace-client .cover-profil:hover div.hover-client { background-color: rgba(51, 122, 183, 0.4); height: 160px; display: block; position: absolute; top: 0; width: 97.5%; cursor: pointer; z-index: 10; } .espace-client .cover-profil .crop-img { position: relative; width: 100%; height: 160px; overflow: hidden; } .espace-client .cover-profil img { position: absolute; left: 0; top: 0; width: 100%; height: 160px; } .espace-client .client.profil i { bottom: 19px; font-size: 35px; position: absolute; right: 23px; color: #fff; z-index: 10; display: none; } .espace-client .client.profil:hover i { display: block; } .espace-client .client.profil { background: #757585; border-radius: 50%; cursor: pointer; float: left; height: 133px; width: 133px; margin: -66px 0 0 43px; position: relative; z-index: 11; } .espace-client .client.profil.femme { background: #ff8888 !important; } .espace-client .client.profil.homme { background: #66cccc !important; } .espace-client .client.profil .initiale { margin: 39px 0 0; } .espace-client .client.profil:hover div { background-color: rgba(51, 122, 183, 0.4); height: 125px; width: 125px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; position: absolute; top: 4px; left: 4px; cursor: pointer; } .espace-client .client.image img { border: 4px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 133px; width: 133px; } .espace-client .cover-profil + .row { margin-bottom: 38px; } .espace-client .cover-profil + .row a { float: right; margin: 38px 0 0 0; } .espace-client h4 { font-size: 28px; } .espace-client .modal-header h4 { font-size: 15px; } .espace-client .cover-profil + div h4 { overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .espace-client h4 + p { color: #757585; font-size: 14px; font-weight: bold; } .espace-client .bs-callout h4 + p { color: #333333; font-size: 14px; font-weight: normal; } .espace-client h4.titre-marge-top + p { color: #333333; font-size: 14px; font-weight: normal; } /* -- Profil -- */ .espace-client .arbre-public li { margin: 0 0 20px 0; } .espace-client .arbre-public li:last-child { margin: 0; } .espace-client .arbre-public li p { display: inline-block; font-weight: bold; width: 70%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; margin: 0; } .espace-client .arbre-public li div { display: inline-block; } .espace-client .lien-ajouer { margin: 33px 0 22px 0; } .espace-client .lien-ajouer a { font-weight: bold; } .espace-client .lien-ajouer a:hover { text-decoration: none; } .espace-client .lien-ajouer a:after { color: black; content: "|"; margin: 0 8px; } .espace-client .lien-ajouer a:last-child:after { content: ""; margin: 0 8px; } .espace-client h4.titre-marge-top i { color: #337ab7; font-size: 28px; margin: 0 0 2px 8px; vertical-align: bottom; } .espace-client .profil-client .multiple-input .faux-input { width: 17%; margin-right: 10px; } .espace-client .profil-client .multiple-input .faux-input + .faux-input { width: 53%; margin-right: 10px; } .espace-client .profil-client .multiple-input .input-simple { width: 24%; } .espace-client .profil-client .bootstrap-tagsinput span.label { display: table; } /* -- Paramètres espace client -- */ .espace-client .parametres-client .input-mdp { width: 70%; display: inline-block; position: relative; } .espace-client .parametres-client .input-mdp + a, .espace-client .parametres-client .input-mdp + a + a, .espace-client .parametres-client .input-mdp + button, .espace-client .parametres-client .input-mdp + button + button { float: right; margin: 32px 0 0 0; } .espace-client .parametres-client .input-mdp + a + a, .espace-client .parametres-client .input-mdp + button + button { margin-right: 13px; } .espace-client .parametres-client .input-mdp label { left: 0; position: absolute; } .espace-client .parametres-client .checkbox { margin: 0 0 18px 0; } .espace-client .parametres-client .checkbox label p { font-weight: bold; margin: 0 0 4px 0; } .espace-client .parametres-client .checkbox label p + p { color: #2B2550; font-size: 12px; font-weight: normal; } /* ======================================================================================================== FIN Espace Client -- */ /* ======================================================================================================== DEBUT Espace Client = > Résumé données Arbre -- */ @media screen and (min-width: 0\0 ) { .resume-container { height: 100vh; } } .resume-arbre { margin-bottom: 40px; } .resume-arbre .carte-membre { border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding: 20px 10px; } .resume-arbre .carte-membre .profil { float: inherit; height: 80px; margin: 0 auto 10px; width: 80px; } .resume-arbre .carte-membre .profil.image img { border: 0; height: 80px; width: 80px; } .resume-arbre .carte-membre .profil .initiale { font-size: 30px; margin: 0; padding: 20px 0 0 0; color: #fff; } .resume-arbre .carte-membre a { font-size: 16px; font-weight: bold; } .resume-arbre .carte-membre p { margin: 3px 0 20px; font-size: 14px; color: #757585; } .resume-arbre .carte-membre a.btn i { font-size: 19px; margin: 1px 7px 0 0; vertical-align: top; color: #43C; } .resume-arbre .header-resume { margin-bottom: 20px; } .resume-arbre .header-resume h3 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; color: #333333; font-size: 16px; margin: 0 0 8px; } .resume-arbre .header-resume h3 a { color: #43C; font-size: 30px; margin: 0; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .resume-arbre .header-resume h3 + p { color: #757585; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; } .resume-arbre .header-resume h3 + p + div i { color: #757585; } .resume-arbre .header-resume a + i { color: #ff5555; font-size: 24px; margin: 5px 0 0 4px; vertical-align: top; } .resume-arbre .header-resume div + div div { float: right; } .resume-arbre .header-resume div + div a i { margin: 4px 7px 0 0; vertical-align: top; } .resume-arbre .donnees-arbre { margin-bottom: 20px; } .resume-arbre .donnees-arbre div { border-left: 1px solid #d5d8da; } .resume-arbre .donnees-arbre div:first-child { border-left: 0; } .resume-arbre .donnees-arbre div p + p { color: #333333; font-size: 40px; line-height: 33px; margin: 0; font-weight: bold; } .resume-arbre .donnees-arbre div p + p + p { color: #757585; font-size: 14px; text-transform: inherit; } .resume-arbre .donnees-arbre .profil { height: 32px; padding: 0; width: 32px; } .resume-arbre .donnees-arbre .profil .initiale { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 6px 0 0; } .resume-arbre .donnees-arbre .profil.image img { border: 0 none; height: 32px; width: 32px; } .resume-arbre .donnees-arbre p + a div.profil + p { color: #43C; display: inline-block; font-size: 15px; font-weight: normal; margin: 5px 0 0 8px; text-transform: inherit; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .resume-arbre .donnees-arbre p + a:hover div.profil + p { color: #285c89; } .resume-arbre .tag-nuage { margin-bottom: 20px; } .resume-arbre .tag-nuage p + div p { color: #333333; text-transform: inherit; margin: 0 7px 12px 0; display: inline-block; font-weight: normal; line-height: 14px; } .resume-arbre .donnees-graphique { border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px 10px 10px 10px; margin: 0 0 15px 0; } .resume-arbre .donnees-graphique p { color: #757585; font-size: 14px; font-weight: bold; margin: 0 0 15px 0; } .resume-arbre .donnees-graphique div { height: 350px; background: #757585; } .abonnement .statut { float: right; display: inline-block; font-size: 17px; margin: 18px 0 0 0; } .abonnement .statut i { margin: -3px 0 0; vertical-align: top; } .abonnement .statut.actif { color: #5cb85c; } .abonnement .statut.attention { color: #d9534f; } .abonnement .statut.resilie { color: #f0ad4e; } .abonnement > h4 { display: inline-block; } .abonnement .info-abonnement { margin-top: 25px; margin-bottom: 33px; } .abonnement .info-abonnement p { margin: 0 0 4px 0; } .abonnement .info-prix > div:last-child { border-left: 1px solid #d5d8da; } .abonnement .info-prix > div > div { height: 115px; } .abonnement .info-prix > div > div p { margin: 0 0 5px 0; } .abonnement .info-prix > div > div p + p { font-size: 21px; color: #333333; margin: 0 0 2px 0; } .abonnement .info-prix > div > div p + p + p { margin: 0 0 5px 0; color: #757585; font-size: 14px; } .abonnement .info-prix > div > div p + p + p { color: #333333; } .abonnement .info-prix > div > div p + p + p span.actif, .abonnement .info-prix > div > div p + p + p span.resilie { color: #757585; } .abonnement .info-prix > div > div p + p + p span.attention { color: #d9534f; } .abonnement .info-prix > div > div p + p + p span { color: #333333; } .abonnement h4.facture { display: inline-block; } .abonnement h4.facture + a { float: right; margin: 51px 0 0 0; } .abonnement .facturation a i { color: #333333; margin: 5px 0 8px; } .abonnement .facturation tr > td { padding: 11px 8px; vertical-align: middle; } .abonnement .texte-choix { border-top: 1px solid #d5d8da; padding: 26px 0 20px 0; } .abonnement .texte-choix h5 { font-size: 36px; margin: 0; } .abonnement .texte-choix h5 + p { font-size: 20px; margin: 14px 0 0 0; } .abonnement .list-members { padding-bottom: 25px; } .abonnement .list-members li { list-style: initial; margin-left: 15px; } .abonnement .abonnement-choix > div div { border: 1px solid #d5d8da; padding: 30px 30px 36px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .abonnement .abonnement-choix > div div:hover { -moz-box-shadow: 1px 1px 8px 0px #d5d8da; -webkit-box-shadow: 1px 1px 8px 0px #d5d8da; -o-box-shadow: 1px 1px 8px 0px #d5d8da; box-shadow: 1px 1px 8px 0px #d5d8da; } .abonnement .abonnement-choix > div div.offre-actuelle { background: #fbfbfa; } .abonnement .abonnement-choix > div div p { color: #333333; font-size: 24px; margin: 0 0 20px; } .abonnement .abonnement-choix > div div p + p { color: #333333; font-weight: bold; font-size: 22px; } .abonnement .abonnement-choix > div div p + p + p { color: #757585; font-size: 14px; margin: 0 0 15px; } .abonnement .abonnement-choix > div div p + p + p + p { color: #333333; font-size: 16px; font-weight: bold; height: 54px; } .abonnement .abonnement-choix > div div.offre-actuelle p + p + p + p { color: #5cb85c; } .abonnement .service-abonne { margin-bottom: 55px; margin-top: 26px; } .abonnement .service-abonne > div { text-align: center; } .abonnement .service-abonne i { font-size: 60px; color: #337ab7; } .abonnement .service-abonne p { font-size: 16px; font-weight: bold; margin: 25px 0 0; padding: 0 34px; } .abonnement .service-abonne .barre-incline { transform: rotate(125deg); -moz-transform: rotate(125deg); -webkit-transform: rotate(125deg); -khtml-transform: rotate(125deg); border: 2px solid #d9534f; left: 34%; position: absolute; top: 2px; width: 96px; } .abonnement.sans-abo h4 + p { font-size: 22px; color: #333333; font-weight: normal; } .abonnement.sans-abo .service-abonne { background: #f3f3f3; padding: 34px 0 39px 0; margin: 30px 0 0 0; } .abonnement.sans-abo .service-abonne .center { margin-top: 14px; } /* ----- DEBUT Récapitulatif paiement par chèque */ .paiement-cheque h1 { margin: 28px 0; } .paiement-cheque div.row:first-child a { float: right; margin: 34px 0 0; } .paiement-cheque h5 { color: #ff5555; } .paiement-cheque .adresse { margin: 28px 0 0 0; } .paiement-cheque .adresse p:first-child { color: #ff5555; font-size: 17px; font-weight: bold; margin: 0 0 4px; } .paiement-cheque h4 { font-size: 28px; margin: 40px 0 10px; } /* ======================================================================================================== FIN Espace Client = > Résumé données Arbre -- */ /* ========================================================================================= DEBUT Alerte */ .alerte h1 { margin: 28px 0; } .alerte div.row:first-child a { float: right; margin: 34px 0 0; } .alerte .header p { margin: 0 0 0 -15px; font-size: 11px; color: #2B2550; } .alerte .header p:first-child { margin: 15px 0 0 -15px; } .alerte .alerte-table { width: 99% !important; } .alerte .alerte-table thead tr th:hover { opacity: 0.8; } .alerte .alerte-table thead tr th.headerSortBySource { min-width: 200px; } .alerte .alerte-table thead tr th.headerSortByResult { min-width: 75px; } .alerte .alerte-table > tbody > tr > td { padding: 11px 8px; vertical-align: middle; } .alerte .alerte-table > tbody > tr > th { padding: 11px 8px; vertical-align: middle; } .alerte .alerte-table > thead > tr > td { padding: 11px 8px; vertical-align: middle; } .alerte .alerte-table > thead > tr > th { padding: 11px 8px; vertical-align: middle; } .alerte .alerte-table .checkbox label:before { height: 15px; width: 15px; } .alerte .alerte-table .checkbox label:after { left: -1px; top: 1px; } .alerte .alerte-table tr .select-check { position: relative; } table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #dddddd !important; } table.dataTable.no-footer { border-bottom: 0 !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc { background-image: none !important; } .messagerie table.dataTable thead .sorting:after { content: ""; } .messagerie table.dataTable thead .sorting_asc:after, .messagerie table.dataTable thead .sorting_desc:after { display: none; } table.dataTable thead { background-color: #FAFAFC; } table.dataTable thead th { font-size: 16px; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { content: "\e993"; font-size: 16px; margin-left: 5px; font-family: "icomoon"; } table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { color: #ff5555; } table.dataTable thead .sorting_asc:after { content: "\e991"; } table.dataTable thead .sorting_desc:after { content: "\e992"; } table.dataTable.alerte-table thead th:first-child.sorting:after { display: none; } .alerte .alerte-table thead > tr > th:first-child, .alerte .alerte-table tbody > tr > td:first-child { padding: 0 2px 0 3px; } .alerte .alerte-table tbody > tr:hover > td:first-child { background: #ff5555; } .alerte .alerte-table tr td:nth-child(3) { font-weight: bold; width: 24%; } .alerte .alerte-table tr td:nth-child(4) { width: 24%; } .alerte .alerte-table tr td:nth-child(5) { width: 10%; } .alerte .alerte-table tr td:nth-child(6) { width: 19%; } .alerte .alerte-table tr td:nth-child(7) { width: 9%; } .alerte .alerte-table tr td.no-result { color: #d9534f; font-weight: bold; pointer-events: none; text-align: center; } .alerte .alerte-table tr td.no-result a { color: #d9534f; font-weight: bold; pointer-events: none; text-align: center; } .alerte .alerte-table tr td.attente { text-align: center; } .alerte .alerte-table tr td.attente i { color: #f0ad4e; } .alerte .alerte-table tr td.result { color: #11a88b; font-weight: bold; text-align: center; } .alerte .alerte-table tr td.result a { color: #11a88b; font-weight: bold; text-align: center; } .alerte .alerte-table tr td a:first-child { margin: 0 9px 0 0; } .alerte .alerte-table tr td:last-child a i { color: #333333; visibility: hidden; } .alerte .alerte-table tr td:last-child a:hover i { color: #ff5555; } .alerte .alerte-table tr:hover td:last-child a i { visibility: visible; } .alerte .alerte-table .icon-i-avatar-homme:before { color: #66cccc; } .alerte .alerte-table .icon-i-avatar-femme:before { color: #ff8888; } .alerte .alerte-table .icon-i-avatar-femme:before { color: #ff8888; } .alerte .alerte-table .parents { margin: 0 0 0 2px; text-transform: uppercase; vertical-align: middle; } .alerte .no-alerte, .archive .no-alerte { text-align: center; } .alerte .no-alerte i, .archive .no-alerte i { color: #757585; font-size: 75px; margin: 34px 0 24px; } .alerte .no-alerte i + p, .archive .no-alerte i + p { color: #757585; font-size: 30px; } .alerte .no-alerte i + p + p, .archive .no-alerte i + p + p { color: #333333; font-size: 16px; margin: 15px 0 260px; } /* ========================================================================================= FIN Alerte */ /* ========================================================================================= DEBUT Archives */ .archive h1 { margin: 28px 0; } .archive div.row:first-child a { float: right; margin: 34px 0 0; } .archive span.dropdown.choix-table { margin: 0; } .archive span.dropdown.choix-table > a { margin: 3px 0 0 -15px; } .archive .archive-table > tbody > tr > td, .archive .archive-table > tbody > tr > th, .archive .archive-table > thead > tr > td, .archive .archive-table > thead > tr > th { padding: 11px 8px; } .archive .archive-table tbody tr:hover { cursor: pointer; } .archive .archive-table > tbody > tr > th:first-child:hover, .archive .archive-table > tbody > tr > th:last-child:hover { opacity: 0.8; cursor: pointer; } .archive .archive-table > tbody > tr > td:first-child, .archive .archive-table thead > tr > th:first-child { padding: 0 4px 0 3px; width: 2px !important; } .archive .archive-table tr:hover td:first-child { background: #ff5555; } .archive .archive-table tr td:nth-child(2) { width: 2px !important; text-align: center; } .archive .archive-table tr td:nth-child(2) img { height: 78px; width: 78px; } .archive .archive-table tr td:nth-child(3) { width: 54%; } .archive .archive-table tr td:nth-child(4) { width: 20%; } .archive .archive-table tr td:nth-child(5) { width: 11%; color: #2B2550; } .archive .archive-table tr td:nth-child(3) p i { font-size: 9px; margin: 5px 4px 0 0; vertical-align: top; color: #757585; } .archive .archive-table tr td:nth-child(3) p i.femme { color: #ff8888; } .archive .archive-table tr td:nth-child(3) p i.homme { color: #66cccc; } .archive .archive-table tr td:nth-child(3) p { margin: 0; font-size: 15px; } .archive .archive-table tr td:nth-child(3) p span { font-weight: bold; text-transform: uppercase; } .archive .archive-table tr td:nth-child(3) p { margin: 0 0 0 14px; } .archive .archive-table tr td:nth-child(3) p + p + p { color: #2B2550; margin: 0 0 10px 14px; } .archive .archive-table tr td:last-child a { display: none; } .archive .archive-table tr:hover td:last-child a { display: block; } .archive .archive-table .bootstrap-tagsinput span.label { background-color: #337ab7; border: 1px solid #337ab7; color: #fff; } .archive .archive-table .tag [data-role=remove]:after { color: #fff; } .archive .archive-table tr td:nth-child(4) a { display: block; width: 212px; overflow: hidden; text-overflow: ellipsis; } .archive .archive-table .input-simple.fond .bootstrap-tagsinput + input + i { left: 17px; } .archive .archive-table .input-simple.fond .bootstrap-tagsinput + input + i + i { right: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .archive #archive-table_info { text-align: right; padding-right: 0; } } /* ========================================================================================= FIN Archives */ /* ========================================================================================= DEBUT Arbre public */ .espace-client.arbre-public .cover-profil i { display: block; background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 27px; padding: 8px; color: #43C; top: 19px; bottom: auto; } .espace-client.arbre-public .cover-profil a:hover i { opacity: 0.8; } .espace-client.arbre-public .client.profil { cursor: initial; } .arbre-public .info-gauche { margin: 0 0 30px 0; } .arbre-public .info-gauche p + p { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arbre-public .info-gauche p.petit-titre-14 { margin: 0; } .arbre-public .info-gauche a { display: block; margin: 5px 0 6px; } .arbre-public .info-arbre-public { border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 22px; } .arbre-public .info-arbre-public h3 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin: 0 0 8px; width: 80%; } .arbre-public .info-arbre-public h3 a { color: #43C; font-size: 26px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .arbre-public .info-arbre-public h3 a + i { color: #ff5555; font-size: 24px; margin: 2px 0 0 5px; vertical-align: top; } .arbre-public .info-arbre-public h3 + a { display: inline-block; float: right; vertical-align: middle; } .arbre-public .info-arbre-public h3 + a + p { font-size: 14px; color: #2B2550; } .arbre-public .info-arbre-public p.petit-titre-14 + p { font-size: 34px; font-weight: bold; line-height: 25px; margin: 0 0 20px 0; } .arbre-public .info-arbre-public p.petit-titre-14 + div { margin: 0 0 20px 0; } .arbre-public .info-arbre-public p.petit-titre-14 + div p { display: inline-block; line-height: 14px; margin: 0 7px 12px 0; text-transform: inherit; } /* ========================================================================================= FIN Arbre public */ /* ========================================================================================= DEBUT Home Connectée */ .home-connectee .header .profil { cursor: inherit; height: 65px; width: 65px; } .home-connectee .header .profil.image img { border: 0; height: 65px; width: 65px; } .home-connectee .header .profil .initiale { display: inline-block; font-size: 26px; margin: 12px auto; width: 65px; } .home-connectee .header h1 { display: inline-block; font-size: 32px; margin: 15px 0 0 15px; } .home-connectee .header h1 + img { float: right; margin: 0 0 -20px; width: 300px; } .home-connectee .header.abonne h1 + img { display: none; } .home-connectee .bs-callout div { display: inline-block; vertical-align: middle; margin-right: auto; width: auto; margin-top: 0; padding: 0 30px 0 12px; } .home-connectee .bs-callout .btn-action { margin: 0 20px; } .home-connectee .bs-callout h4 a { font-size: 13px; } .home-connectee .formulaire-recherche > div > i { display: inherit; font-size: 111px; text-align: center; color: #d5d8da; } .home-connectee .formulaire-recherche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important; } .home-connectee .formulaire-recherche .champs-periode div.select + div { width: 48.5%; display: inline-block; } .home-connectee .formulaire-recherche .champs-periode div.select + .double, .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double { width: 23.6%; display: inline-block !important; } .home-connectee .formulaire-recherche .champs-periode .double input { padding: 10px 12px; } .home-connectee .formulaire-recherche + div + div .plus-moins { height: 45px; } .home-connectee .formulaire-recherche + div + div .plus-moins i { margin-top: 11px; } .home-connectee .formulaire-recherche + div + div { margin-bottom: 12px; } .home-connectee .clonedInput { position: relative; } .home-connectee .bootstrap-select .dropdown-menu li, .home-connectee .bootstrap-select .dropdown-menu li a { margin: 0; } .structure-bloc-contenu { padding: 15px 15px 0 15px; } .home-connectee .bloc-contenu-search-home .search-bloc-home-icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .home-connectee .bloc-contenu h3, .liste-arbre .bloc-contenu h3, .structure-bloc-contenu h3 { font-size: 21px; font-weight: bold; margin: 0 -15px 0; padding: 0 15px 15px; } .liste-arbre .bloc-contenu h3 { padding: 0 0 15px; } .home-connectee .bloc-contenu h3 i { float: right; } .home-connectee .bloc-contenu h3.bordure, .structure-bloc-contenu h3.bordure { font-size: 21px; font-weight: bold; margin: 0 -15px 15px; padding: 0 15px 15px; border-bottom: 1px solid #d5d8da; text-align: left; } .structure-bloc-contenu .recherche-nom fieldset .form-control { width: 83%; float: left; margin-right: 10px; } .structure-bloc-contenu .recherche-nom { margin-bottom: 15px; } .structure-bloc-contenu a.lien-footer { background: #fbfbfa; display: block; margin: 0 -15px; padding: 15px; } .liste-arbre .creation-arbre { background: #2B2550; background-image: url("../../img/connecte/img-fond-creation-arbre.png"); background-position: right top; background-repeat: no-repeat; padding: 15px; } .liste-arbre .creation-arbre h3 { font-size: 25px; text-transform: uppercase; color: #fff; width: 43%; margin: 6px 0 3px 43px; } .liste-arbre .creation-arbre h3 { width: 65%; font-weight: bold; } .liste-arbre .creation-arbre .radio label { color: #fff !important; font-size: 15px; font-weight: bold; } .liste-arbre .creation-arbre a { color: #fff; display: inline-block; margin: 10px 0 0; } /* ========================================================================================= FIN Home Connectée */ /* ========================================================================================= DEBUT Confirmation abonnement */ .confirm-abo { background-color: #fff; border: 1px solid #d5d8da; padding: 15px; margin: 28px 0 0; } .confirm-abo .recap-abo .recaputilatif li { margin: 8px 0 0 0; } .confirm-abo .recap-abo .recaputilatif li:before { content: "-"; margin: 0 4px 0 0; } .confirm-abo .recap-abo .recaputilatif li span { margin: 0 6px 0 0; color: #2B2550; } .confirm-abo .recap-abo .recaputilatif li span:after { content: " : "; } .confirm-abo .recap-abo .recaputilatif li a:hover { text-decoration: none; } .confirm-abo .recap-abo .recaputilatif li a i.icone-pdf:before { content: "\e666"; font-family: "icomoon", sans-serif; font-size: 21px; vertical-align: middle; font-style: normal; } .confirm-abo .recap-abo .recaputilatif + p { font-style: italic; } .confirm-abo .text-abo { background: #f3f3f3; } .confirm-abo .text-abo h2 { font-size: 24px; color: #2B2550; } .confirm-abo .recherche .recherche-periode { float: left; width: 50%; } .confirm-abo .recherche .recherche-periode + .recherche-periode { padding: 0 0 0 20px; } .confirm-abo .recherche .recherche-periode input { width: 87%; } .confirm-abo .text-abo .col-padding .row span.twitter-typeahead { margin: 0; } .confirm-abo .recherche .recherche-periode + .recherche-periode input { width: 100%; } .confirm-abo .text-abo input { margin: 0 0 5px 0; } .confirm-abo .text-abo p { text-align: center; } .confirm-abo .text-abo input[type=checkbox] { margin: 0 7px 0 0; } .confirm-abo .text-abo .obligatoire { color: #757585; } .confirm-abo .text-abo .col-padding .row span { margin: 0 0 0 15px; } .confirm-abo .text-abo .col-padding .row p { padding: 0 15px 0 15px; text-align: left; } .confirm-abo .text-abo p.font14px { text-align: left; } .confirm-abo .text-abo .liste-lien li span.strong { font-weight: bold; color: #2B2550; } .text-abo .acces-arbre { border: 1px solid #2B2550; border-radius: 4px; margin: 10px auto; padding: 5px 8px; width: 90%; } .text-abo li label, .resultat-confirmation li label { color: #2B2550; margin-right: 4px; } .text-abo .document-image, .text-abo .document-image-macaron { padding: 0 15px; } .text-abo .document-image img { float: left; margin: 0 10px 0 0; width: 90px; } .text-abo .document-image ul { float: left; width: 80%; } .text-abo .document-image-macaron div { display: inline-block; min-width: 58px; margin: 13px 15px 3px 0; } .text-abo .document-image-macaron ul { display: inline-block; vertical-align: top; width: 75%; margin: 13px 0 0 0; } .text-abo .document-image-macaron i.macaron-offert { left: 7px; top: 104px; background: transparent url("../img/recherches/macaron-doc-offert-60.png") no-repeat scroll 0 0; float: left; height: 60px; margin: -19px 0 0 -1px; position: absolute; width: 60px; } .resultat-confirmation { padding: 15px; } .resultat-confirmation h5 { font-size: 24px; color: #2B2550; } .resultat-confirmation .liste-lien li:before { content: "-"; margin: 0 4px 0 0; } .resultat-confirmation .liste-lien li { margin: 8px 0 0 0; } .resultat-confirmation .liste-lien + p { text-align: center; margin: 0 0 30px; } .resultat-confirmation .illustration-tablette { background: transparent url("/img/connecte/illustration-tablette.jpg") no-repeat scroll 800px 16px; } .resultat-confirmation .illustration-impression-arbre { background: transparent url("/img/connecte/illustration-impression-arbre.jpg") no-repeat scroll 630px 10px; } .resultat-confirmation .illustration-responsive { background: transparent url("/img/connecte/illustration-responsive.jpg") no-repeat scroll 630px 10px; } .resultat-confirmation .resultat-ligne { border-bottom: 1px solid #ccc; padding: 10px 0; } .resultat-confirmation .resultat-ligne a span.orange { font-size: 18px !important; } .resultat-confirmation div .resultat-ligne + p { margin-top: 15px; } .resultat-confirmation p + p { text-align: center; margin: 20px 0 30px 0; } /* ========================================================================================= FIN Confirmation abonnement */ /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== ABONNMENT ===================================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */ .paywall.paywall-argument .container, .paywall.mentions-legales .container, .paywall.free-offers .container { margin-bottom: 0; margin-top: 0; min-height: auto; } #offersBlock .bloc-paywall-b { height: 180px; width: 80%; min-height: inherit; max-width: 390px; padding: 0 30px; } #offersBlock .bloc-paywall-b h2 { font-size: 19px; } .btn-payment { width: 285px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 20px; } .btn-payment .paypal-logo { height: 25px; } .paywall.paywall-argument li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border: 0; } @media (max-width: 768px) { .paywall.paywall-argument li { display: block; } } .paywall.paywall-argument li .badge { height: 25px; border: 0; background-color: #00ACC1; color: white; min-width: 97px; } .paywall.paywall-offre .offre .bloc-offre-discover em { color: #ff5555; font-size: 16px; height: 19px; } .paywall.paywall-argument li .badge.new { border: 1px solid #00ACC1; background-color: white; color: #00ACC1; } .text-footer { font-size: 12px; text-align: center; margin: 50px 0; } .discover-video { background-color: #2B2550; color: white; padding: 20px 0 20px 0; margin: 30px 0; } .discover-video a img { height: auto; width: 100%; display: block; margin: 20px auto; } .discover-video h3 { color: white; font-size: 1.5rem; height: auto; width: 100%; display: block; margin: 20px auto; } .discover-video h2 { color: white; text-align: center; margin-bottom: 20px; } .fullScreen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @media (max-width: 991px) { #offersBlock .three-offers .bloc-paywall-b { height: 230px; } .paywall.paywall-offre .offre.three-offers .bloc-offre-reactivation em { height: 44px; } } @media (min-width: 768px) { .paywall.paywall-offre.discovery-offer .guide-bloc-container .plus-guide p { font-size: 70px; } } @media (max-width: 767px) { .paywall.paywall-offre.discovery-offer .offre { display: block; } .paywall.paywall-offre.discovery-offer .offre .acces-premium-bloc { margin-top: 0; text-align: center; } #offersBlock .three-offers .bloc-paywall-b { height: 180px; } .paywall.paywall-offre .offre.three-offers .bloc-offre-reactivation em { height: 19px; } .paywall.paywall-offre.discovery-offer .offre .bloc-offre-discover, .paywall.paywall-offre .offre div .bloc-offre.bloc-offre-reactivation { float: none; } .paywall.paywall-offre.discovery-offer .guide-bloc-container { margin: 0 auto; display: block; } .paywall.paywall-offre.discovery-offer .guide-bloc-container .plus-guide { height: auto; } .paywall.paywall-offre.discovery-offer .guide-bloc-container h2 { font-size: 1.75rem; } .guide-bloc-container img { position: relative; left: 0; top: 0; display: block; margin: 0 auto; } } @media (max-width: 991px) { .paywall.paywall-offre.discovery-offer .guide-bloc-container h2 { font-size: 1.75rem; } } @media (min-width: 991px) { .paywall.paywall-offre h1 + p { padding: 0 15px; } } /* BLOC OFFRE REACTIVATION */ .paywall.paywall-offre .offre .bloc-offre-reactivation:focus, .paywall.paywall-offre .offre .bloc-offre-discover { outline-width: 0px; } .bootstrap-select .dropdown-toggle:focus, .selected-flag { outline-width: 0px !important; outline: 0px; } .bloc-cmd-left .modifier-champs button:focus, .bloc-cmd-left .modifier-champs .btn-group:focus, .faux-input.register:focus { outline-width: 0px; } .paywall.paywall-offre .offre .bloc-offre-reactivation em { color: #ff5555; font-size: 16px; height: 19px; display: block; margin-bottom: 10px; } .paywall.paywall-offre .offre .bloc-offre-reactivation em.green { color: #5cb85c; } .paywall.paywall-offre .offre .bloc-offre-reactivation em.eco { font-weight: 700; font-size: 18px; } .paywall.paywall-offre .offre .bloc-offre-reactivation.left { float: left; } .paywall.paywall-offre .offre .bloc-offre-reactivation.right { float: right; } .paywall.paywall-offre .appliq-reduction > div > a { font-size: 16px; } .paywall.paywall-offre .appliq-reduction p.reduction { color: #5cb85c; font-size: 16px; margin: 0; } .paywall.paywall-offre .appliq-reduction p.reduction + a { font-size: 13px; } .paywall.paywall-offre .appliq-reduction .checkbox label { font-size: 15px; margin: 10px 0 6px 0; } .paywall.paywall-offre .appliq-reduction .reduction i, .paywall.paywall-offre .appliq-reduction .association i { color: #d9534f; font-size: 26px; margin: 9px 0 0; vertical-align: top; } .paywall.paywall-offre .appliq-reduction .reduction p, .paywall.paywall-offre .appliq-reduction .association p { color: #d9534f; display: inline-block; font-size: 15px; margin: 0 16px 0 0; } .paywall.paywall-offre .appliq-reduction .reduction a, .paywall.paywall-offre .appliq-reduction .association a { font-size: 13px; } .paywall.paywall-offre .form-control, .paywall.paywall-offre .bootstrap-select .dropdown-toggle.btn, .paywall.paywall-offre .bootstrap-select .dropdown-toggle.btn-default:hover, .paywall.paywall-offre .bootstrap-select .dropdown-toggle.btn-default:active { background: transparent !important; } .paywall.paywall-offre .moyen-paiement { text-align: center; margin: 20px 0 0 0; } .paywall.paywall-offre .moyen-paiement { text-align: center; margin: 20px 0 0 0; } .paywall.paywall-offre .moyen-paiement .btn-action, .paywall.paywall-offre .essai-gratuit .btn-action { font-weight: bold; } .paywall.paywall-offre .moyen-paiement .btn { display: block; margin-left: auto; margin-right: auto; width: auto; margin-bottom: 7px; } .paywall.paywall-offre .moyen-paiement .btn i, .paywall.paywall-offre .essai-gratuit .btn i { vertical-align: top; margin: 1px 0 0; } .paywall.paywall-offre .moyen-paiement button + i { font-size: 18px; color: #757585; } .paywall.paywall-offre .moyen-paiement button + i + i { font-size: 18px; vertical-align: top; color: #757585; } .paywall.paywall-offre .moyen-paiement.inscrit i { font-size: 32px; color: #ccc; margin: 0 22px 0 0; } .paywall.paywall-offre .moyen-paiement.inscrit i:first-child { vertical-align: top; } .paywall.paywall-offre .moyen-paiement i + p { display: inline-block; } .paywall.paywall-offre .moyen-paiement i + p + a { display: block; font-size: 16px; } .paywall.paywall-offre .moyen-paiement .btn-default { margin-top: 15px; font-size: 16px; background: #fff; } .paywall.paywall-offre .moyen-paiement .btn-default + .btn-default { margin-bottom: 35px; } .paywall.paywall-offre .moyen-paiement .btn-default:hover, .paywall.paywall-offre .moyen-paiement .btn-default:focus { background: #fff !important; } .paywall.paywall-offre .moyen-paiement .btn-default span { float: left; margin: 2px 0 0 0; } .paywall.paywall-offre .moyen-paiement .btn-default span img { margin: 0 0 0 5px; width: 70px; } .paywall.paywall-offre .moyen-paiement .btn-default i { float: right; } .paywall.paywall-offre .essai-gratuit { text-align: center; padding: 37px 0 58px 0; } .paywall.paywall-offre .essai-gratuit .plus-client { margin: 47px 0 0 0; } .paywall.paywall-offre .essai-gratuit .plus-client i { font-size: 39px; color: #ff5555; } .paywall.paywall-offre .essai-gratuit .plus-client section div + div i { margin: 0 0 4px 0; } .paywall.paywall-offre .essai-gratuit .plus-client div p { line-height: 24px; margin: 5px auto 5px; width: 71%; font-size: 20px; font-weight: bold; } .paywall.paywall-offre .essai-gratuit .plus-client div p span { display: block; } .paywall.paywall-argument { margin: 20px 0 0 0; } .paywall.paywall-argument .ecran-video { display: inline-block; position: relative; width: 240px; } .paywall.paywall-argument .ecran-video a { left: 70px; position: absolute; top: -7px; } .paywall.paywall-argument .ecran-video a i { font-size: 99px; color: #fff; } .paywall.paywall-argument .ecran-video a:hover i { opacity: 0.8; } .paywall.paywall-argument .ecran-video img { width: 240px; } .paywall.paywall-argument .texte-video { display: inline-block; text-align: center; margin: 77px 0 0 21px; vertical-align: top; } .paywall.paywall-argument .texte-video h5 { font-size: 24px; margin: 0 0 6px 0; } .paywall.paywall-argument .texte-video p { font-size: 16px; color: #757585; } .paywall.paywall-argument img { margin: -21px 0 0; width: 273px; } .paywall.paywall-argument ul { color: #2B2550; margin: 13px 0 23px 0; } .paywall.paywall-argument ul:last-child { margin-bottom: 46px; } .paywall.paywall-argument li:first-child { font-size: 20px; font-weight: bold; } .paywall.paywall-argument li { border-bottom: 1px solid #ccc; font-size: 16px; padding: 12px 0 13px; } .paywall.paywall-argument li i { float: right; color: #ff5555; } .paywall.paywall-argument li .badge { background: transparent; border: 1px solid #ff5555; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #ff5555; font-size: 16px; font-weight: normal; margin: 0 0 0 9px; padding: 3px 12px 3px 9px; } .paywall.paywall-argument p:last-child { margin-bottom: 46px; } .paywall.mentions-legales { margin: 0 0 25px 0; } .paywall.paywall-temoignage { background: #ff5555; padding: 60px 0 17px 0; color: #fff; } .paywall.paywall-temoignage i { font-size: 55px; } .paywall.paywall-temoignage .carousel { font-size: 18px; margin-left: auto; margin-right: auto; width: 70%; } .paywall.paywall-temoignage .carousel { font-size: 18px; margin-left: auto; margin-right: auto; width: 70%; } .paywall.paywall-temoignage .carousel p { height: 68px; } .paywall.paywall-temoignage .carousel p.texte:before { content: "\e63a"; font-family: "icomoon", sans-serif !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; color: #fff; font-size: 22px; left: -27px; position: absolute; top: -3px; z-index: 10; } .paywall.paywall-temoignage .carousel p.texte:after { content: "\e639"; font-family: "icomoon", sans-serif !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; color: #fff; font-size: 22px; right: 16px; position: absolute; top: 46px; z-index: 10; } .paywall.paywall-offre .offre .bloc-offre-discover, .paywall.paywall-offre .offre .bloc-offre-discover.active, .paywall.paywall-offre .offre .bloc-offre-discover:hover { border: 4px solid #00ACC1; position: relative; float: right; } .paywall.paywall-offre.discovery-offer .discovery-offer-subtitle { color: #ff5555; font-size: 30px; margin: 0; } .paywall.paywall-offre.discovery-offer .discovery-offer-date { color: #757585; font-size: 14px; } .paywall.paywall-offre.discovery-offer .guide-bloc-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 80%; min-height: 250px; margin: 13px 0 9px 0 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .guide-bloc-container.reactivation { margin: 0 auto !important; min-height: inherit !important; } .guide-bloc-reactivation-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; margin-top: 30px; } .reactivation.guide-bloc-container p { font-size: 2rem; } .paywall.paywall-offre .guide__container .plus-guide p { font-size: 90px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .paywall.paywall-offre.discovery-offer .guide-bloc-container h2 { line-height: 1.4; font-size: 2.2rem; } .paywall.paywall-offre.discovery-offer .offre { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .paywall.paywall-offre.discovery-offer .offre .s-premium-bloc { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .disovery-filae-title { color: #2B2550; font-size: 30px; font-weight: bold; text-align: center; } /* ========================================================================================= FIN Page Paywall => proposition 2 icon */ /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== CARTES POSTALES ============================================================================= ========================================================================================================================================================================================================================================================================================================================================= */ .colonne-carte-postale h4 { font-size: 40px; } .colonne-carte-postale h5 { font-size: 24px; } .colonne-carte-postale .pagination-table .select-page { float: right; } .colonne-carte-postale .pagination-table .select-page div { float: right; } .colonne-carte-postale .pagination-table .select-page label { display: inline-block; font-weight: normal; } .colonne-carte-postale .pagination-table .select-page select { display: inline-block; width: 70px; } .colonne-carte-postale li { margin-bottom: 15px; } .colonne-carte-postale .thumbnail { height: 160px; margin-bottom: 6px; } .colonne-carte-postale .thumbnail + p { font-size: 15px; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* =================================================================================================================================================================== ========================================================== NOM DE FAMILLE ========================================================================================== ================================================================================================================================================================================================================================================================================================================================= ====================*/ .nomdefamille .recherche-nomdefamille { margin-bottom: 40px; } .nomdefamille .recherche-nomdefamille h1 { margin-bottom: 15px; } .nomdefamille .recherche-nomdefamille p { color: #2B2550; font-size: 20px; line-height: normal; text-align: left; } .nomdefamille .recherche-nomdefamille p#lastNameNotFound { color: #e02; } .nomdefamille .recherche-nomdefamille label { color: #ff5555; display: block; margin: 17px 0 11px; } .nomdefamille .recherche-nomdefamille input { width: 60%; display: inline-block; margin: 0 10px 0 0; } .nomdefamille .recherche-nomdefamille input + a { margin: -5px 0 0; } .nomdefamille .recherche-nomdefamille img { border: 5px solid #fff; box-shadow: 5px 5px 5px 0 #757585; transform: rotate(1deg); } .nomdefamille .nom-recherches { padding: 15px 15px 65px; } .nomdefamille .nom-recherches a { display: inline-block; padding: 4px 12px; text-decoration: none; } .nomdefamille .structure-bloc-contenu table { width: 100%; margin: 0 0 7px 0; } .nomdefamille .structure-bloc-contenu table.table-double { margin: 0; } .nomdefamille .structure-bloc-contenu table.table-double + .table-double { margin: 0 0 7px 0; } .nomdefamille .structure-bloc-contenu table td.rangCell { width: 20%; } .nomdefamille .structure-bloc-contenu table td.nameCell, .nomdefamille .structure-bloc-contenu table td.numberCell { width: 20%; } .nomdefamille .filariane a, .nomdefamille .filariane span { display: inline-block; font-size: 16px; margin: 6px 0 0; } .nomdefamille div.input-rech-nom { float: right; width: 550px; } .nomdefamille div.input-rech-nom input { display: inline; width: 51%; } .nomdefamille div.input-rech-nom .btn-small { display: inline; } .nomdefamille ul.patronyme { margin: 0 0 22px 0; } .nomdefamille ul.patronyme li { margin: 0 0 12px 0; } .nomdefamille ul.patronyme li:before, .nomdefamille ul.liste-genea-nom li:before { content: "- "; } .nomdefamille .lastnameDetailsFlash:after { background: #fff; bottom: 34px; color: #fff; content: "-"; display: inline-block; height: 44px; position: absolute; right: 199px; width: 106px; } .nomdefamille .cadre-jauge { border: 8px solid #d5d8da; padding: 10px; width: 95%; margin: 0 0 20px 0; } .nomdefamille .cadre-jauge .sous-titre { font-size: 14px; font-weight: normal; margin: 0; } .nomdefamille .jauge-pop { margin: 10px auto 0; width: 347px; } .nomdefamille .jauge-fond { background: #fff url("../../img/noms-de-famille/fond-jauge.png") no-repeat scroll 0 0; height: 21px; margin: 3px 0 5px; width: 347px; } .nomdefamille .jauge-fond img { height: 15px; margin: -2px 0 0 9px; } .nomdefamille #carte { display: none; } @media screen and (min-width: 768px) { .nomdefamille #carte { display: block; } } .nomdefamille #carte #canvas_france svg { width: 400px; height: 400px; } .nomdefamille #carte #canvas_france path:hover { fill: #f00; } .nomdefamille #carte .svg-container { display: flex; margin: auto; position: relative; } .nomdefamille #carte .legend-lastname { background-color: #fff; left: 0; line-height: 1.3; padding: 0.2rem 0.5rem; position: absolute; top: 50%; transform: translateY(-25%); } .nomdefamille #carte .legend-lastname li { color: #000; font-size: 12px; font-weight: 700; position: relative; padding-left: 2rem; } .nomdefamille #carte .legend-lastname li::before { display: block; position: absolute; content: ""; width: 1rem; height: 1rem; border: 1px solid #000; left: 0; top: 50%; transform: translateY(-50%); } .nomdefamille #carte .legend-lastname li:nth-child(2)::before { background-color: #DCE6FF; } .nomdefamille #carte .legend-lastname li:nth-child(3)::before { background-color: #AAB4FF; } .nomdefamille #carte .legend-lastname li:nth-child(4)::before { background-color: #96B4FF; } .nomdefamille #carte .legend-lastname li:nth-child(5)::before { background-color: #4BB4FF; } .nomdefamille #carte .legend-lastname li:nth-child(6)::before { background-color: #0096FF; } .nomdefamille #carte .legend-lastname li:nth-child(7)::before { background-color: #004BFF; } .nomdefamille #carte .legend-lastname li:nth-child(8)::before { background-color: #9600D2; } .nomdefamille #carte .legend-lastname li:nth-child(9)::before { background-color: #D20096; } .nomdefamille #carte .periods { font-size: 1.3rem; font-weight: 900; } .nomdefamille #carte .periods label { background-color: #d5d8da; border-radius: 4px; border: 1px solid #000; font-weight: inherit; padding: 2px 7px; user-select: none; } .nomdefamille #carte .periods input[type=radio]:checked + label { background-color: #285c89; border-color: #285c89; color: #fff; } .nomdefamille #carte .periods input[type=radio]:not(:checked) + label:hover { background-color: #fff; border-color: #285c89; color: #285c89; } .nomdefamille #carte .periods input[type=radio]:checked, .nomdefamille #carte .periods input[type=radio]:not(:checked) { position: absolute; left: -9999px; } #canvas_tooltip { background: rgba(0, 150, 255, 0.85); border: 1px solid #004BFF; color: #fff; display: none; font-weight: bold; padding: 1rem; position: absolute; transform: translate(-50%, -180%); z-index: 1; } #canvas_tooltip p:first-child { margin-bottom: 5px; } #canvas_tooltip p:last-child { margin-bottom: 0; color: #ddd; } #canvas_tooltip p:last-child #dept__birthNumber { color: #fff; } #canvas_tooltip #dept__number { color: yellow; margin-right: 5px; } .tab-2colonne table { border-right: 1px solid #ccc; display: inline-block; padding: 0 0 0 5px; vertical-align: top; width: 49%; } #lastnamesListDiv .tab-3colonne table { float: left; margin-right: 0; } .tab-2colonne table:last-child, .tab-3colonne table:last-child, .tab-4colonne table:last-child { border-right: 0; } .nomdefamille .tab-2colonne .communeCell { width: 49%; } .nomdefamille .tab-2colonne .nameCell { width: 31%; } .nomdefamille .tab-3colonne table { border-right: 1px solid #ccc; display: inline-block; padding: 0 0 0 5px; vertical-align: top; } .nomdefamille .tab-4colonne table { border-right: 1px solid #ccc; display: inline-block; padding: 0 0 0 5px; vertical-align: top; width: 24%; } .nomdefamille .tab-3colonne .rangCell { width: 23%; } .nomdefamille .tab-3colonne .nameCell { width: 44%; } .nomdefamille .structure-bloc-contenu .recherche-nom { margin-bottom: 24px; } .nomdefamille .structure-bloc-contenu .recherche-nom input { display: inline-block; margin: 0 5px 0 0; width: 84%; } .nomdefamille .structure-bloc-contenu .recherche-nom input + a { margin: -5px 0 0 0; } .nomdefamille .structure-bloc-contenu .recherche-nom { margin-bottom: 24px; } .nomdefamille .tab-3colonne.listname .rangCell { width: auto; } .nomdefamille .tab-3colonne.listname .nameCell { width: auto; padding: 5px; } .nomdefamille .tab-3colonne.listname .nameCell a { word-break: break-word; } .nomdefamille .tab-3colonne.listname .numberCell { padding-right: 3px; } .pagination1 { float: right; margin: 17px 0 20px; } .pagination1 a { border: 1px solid #ccc; display: inline-block; font-size: 15px; margin: 0 -3px 7px 0; padding: 6px 13px; text-decoration: none; } .pagination1 a:hover { background: #f3f3f3; } .pagination1 a.active { background: #445599; color: #fff; } .pagination1 a.paginate_button.previous { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin: 0 -3px 0 0; } .pagination1 a.paginate_button.next { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin: 0 0 0 -3px; } /* =================================================================================================================================================================== ========================================================== GUIDE ========================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ .guide .adresse-archive { margin: 14px 0 13px; } .guide .adresse-archive img { display: none; } .guide .adresse-archive p > span { font-weight: bold; } .guide .separation-gris { margin: 5px 45px 5px 15px; } .guide .table-departement td a { line-height: 28px; } .guide .cadre-EC { margin-bottom: 20px; text-align: center; } .guide .cadre-EC label { float: left; } .guide .cadre-EC a { margin: 10px 0 0 0; } .guide .donnees-france { margin: 0 0 16px 0; } .guide .donnees-france:first-child { margin: 0 0 16px 0; } .guide .donnees-france > p:first-child { margin: 0; } /* =================================================================================================================================================================== ========================================================== FORUM ========================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ .forum .sujet-forum { border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px; font-size: 16px; line-height: 26px; } .forum .sujet-forum .theme-menu { border-bottom: 1px solid #ccc; margin: 0 0 12px; } .forum .sujet-forum .theme-menu:last-child { border-bottom: 0; margin: 0; } .forum .sujet-forum .theme-menu h5 { font-size: 16px; font-weight: bold; margin: 0 0 8px; } .forum .bordure-f { border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; line-height: 26px; margin: 0 0 12px 0; } .forum .bordure-f .nav, .forum .bordure-f .connection { padding: 15px; } .forum .bordure-f .nav, .forum .bordure-f .connection a { display: block; } .forum .bordure-f .nav, .forum .bordure-f .nav { float: right; } .forum .bordure-f .nav, .forum .bordure-f .nav a:after { content: "|"; margin: 0 5px 0 8px; } .forum .bordure-f .nav, .forum .bordure-f .nav a:hover { text-decoration: none; } .forum .bordure-f .nav, .forum .bordure-f .nav a:last-child:after { content: ""; margin: 0; } .forum .bordure-f tr.post td, .forum .bordure-f tr.post_alt td, .forum .bordure-f .sujet td { padding: 8px; } .forum .bordure-f.sujet-table-forum tr.post td, .forum .bordure-f.sujet-table-forum tr.post_alt td, .forum .bordure-f.sujet-table-forum .sujet td { padding: 8px 3px; } .forum .bordure-f tr.post td, .forum .bordure-f tr.post_alt td { line-height: 19px; } .forum .bordure-f tr.post td:first-child, .forum .bordure-f tr.post_alt td:first-child, .forum .bordure-f .sujet td:first-child { padding-left: 15px; } .forum .bordure-f tr.post td:last-child, .forum .bordure-f tr.post_alt td:last-child, .forum .bordure-f .sujet td:last-child { padding-right: 15px; } .forum .bordure-f .sujet td tr td:first-child { padding: 0; } .forum .bordure-f .sujet td tr td:last-child { padding: 0; } .forum .bordure-f .sujet, .forum .bordure-f .sujet a { background: #2B2550; color: #fff; font-size: 18px; } .forum .bordure-f .sujet .sujet1 { width: 17%; } .forum .bordure-f.message-table-forum .sujet .sujet1 { width: auto; } .forum .bordure-f .forumheading { display: block; } .forum .bordure-f .subforumheading { font-size: 14px; } .forum .bordure-f .post a i, .forum .bordure-f .post_alt a i, .forum .bordure-f .post i, .forum .bordure-f .post_alt i { vertical-align: middle; color: #445599; } .forum .bordure-f.padding-g h3 { margin: 0; background: #2B2550; color: #fff; padding: 9px 15px; font-size: 18px; } .forum .bordure-f.padding-g .discussion { margin: 0; padding: 15px; } .forum .bordure-f.padding-g .discussion li { margin: 0 0 4px; } .forum .bordure-f.padding-g .discussion li a i { vertical-align: middle; margin: 0 6px 0 0; } .forum .bordure-f.padding-g .infostat { margin: 15px; } .forum .bordure-f.padding-g .infostat i, .forum .legende li i { color: #445599; vertical-align: middle; margin: 0 6px 0 0; } .forum .bordure-f tr.postfooter td.postfooter { padding: 8px 15px; } .forum .legende { background: #f3f3f3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px 0; } .forum .discussion li a:before { content: "\e64e"; font-family: "icomoon", sans-serif; font-size: 18px; vertical-align: middle; } .forum .legende td { padding: 15px; } .forum .legende ul { margin: 0; } .forum .legende li { margin: 0 0 0 0; } .forum table.content tr.post_alt { background: #f3f3f3; } .forum .forum-pagination td { text-align: center; } .forum .forum-pagination td > p { margin: 15px 0 15px 0; } .forum .forum-pagination td .pagination2 .icon-gauche:before { content: "\e633"; font-family: "icomoon", sans-serif; font-size: 14px; } .forum .forum-pagination td .pagination2 .icon-droit:before { content: "\e631"; font-family: "icomoon", sans-serif; font-size: 14px; } .forum .forum-pagination td .pagination2 { margin: 12px 0 20px 0; padding: 0 15px; } .forum .forum-pagination td .pagination2 a { border: 1px solid #ccc; padding: 6px 12px; display: inline-block; margin: 0 -4px 5px 0; } .forum .forum-pagination td .pagination2 a.active { background: #445599; color: #fff; } .forum .forum-pagination td .pagination2 a:first-child { margin: 0 -4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .forum .forum-pagination td .pagination2 a:last-child { margin: 0 0 0 -3px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .forum .forum-pagination td .pagination2 a:hover { background: #ccc; color: #fff; text-decoration: none; } .forum .forum-pagination select { display: inline-block; width: 45%; margin: 12px 0 20px 8px; } .forum .sujet .header1 .pagination2 { padding: 7px 10px 0 0; } .forum .sujet .header1 .pagination2 a { display: inline-block; margin: 4px; } .forum .action-bas { margin: 15px 0 15px 0; } .forum .action-bas a { display: block; float: none !important; text-align: right; } .forum .action-bas div { display: block; margin: 9px 0 0; text-align: right; } .forum .action-bas label { display: block; } .forum .action-bas select { display: block; float: right; width: 50%; margin: 0 0 15px 0; } .forum .bordure-f.message-table-forum tr.post_alt { background: none; } .forum .bordure-f.message-table-forum tr.postheader td { background: #f3f3f3; } .forum .bordure-f.message-table-forum tr.postsep td { background: #fff; height: 1px !important; } .forum .bordure-f.message-table-forum tr.postsep td { background: #fff; height: 1px !important; } .forum .bordure-f.message-table-forum tr.postheader td + td table { width: 100%; } .forum .bordure-f.message-table-forum tr.postheader td + td table .postheader { padding: 15px 15px 15px 15px; } .forum .bordure-f.message-table-forum tr.postfooter td.small { text-align: center; } .forum .bordure-f.message-table-forum td.UserBox > span { display: block; height: 34px; } .forum .bordure-f.message-table-forum td.UserBox > span:before { content: "\e60e"; font-family: "icomoon", sans-serif; color: #2B2550; display: block; font-size: 53px; margin: 34px 0 0; } .forum .bordure-f.message-table-forum td.UserBox > img + br + span { display: none; } .forum .bordure-f.message-table-forum td.UserBox > img { margin: 15px 0 0 0; } .forum .bordure-f.message-table-forum tr.postfooter td.small + .postfooter { padding: 15px; text-align: right; } .forum .bordure-f.message-table-forum .reponse { width: 100% !important; margin: 0 0 -21px; } .forum .bordure-f.message-table-forum .reponse select { margin: 0 0 10px 0; } .forum .bordure-f.message-table-forum .reponse textarea { margin: -12px 0 0 0; } .forum .bordure-f.message-table-forum .reponse .tableau-outils td { padding-left: 0; padding-right: 0; } .forum .bordure-f.message-table-forum .reponse .tableau-outils td img { margin: 0 7px 0 0; } .forum #forum_ctl00_ForumJumpLine select { margin: 5px 0 15px; width: 50%; } .forum .postfooter { border-bottom: 4px solid #d5d8da; } .forum .repond-table-forum #forum_ctl00_EditorLine { width: 60%; } .forum .repond-table-forum #forum_ctl00_EditorLine textarea { margin: 10px 0 6px; width: 96% !important; } .forum .repond-table-forum #forum_ctl00_EditorLine .tableau-outils td { padding: 15px 0 6px; } .forum .repond-table-forum #forum_ctl00_EditorLine .tableau-outils td select { margin: 0 0 10px 0; } .forum .repond-table-forum tr.sujet + tr > td:first-child { padding: 15px; } .forum .repond-table-forum .footer1 { padding: 15px; } .forum .profil-forum tr.tr-profil > td { padding: 15px; } .forum .profil-forum tr.tr-profil .tabbleu2 tr { border-bottom: 1px solid #ccc; } .forum .profil-forum tr.tr-profil .tabbleu2 tr td { padding: 5px; vertical-align: top; } /* ================================================================================================================================================================== ================================================================================================================================================================== ========================================================================================== BANDEAU ANNONCE =================================================== =================================================================================================================================================================== ================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Service Client -- */ .service-client h5 { color: #ff5555; } .service-client .formulaire-sc { margin: 15px 0 0 0; } .service-client .formulaire-sc input, .service-client .formulaire-sc select { margin: 0 0 10px 0; } .service-client .formulaire-sc textarea { margin: 0 0 15px 0; height: 140px; } .service-client .formulaire-sc img { margin: 0 0 12px; } .service-client .formulaire-sc span.obligatoire { display: block; margin: 10px 0 25px 0; } .service-client .structure-bloc-contenu label strong { display: block; font-size: 19px; } /* =========================================================== DEBUT offre Beaucarnot =====================================================*/ .home-jlb { width: 85%; } .exclu-title { width: 80%; } .bg-beaucarnot { background-color: #212121; color: #fff; height: auto; } .img-jlb { float: right; position: fixed; bottom: 0; right: 0; } .img-fete-peres { top: 13px; left: 72%; } .mac-peres { width: 100%; height: auto; } h1.offre-beaucarnot { font-size: 25px; color: #ff5555; margin-top: 70px; } h1 .livre-exclu { color: #fff; font-size: 50px; } h2.kdo-limite { font-size: 15px; color: #ff5555; } h3.title-book { color: #3e3d3d; font-weight: bold; font-size: 30px; margin: 14px 0; } p.livraison { margin-top: 10px; } span.name-dedicace, input.name-dedicace { display: block; } p.offre-tarif { font-weight: bold; font-size: 25px; margin: 20px 0; } p.make-dedicace { margin-bottom: 20px; font-weight: bold; } label.name-dedicace { color: #757585; } button.offre-commande { margin-left: 140px; font-size: 18px; border-radius: 30px; padding: 8px 16px; line-height: 1.5; margin-top: -3px; } .size-jlb { width: 56%; color: #3e3d3d; display: inline-block; position: absolute; } .block-book { background-color: rgba(255, 255, 255, 0.8); padding: 20px; margin: 0 15px; border-radius: 4px; width: 85%; height: auto; margin-bottom: 50px; } .img-book-jlb { margin-right: 20px; width: 26%; display: inline-block; padding: 0; } .book-ancetres { width: 100%; height: auto; display: block; max-width: 321px; } input.champ-dedicace { width: 80%; border: none; border-bottom: 1px solid #ff5555; border-radius: 0; height: 50px; } input.champ-dedicace:focus { border-bottom: 1px solid #ff5555; box-shadow: none; } .description-livre { clear: left; width: 87%; } .description-livre p { font-size: 16px; } .col-lg-pull-2.exclu-title { right: 0; left: -16%; } /* =========================================================== FIN offre Beaucarnot =====================================================*/ /* ========================================== ============================================= ================== inf. 1200 px ============= ============================================= ============================================= */ @media (max-width: 1200px) { .SeoSem .sources .sources-left p { width: 100%; } .abonnement-7j .bloc-offre { margin-left: 291px; } /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/ .home-jlb { width: 100%; } .col-lg-pull-2.exclu-title { right: 0; left: -16%; } .col-lg-push-10.img-fete-peres { left: 55%; } .exclu-title { width: 72%; } .block-book { width: 72%; } .size-jlb { width: 70%; } p.offre-tarif { margin: 5px 0; } p.make-dedicace { margin-bottom: 10px; } h3.title-book { margin: 0 0 8px 0; } button.offre-commande { margin-top: 0; } .description-livre { width: 74%; } /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/ /*-------------------- DEBUT gifts members ----------------------------*/ .gifts-cmd .paywall-left { padding-left: 30px !important; } /*.gifts-cmd .paywall-right { padding-right: 30px !important; }*/ /*------------------------- FIN gifts members -----------------------------*/ /*------------------------ DEBUT essai 7j juin 2017 -----------------*/ .essai-7j .bloc-essai-sept .essai-actif h4, #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 { text-align: center; margin-right: 0; } .txt-check, .new-modal-dialog .txt-check { width: 83%; } .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check { padding: 0 97px; } .carte-num-open, .carte-num-close { position: relative; bottom: 0px; } .essai-7j .small-footer .principal-footer { clear: right; } .modif-event { width: 94%; } .badge.badge-hints { margin: 0; } .badge { margin-left: 5px; } .bootstrap-select .dropdown-toggle.btn { padding: 3px 25px 3px 9px; } .recherche .champs-periode div.marge-top10px-768.col-sm-3 #inputYear, .recherche .champs-periode div.marge-top10px-768.col-sm-3 #inputToYear { padding: 10px 6px; } /* ======================================================================================================== DEBUT class utiles -- */ /*------------------------ marges générales --- */ .marge-top15px-1200 { margin-top: 15px; } .intro .bloc-formulaire { margin: 40px 0 0; } .intro .bloc-formulaire h1 { font-size: 25px; } p.paragraphe-accroche { margin: 437px 0 0 -10px; } .intro .play-video { left: 260px; top: 199px; } .home .recherche { background-position: 62% 33%; height: 794px; margin-bottom: 262px; } .home .recherche img { margin: 292px auto 0; } .home .recherche h3 { font-size: 30px; margin: 23px 0 0; } .home .temoignage h2 { font-size: 29px; } .intro.test2 .bloc-formulaire h1 { width: 85%; } .intro.test2 .play-video { left: 0; top: 320px; } .intro.test2 p.paragraphe-accroche { margin: 456px 0 0 -5px; width: 154px; } /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== RECHERCHE ============================================================================================= ================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */ /*------------------------ Moteur recherche BETA--- */ .moteur-search-beta .plusoptions { margin: 0 70px 44px 0; } .recherche .illustr-loupe i { font-size: 70px; margin: 0 0 0 -12px; } .recherche #clearform i { padding: 10px 0 0 21px; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement--- */ .offer-bar .btn-inscription button { margin: 1px 0 0 -43px; } .offer-bar p { font-size: 15px; margin: 0 0 0 -33px; padding-top: 7px; } .offer-bar .btn-essai-gratuit { margin: 0 0 0 -32px; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour l'EC 19e S acces gratuit--- */ .bandeau-acces-gratuit label.checkbox { font-size: 17px; } .bandeau-acces-gratuit span.label { font-size: 16px; } /* ======================================================================================================== FIN Page Moteur de Recherche + résultat (BETA) -- */ /* ======================================================================================================== DEBUT Page Recherches par sources -- */ /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */ .sources-banniere { padding: 8px 0 0 15px; height: 156px; } .recherche .illustr-loupe-source i { font-size: 66px; } .sources-info-texte p { font-size: 28px; } .sources-exemple-bloc a { width: 44%; } /* ======================================================================================================== FIN Page Recherches par sources -- */ /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */ /*-------------------------------------------------------------------------- HEADER FICHE --- */ .phrase-resultat { width: 635px; } .phrase-resultat p { font-size: 21px; padding: 0 10px; } /*------------------------------------------ Onglets --- */ .timeline > li > .timeline-panel { width: 89%; } /* ======================================================================================================== FIN Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */ /* ======================================================================================================== DEBUT Page Recherches par département -- */ .info-departement { margin: 0px; } .chiffre-cle-ec .col-lg-3 { width: 25%; } /* ======================================================================================================== DEBUT Page Recherches par département -- */ body.recherche-ec { margin-bottom: 442px; } .sources-info-texte { width: 74%; } .info-departement img + div { width: 49%; } .chiffre-cle-ec .sources-info-texte p { margin: -7px 0 0; font-size: 25px; } .resultat-ec .detail-acte .detail-personne .nom-personne h2 { width: 83%; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details p { width: 16%; } /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */ /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== CONNECTE =============================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */ table.messagerie-table tr .message-table p { max-width: 307px; } /* - chat - */ .ancien-message.pseudo-message p { margin: 0 0 0 11px; } /* ======================================================================================================== DEBUT Espace Client -- */ .espace-client .profil-client .multiple-input .faux-input { width: 23%; } .espace-client .profil-client .multiple-input .faux-input + .faux-input { width: 49%; } .espace-client .profil-client .multiple-input .input-simple { width: 20%; } .espace-client .cover-profil:hover div.hover-client { width: 97%; } .espace-client .cover-profil img { left: -11%; width: 124%; } .espace-client .form-group.input-simple textarea[data-toggle=floatLabel] + label { margin-top: -39px; } /*--- abonnement --- */ .abonnement .abonnement-choix > div div { padding: 30px 10px 36px; } .abonnement .service-abonne .barre-incline { left: 31%; } .abonnement .service-abonne p { padding: 0 19px; } /* ======================================================================================================== FIN Espace Client -- */ /* ========================================================================================= DEBUT Alerte */ .alerte .alerte-table tr td:nth-child(3), .alerte .alerte-table tr td:nth-child(4) { width: 23%; } .alerte .alerte-table tr td:nth-child(7) { width: 11%; } .home-connectee .formulaire-recherche > div > i { font-size: 76px; } .home-connectee .formulaire-recherche .btn-group-lg > .btn, .btn-lg { margin: 0 0 0 0px; } .carousel-individus .person { margin: 0 9.5px; } .home-connectee .creation-arbre h3, .liste-arbre .creation-arbre h3 { margin: 6px 0 3px -15px; width: 58%; } .liste-arbre .creation-arbre h3 { margin: 6px 0 3px 0; } /* ========================================================================================= FIN Home Connectée */ /* ========================================================================================= DEBUT Confirmation abonnement */ .resultat-confirmation .illustration-tablette { background-position: 600px 60px; } .resultat-confirmation .illustration-impression-arbre { background-position: 514px 10px; } .resultat-confirmation .illustration-responsive { background-position: 522px 64px; } /* ========================================================================================= FIN Confirmation abonnement */ /*================================================================================================================================================================= ========================================================== NOM DE FAMILLE ======================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ .nomdefamille .lastnameDetailsFlash:after { bottom: 51px; right: 99px; } /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== ABONNMENT ===================================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */ .paywall.paywall-offre .offre .bloc-offre-reactivation { width: 80%; } .paywall.paywall-offre .appliq-reduction { padding: 0; } .paywall.paywall-argument .texte-video { margin: 60px 0 0; } .paywall.paywall-argument .texte-video h5 { font-size: 23px; } .paywall.paywall-offre .essai-gratuit .plus-client div p { width: 88%; } .paywall.paywall-offre h1 { font-size: 34px; } } /* ========================================================================================= FIN Page Paywall => proposition 2 icon */ /* ========================================== ============================================= ================ inf. 992 px ================ ============================================= ============================================= */ @media (max-width: 992px) { .abonnement-7j .bloc-offre { margin-left: 182px; } /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/ .home-jlb { width: 86%; } .col-md-pull-2.exclu-title { right: 0; left: 0; } h1.offre-beaucarnot { margin-top: 0; } .col-md-push-10.img-fete-peres { left: 40%; } .mac-peres { width: 20%; } h1 .livre-exclu { font-size: 38px; } .block-book { width: 72% !important; height: 300px; } .size-jlb { width: 70%; padding-left: 0; } .size-jlb p { font-size: 12px; } p.make-dedicace { margin-bottom: 10px !important; } input.champ-dedicace { height: 45px; width: 53%; float: left; } p.offre-tarif { margin: 5px 0; } h3.title-book { margin: 0 0 8px 0; font-size: 23px; } p.offre-tarif { font-size: 20px; } button.offre-commande { margin-top: 0; margin-left: 5px; } .description-livre { width: 74%; } input.champ-dedicace + label { width: 45%; } /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/ /*-------------------- DEBUT gifts members ----------------------------*/ .gifts-cmd .paywall-left { padding-left: 20px !important; } /*------------------------- FIN gifts members -----------------------------*/ /*------------------------ DEBUT essai 7j juin 2017 -----------------*/ .essai-7j .bloc-essai-sept { padding: 0; } .essai-7j .bloc-essai-sept .essai-actif h4, #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 { text-align: center; } .txt-check, .new-modal-dialog .txt-check { width: 74%; } .new-modal-dialog .modal-body .cache-img-consult { height: 250px !important; overflow: hidden; position: relative; width: 100%; } .new-modal-dialog .modal-body img { left: -41px !important; position: absolute; height: auto; max-width: initial !important; } .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check { padding: 0 20px; } /*------------------------ FIN essai 7j juin 2017 -----------------*/ .header-fusion .identification i { right: -4px; } .modif-event { width: 92%; } .champs-periode div.marge-top10px-768, .champs-periode div.marge-top10px-768:last-child { padding: 0 0 0 5px; } .bootstrap-select .dropdown-toggle.btn { padding: 3px 25px 3px 9px; } .moteur-search-beta .champs-periode div.marge-top10px-768 { width: 48.5%; display: inline-block; } .moteur-search-beta .champs-periode div.marge-top10px-768.col-sm-3 { width: 25%; } .moteur-search-beta .champs-periode div.marge-top10px-768.col-sm-3 #inputYear, .moteur-search-beta .champs-periode div.marge-top10px-768.col-sm-3 #inputToYear { padding: 10px 9px; } #partial-view-layer { margin-top: 10% !important; } .recherche .champs-periode div.marge-top10px-768.col-sm-3 { width: 25%; } .recherche .champs-periode div.marge-top10px-768 { width: 48.5%; } .messagerie .bs-callout .footer-callout p { float: left; } /* ====================================================================================================================================================================================================================================================================================================================================== ======================================================================================================== ERREUR ================================================= =================================================================================================================================================================== ================================================================================================================================================================================================================*/ .page-erreur img { width: 80%; } #message-gene-filae img { width: 100%; } /* ====================================================================================================================================================================================================================================================================================================================================== ======================================================================================================== POPUP ================================================= =================================================================================================================================================================== ================================================================================================================================================================================================================*/ /* ======================================================== FIN Message Genealogie.com devient Filae =========================*/ .bandeau-new-donnees h1 { font-size: 17px; margin: 5px 0; } .bandeau-new-donnees + #containAll .navbar-fixed-top { top: 30px; } .bandeau-new-donnees.alert-dismissible .close { top: 2px; } /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== HOME ================================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Full Home november 2016 -- */ .home-page { background-position: 27% 0; } p.paragraphe-accroche { margin: 439px 0 0 -7px; } .intro .play-video { left: 202px; top: 216px; } .intro .play-video i { font-size: 108px; } .intro .bloc-formulaire h1 { font-size: 23px; margin: 0 0 8px; } .intro .bloc-formulaire { margin: 32px 0 0; } /*---------------------------- Témoignages -- */ .home .temoignage h2 { font-size: 29px; margin: 31px 0 0 0; } .home .temoignage p.texte { font-size: 15px; margin: 4px 0; } .home .temoignage p.texte:before { top: 0; } .home .temoignage p.texte:after { top: 50px; } /*---------------------------- Recherche -- */ .home .recherche { background-position: 68% 14%; height: 704px; margin-bottom: 350px; } .home .recherche img { margin: 232px auto 0; } /*---------------------------- Départements -- */ .bloc-departement .carousel-departement a { left: -30px; } .bloc-departement .carousel-departement a + a { right: -30px; } /* ======================================================================================================== FIN Full Home novembre 2016 -- */ /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */ .intro.test2 .bloc-formulaire h1 { width: 100%; font-size: 41px; } .home-page-bas.test2, .home-page.test2 { background-position: 24% 0; } /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== ARBRE ================================================================================================= =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Menu arbre */ .menu-arbre { margin: 0 0 43px; } .nav-arbre .nav li.recherche-arbre { border: none; } .nav-arbre .nav li { border-right: none; } .nav-arbre .nav li { padding: 7px 16px; } .moteur-recherche { float: left; margin: 56px 0 0 2px; position: absolute; } .moteur-recherche li.recherche-arbre { display: block; } .moteur-recherche li.recherche-arbre input { display: inline; margin: 0 5px 0 0; width: 300px; } .moteur-recherche li.recherche-arbre a .icon-i-loupe-gauche { color: #ff5555; font-size: 28px; vertical-align: top; } .moteur-recherche li.recherche-arbre a .icon-i-loupe-gauche:hover { color: #ff5555; } .nav-arbre .nav li.fin-lien { border-left: none; } /* ======================================================================================================== DEBUT Fusion -- */ /* Body fiche fusion : Evènement, time-line ... */ .body-fusion .timeline > li > .timeline-panel { padding: 0 9px; width: 61%; } .fiche-fusion-1 i.icon-i-rond-fleche-droite { font-size: 41px; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel { padding: 0 9px; width: 80%; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel .styled-select-moyen.special-entre select { width: 126%; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre { width: 32% !important; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre-seul { width: 66% !important; } .fiche-fusion-2 .body-fusion .timeline-info h3 { max-width: 90%; } /* ======================================================================================================== DEBUT FULL Création d'Arbre -- */ .full-creation-arbre { background-position: -107px 0; } /* ======================================================================================================== FIN FULL Création d'Arbre -- */ /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */ .creation-arbre-tunnel .astuce span { width: 86%; } .creation-arbre-tunnel.separation, .creation-arbre-tunnel .separation { border-right: 0; } .creation-arbre-tunnel .bloc-indiv { margin: 0; } .creation-arbre-tunnel .bloc-indiv + .bloc-indiv { margin: 0 0 20px 0; } .creation-arbre-arbre .marge-grd-parent { width: 0; } .creation-arbre-arbre .bloc-membre { width: 62px; } .creation-arbre-arbre .lien-grd-parent-a { width: 30px; } .creation-arbre-arbre .lien-grd-parent-b { width: 75px; } .creation-arbre-arbre .lien-grd-parent-d { width: 65px; } .creation-arbre-arbre .lien-grd-parent-e { width: 149px; } .creation-arbre-arbre .lien-grd-parent-c { width: 62px; } .creation-arbre-arbre .marge-parent-a { width: 34px; } .creation-arbre-arbre .marge-parent-b { width: 76px; } .creation-arbre-arbre .lien-parent-a { width: 64px; } .creation-arbre-arbre .lien-parent-b { width: 152px; } .creation-arbre-arbre .lien-parent-c { width: 144px; } .creation-arbre-arbre .marge-racine { width: 107px; } .creation-arbre-arbre .bloc-membre.select + .marge-parent-b { width: 69px; } .creation-arbre-arbre .generation:last-child .bloc-membre.connu.select { width: 64px; } .creation-arbre-arbre .bloc-membre.inconnu { transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; } .creation-arbre-arbre .bloc-membre.select { margin: -10px 0 0; width: 70px; } .creation-arbre-arbre .bloc-membre.select .circle canvas, .creation-arbre-arbre .bloc-membre.select.connu .circle canvas { right: 10px; } .creation-arbre-arbre .bloc-membre.select .info-membre p { font-size: 12px; } .creation-arbre-arbre #ppere.bloc-membre.select, .creation-arbre-arbre #pmere.bloc-membre.select, .creation-arbre-arbre #mpere.bloc-membre.select, .creation-arbre-arbre #mmere.bloc-membre.select { margin: -10px 0 0 -5px; } } @media (max-width: 992px) and (max-height: 650px) { .contenu-bas { top: 50px; } .creation-arbre h1 { font-size: 37px; } .creation-arbre h2 { font-size: 31px; } .full-ecran { min-height: 703px; } } body { display: table; table-layout: fixed; } body .bloc-essai-sept .bg-essai-7j { float: inherit; } body .bg-essai-phone { float: inherit; display: block; margin: 0 auto; } @media (max-width: 992px) { /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */ /* ========================================== AVEC RESULTAT */ .creation-arbre-arbre div.col-lg-12 { padding: 22px 0 0 37px; } /* ========================================== SANS RESULTAT */ .creation-arbre-resultat.aucun #completechamp .sujet-resultat div { margin: 0 0 0 -15px; } /* =========================================================== FIN Résultat recherche (arbre tunnel) -- */ /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */ /* ======================================================================================================== DEBUT Arbre en ligne -- */ /*---------------------------------- Navigation dans les arbre */ /* --- Branches -- */ .reglage-arbre-lateral { top: 220px; } .arbre-classique .branche-arbre-classique .generation-3 li p { max-width: 70%; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso { width: 59%; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso { width: 65%; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso { width: 57%; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .info-perso { width: 72%; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso { width: 70%; } /* ======================================================================================================== FIN Arbre en ligne -- */ /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */ .invitations table.messagerie-table tr .pseudo-table p { max-width: 134px; } .invitations table.messagerie-table thead tr th { font-size: 13px; line-height: 13px !important; vertical-align: top; } /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */ /* ========================================================================================= DEBUT Liste des arbres */ .liste-arbre .donnees-arbre p + a div.profil + div { width: 78%; } /* ========================================================================================= FIN Liste des arbres */ /* ========================================================================================= FIN Import Gedcom de la page de création d'arbre */ .page-import-gedcom .tuto-import .plateforme-medias { line-height: normal; min-height: auto; padding: 15px 15px; position: inherit; margin: 0 0 24px 0; } /* ========================================================================================= DEBUT Import Gedcom de la page de création d'arbre */ /*================================================================================================================================================================= =================================================================================================================================================================== ======================================================================================================== RECHERCHES =========================================== =================================================================================================================================================================== =================================================================================================================================================================== ============ */ /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */ /*------------------------ Moteur recherche BETA--- */ .moteur-search-beta .plusoptions { display: block; margin: -13px 70px 3px 0; } .moteur-search-beta h2 { margin: 0 0 19px 0; font-size: 24px; } .moteur-search-beta .input-lg { padding: 10px 17px; } /* ======================================================================================================== FIN Page Moteur de Recherche Full (BETA) -- */ /* ======================================================================================================== DEBUT Page Moteur de Recherche + résultat (BETA) -- */ .champs-periode { padding: 0 0 0 15px; } .recherche #clearform i { padding: 10px 0 0 27px; } .recherche .plusoptions { margin: 8px 0 0 0; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement--- */ .offer-bar .btn-inscription button { margin: 1px 0 0 -4px; } .offer-bar p { font-size: 14px; margin: 0 0 0 -12px; padding-top: 0px; } .offer-bar { background-image: none; } .offer-bar .btn-essai-gratuit { margin: 0 0 0 11px; padding: 0; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour l'EC 19e S acces gratuit--- */ span.label.transparent { display: none; } /*--------- Popup Activation essai gratuit -- */ #popup-1erdoc .modal-dialog, #popup-1erdoc .modal-dialog.new-modal-dialog, #popup-1erdoc .modal-dialog.popup-size { width: 70%; } #popup-1erdoc .modal-body .cache-img-consult { height: 371px; overflow: hidden; position: relative; width: 100%; } #popup-1erdoc .modal-body .act-preview { display: none; } #popup-1erdoc .modal-body img { left: -84px; position: absolute; height: auto; } #popup-1erdoc .modal-body a img { left: inherit; position: inherit; height: auto; } #popup-1erdoc .popup { box-shadow: 3px 3px 6px #333333; left: 22px; width: 91%; } /* ======================================================================================================== FIN Page Moteur de Recherche + résultat (BETA) -- */ /* ======================================================================================================== DEBUT Page Recherches par sources -- */ /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */ .sources-banniere { height: 120px; } .sources-banniere .sources-titre-banniere { font-size: 30px; line-height: 32px; width: 240px; } .sources-info { font-size: 27px; padding: 15px 11px; } .sources-info-texte span { font-size: 11px; } .sources-info-texte p { font-size: 25px; } .sources-exemple-bloc div { margin: 10px 0 0 0; } .sources-banniere { padding: 6px 0 7% 15px; } /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */ .sources-exemple-bloc a { width: 66%; } .sources-exemple-bloc.deux-doc a { width: 48%; } .source_right_image_level3 { display: none; } /* ======================================================================================================== FIN Page Recherches par sources -- */ /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */ /*-------------------------------------------------------------------------- HEADER FICHE --- */ .phrase-resultat { width: 415px; } .phrase-resultat p { font-size: 20px; } /*------------------------------------------ Onglets --- */ .timeline > li > .timeline-panel { width: 91%; } /* ======================================================================================================== FIN Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */ /* ======================================================================================================== DEBUT Page Recherches par département -- */ body.recherche-ec { margin-bottom: 275px; background-position: 50% -16px; } .info-departement img + div + img { display: none; } .info-departement img + div { width: 80%; } .info-departement img { margin: 19px 0 0; } .chiffre-cle-ec .sources-info .icon-i-marianne, .chiffre-cle-ec .sources-info .icon-i-berceau, .chiffre-cle-ec .sources-info .icon-i-mariage, .chiffre-cle-ec .sources-info .icon-i-tombe { text-align: center; width: 100%; margin: 0; } .sources-info-texte { width: 100%; } .chiffre-cle-ec .sources-info-texte span { margin: 0; } .chiffre-cle-ec .sources-info-texte p { margin: -7px 0 0; } .sources-info-texte { margin: -5px 0 0; } /* ======================================================================================================== FIN Page Recherches par département -- */ /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */ .resultat-ec .detail-acte .detail-personne .nom-personne h2 { width: 86%; } /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */ /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== CONNECTE =============================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */ table.messagerie-table thead tr th { line-height: 0; } table.messagerie-table tr .pseudo-table p { max-width: 83px; } table.messagerie-table tr .message-table p { max-width: 172px; } table.messagerie-table thead tr th + th + th { padding-left: 0; } .messagerie .corbeille .header.h-discussion div:first-child { float: right; } .messagerie .header.h-discussion .input-group { margin: 0 -15px 10px 0; } .messagerie .corbeille .header.h-discussion > div > a { float: right; margin: 0 -15px 0 0; } table.messagerie-table tr .acces span i { margin: 11px 7px 0 0; } table.messagerie-table thead tr th:nth-child(2) span { margin: 3px 0; } .messagerie .header.h-discussion.echange-msg h4 { margin: 0 0 35px 0; } /* -- Callout => message d'alert, d'information de la documentation de bootstrap non inclu dans bootstrap.css => http://cpratt.co/twitter-bootstrap-callout-css-styles/ --*/ .messagerie .bs-callout .footer-callout p { clear: left; float: left; } .espace-client .arbre-public li p { width: 82%; } .espace-client .cover-profil:hover div.hover-client { width: 96%; } .espace-client .cover-profil img { left: -31%; width: 163%; } /* -- Paramètres espace client -- */ .espace-client .parametres-client .input-mdp { display: block; width: 100%; } .espace-client .parametres-client .input-mdp + a { margin: 13px 0 0; } .espace-client .parametres-client .input-mdp + a + a { margin: 13px 13px 0 0; } /*--- abonnement --- */ .abonnement .statut { display: block; float: inherit; margin: 14px 0 0; } .abonnement .info-prix > div > div { height: 134px; } .abonnement .abonnement-choix > div div { margin: 0 0 15px; padding: 14px 10px 17px; } .abonnement .abonnement-choix > div div p { margin: 0; } .abonnement .abonnement-choix > div div p + p { margin: 0 0 6px; } .abonnement .abonnement-choix > div div p + p + p { margin: 0 0 9px; } .abonnement .abonnement-choix > div div p + p + p + p { height: auto; } .abonnement .abonnement-choix a.btn { margin: 5px 0 0; } .abonnement .service-abonne { margin-top: 0; } .abonnement .service-abonne > div { margin: 0 0 27px; } .abonnement .service-abonne .barre-incline { left: 40%; } /* ======================================================================================================== DEBUT Espace Client = > Résumé données Arbre -- */ .resume-arbre .donnees-arbre div p + p + p { line-height: 18px; margin: 8px 0 0; } /* ======================================================================================================== FIN Espace Client = > Résumé données Arbre -- */ /* ========================================================================================= DEBUT Alerte */ .messagerie .header.h-discussion .input-group, .alerte .header.h-discussion .input-group, .historique .header.h-discussion .input-group { margin: 0 0 0 -15px; } .alerte .header.h-discussion a.btn { margin: 15px 0 0 -15px; } .alerte .alerte-table tr:hover .select-check .selection { background: transparent; } .alerte .alerte-table tr td:nth-child(3), .alerte .alerte-table tr td:nth-child(4) { width: 18%; } .alerte .alerte-table tr td:nth-child(5) { width: 12%; } .alerte .alerte-table tr td:nth-child(7) { width: 15%; } .archive .archive-table tr td:nth-child(2) { padding: 0; width: 0; } /* ========================================================================================= FIN Alerte */ /* ========================================================================================= DEBUT Archives */ .archive .archive-table tr td:nth-child(2) img { display: none; } /* ========================================================================================= FIN Archives */ /* ========================================================================================= DEBUT Home Connectée */ .home-connectee .bs-callout div { width: 68%; } .carousel-individus .person { margin: 0 4px; } .home-connectee .formulaire-recherche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important; } .home-connectee .formulaire-recherche .champs-periode div.select + .double, .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double { width: 22%; } .home-connectee .formulaire-recherche .champs-periode div.bootstrap-select + div { width: 45%; } .home-connectee .derniere-maj { background-image: none; min-height: auto; } .home-connectee .derniere-maj li a { max-width: 80%; } .home-connectee .creation-arbre { background-position: 147px top; } .home-connectee .creation-arbre h3 { width: 70%; } /* ========================================================================================= FIN Home Connectée */ /* ======================================================================================================== DEBUT Messages et demandes d'acces -- */ .messagerie .new-message .h-discussion a.btn + a.btn { margin: 15px 0 0 0; } .messagerie .header.h-discussion a.btn { margin: 15px -15px 0 8px; } .nomdefamille .tab-4colonne table { padding: 0 0 21px 5px; width: 49%; } /* ======================================================================================================== FIN Messages et demandes d'acces -- */ /* ========================================================================================= DEBUT Confirmation abonnement */ .confirm-abo h2 { margin-top: 10px; } .confirm-abo .text-abo { margin-top: 10px; } .resultat-confirmation .illustration-tablette, .resultat-confirmation .illustration-impression-arbre, .resultat-confirmation .illustration-responsive { background: none; } /* ========================================================================================= FIN Confirmation abonnement */ /* =================================================================================================================================================================== ========================================================== NOM DE FAMILLE ======================================================================================== =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ .nomdefamille .recherche-nomdefamille img { height: 216px; } .nomdefamille .lastnameDetailsFlash { margin: 22px 0 0 0; } .nomdefamille .lastnameDetailsFlash:after { bottom: 51px; right: -11px; } .nomdefamille div.input-rech-nom { float: left; width: 550px; } /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== ABONNMENT ===================================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */ .paywall.paywall-offre { padding: 15px 0 76px; } .paywall.paywall-temoignage .carousel { width: 100%; } .paywall.paywall-offre .offre .bloc-offre h2.reduction + span + p { font-size: 15px; } .paywall.paywall-offre .essai-gratuit .plus-client div p { font-size: 18px; width: 100%; } .paywall.paywall-offre .essai-gratuit { padding: 37px 0 15px; } } /* ========================================================================================= FIN Page Paywall => proposition 2 icon */ /* ========================================== ============================================= ================= inf. 768 px =============== ============================================= ============================================= */ @media (max-width: 767px) { .SeoSem .recherche { height: 100% !important; } .abonnement-7j .bloc-offre { margin: 0 auto; } /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/ .home-jlb { width: 100%; } .img-jlb { display: none; } .col-sm-12.img-fete-peres { left: 35%; } .mac-peres { width: 20%; } .col-sm-12.exclu-title { left: 0; } h1.offre-beaucarnot { margin-top: -8px; } .exclu-title { width: 72%; } h1 .livre-exclu { font-size: 36px; } .block-book { width: 96% !important; height: 850px; } .img-book-jlb { width: 100%; float: none; text-align: center; } .book-ancetres { display: inline-block; } .size-jlb { width: 98%; padding: 0 36px 0 17px; margin-top: 20px; text-align: center; } .size-jlb p { font-size: 12px; } p.make-dedicace { margin-bottom: 10px; } input.champ-dedicace { height: 45px; width: 100%; float: none; } p.offre-tarif { margin: 5px 0; } h3.title-book { margin: 0 0 8px 0; font-size: 25px; } p.offre-tarif { font-size: 20px; } button.offre-commande { margin-top: 0; } .description-livre { width: 100%; } input.champ-dedicace + label { width: 95%; } /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/ /*-------------------- DEBUT bon cadeau ----------------------------*/ .gifts-cmd .right-off { display: none; } .gifts-cmd .bloc-cmd-right { padding: 20px 20px 20px 35px; } .txt-register { margin-top: 30px; } /*-------------------- FIN bon cadeau ----------------------------*/ /*------------------------ DEBUT essai 7j juin 2017 -----------------*/ body.essai-7j { background-color: #fff; background-image: none; } .essai-7j .bloc-essai-sept .essai-actif h4, #popup-1erdoc .new-modal-dialog .bloc-essai-sept .essai-actif h4 { text-align: center; } .essai-7j .bloc-essai-sept .col-sm-12.essai-actif h4 { padding-left: 0; } .txt-check, .new-modal-dialog .txt-check { width: 100%; } .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check { padding: 0 20px; } .new-modal-dialog .modal-body img { left: -129px !important; position: absolute; height: auto; } .carte-num-open, .carte-num-close { border: 1px solid #ccc; } /*------------------------ FIN essai 7j juin 2017 -----------------*/ .timeline-info .multiple-img, .timeline-info img, .timeline-info .icon-i-piece-filae { display: none; } .modif-event { width: 92%; } #headerform .col-sm-7.champs-periode { padding-right: 0; } .moteur-search-beta .champs-periode #divFromYear, .moteur-search-beta .champs-periode #divToYear { width: 49% !important; } .moteur-search-beta .champs-periode div.marge-top10px-768 { width: 50%; display: inline-block; } .recherche .champs-periode div.marge-top10px-768 { width: 50%; } .recherche .champs-periode div.marge-top10px-768 .dropdown-toggle.btn { width: 96%; } .champs-periode div.marge-top10px-768:first-child { width: 100%; } .side-collapse-container { height: auto; } body, #containAll { height: 100%; } .subscription-welcome-title { margin-bottom: 30px; } body.no-responsive-767 { min-width: 750px; } body.no-responsive-767 .modal-dialog { width: 640px; margin: 30px auto; } /* ======================================================================================================== DEBUT class utiles -- */ header + .container, header + script + .container, .container.page, .container.page-contenu, .container.liste-arbre, .container.alerte, .container.archive, .container.historique, .container.resume-arbre, .container.home-connectee, .container.resultat-ec, .container.paiement-cheque, .tunnelB, .tunnelB { margin-bottom: 0; margin-top: 0; min-height: auto; } .container.home-connectee { margin-top: 50px; } .container.page.page-departement { /* pour page spéciale département (licence signée) */ margin-bottom: 0; margin-top: 0; min-height: auto; } .container.espace-client, .container.sondage-reflexe, .container.inscr-conn { margin-bottom: 0; margin-top: 62px; height: auto; min-height: auto; } .reglage-arbre-lateral + .container { margin-bottom: 0; margin-top: 0; height: auto; } /*------------------------ marges générales --- */ .marge-top10px-768 { margin-top: 10px; } /*------------------------ textes / Liens / Boutons --- */ .modal-footer .btn { margin: 0 3px 6px 3px !important; } .styled-select-moyen select.lg { width: 104%; } } @media screen and (max-width: 767px) and (min-width: 0\0 ) { /* IE9 et IE10*/ .styled-select-moyen select.lg { width: inherit; } } @media (max-width: 767px) { @supports (-ms-accelerator: true) { /* Edge */ .styled-select-moyen select.lg { width: inherit; } } .modal-dialog { width: auto; } a.back-to-top { bottom: 76px; } /* ======================================================================================================== FIN class utiles -- */ /* -------------- Menu latéral gauche page messagerie, parametre arbre, espace perso ... --------------*/ .menu-lateral-gauche .navbar-toggle { background-color: #445599; padding: 0; } .menu-lateral-gauche .navbar-toggle:hover, .menu-lateral-gauche .navbar-toggle:focus { background-color: #2a4a77; } .menu-lateral-gauche .navbar-toggle i { color: #fff; line-height: inherit; padding: 5px 10px; } .menu-lateral-gauche .navbar-nav { margin: auto; } .active .menu-lateral-gauche .nav-tabs { padding: 0 10px 20px 20px; position: absolute; background: #fff; z-index: 10; } .menu-lateral-gauche button { z-index: 100; } /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== POPUP ================================================================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ====================================================== DEBUT Message informatif (ex : popup sur le passage de genealogie.com a filae) =========================*/ .modal .message-informatif .modal-content .row > div:first-child { padding: 15px 30px 15px 30px; text-align: center; } .bandeau-new-donnees h1 { font-size: 16px; margin: 4px 0; width: 73%; } .bandeau-new-donnees + #containAll .navbar-fixed-top { top: 44px; } .home-page { background-position: 21% 357px; } .intro .bloc-formulaire h1 { font-size: 33px; text-align: center; margin: 0 0 12px; } .intro { min-height: 885px; } p.paragraphe-accroche { margin: 85px 0 0 48%; color: #2B2550; } p.paragraphe-accroche { border-left: 1px solid #2B2550; } .intro .play-video { top: 181px; left: 43%; } .home .temoignage { padding: 18px 0; } .home .temoignage h2 { margin: 0 0 10px 0; } .home .temoignage .carousel-inner .item { min-height: 285px; padding: 11px 0 30px; } .home .temoignage p.texte { padding: 0 38px; } .home .temoignage p.texte:before { left: 19px; } .home .temoignage p.signature { bottom: -78px; left: 54px; } .home .temoignage h2 + a { margin-bottom: 8px; } .home .recherche h1 { font-size: 40px; margin: 27px 0 32px; } .home .recherche .bloc-recherche .input-annee { padding-left: 15px; } .home .recherche { background-position: 54% 14%; margin-bottom: 241px; } .home .recherche img { height: 224px; margin: 177px auto 0; } .home .recherche h3 { font-size: 26px; } .bloc-departement .carousel-departement a { left: -15px; } .bloc-departement .carousel-departement a + a { right: -15px; } /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */ .intro.test2 .bloc-formulaire { text-align: center; } .home-page.test2 { background-position: 24% 233px; } .home-page-bas.test2 { background-position: 24% 0; } .home-page.test2 p.paragraphe-accroche { margin: 85px 0 0 48%; } /* =================================================================================================================================================================== ========================================================== ARBRE ================================================================================================= =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Menu arbre */ .intro.test2 { min-height: 783px; } .intro.test2 .play-video { left: 75px; } .menu-arbre { margin: 0 0 8px; } .moteur-recherche { margin: 5px 0 0 2px; z-index: 1000; } .menu-arbre .navbar-toggle { background-color: #ff5555; margin-bottom: 0; margin-top: 0; } .menu-arbre .navbar-toggle:hover, .menu-arbre .navbar-toggle:focus { background-color: #ff5555; } .moteur-recherche li.recherche-arbre a .icon-i-loupe-gauche { vertical-align: top; } /* ======================================================================================================== DEBUT Menu arbre */ .nav-arbre .nav li { border-right: none; } .nav-arbre .nav li { display: block; } .nav-arbre .nav li { padding: 7px 9px; } .nav-arbre .nav li.fin-lien { border-left: medium none; } .nav-arbre li a .icon-i-dossier-trombonne { font-size: 28px; margin: 0 5px 0 0; } .nav-arbre li a .icon-i-dossier-trombonne + span { display: inline; } .bloc-import { float: none; margin: 0 10px; width: 100%; } .bloc-export { border-left: 0 none; border-top: 1px solid #ff5555; float: none; width: 100%; } .bloc-export .modal-header button { display: none; } /* ======================================================================================================== DEBUT Fusion -- */ .fusion-question div div.pull-right { float: left !important; } /* ======================================================================================================== FIN Fusion -- */ /* ======================================================================================================== DEBUT FULL Création d'Arbre -- */ .full-creation-arbre .bloc-formulaire { margin-top: 306px; } } @media (max-width: 767px) and (max-height: 750px) { .full-ecran { min-height: 784px; } } @media (max-width: 767px) { .creation-arbre-arbre { position: inherit; text-align: center; margin: 0 0 50px 0; } .creation-arbre-arbre .bloc-membre, .creation-arbre-arbre .generation:last-child .bloc-membre.connu.select { width: 70px; margin: 0; } .creation-arbre-arbre .lien-grd-parent-a { width: 0; } .creation-arbre-arbre .lien-grd-parent-d { width: 0; } .creation-arbre-arbre .lien-grd-parent-e { width: 157px; } .creation-arbre-arbre .marge-parent-a { width: 0; } .creation-arbre-arbre .lien-parent-a { width: 0; } .creation-arbre-arbre .lien-parent-c { width: 0; } .creation-arbre-arbre .marge-racine { width: 0; } .creation-arbre-arbre .bloc-membre.select { height: 104px; margin: -3px 0 0; } .creation-arbre-arbre .bloc-membre.select + .marge-parent-b { width: 75px; } .creation-arbre-arbre .lien-grd-parent-c { width: 70px; } .creation-arbre-arbre #ppere.bloc-membre.select, .creation-arbre-arbre #pmere.bloc-membre.select, .creation-arbre-arbre #mpere.bloc-membre.select, .creation-arbre-arbre #mmere.bloc-membre.select { margin: -4px 0 0; } /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */ /* ========================================== AVEC RESULTAT */ .creation-arbre-arbre div.col-lg-12 { padding: 23px 0 0 0; } .creation-arbre-resultat .bloc-resultat .nom-resultat img { display: none; } /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */ /* ========================================================================================= DEBUT Liste des arbres */ .liste-arbre .info-arbre .titre-arbre div + div i { float: left; margin: 0 20px 17px 0; } .liste-arbre .donnees-arbre div:first-child { border-right: 0; padding-bottom: 15px; } .liste-arbre .row-eq-height { display: inherit; } .liste-arbre .donnees-arbre div p { font-size: 13px; } /* ========================================================================================= FIN Liste des arbres */ /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== POPUP ================================================================================================= =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT popup - Bouton "connexion/inscription" - PAGES GENERALES -- */ /* ---------------------- popup - Bouton "connexion/inscription" -- */ #connexion .bloc-connexion, #connexion1 .bloc-connexion { width: 100%; background-image: none; height: auto; } #connexion .bloc-inscription, #connexion1 .bloc-inscription { width: 100%; } #connexion .separation-bloc, #connexion1 .separation-bloc { width: 93%; background: #ff5555; float: left; margin: 0 15px 0 15px; height: 1px; } .modal-body .input-modal input[type=text], .modal-body .input-modal select { width: 70%; } .modal-body .input-modal input.btn-ok[type=text], .modal-body .input-modal select.btn-ok { width: 51%; } .modal-body .input-check-modal label { width: 88%; } .connexion .bloc-connexion .modal-header button.close { display: block; } .connexion .bloc-inscription .modal-header button.close { display: none; } /* ======================================================================================================== FIN popup - Bouton "connexion/inscription" - PAGES GENERALES -- */ /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== RECHERCHE =============================================================================================== ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */ /*------------------------ Menu principal BETA--- */ .menu-carre { margin: 8px 0 0 15px; } .menu-principal-beta .navbar-brand { left: 65px; margin: 2px 0 0; position: absolute; } .menu-deroulant-beta li:first-child { margin: 10px 0 0; } .menu-deroulant-beta ul { margin: 5px 0 0 -13px; width: 174px; } .menu-deroulant-beta nav { border: 0; } /*------------------------ Moteur recherche BETA--- */ #searchForm .form-group { margin-bottom: 0; } #searchForm .form-group { margin-bottom: 0; } .moteur-search-beta h2 { margin: 0 0 11px 0; } .moteur-search-beta button { width: 100%; } .moteur-search-beta .plusoptions { margin: 12px 0 33px 0; } span.centrage-lien { margin: 0; } body.full-beta { background-color: #d5d8da; background-image: none; } .moteur-search-beta .input-lg { padding: 10px 16px; } .moteur-search-beta .champs-periode div.marge-top10px-768:first-child .input-lg { padding: 0 10px 0 0; } .champs-periode { padding: 0 15px 0 15px; } .champs-periode div.marge-top10px-768 { padding: 0; } .champs-periode div.marge-top10px-768:last-child { padding: 0 0 0 15px; } /* ======================================================================================================== FIN Page Moteur de Recherche Full (BETA) -- */ /* ======================================================================================================== DEBUT Page Moteur de Recherche + résultat (BETA) -- */ .recherche button:not(.clear-input) { width: 100%; } .recherche #clearform i { padding: 10px 0 0; } /*------------------------ Filtres--- */ #searchUpdateTarget .tab-content { margin: 15px 0 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Popup 1ere consultation -- */ /* ======================================================================================================== FIN Page Moteur de Recherche + résultat (BETA) -- */ /* ======================================================================================================== DEBUT Page Recherches par sources -- */ /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */ .sources-banniere { display: none; } .sources-info-collection img { display: none; } .sources-info-collection p { margin: 0 0 12px; } .sources-info-collection p + p { margin: 0; } .sources-titre-banniere { font-size: 30px; font-weight: bold; line-height: 30px; margin: -9px 0 12px; width: auto; } .sources-exemple-bloc a { width: 70%; } /*-------------------------------------------------------------------------- RECHERCHES Niveau 2 --- */ .sources-info-collection ul li { width: 100%; } /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */ .sources-exemple-bloc.deux-doc a { width: 70%; } /* ======================================================================================================== FIN Page Recherches par sources -- */ /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */ nav#option-fiche-resultat > label > span > i.caret { margin: 0 0 0 5px; border-color: #fff transparent -moz-use-text-color; } nav#option-fiche-resultat > label > span { color: #fff; font-size: 12px; } #option-fiche-resultat li { display: block; } #option-fiche-resultat ul { float: left; padding: 0; } /* handling clic with CSS3 checked */ /* Theming closed nav */ nav#option-fiche-resultat > input:not(:checked) ~ ul { max-height: 0; overflow: hidden; } /* Theming opened nav */ nav#option-fiche-resultat > input:checked ~ ul { max-height: 20em; overflow: visible; } /* Global styling nav button */ nav#option-fiche-resultat > label { display: block; } nav#option-fiche-resultat > label:before { display: block; cursor: pointer; } nav#option-fiche-resultat > input:checked + label::before { background-position: center, center, center; } .phrase-resultat { width: 100%; } .phrase-resultat p { font-size: 18px; } .phrase-resultat + div { display: inline; } .acces-arbre-resultat { display: table; float: none; margin: 6px auto 0; } /*------------------------------------------ Onglets --- */ .timeline > li > .timeline-panel { width: 87%; } .nav-tabs > li > a { padding: 12px 8px; } /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /*----------------------- POPUP => Importer : question est-ce la mm personne ? --- */ .question-correspondance { width: 120%; } /* ======================================================================================================== FIN Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */ /* ======================================================================================================== DEBUT Page Recherches par département -- */ body.recherche-ec { margin-bottom: 0; background-image: none !important; } .chiffre-cle-ec { display: none; } .info-departement img + div { width: 68%; } .info-departement { height: auto; margin: 0; } .footer-recherche-ec { position: relative; } body.recherche-ec { background-position: 0 29px; } /* ======================================================================================================== FIN Page Recherches par département -- */ /* =================================================================================================================================================================== =================================================================================================================================================================== ========================================================== ARBRES ================================================================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */ /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /*----------------------- POPUP => Modification fiche nom, prenom ... --- */ .modal-body label.radio-inline { display: block; margin: 0 0 5px 0; } /*----------------------- POPUP => Modification Cercle familial --- */ .cercle-familial-modification .individu .profil + p { width: 58%; } .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle { margin: -5px 2px -2px; } .dropdown-menu.menu-cercle { min-width: 100%; } } @media screen and (max-width: 767px) and (min-width: 0\0 ) { /* IE9 et IE10*/ .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle { margin: -4px 3px -3px 3px; } } @media (max-width: 767px) { /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers => un seul doc --- */ img.ajout-telechargement { width: 55%; margin: 0 0 15px 15px; } img.ajout-telechargement + i { left: 32%; top: 42%; } label.checkbox.label__add-image { display: block; margin: -6px 0 13px 15px; } /* ======================================================================================================== DEBUT Arbre en ligne -- */ /*---------------------------------- Navigation dans les arbre */ .reglage-arbre-lateral { top: 40%; } /*---------------------------------- Navigation classique */ .arbre-classique .individu h1 { margin: 0 0 10px; width: 91%; } .arbre-classique .individu h1 span:first-child { display: block; } .arbre-classique .individu h1 span + span { margin: 0; } /*---------------------------------- Navigation ascendante */ /* ======================================================================================================== FIN Arbre en ligne -- */ /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */ .resultat-ec #option-fiche-resultat li.dropdown ul.dropdown-menu { left: 0; right: auto; } .resultat-ec .detail-acte .detail-personne .nom-personne h2 { width: 78%; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details p { width: 20%; } /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */ /* ==================================================================================================================================================================== ===================================================================================================================================================================== ======================================================================================================== CONNECTE ================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ===========================================*/ /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */ .messagerie .active .menu-lateral-gauche .nav-tabs { top: -47px; } table.messagerie-table tr .acces span i { font-size: 23px; margin: 11px 2px 0 0; } .messagerie > div { margin: 0; } .messagerie .header.h-discussion .input-group { margin: 8px -15px 10px 0; } .messagerie .header.h-discussion div:first-child { float: right; } .messagerie .contact .fiche-contact .image-fiche .profil { display: none; } .messagerie .contact .fiche-contact .image-fiche a { bottom: 5px; margin: 0; top: auto; display: block; } .messagerie .contact .fiche-contact .image-fiche .profil + a { bottom: 5px; left: 60px; right: auto; top: auto; } .messagerie .contact .fiche-contact { text-align: left; padding: 10px; } .messagerie .contact .fiche-contact span { width: 70%; display: inline-block; } .messagerie .contact .fiche-contact span p { padding: 0; } .messagerie .contact .fiche-contact span p + p { padding: 0; margin: 0 0 30px 0; cursor: default; } .messagerie .contact .fiche-contact span + a { float: right; margin: 23px 0 0 0; } .messagerie .no-contact .header.h-discussion { border-bottom: 0; } .messagerie .header.h-discussion.echange-msg h4 { margin: 6px 0 34px 46px; font-size: 19px; line-height: normal; } /* - chat - */ .ancien-message.pseudo-message p { margin: 0 0 0 -15px; } /*- Nouveau message -*/ .messagerie .new-message .h-discussion h4 { margin: 20px 0 24px 39px; } /* ======================================================================================================== DEBUT Espace Client -- */ .btn-see { margin-top: 10px; } .row-offcanvas-left .menu-lateral-gauche .sidebar-offcanvas { left: 0%; position: relative; width: 100%; } .liste-arbre .info-arbre .titre-arbre div + div > ul { float: left; } .liste-arbre .info-arbre .titre-arbre div + div > ul i { margin: 8px 32px 10px 0; } .liste-arbre .info-arbre .titre-arbre ul li.dropdown ul.dropdown-menu { left: 0; right: auto; } .espace-client .tab-pane h4 { margin: 16px 0 10px 0px; } .espace-client .tab-pane .bs-callout h4 { margin: 0 0 5px 0; } .espace-client .tab-pane h4.titre-marge-top { margin: 40px 0 10px; } .espace-client .cover-profil + .row { margin-bottom: 21px; } .espace-client .profil-client .multiple-input .faux-input { width: 25%; } .espace-client .profil-client .multiple-input .input-simple { width: 19%; } .espace-client .cover-profil + .row a { float: left; margin: 10px 0 0; } .espace-client .cover-profil:hover div.hover-client, .espace-client .client.profil:hover div { display: none; } .espace-client .cover-profil img { height: 160px; width: auto; } /*--- abonnement --- */ .abonnement .info-abonnement { margin-bottom: 19px; margin-top: 6px; } .abonnement .info-prix > div > div { height: auto; } .abonnement .info-prix > div:last-child { border-right: 0; margin: 18px 0 0 0; } .abonnement .info-prix > div a { margin: 1px 0 0; } .abonnement .service-abonne { margin-bottom: 14px; } /* ----- DEBUT Récapitulatif paiement par chèque */ .paiement-cheque div.row:first-child a { float: left; margin: -8px 0 15px; } /* ======================================================================================================== FIN Espace Client -- */ /* ======================================================================================================== DEBUT Espace Client = > Résumé données Arbre -- */ .resume-arbre .carte-membre { padding: 10px; text-align: left; } .resume-arbre .carte-membre .profil { display: inline-block; float: inherit; margin: 7px 8px 10px 0; vertical-align: top; } .resume-arbre .carte-membre .profil + div { display: inline-block; } .resume-arbre .carte-membre p { margin: 3px 0 6px; } .resume-arbre .header-resume h3 { margin: 14px 0 8px; } .resume-arbre .header-resume div + div div { float: left; margin: 11px 0 0 0; } .resume-arbre .donnees-arbre div { border-right: 0; margin: 0 0 16px; } .resume-arbre .donnees-arbre div p + p { display: inline-block; font-size: 29px; line-height: 24px; } .resume-arbre .donnees-arbre div p + p + p { display: inline-block; line-height: 18px; margin: 8px 0 0 7px; } .resume-arbre .donnees-arbre { margin-bottom: 0; } /* ======================================================================================================== FIN Espace Client = > Résumé données Arbre -- */ /* ========================================================================================= DEBUT Alerte */ .alerte div.row:first-child a, .historique div.row:first-child a { float: left; margin: -8px 0 17px; } /* ========================================================================================= FIN Alerte */ /* ========================================================================================= DEBUT Archives */ .archive .archive-table tr td:nth-child(3) { white-space: inherit; } .archive .h-discussion > div.col-xs-10 { padding: 0; } .archive span.dropdown.choix-table > a { margin: 13px 0 0 -15px; } /* ========================================================================================= FIN Archives */ /* ========================================================================================= DEBUT Arbre public */ .arbre-public .info-gauche { margin: 0; } /* ========================================================================================= FIN Arbre public */ /* ========================================================================================= DEBUT Home Connectée */ .home-connectee .header h1 + img { display: none; } .home-connectee .formulaire-recherche .champs-periode div { margin-bottom: 15px; } .home-connectee .formulaire-recherche .champs-periode div.select + .double, .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double { width: 24%; } .home-connectee .formulaire-recherche .champs-periode div.bootstrap-select + div { width: 49%; } .home-connectee .formulaire-recherche .btn-group-lg > .btn, .btn-lg { margin: 0 0 12px 0; width: 100%; } .home-connectee .formulaire-recherche + div + div .plus-moins { height: 167px; } .carousel-individus .person { margin: 0 9px; } .home-connectee .bs-callout { text-align: center; padding: 5px 5px 12px 5px; } .home-connectee .bs-callout div { display: block; margin: 0 0 13px; padding: 0; width: auto; } .carousel-individus .person { margin: 0 17px; } .home-connectee .creation-arbre { background-position: right top; } .home-connectee .mCustomScrollbar.sans-arbre { height: auto; } .home-connectee .creation-arbre, .liste-arbre .creation-arbre { background: #2B2550; } .home-connectee .creation-arbre h3, .liste-arbre .creation-arbre h3 { width: 100%; } /* ========================================================================================= FIN Home Connectée */ /* ========================================================================================================================================================================================================================================================================================================================================== =================================================================== CARTES POSTALES =============================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ .colonne-carte-postale .pagination-table .text-center { text-align: left; } .colonne-carte-postale .pagination-table .select-page, .colonne-carte-postale .pagination-table .select-page div { float: left; margin-bottom: 20px; margin-top: 0 !important; } .colonne-carte-postale .bloc-contenu .row div:last-child { text-align: center; margin: 12px 0 0 0; } /* =================================================================================================================================================================== ========================================================== NOM DE FAMILLE ========================================================================================= =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ .nomdefamille .lastnameDetailsFlash { display: none; } .nomdefamille div.input-rech-nom { display: none; } /* =================================================================================================================================================================== ========================================================== FORUM ========================================================================================= =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /*--- repondre message -- */ .forum .repond-table-forum #forum_ctl00_EditorLine textarea { margin: 10px 0 6px; width: 400px !important; } /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== ABONNMENT ===================================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */ .paywall.paywall-argument .ecran-video { text-align: center; width: 100%; } .paywall.paywall-offre { padding: 15px 0 86px; } .paywall.paywall-argument .ecran-video a { left: 42%; } .paywall.paywall-argument .texte-video { margin: 25px 0 0; width: 100%; } .paywall.paywall-offre .essai-gratuit .plus-client section div { margin: 0 0 13px 0; } .paywall.paywall-offre { padding: 15px 0 61px; } } /* ========================================================================================= FIN Page Paywall => proposition 2 icon */ /* ========================================== ============================================= =================== inf. 480 px ============= ============================================= ============================================= */ @media (max-width: 480px) { .abonnement-7j .text-center { text-align: center; } /*---------------------------------------------- DEBUT page beaucarnot ---------------------------------------------------*/ .img-jlb { display: none; } .col-xs-12.img-fete-peres { left: 0; text-align: right; } .mac-peres { width: 30%; } .col-xs-12.exclu-title { left: 0; } .home-jlb { width: 100%; } .exclu-title { width: 100%; } h1 .livre-exclu { font-size: 36px; } .block-book { width: 93% !important; height: 850px; } .img-book-jlb { width: 100%; float: none; text-align: center; } .book-ancetres { display: inline-block; } .size-jlb { width: 90%; padding: 0; margin-top: 20px; } .size-jlb p { font-size: 12px; } p.make-dedicace { margin-bottom: 10px; } input.champ-dedicace { height: 45px; width: 100%; float: none; } p.offre-tarif { margin: 5px 0; } h3.title-book { margin: 0 0 8px 0; font-size: 25px; } p.offre-tarif { font-size: 20px; } button.offre-commande { margin-top: 0; } .description-livre { width: 100%; } input.champ-dedicace + label { width: 95%; } /*---------------------------------------------- FIN page beaucarnot ---------------------------------------------------*/ /*----------------------------- DEBUT bon cadeau -----------------------------*/ .gifts-cmd .right-off { display: none; } .gifts-cmd .gift-payment { margin: 2px 10px 2px 0; } /*------------------------------ FIN bon cadeau -----------------------------*/ .txt-check, .new-modal-dialog .txt-check { padding-left: 15px; width: 100%; } .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check, .popup-bg-essai .bloc-essai-sept .bg-essai-phone .txt-check { padding: 0 20px; } .essai-7j .bloc-essai-sept .col-xs-12.essai-actif h4 { padding-left: 0; } .new-modal-dialog .modal-body img { left: -218px !important; position: absolute; height: auto; } .modif-event { width: 88%; } .moteur-search-beta .champs-periode #divFromYear, .moteur-search-beta .champs-periode #divToYear { width: 47% !important; } #partial-view-layer { margin-top: 6% !important; } /* ======================================================================================================== DEBUT class utiles -- */ .hidden-xxs { display: none; } /*------------------------ textes / Liens / Boutons --- */ .styled-select-moyen select.lg { width: 106%; } /* FORMAT LONG col-lg-12 */ .styled-select-moyen select.lg { width: 106%; } } @media screen and (max-width: 480px) and (min-width: 0\0 ) { /* IE9 et IE10*/ .styled-select-moyen select.lg { width: inherit; } } @media (max-width: 480px) { @supports (-ms-accelerator: true) { /* Edge */ .styled-select-moyen select.lg { width: inherit; } } a.back-to-top { bottom: 135px; } /* -- Callout => message d'alert, d'information de la documentation de bootstrap non inclu dans bootstrap.css => http://cpratt.co/twitter-bootstrap-callout-css-styles/ --*/ .bs-callout span { width: 100%; } .bs-callout span + i { display: none; } /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== HOME ================================================================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Full Home novembre 2016 -- */ /*---------------------------- Création arbre => Image full ecran -- */ .home-page { background-position: 21% 394px; } .intro .bloc-formulaire h1 + div p { display: inline-block; font-size: 16px; margin: 0 4px 0 0; } p.paragraphe-accroche { background: rgba(255, 255, 255, 0.8); margin: 351px 0 0 -16px; padding: 9px 14px; } p.paragraphe-accroche { border-left: 0 none; } .intro .play-video { left: 187px; top: 165px; } /*---------------------------- Recherches -- */ .home .recherche { background-image: none; height: 830px; margin-bottom: 0; background-color: #fff; } .home .recherche h1 { font-size: 32px; } .home .recherche img { height: auto; margin: 29px 0 0; width: 100%; } /*---------------------------- Témoignages -- */ .home .temoignage { display: none; } /*---------------------------- Départements -- */ .bloc-departement .carousel-departement .item img { height: 90px; } .bloc-departement .carousel-departement { margin-bottom: 79px; } /* ======================================================================================================== FIN Full Home novembre 2016 -- */ /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */ .intro.test2 .bloc-formulaire h1 { width: 82%; } .intro.test2 p.paragraphe-accroche { background: none; margin: 103px 0 0 175px; } p.paragraphe-accroche { border-left: 1px solid #2B2550; } .intro.test2 { min-height: 851px; } .home-page.test2 { background-position: 24% 301px; } .intro.test2 .play-video { left: 1px; } /* ======================================================================================================== FIN Full Home janvier 2017 -- */ /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== POPUP ================================================================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================== DEBUT petite fenetre de dialogue => message de validation de suppression des modifications sur fiche individu -- */ .dream_alert { width: 68%; left: 44%; top: 15%; padding: 25px 20px; } .alert-icon.alert-icon-center { margin: 0 0 12px; } /* ==================================================================================================================================================================== ==================================================================================================================================================================== ========================================================================================== BANDEAU ANNONCE =================================================== ===================================================================================================================================================================== ==================================================================================================================================================================== ====================*/ .bandeau-new-donnees + #containAll .navbar-fixed-top { top: 61px; } .bandeau-new-donnees h1 { width: 95%; } .bandeau-new-donnees h1 a { display: block; } /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== RECHERCHE =============================================================================================== ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Page Moteur de Recherche Full (BETA) -- */ /*------------------------ Moteur recherche BETA--- */ .moteur-search-beta h2 { margin: 0 0 7px 0; } /* ======================================================================================================== FIN Page Moteur de Recherche Full (BETA) -- */ /* ======================================================================================================== DEBUT Page Recherches par sources -- */ /*-------------------------------------------------------------------------- RECHERCHES Niveau 1 --- */ .menu-carre { background-color: RED; } .subcategories_list li a { display: block; margin: 7px 0 0; } .subcategories_list div { clear: left; margin: 0 0 3px; width: 100%; } .subcategories_list li img { display: none; } .sources-image-collection .subcategories_list { margin: 6px 0 15px; } .subcategories_list li a h2 { font-size: 16px; } .subcategories_list li a h2:before { content: "-"; } .sources-exemple-bloc a { width: 56%; } /*-------------------------------------------------------------------------- RECHERCHES Niveau 3 --- */ .sources-exemple-bloc.deux-doc a { width: 56%; } /* ======================================================================================================== FIN Page Recherches par sources -- */ /* ======================================================================================================== DEBUT Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */ /*------------------------------------------ Onglets --- */ /*------------------------------------------ Onglets --- */ .timeline > li > .timeline-panel { width: 77%; } .timeline-heading img, #map { display: none; } /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /*----------------------- POPUP => Importer : question est-ce la mm personne ? --- */ .question-correspondance { width: 143%; } /* ======================================================================================================== FIN Fiche résultat d'un arbre ( a partir des résultats de recherches) -- */ /* ======================================================================================================== DEBUT Page Recherches par département -- */ .info-departement img { width: 81px; margin: 11px 0 0 0; } .info-departement img + div p { font-size: 11px; } .info-departement img + div { margin: 6px 0 8px 14px; } .info-departement img + div p + p { margin: 10px 0 0; } .info-departement img + div p + p a { display: block; } .info-departement img + div p + p .pipe { display: none; } /* ======================================================================================================== FIN Page Recherches par département -- */ /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== ARBRE ================================================================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Menu arbre */ .recherche-arbre span.twitter-typeahead { width: 81%; } .moteur-recherche li.recherche-arbre input { width: 99%; } /* ======================================================================================================== DEBUT Fiche Individu d'un arbre en mode EDITION( à partir des ses arbres) -- */ .menu-document li { display: inline-block; margin: 0 8px 6px 0; } .timeline-info .multiple-img, .timeline-info img, .timeline-info .icon-i-piece-filae { display: none; } .timeline-info p, .timeline-title { width: 90%; } /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /*----------------------- POPUP => Modification fiche nom, prenom ... --- */ .modal-body label.radio-inline { display: block; margin: 0 0 5px 0; } .special-entre { width: 32% !important; } input.special-entre { width: 32% !important; } .special-entre { width: 31% !important; } /*----------------------- POPUP => Modification Cercle familial --- */ .cercle-familial-modification .individu .profil + p { width: 66%; } .cercle-familial-modification .individu i.glyphicon-scissors + span, .cercle-familial-modification .individu.enfant i.glyphicon-scissors + span { display: none; } .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle { margin: -5px 3px -2px; } .modal-body.mini-arbre .individu-connu button.btn-cercle span.caret-cercle i { font-size: 12px; } .modal-body.mini-arbre .individu-connu .dropdown-menu.menu-cercle li p { max-width: 100%; } /*----------------------- POPUP => Cercle familial : Ajouter une personne => Ajouter un Conjoint => Créer un conjoint --- */ .modal-footer .checkbox { text-align: left; } /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers --- */ .plateforme-medias .btn { white-space: inherit; } /*----------------------- POPUP => Ajouter un document => Photos ou Fichiers => un seul doc --- */ img.ajout-telechargement { width: 89%; } img.ajout-telechargement + i { font-size: 49px; left: 50%; top: 50%; } /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */ .creation-arbre-arbre .bloc-membre, .creation-arbre-arbre .generation:last-child .bloc-membre.connu.select { width: 64px; } } @media (max-width: 480px) and (max-height: 850px) { .full-ecran { min-height: 828px; } } @media (max-width: 480px) { /* ======================================================================================================== DEBUT Arbre en ligne -- */ .reglage-arbre-lateral { top: 270px; } /* ======================================================================================================== FIN Arbre en ligne -- */ /* ======================================================================================================== DEBUT Resultat relevé EC => viewer sans image -- */ .resultat-ec .detail-acte .detail-personne .nom-personne h2 { width: 100%; } .resultat-ec .detail-acte .detail-personne .evenement-personne .details p { width: 32%; } /* ======================================================================================================== FIN Resultat relevé EC => viewer sans image -- */ /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */ .faux-input p.label-champs { font-size: 13px; } .confidentialite h4.titre-marge-top + .btn { float: left; margin: 0 0 10px; } /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */ /* ========================================================================================= DEBUT Liste des arbres */ .liste-arbre .info-arbre { padding: 12px; } .liste-arbre .donnees-arbre div p { text-align: center; } .liste-arbre .donnees-arbre div p { font-size: 12px; } .liste-arbre .donnees-arbre .profil { float: none; margin: auto; } .liste-arbre .donnees-arbre div p { height: 28px; } .liste-arbre .donnees-arbre div:first-child p { height: auto; } .liste-arbre .donnees-arbre p + a div.profil + div p { height: auto; margin: 8px 0 0 0; display: block; } .liste-arbre .donnees-arbre .profil .initiale { display: inline-block; margin: 6px 0 0 5px; } .liste-arbre .donnees-arbre p + a div.profil + div { width: 100%; } /* ========================================================================================= FIN Liste des arbres */ /* ========================================================================================= DEBUT Import Gedcom de la page de création d'arbre */ .page-import-gedcom ul { text-align: center; } /* ========================================================================================= FIN Import Gedcom de la page de création d'arbre */ /* ===================================================================================================================================================================== ===================================================================================================================================================================== ========================================================== CONNECTE ================================================================================================= ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Messages et demandes d'acces ----------------- */ .messagerie .row-offcanvas-left .sidebar-offcanvas { left: 3%; } .messagerie .sidebar-offcanvas { width: 64%; } .messagerie .row-offcanvas-left.active { left: 67%; } table.messagerie-table tr .pseudo-table p { max-width: 73px; } table.messagerie-table tr .message-table p { max-width: 119px; } .messagerie .header.h-discussion > div > span > a { padding: 10px 11px; } table.messagerie-table tr .profil-table, table.messagerie-table thead tr th:nth-child(1) { display: none; } /* Contact */ .messagerie .contact .fiche-contact span { display: block; width: 100%; } .messagerie .contact .fiche-contact span + a { float: inherit; margin: 0; } .messagerie .contact .fiche-contact .image-fiche a, .messagerie .contact .fiche-contact .image-fiche .profil + a { bottom: 50px; } .messagerie .contact .fiche-contact span p + p { margin: 0 0 39px; } /* - chat - */ .messagerie .ecrire { margin: 20px 0 8px; } .messagerie .ecrire div + div { width: 100%; } .messagerie .ancien-message div:first-child, .ancien-message.envoye div:last-child { display: none; } .messagerie .ancien-message div + div, .ancien-message.envoye div + div { width: 100%; } .messagerie .ecrire a.btn { float: right; margin: 5px -15px 0 0; } .messagerie .ancien-message.pseudo-message div { display: block; } .messagerie .header.h-discussion.echange-msg h4 { min-height: 46px; } /* ======================================================================================================== DEBUT Espace Client -- */ .espace-client h4 { font-size: 22px; } .btn-see { margin-top: 6px; } .espace-client .arbre-public li p { width: 74%; } .espace-client .profil-client .multiple-input .faux-input { width: 21%; } .espace-client .client.profil { margin: -66px auto 0; float: none; } .espace-client h4, .espace-client h4 + p { text-align: center; } .espace-client .bs-callout h4, .espace-client .bs-callout h4 + p { text-align: left; } .espace-client h4.titre-marge-top + p { text-align: left; } .espace-client .tab-pane h4 { text-align: left; } .espace-client .cover-profil + .row a { border: 0; display: block; font-size: 15px; text-align: center; text-decoration: underline; float: none; } .espace-client .cover-profil img { left: -154%; } /*---- Paramétres client */ .form-group.input-simple .show-password { top: 12px; } /*--- abonnement --- */ .abonnement h4.facture + a { display: block; float: inherit; margin: -4px 0 10px; } .abonnement .service-abonne > div { text-align: left; } .abonnement .service-abonne i { display: inline-block; margin: 0 0 0 25px; } .abonnement .service-abonne div:last-child i { margin: 0 0 0 13px; } .abonnement .service-abonne p { display: inline-block; margin: 0 0 0 14px; vertical-align: top; width: 62%; } .abonnement .service-abonne div:last-child p { margin: 0; } .abonnement .service-abonne .barre-incline { left: 14px; margin: 0; top: 30px; } .abonnement .service-abonne div:last-child p.barre-incline { top: 24px; width: 96px; } /* ========================================================================================= FIN Espace-client */ /* ========================================================================================= DEBUT Arbre public */ .arbre-public .info-arbre-public h3 { width: 100%; } .arbre-public .info-arbre-public h3 + a { display: block; float: inherit; margin: 0 0 5px; } /* ========================================================================================= FIN Arbre public */ /* ========================================================================================= DEBUT Home Connectée */ .home-connectee .header .profil { float: none; margin: auto; } .home-connectee .header h1 { text-align: center; font-size: 28px; } .home-connectee .formulaire-recherche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important; } .home-connectee .formulaire-recherche .champs-periode div.select + .double, .home-connectee .formulaire-recherche .champs-periode div.select + .double + .double { width: 49%; } .home-connectee .formulaire-recherche .champs-periode div.bootstrap-select + div { width: 100%; } .home-connectee .derniere-consultation li p { width: 100%; } .home-connectee .derniere-consultation li p a + span { max-width: 73%; } .home-connectee .derniere-maj li a { max-width: 72%; } .home-connectee .creation-arbre { background-image: none; } .home-connectee .creation-arbre h3 { width: 100%; } .home-connectee .creation-arbre .text-center { text-align: center; } .home-connectee .creation-arbre .radio.radio-primary input[type=radio]:checked ~ .check, .home-connectee .creation-arbre label.radio-inline input[type=radio]:checked ~ .check { background-color: #fff; } /* ========================================================================================= FIN Home Connectée */ /*=================================================================================================================================================================== ========================================================== NOM DE FAMILLE ========================================================================================== ===================================================================================================================================================================== ===================================================================================================================================================================== ====================*/ .nomdefamille .recherche-nomdefamille input { display: block; margin: 0; width: 100%; } .nomdefamille .recherche-nomdefamille input + a { margin: 10px 0 0; } .nomdefamille .tab-3colonne table { width: 100%; border-right: 0 none; margin-left: 0; } .nomdefamille .tab-3colonne .rangCell { width: 27%; } .nomdefamille .tab-3colonne .nameCell { width: 56%; } .nomdefamille .tab-4colonne table { border-right: 1px solid #cccccc; display: inline-block; padding: 0 0 21px 5px; vertical-align: top; width: 100%; } /* ====================================================================================================================================================================================================================================================================================================================================== =================================================================== ABONNMENT ===================================================================================== ========================================================================================================================================================================================================================================================================================================================================= */ /* ========================================================================================= DEBUT Page Paywall => proposition 2 icon */ .paywall.paywall-argument .ecran-video a { left: 36%; } .paywall.paywall-argument li span { display: inline-block; width: 89%; } .paywall.paywall-argument li span.badge { width: auto; display: initial; } /* ========================================================================================= FIN Page Paywall => proposition 2 icon */ /* ======================================================================================================== DEBUT Full Home janvier 2017 -- */ .intro.test2 .bloc-formulaire h1 { width: 100%; font-size: 41px; } } /* TUTO HINTS CSS */ #tuto-hints::-webkit-scrollbar { display: none; } @media screen and (min-width: 768px) { .tuto-hints-time { position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; z-index: 9999; opacity: 1; overflow: hidden; animation-duration: 0.5s; color: white !important; font-size: 1.8rem; } #tuto-hints { position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: rgba(54, 62, 99, 0.96); z-index: 9999; opacity: 1; overflow: hidden; animation-duration: 0.5s; color: white !important; font-size: 1.7rem; } } @media (max-height: 805px) { #tuto-hints { overflow: scroll; } } #tuto-hints #onboarding-viewer-01 { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; } #tuto-hints .font14px-container { font-size: 14px !important; } .individual-sheet-container #tuto-hints .tuto-osd-text { margin-bottom: 30px; } .no-display-bottom { position: absolute; bottom: 30px; left: 50%; transform: translatex(-50%); color: #fff; } #onboarding-hints-02 { display: none; } #tuto-hints h2.title-tuto-hints { text-align: center; color: white !important; font-size: 2.4rem; line-height: 45px; margin: 0; } #tuto-hints .title-tuto-hints { text-align: center; color: white !important; font-size: 2.4rem; line-height: 45px; } .title-big-tuto-hints { font-size: 4.5rem; color: white !important; text-align: center; } .title-big-tuto-hints { font-size: 4.5rem; color: white !important; text-align: center; } .header-fake #navbar, .header-fake .dropdown { opacity: 0; } .drop-hints { opacity: 1 !important; color: white; background-color: #ff5555 !important; border-radius: 100px; width: 50px; } #profilHover li a.icon-connected { display: block; } .drop-hints a { color: white; } .navbar-header { float: left; } #arrow-home { height: 30px; position: absolute; top: 0; right: 50px; } .btn-border-white { background-color: transparent; border: 1px solid #fff; color: #fff; } .btn-border-white:hover { background-color: white; color: #465569; } .title-tuto-hints { padding: 70px !important; margin-top: 0 !important; margin-bottom: 0 !important; margin: 0 auto; position: relative; } .tuto-hints-text { margin-bottom: 30px; } .mini-title-tuto-hints { font-size: 2.2rem; } .bloc-cta-hints { margin-top: 50px; } .bloc-cta-hints .btn-orange { margin-right: 10px; } .img-right { float: right; } .close-icon-container { position: fixed; right: 0; top: 0; color: white; padding: 10px; z-index: 1040; } .close-icon-container:hover { cursor: pointer; color: white; } .description-hints { position: absolute; top: 64px; width: 171px; left: 50%; transform: translateX(-50%); text-align: center; font-size: 1.5rem; } .no-display-container { margin-top: 50px; } .fake-navbar { opacity: 0; } .fake-ads { height: 160px; margin-top: 53px; opacity: 0; } .fake-individual-sheet { overflow: visible !important; } .fake-individual-sheet #arrow-home { top: -55px; transform: rotate(268deg); right: 90px; } .text-arrow { top: -105px; position: absolute; right: 22px; text-align: center; } .no-display-link { color: #fff; text-align: center; margin: 30px auto 0 auto; } .no-display-link:hover { color: #ff5555; } .no-display-bottom a { color: white; } .drop-hints { position: relative; } .navbar-fake .navbar-collapse.second-nav li.dropdown:hover > a { color: #fff; } @media (max-width: 767px) { .img-right { float: unset; } .img-right img { margin: 0 auto; } #containAll #tuto-hints, #tuto-osd { display: none; } } /* PART 02 ONBOARDING */ #onboarding-hints-02 .title-tuto-hints { padding-bottom: 0 !important; } .bloc-howitworks { padding: 40px; } @media (max-width: 982px) { .bloc-howitworks { padding: 25px; } } .number-onboarding-hints { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 80px; width: 80px; position: relative; margin: 0 auto; font-size: 5rem; border: 1px solid white; border-radius: 100px; } .number-onboarding-hints .icon-genea.icon-i-hints { position: absolute; top: -25px; left: -25px; height: 50px; width: 50px; color: #ff5555; } .title-howitworks { font-size: 2.5rem; color: white; text-align: center; } .title-howitworks-big { font-size: 4rem; } .text-howitworks { font-size: 1.75rem; margin-top: 40px; } /* FIN CSS TUT0 HINTS */ header + .container, header + script + .container, .container.page, .container.page-contenu, .container.messagerie, .container.liste-arbre, .container.alerte, .container.archive, .container.historique, .container.messagerie, .container.resume-arbre, .container.resultat-ec, .container.paiement-cheque, .tunnelB, .tunnelB, .container-fusion, .container.news_hints_page { margin-bottom: 30px; margin-top: 50px; } .container-fusion { min-height: 883px; } .container.page.page-departement { margin-bottom: 0; margin-top: 50px; min-height: 74vh; } .container.espace-client, .container.sondage-reflexe { margin-bottom: 30px; margin-top: 50px; height: auto; min-height: auto; } .container.liste-individus { margin-bottom: 2.4rem; height: auto; min-height: 94vh; } .container.liste-individus a.disabled { pointer-events: none; cursor: default; text-decoration: none; } .reglage-arbre-lateral + .container { margin-bottom: 30px; margin-top: 20px; height: 88vh; } /*---------------------------------- Navigation classique */ .arbre-classique, .arbre-descendant { font-family: "Lato", sans-serif; margin-bottom: 40px; } .arbre-classique .individu { border-bottom: 1px solid #757585; margin-bottom: 10px; } .arbre-classique .individu h1 { float: left; margin: 0 0 10px -16px; font-size: 30px; } .arbre-classique .individu h1 span + span { font-weight: normal; font-size: 18px; margin: 0 0 0 10px; } .arbre-classique .individu h1 span + span + span { font-weight: normal; font-size: 12px; text-transform: uppercase; color: #fff; padding: 2px 10px 2px 10px; background: #757585; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 0 0 0 10px; } .arbre-classique .individu h1 span + span + span.femme { background: #ff8888; } .arbre-classique .individu h1 span + span + span.homme { background: #66cccc; } .arbre-classique .individu a { color: #d5d8da; float: right; margin: 0 -16px 0 0; } .arbre-classique .individu a:hover { color: #ff5555; } .arbre-classique div.top-hints { position: absolute; top: -2px; left: -1rem; } .arbre-classique div.top-hints.partners-top-hints { top: 0; left: -1px; } .arbre-classique div.top-hints i.icon-i-hints-01 .top-hints-icon-container .icon-genea { position: absolute; top: -4px; left: -4px; } .arbre-classique div.top-hints i.icon-i-hints-01 .top-hints-icon-container .icon-i-plus { left: 5px; top: 1px; } .arbre-classique div .inconnu.real-time-parents.generation-2 .top-hints { left: -23px; } .arbre-classique div .inconnu.real-time-parents.generation-2 .top-hints .icon-i-plus { -moz-transform: translateY(0.5px); -ms-transform: translateY(0.5px); -webkit-transform: translateY(0.5px); transform: translateY(0.5px); left: 10px; } .arbre-classique div .inconnu.real-time-parents.generation-3 .top-hints .icon-i-plus { right: 2.5px; top: 2.5px; font-size: 6px; } .arbre-classique div .generation-0-individu.real-time-parents .top-hints { left: -7px; } .arbre-classique .menu-cercle li .top-hints { top: 0; left: -3px; } .arbre-classique .generation-3 li i[class*=icon] { float: none; font-size: 1.5rem; } .arbre-classique .generation-3 li i.icon-i-hints-01.icon-genea { position: absolute; top: 0; left: 0; color: #ff5555; z-index: 1; } .arbre-classique .generation-3 li i.icon-i-plus { -moz-transform: translate(0.5px, 5%); -ms-transform: translate(0.5px, 5%); -webkit-transform: translate(0.5px, 5%); transform: translate(0.5px, 5%); position: absolute; top: 0.25rem; left: 0.6rem; font-size: 6px; z-index: 2; } .arbre-classique .generation-3 .top-hints { top: -0.1rem; left: -0.5rem; } .arbre-classique .generation-3 .top-hints .icon-i-plus { right: 2.5px; top: 2.5px; font-size: 6px; } .arbre-classique .generation-0 .real-time-parents .icon-i-plus { left: 9px; } /*----- Onglets Evènements, Documents, Notes --- */ .arbre-classique .document-individu { background: #fff; border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 40px 0 0 0; } .arbre-classique .document-individu .timeline-v2__event:first-child { margin-top: 12px; } .arbre-classique .document-individu .timeline-v2__event a.no-hover { overflow: inherit; } .arbre-classique .document-individu .timeline-v2__panel p { word-break: break-word; } .arbre-classique .document-individu .nav-tabs > li { width: 33.3333%; text-align: center; font-size: 15px; } .arbre-classique .document-individu .nav-tabs > li > a { border-color: transparent #fff transparent transparent; color: #333333; background: rgba(213, 216, 218, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 14px 0px 14px 0px; margin-right: 0; padding-left: 5px; } .arbre-classique .document-individu .nav-tabs > li > a:hover { text-decoration: none; background: rgba(213, 216, 218, 0.6); } .arbre-classique .document-individu .nav-tabs > li:last-child > a { border-color: transparent transparent transparent transparent; } .arbre-classique .document-individu .nav-tabs > li.active > a, .arbre-classique .document-individu .nav-tabs > li.active > a:focus, .arbre-classique .document-individu .nav-tabs > li.active > a:hover { border-color: transparent #d5d8da transparent transparent; color: #333333; background: #fff; } .arbre-classique .document-individu .nav-tabs > li.active:last-child > a, .arbre-classique .document-individu .nav-tabs > li.active:last-child > a:focus, .arbre-classique .document-individu .nav-tabs > li.active:last-child > a:hover { border-color: transparent transparent transparent transparent; text-decoration: none; } .arbre-classique .document-individu .nav-tabs { border: 0; margin: 0 -15px 17px -15px; } /*--- Onglet Evènements --*/ .arbre-classique .document-individu .timeline li .timeline-badge { height: 20px; width: 20px; } .arbre-classique .document-individu .timeline li:before { left: 10px; } .arbre-classique .document-individu .timeline li .timeline-panel { left: 18px; width: 100%; } .arbre-classique .document-individu .timeline .timeline-info { display: inline-block; vertical-align: top; } .arbre-classique .document-individu .timeline-title { width: 85%; } .arbre-classique .document-individu a { text-decoration: none; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .arbre-classique .document-individu a.real-time-image img { margin-bottom: 0; } .arbre-classique .document-individu:not(.individual-sheet--close-relatives) a i { color: #d5d8da; font-size: 24px; } .arbre-classique .document-individu a + a i { color: #fff; font-size: 44px; } .arbre-classique .document-individu .timeline-info p a i { background: none; color: #445599; float: inherit; font-size: 16px; height: auto; margin: 0; padding: 0; width: auto; } .arbre-classique .document-individu a:hover i { opacity: 0.8; } .arbre-classique .document-individu h3 a i { color: #445599; background: none; float: inherit; font-size: 18px; height: auto; margin: 0; padding: 0; width: auto; } .arbre-classique .document-individu h3 a:hover i { color: #445599; } .arbre-classique .document-individu a.fiche-complete { background: #fff; border-top: 1px solid #d5d8da; display: inherit; margin: 13px -15px 0 -15px; padding: 16px 10px; text-align: center; color: #333333; font-size: 15px; } .arbre-classique .document-individu a.fiche-complete:hover { background: rgba(213, 216, 218, 0.7); color: #333333; text-decoration: none; } .arbre-classique .document-individu .dropdown-menu > li > a { color: #333333; } .arbre-classique .document-individu .dropdown-menu > li > a:hover { color: #ff5555; text-decoration: none; } /* --- Onglet Documents -- */ .arbre-classique .document-individu .fiche-arbre-document i.icon-i-piece-filae { font-size: 44px; padding: 20px 0 0 15px; } .arbre-classique .document-individu .fiche-arbre-document a:hover i.icon-i-piece-filae { color: #d5d8da; } .arbre-classique .document-individu .fiche-arbre-document i.icon-note { font-size: 44px; padding: 17px 0 0 24px; } .arbre-classique .document-individu .fiche-arbre-document a:hover i.icon-note { color: #d5d8da; } .arbre-classique .document-individu #document nav { text-align: center; } .arbre-classique .document-individu .classement-doc li i { font-size: 18px; } /* --- Branches -- */ .arbre-classique .branche-arbre-classique .remonter { text-align: center; height: 39px; } .arbre-classique .branche-arbre-classique .remonter i { background: #d5d8da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 31px; color: #2B2550; } .arbre-classique .branche-arbre-classique .remonter a:hover i { background: rgba(129, 138, 145, 0.7); } .arbre-classique .branche-arbre-classique .row div + div .generation-2 .lien { height: 1px; width: 9px; position: absolute; left: -10px; background-color: #757585; top: 50%; } .arbre-classique .branche-arbre-classique .invisible > .lien-generation-1.enfant:before { visibility: visible; } .arbre-classique .branche-arbre-classique .lien-generation-3 { height: 31px; width: 1px; margin: 4px auto 0; background: #757585; } .arbre-classique .branche-arbre-classique .lien-generation-3:before { content: "\e67d"; font-family: "icomoon", sans-serif; font-size: 7.5px; left: -3px; position: relative; top: -10px; vertical-align: top; color: #757585; } .arbre-classique .branche-arbre-classique .lien-generation-2 { height: 65px; width: 1px; margin: -29px 50% 0; background: #757585; } .arbre-classique .branche-arbre-classique .lien-generation-2:before { content: "\e67d"; font-family: "icomoon", sans-serif; font-size: 7.5px; left: -4px; position: relative; top: -11px; vertical-align: top; color: #757585; } .arbre-classique .branche-arbre-classique .lien-generation-1 { height: 36px; width: 1px; margin: 0 50% 0; background: #757585; } .arbre-classique .branche-arbre-classique .lien-generation-1.enfant { height: 82px; width: 1px; margin: -46px auto 0; background: #757585; } .arbre-classique .branche-arbre-classique .lien-generation-1.enfant:before { content: "\e67d"; font-family: "icomoon", sans-serif; font-size: 7.5px; left: -3px; position: relative; top: -11px; vertical-align: top; color: #757585; } .arbre-classique .branche-arbre-classique [class*=relation-] .tree-rollover__btn, .arbre-classique .branche-arbre-classique [class*=generation-] .tree-rollover__btn { bottom: 0; right: 0.4rem; padding: 0.2rem 0 0 0.2rem; } .arbre-classique .branche-arbre-classique .generation-3 ul li { border-top: 1px solid #d5d8da; border-left: 1px solid #d5d8da; border-right: 1px solid #d5d8da; border-bottom: 0; padding: 3px 5px 1px; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; height: 27px; } .arbre-classique .branche-arbre-classique .generation-3 ul li + li { border-top: 1px solid #d5d8da; border-left: 1px solid #d5d8da; border-right: 1px solid #d5d8da; border-bottom: 1px solid #d5d8da; padding: 3px 5px 1px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .arbre-classique .branche-arbre-classique .generation-3 ul li + li.inconnu { border-top: 2px dashed #d5d8da; border-bottom: 2px dashed #d5d8da; } .arbre-classique .branche-arbre-classique .generation-3 ul li + li.inconnu.suggested-parent { border-color: #ff5555 !important; border-width: 1px !important; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu { border-top: 2px dashed #d5d8da; border-left: 2px dashed #d5d8da; border-right: 2px dashed #d5d8da; border-bottom: 0; padding: 0; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 27px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu.suggested-parent { border-color: #ff5555 !important; border-width: 1px !important; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li { border-top: 2px dashed #d5d8da; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu { border-top: 2px dashed #d5d8da; border-left: 2px dashed #d5d8da; border-right: 2px dashed #d5d8da; border-bottom: 2px dashed #d5d8da; padding: 3px 5px 0px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu.suggested-parent { border-color: #ff5555 !important; border-width: 1px !important; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu.suggested-parent p { max-width: 90%; } .arbre-classique .branche-arbre-classique .generation-3 ul li:not(.active):hover, .arbre-classique .branche-arbre-classique .generation-3 ul li:not(.active):hover i.material-icons { background: #F5F6FA !important; } .arbre-classique .branche-arbre-classique .generation-3 li span.cercle { height: 18px; width: 18px; border: 3px solid #8888ff; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; } .arbre-classique .branche-arbre-classique .generation-3 li span.cercle.homme { border: 3px solid #66cccc; } .arbre-classique .branche-arbre-classique .generation-3 li span.cercle.femme { border: 3px solid #ff8888; } .arbre-classique .branche-arbre-classique .generation-3 li span.cercle .cercle__icon.material-icons { width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background-color: #fff; bottom: -3px; color: #757585; font-size: 8px; position: absolute; right: -5px; top: inherit; } .arbre-classique .branche-arbre-classique .generation-3 li .singlepagetree i { font-size: 15px; float: right; } .arbre-classique .branche-arbre-classique .generation-3 li .tree-rollover__btn i { font-size: 1.8rem; } .arbre-classique .branche-arbre-classique .generation-3 li p { display: inline-block; margin: 0 0 0 5px; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .arbre-classique .branche-arbre-classique .generation-3 li p span { text-transform: uppercase; font-weight: bold; } .arbre-classique .branche-arbre-classique .generation-3 li a { color: #333333; display: block; } .arbre-classique .branche-arbre-classique .generation-3 li a:hover, .arbre-classique .branche-arbre-classique .generation-3 li a:focus { text-decoration: none; } .arbre-classique .branche-arbre-classique .generation-3 li a .top-hints-container { top: -1px; left: -5px; width: 15px; height: 15px; position: absolute; } .arbre-classique .branche-arbre-classique .generation-3 li a .top-hints-container i.icon-i-plus { color: #fff; font-size: 6px; position: absolute; right: 2.5px; top: 2.5px; z-index: 1; } .arbre-classique .branche-arbre-classique .generation-3 li.active span.cercle .cercle__icon.material-icons { background-color: #2B2550; color: #fff; } .arbre-classique .branche-arbre-classique .generation-3 li:not(.active):hover, .arbre-classique .branche-arbre-classique .generation-3 li:not(.active):hover i.material-icons { background: #F5F6FA; } .arbre-classique .branche-arbre-classique .generation-3 li .ajout { display: block; font-size: 20px; font-weight: bold; line-height: normal; margin: -3px 0 0 0; max-width: inherit; text-align: center; } .arbre-classique .branche-arbre-classique .generation-3 li .ajout.femme { color: #ec7b7b; } .arbre-classique .branche-arbre-classique .generation-3 li .ajout.homme { color: #66cccc; } .arbre-classique .branche-arbre-classique .generation-3 li:first-child .ajout { margin: -2px 0 0 0; } .arbre-classique .branche-arbre-classique .generation-2 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d8da; background: #fff; position: relative; } .arbre-classique .branche-arbre-classique .generation-2.inconnu { border: 2px dashed #d5d8da; padding: 6px 5px 4px; height: 71px; } .arbre-classique .branche-arbre-classique .generation-2.inconnu.real-time-parents { border: 1px dashed #ff5555; } .arbre-classique .branche-arbre-classique .generation-2.inconnu.real-time-parents a { font-size: 16px; color: #757585; } .arbre-classique .branche-arbre-classique .generation-2.inconnu-consult .ajout { font-size: 32px; margin: 7px 0 13px 0; } .arbre-classique .branche-arbre-classique .generation-2 .lien { height: 1px; width: 9px; position: absolute; right: -10px; background-color: #757585; top: 50%; } .arbre-classique .branche-arbre-classique .generation-2 a { text-decoration: none; color: #333333; display: block; padding: 10px 5px 4px; } .arbre-classique .branche-arbre-classique .generation-2:hover, .arbre-classique .branche-arbre-classique .generation-2:hover i.material-icons { background: #F5F6FA; } .arbre-classique .branche-arbre-classique .generation-2 .profil { height: 48px; margin: auto; width: 48px; float: left; } .arbre-classique .branche-arbre-classique .generation-2 .profil.image img { height: 48px; width: 48px; border-width: 3px; } .arbre-classique .branche-arbre-classique .generation-2 .profil .initiale { color: #fff; font-weight: 400; font-size: 19px; text-align: center; margin: 10px 0 0 0; } .arbre-classique .branche-arbre-classique .generation-2 .profil i { background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #757585; float: right; font-size: 14px; margin: -6px 0 0; padding: 3px; position: relative; } .arbre-classique .branche-arbre-classique .generation-2 .profil img + i { margin: -17px 0 0; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso { display: inline-block; margin: 0 0 0 6px; width: 61%; height: 50px; position: relative; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso p { margin: 0; font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso p:last-child { text-transform: none; font-weight: normal; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso p + p { text-transform: uppercase; font-weight: bold; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso p + p + p { font-size: 11px; font-style: italic; font-weight: normal; text-transform: inherit; } .arbre-classique .branche-arbre-classique .generation-2 .ajout { display: block; font-size: 51px; font-weight: bold; line-height: 1.1; margin: -6px 0 6px 0; max-width: inherit; text-align: center; } .arbre-classique .branche-arbre-classique .generation-2 .ajout.femme { color: #ec7b7b; } .arbre-classique .branche-arbre-classique .generation-2 .ajout.homme { color: #66cccc; } .arbre-classique .branche-arbre-classique .generation-2 .ajout p { font-size: 12px; font-weight: normal; margin: 0; } .arbre-classique .branche-arbre-classique .generation-1 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d8da; background: #fff; padding: 17px 14px 10px 14px; position: relative; } .arbre-classique .branche-arbre-classique .generation-1:hover { background: #F5F6FA; } .arbre-classique .branche-arbre-classique .generation-1:not(.active):hover i.material-icons { background: #F5F6FA; } .arbre-classique .branche-arbre-classique .generation-1.inconnu { border: 2px dashed #d5d8da; padding: 16px 14px 10px 14px; cursor: pointer; } .arbre-classique .branche-arbre-classique .generation-1.inconnu-consult .ajout { font-size: 50px; margin: 9px 0 10px 0; } .arbre-classique .branche-arbre-classique .generation-1 .profil { float: left; height: 66px; margin: auto 0; width: 66px; } .arbre-classique .branche-arbre-classique .generation-1 .profil.image img { height: 66px; width: 66px; border-width: 4px; } .arbre-classique .branche-arbre-classique .generation-1 .profil i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 14px; margin: -5px 0 0; padding: 3px; position: relative; } .arbre-classique .branche-arbre-classique .generation-1 .profil img + i { margin: -17px 0 0 !important; } .arbre-classique .branche-arbre-classique .generation-1 .profil .initiale { color: #fff; font-size: 24px; font-weight: 400; margin: 15px 0 0; text-align: center; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso { display: inline-block; margin: 0 0 0 11px; width: 65%; height: 70px; position: relative; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso p { font-size: 16px; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso p:last-child { font-weight: normal; text-transform: none; font-style: normal; font-size: 16px; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso p + p { font-weight: bold; text-transform: uppercase; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso p + p + p { font-style: italic; font-size: 13px; text-transform: inherit; font-weight: normal; } .arbre-classique .branche-arbre-classique .generation-1 .tree-rollover__btn { right: 2.4rem; bottom: 0.4rem; } .arbre-classique .branche-arbre-classique .generation-1 a { color: #333333; text-decoration: none; } .arbre-classique .branche-arbre-classique .generation-1 a.link-right { position: absolute; right: 10px; } .arbre-classique .branche-arbre-classique .generation-1 a.link-right--top { top: 10px; } .arbre-classique .branche-arbre-classique .generation-1 a.link-right--bottom { bottom: 10px; } .arbre-classique .branche-arbre-classique .generation-1 a + a:not([class]) { position: absolute; right: 10px; top: 10px; } .arbre-classique .branche-arbre-classique .generation-1.active { background: #2B2550; } .arbre-classique .branche-arbre-classique .generation-1.active a, .arbre-classique .branche-arbre-classique .generation-1.active p { color: #fff; } .arbre-classique .branche-arbre-classique .generation-1.active a.link-right { color: #d5d8da; } .arbre-classique .branche-arbre-classique .generation-1.active a.link-right:hover { color: #fff; } .arbre-classique .branche-arbre-classique .generation-1.active a + a:not([class]) { color: #d5d8da; } .arbre-classique .branche-arbre-classique .generation-1.active > a { display: block; } .arbre-classique .branche-arbre-classique .generation-1.active .profil i { background: #2B2550 none repeat scroll 0 0; border-radius: 50%; color: #fff; float: right; font-size: 14px; margin: -5px 0 0; padding: 3px; position: relative; } .arbre-classique .branche-arbre-classique .generation-1.active:hover a + a, .arbre-classique .branche-arbre-classique .generation-1.active a + a:hover { color: #fff; } .arbre-classique .branche-arbre-classique .generation-1 .ajout { display: block; font-size: 21px; font-weight: bold; line-height: 1.1; margin: 19px 0 32px 0; max-width: inherit; text-align: center; } .arbre-classique .branche-arbre-classique .generation-1 .ajout.femme { color: #ec7b7b; } .arbre-classique .branche-arbre-classique .generation-1 .ajout.homme { color: #66cccc; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu { border-left: 1px solid #d5d8da; border-right: 1px solid #d5d8da; border-bottom: 1px solid #d5d8da; padding: 9px 10px 6px 10px; background: #fff; position: relative; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil { float: left; height: 48px; margin: auto; width: 48px; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil.image img { height: 48px; width: 48px; border-width: 4px; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil.image img + i { margin: -17px 0 0; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil .initiale { color: #fff; font-size: 19px; font-weight: 400; margin: 10px 0 0; text-align: center; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .profil i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 14px; margin: -6px 0 0; padding: 3px; position: relative; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso { display: inline-block; margin: 0 0 0 6px; width: 71%; height: 55px; position: relative; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p { font-size: 12px; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p:last-child { font-weight: normal; text-transform: none; font-style: normal; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p + p { font-weight: bold; text-transform: uppercase; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso p + p + p { font-weight: inherit; font-style: italic; text-transform: none; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents { border: 1px dashed #ff5555; padding: 1.2rem 1.6rem; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents + .generation-0-individu { border-top: 1px solid #d5d8da; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents + .generation-0-individu.real-time-parents { border-top: 0px; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu.real-time-parents .badge--hint { height: 12px; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu:hover, .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu:hover i.material-icons { background: #F5F6FA; } .arbre-classique .branche-arbre-classique .generation-0 .ajout { border: 3px dashed #d5d8da; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 19px; text-align: center; font-size: 19px; background: #fff; } .arbre-classique .branche-arbre-classique .generation-0 .ajout:hover, .arbre-classique .branche-arbre-classique .generation-0 .ajout:hover i.material-icons { background: #eeeff0; } .arbre-classique .branche-arbre-classique .generation-0 a { color: #333333; text-decoration: none; display: block; } .arbre-classique .branche-arbre-classique .generation-0 a .ajout { color: #757585; } .arbre-classique .branche-arbre-classique .generation-0.consultation > a { cursor: inherit; } .arbre-classique .branche-arbre-classique .generation-0.consultation .ajout { border: 1px solid #d5d8da; font-size: 16px; padding: 11px; pointer-events: none; } .arbre-classique .branche-arbre-classique .generation-2.active, .arbre-classique .branche-arbre-classique .generation-1.active { border: 1px solid #2B2550; } .arbre-classique .branche-arbre-classique .generation-2.active, .arbre-classique .branche-arbre-classique .generation-2.active > a, .arbre-classique .branche-arbre-classique .generation-2.active .profil i, .arbre-classique .branche-arbre-classique .generation-2.active .num-epoux, .arbre-classique .branche-arbre-classique .generation-1.active, .arbre-classique .branche-arbre-classique .generation-1.active > a, .arbre-classique .branche-arbre-classique .generation-1.active .profil i, .arbre-classique .branche-arbre-classique .generation-1.active .num-epoux { background-color: #2B2550; color: #fff; } .arbre-classique .branche-arbre-classique [class*=relation-].active, .arbre-classique .branche-arbre-classique [class*=generation-0].active { border: 1px solid #2B2550; background-color: #2B2550; } .arbre-classique .branche-arbre-classique [class*=relation-].active, .arbre-classique .branche-arbre-classique [class*=relation-].active:hover, .arbre-classique .branche-arbre-classique [class*=relation-].active:hover .profil i, .arbre-classique .branche-arbre-classique [class*=relation-].active > a, .arbre-classique .branche-arbre-classique [class*=relation-].active > a:hover, .arbre-classique .branche-arbre-classique [class*=relation-].active .profil i, .arbre-classique .branche-arbre-classique [class*=relation-].active .num-epoux, .arbre-classique .branche-arbre-classique [class*=generation-0].active, .arbre-classique .branche-arbre-classique [class*=generation-0].active:hover, .arbre-classique .branche-arbre-classique [class*=generation-0].active:hover .profil i, .arbre-classique .branche-arbre-classique [class*=generation-0].active > a, .arbre-classique .branche-arbre-classique [class*=generation-0].active > a:hover, .arbre-classique .branche-arbre-classique [class*=generation-0].active .profil i, .arbre-classique .branche-arbre-classique [class*=generation-0].active .num-epoux { background-color: #2B2550; color: #fff; } .arbre-classique .branche-arbre-classique [class*=relation-]:hover > .tag-label { display: none; } .arbre-classique .branche-arbre-classique div.col-lg-6 + div.col-lg-6 .dropdown .generation-1 .lien { background-color: #757585; top: 50%; height: 1px; width: 10px; transform: translateY(-50%); left: -10px; } .arbre-classique .branche-arbre-classique div.col-lg-6 + div.col-lg-6 .generation-1 .lien { height: 1px; width: 9px; position: absolute; left: -10px; background-color: #757585; top: 50%; transform: translateY(-50%); } .arbre-classique .branche-arbre-classique div.col-lg-6:first-child .generation-1 .lien { height: 1px; width: 9px; position: absolute; right: -9px; background-color: #757585; top: 50%; transform: translateY(-50%); } .arbre-classique .branche-arbre-classique .no-parent { opacity: 0.4; pointer-events: none; } .arbre-classique .branche-arbre-classique .inconnu-consult { opacity: 0.4; pointer-events: none; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 p.num-epoux { font-size: 12px; position: absolute; right: 12px; top: inherit; bottom: 0; color: #757585; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 .num-conjoint { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 35%; left: -20px; font-size: 12px; position: absolute; color: #757585; } .arbre-classique .branche-arbre-classique .dropdown .generation-1:not(#selectedFamily) .num-conjoint { display: none; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso { width: 56%; height: 70px; display: inline-block; position: relative; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso p:nth-last-child(2) { font-weight: normal; text-transform: none; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background: #fff; cursor: pointer; bottom: 100%; border: 1px solid #d5d8da; border-bottom: none; height: 23px; margin: 0; position: absolute; white-space: nowrap; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle--partner { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; left: 0; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle--partner::before { display: block; position: absolute; content: ""; width: 1px; height: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #d5d8da; top: 50%; right: 24px; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle span.text { color: #43C; font-weight: bold; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle i { color: #43C; font-size: 9px; padding: 0 3px 2px 10px; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 ~ button.btn-cercle i:last-child { padding: 0 2px 2px 10px; } .arbre-classique .branche-arbre-classique .dropdown-menu li .generation-1 { border: 0; border-bottom: 1px solid #dad9d4; } .arbre-classique .branche-arbre-classique .dropdown-menu li:last-child .generation-1 { border: 0; } .arbre-classique .branche-arbre-classique .dropdown-menu li:last-child a { padding: 0; } .arbre-classique .branche-arbre-classique .dropdown-menu li:nth-last-child(2) .generation-1 { border-bottom: 0; } .arbre-classique .branche-arbre-classique .dropdown-menu li .ajout:hover { background: rgba(213, 216, 218, 0.4); } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle { left: 0; min-width: 100%; padding: 0; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle.mCustomScrollbar#partner-list { max-height: 412px; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle.mCustomScrollbar#partner-list .mCSB_inside > .mCSB_container:not(.mCS_y_hidden) { margin-right: 9px; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 { position: relative; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .info-perso { width: 73%; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .num-epoux { right: 12px; } .arbre-classique .branche-arbre-classique ul.dropdown-menu { border: inherit; } .arbre-classique .branche-arbre-classique ul.dropdown-menu li .ajout { background: #fff none repeat scroll 0 0; border: 3px dashed #dad9d4; border-radius: 3px 3px 0 0; font-size: 19px; padding: 19px; text-align: center; color: #757585; } @media (max-width: 650px) { .arbre-classique .branche-arbre-classique .profil { display: none; } .arbre-classique .branche-arbre-classique .info-perso { width: 100% !important; margin: 0 !important; } } .container.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu { padding: 0; } .container.arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + .inconnu { padding: 0; } .container.arbre-classique .branche-arbre-classique .generation-2.inconnu { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .container.arbre-classique .branche-arbre-classique .generation-2.inconnu a { padding: 0; } .container.arbre-classique .branche-arbre-classique .generation-2 .ajout { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; height: 71px; } .singlepagetree .icon-hint-container { isolation: initial; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu { padding: 3px 5px 1px; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu { padding: 3px 5px 1px; } } @media screen and (min-width: 0\0 ) { .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu { padding: 4px 5px 1px; } .arbre-classique .branche-arbre-classique .generation-3 ul li.inconnu + li.inconnu { padding: 3px 5px 1px; } } @media (max-width: 1200px) { /* =================================================================================================================================================================== ========================================================== ARBRE ================================================================================================= =================================================================================================================================================================== =================================================================================================================================================================== ====================*/ /* ======================================================================================================== DEBUT Menu arbre */ .nav-arbre .nav li { padding: 7px 9px 10px; } .nav-arbre .nav li.recherche-arbre input { width: 254px; } .nav-arbre li a .icon-i-dossier-trombonne + text + span { display: none; } .nav-arbre li.recherche-arbre a .icon-i-loupe-gauche { font-size: 27px; } /* ======================================================================================================== DEBUT Fusion -- */ /* Header fiche fusion : nom, photo, dates, père, mère, conjoint ... */ .header-fusion .img-profil { height: 74px; width: 74px; } .header-fusion .img-profil i { font-size: 34px; height: 74px; width: 74px; } .header-fusion .img-profil img { height: 74px; width: 74px; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre-seul { width: 67% !important; } /* ======================================================================================================== DEBUT Création d'Arbre Tunnel de création -- */ /* =========================================================== DEBUT Résultat recherche (arbre tunnel) -- */ /* ========================================== SANS RESULTAT */ .creation-arbre-resultat .astuce button + button { margin: 10px 0 0 0; } /* ========================================== SANS RESULTAT */ .creation-arbre-resultat.aucun #completechamp button { margin: 0; } /* =========================================================== FIN Résultat recherche (arbre tunnel) -- */ /* ======================================================================================================== FIN Création d'Arbre Tunnel de création -- */ /* ======================================================================================================== DEBUT Arbre en ligne -- */ /*---------------------------------- Navigation dans les arbre */ .reglage-arbre-lateral { top: 170px; } /*---------------------------------- Navigation classique */ /*----- Onglets Evènements, Documents, Notes --- */ /*--- Onglet Evènements --*/ .arbre-classique .document-individu .timeline-title { width: 79%; } /* --- Onglet Documents -- */ .classement-doc li { margin: 0 18px 0 0; } /* --- Branches -- */ .arbre-classique .branche-arbre-classique .generation-3 li p { max-width: 63%; } .arbre-classique .branche-arbre-classique .generation-2 .info-perso { width: 50%; } .arbre-classique .branche-arbre-classique .generation-1 .info-perso { width: 57%; } .arbre-classique .branche-arbre-classique .generation-0 .ajout { padding: 19px 9px; } .arbre-classique .branche-arbre-classique .generation-0 .generation-0-individu .info-perso { width: 63%; } .arbre-classique .branche-arbre-classique .dropdown .generation-1 .info-perso { width: 51%; } .arbre-classique .branche-arbre-classique .dropdown-menu.menu-cercle .generation-1 .info-perso { width: 66%; } /*---------------------------------- DEBUT Navigation ascendante */ .arbre-ascendant .lien-generation .lien-vertical-gene1, .arbre-ascendant .lien-generation.gene-deux .lien-vertical, .arbre-ascendant .lien-generation.gene-trois .lien-vertical, .arbre-ascendant .lien-generation.gene-quatre .lien-vertical { margin-left: 12px; } .arbre-ascendant .bloc-membre .info-perso { width: 48%; } .arbre-ascendant .bloc-membre .info-perso p { max-width: 86%; } .arbre-ascendant .lien-generation i.lien-horizontal-1perso:before { width: 20px; } .arbre-ascendant .bloc-membre-couple li p { max-width: 68%; } .arbre-ascendant .bloc-membre-couple li i + span + p { width: 60%; } /* ======================================================================================================== FIN Arbre en ligne -- */ /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */ .invitations table.messagerie-table tr .pseudo-table { width: 32%; } .invitations table.messagerie-table tr .pseudo-table p { max-width: 210px; } /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom /* ========================================================================================= DEBUT Liste des arbres */ .liste-arbre .donnees-arbre p + a div.profil + div { width: 87%; } /* ========================================================================================= FIN Liste des arbres */ } /* DESCENDING TREE */ #descendingTree .remonter-generation.hint--top { width: 33px; display: inline-block; text-align: center; } #descendingTree .remonter-generation.hint--top i { margin: 8px auto; } .arbre-ascendant div.top-hints { position: absolute; top: -2px; left: -10px; z-index: 1; } .arbre-ascendant .tree-rollover__btn { right: 0.4rem; } .arbre-ascendant .colonne-generation .avatar__initiale { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .arbre-ascendant .colonne-generation .avatar__initiale .material-icons { font-size: 2rem; } .arbre-ascendant .colonne-generation.gene-six i.icon-i-hints-01 { color: #ff5555; position: absolute; left: -8px; top: -6px; font-size: 15px; z-index: 1; } .arbre-ascendant .colonne-generation.gene-six i.icon-i-plus { position: absolute; left: -2px; top: -4px; color: #fff; font-size: 6px; z-index: 2; -moz-transform: translateX(5%); -ms-transform: translateX(5%); -webkit-transform: translateX(5%); transform: translateX(5%); } .arbre-ascendant .colonne-generation.gene-six .top-hints { top: 5px; left: 3px; } .arbre-ascendant .colonne-generation.gene-six .top-hints i.icon-i-plus { top: -3px; left: -2px; } .arbre-ascendant .bloc-membre-couple li + script + li i.icon-i-hints-01 { top: -2px; } .arbre-ascendant .bloc-membre-couple li + script + li i.icon-i-plus { top: -1px; } .arbre-ascendant .bloc-membre-couple .tree-rollover__btn { right: 0.4rem; } .arbre-ascendant .bloc-membre-couple li:hover .tree-rollover__btn { display: block !important; } .arbre-ascendant .bloc-membre-couple li.active { border: 1px solid #2B2550; } .arbre-ascendant .bloc-membre-couple li.active a { color: #fff; } .arbre-ascendant .bloc-membre-couple li.active, .arbre-ascendant .bloc-membre-couple li.active span.cercle .cercle__icon.material-icons { background-color: #2B2550 !important; color: #fff; } .arbre-ascendant .bloc-membre-couple .icon-hint-container { top: -4px; left: -4px; } .arbre-ascendant .bloc-membre-couple .icon-hint-corner { font-size: 1.4rem; } .arbre-ascendant .bloc-membre-couple .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary { top: -4px; left: 1px; } .arbre-ascendant .bloc-membre-couple .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary::before { width: 1.1rem; height: 1.1rem; } .arbre-ascendant .union { border-top: 1px solid #d5d8da; } .arbre-ascendant .union:last-child { border-bottom: 0; } .arbre-ascendant .union:last-child ul > li:last-child { border-bottom: 0; } .arbre-ascendant .union span.cercle { display: inline-block; height: 14px; width: 14px; margin: 0 4px 1px 5px; position: relative; border: 2px solid #8888ff; border-radius: 50%; color: #757585; font-size: 0.9rem; } .arbre-ascendant .union span.cercle.homme { border: 2px solid #66cccc; } .arbre-ascendant .union span.cercle.femme { border: 2px solid #ff8888; } .arbre-ascendant .union ul { margin: 0; clear: right; } .arbre-ascendant .union li { font-size: 11px; line-height: 13px; height: 2.9rem; } .arbre-ascendant .union li:hover { background-color: #F5F6FA; } .arbre-ascendant .union li:hover .tree-rollover__btn { display: block !important; } .arbre-ascendant .union li.active { background-color: #2B2550; } .arbre-ascendant .union li.active p { color: #fff; } .arbre-ascendant .union li.active .cercle { color: #d5d8da; } .arbre-ascendant .union li:first-child { border-bottom: 1px solid #d5d8da; } .arbre-ascendant .union li:not(:first-child) a { padding-left: 0.5rem; } .arbre-ascendant .union li a:not(.tree-rollover__btn) { height: 100%; padding-right: 1.6rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .arbre-ascendant .union li a:not(.tree-rollover__btn) .cercle { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .arbre-ascendant .union li a p { max-width: 70%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: #333333; } .arbre-ascendant .union li a i.sosa { color: #757585; font-size: 8px; margin: 0 2px 0 0; } .arbre-ascendant .union li a .bold { margin-left: 0.1rem; text-transform: uppercase; } .arbre-ascendant .union li a + i { color: #333333; font-size: 10px; margin: 3px 0 0 6px; vertical-align: top; } .arbre-ascendant .union a:hover { text-decoration: none; } .arbre-ascendant .union .tree-rollover__btn { bottom: 0.3rem; } .arbre-ascendant li.position-relative:hover .tag-label { display: none; } .arbre-ascendant .icon-hint-corner { font-size: 1.8rem; } .arbre-ascendant .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary { top: -5px; left: 2px; } .arbre-ascendant .icon-hint-corner:not([style*="display:none"]) + .icon-hint-corner--secondary::before { width: 1.4rem; height: 1.4rem; } @media (max-width: 992px) { #newlayouttree.ascendantThree { overflow: scroll; position: relative; } } #newlayouttree.ascendantThree #overscroll { padding: 0; margin: 0; overflow: scroll; } #newlayouttree.ascendantThree .container.arbre-ascendant #ascendingTree { min-width: 993px; } @media (max-width: 992px) { .arbre-ascendant .bloc-membre-couple li p { max-width: 57%; } .arbre-ascendant .lien-generation .lien-vertical-gene1, .arbre-ascendant .lien-generation.gene-deux .lien-vertical, .arbre-ascendant .lien-generation.gene-trois .lien-vertical, .arbre-ascendant .lien-generation.gene-quatre .lien-vertical { margin-left: 9px; } .arbre-ascendant .lien-generation i.lien-horizontal-2perso:before, .arbre-ascendant .lien-generation i.lien-horizontal-2perso:after { width: 5px; } .arbre-ascendant .colonne-generation { width: 12.5%; } } .tag-v2 { background-color: #464086; border-radius: 0 4px 4px 0; color: #fff; display: inline-block; font-size: 12px; height: 22px; line-height: 24px; margin: 0 1.9rem 0.75rem 0; padding: 0 0.75rem 0 1.25rem; position: relative; } .tag-v2.real-time-parents { background-color: transparent; color: #333333; position: relative; } .tag-v2:last-child { margin-right: 0; } .tag-v2::after { width: 3px; height: 100%; display: block; position: absolute; content: "•"; background-color: #464086; font-size: 16px; left: 0; line-height: 20px; top: 0; } .tag-v2__row { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.5rem; padding-left: 1.5rem; } .tag-v2__row--popup { margin: 10px 15px 0; } .tag-v2__row--popup .dropdown-toggle { background-color: inherit; border: none; margin-left: -1.5rem; } .tag-v2__row--popup .dropdown-toggle i { color: #43C; font-size: 16px; vertical-align: bottom; } .tag-v2__row--popup li:first-child .dropdown .dropdown-toggle { margin-left: 0; } .modal-body .mCSB_container .tag-v2__row { padding-right: 0.5rem; } .tag-v2__label-filter { color: #fff; cursor: pointer; padding-left: 3rem; position: relative; user-select: none; } .tag-v2__label-filter::before { display: block; position: absolute; content: "local_offer"; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-family: "Material Icons"; font-size: 18px; left: 0; top: 50%; } .tag-v2__label-filter + .tag-v2__row { display: none; } .tag-v2__label-filter--opened::before { content: "clear"; } .tag-v2__label-filter--opened + .tag-v2__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .tag-v2 .content { position: absolute; right: 0.75rem; top: -1px; user-select: none; } .tag-v2 .triangle { width: 15px; height: 15px; background-color: #464086; position: absolute; left: 0; top: 0; transform: translate(-50%, 22%) rotate(45deg); } .tag-v2 .triangle .back { border-width: 5px; } .tag-v2 .back, .tag-v2 .front { border-radius: 0 4px 4px 0; } .tag-v2 .back { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 5px dashed #43C; } .tag-v2.real-time-parents .back { background-color: #fff; border: 1px dashed #ff5555; } .tag-v2.real-time-parents .front { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; } .tag-v2.real-time-parents .content { color: #667788; font-weight: 700; } .tag-v2.real-time-parents:hover .back { border: 1px solid #ff5555; } .tag-v2 .front { position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: #fff; } .tag-v2--todo, .tag-v2--verified, .tag-v2--selected.tag-v2--bordered { padding: 0 2.75rem 0 1.25rem; } .tag-v2--todo::before, .tag-v2--verified::before, .tag-v2--selected.tag-v2--bordered::before { display: block; position: absolute; content: ""; font-family: "Material Icons"; font-size: 14px; line-height: 22px; right: 0.5rem; top: 0; } .tag-v2--todo .content, .tag-v2--verified .content, .tag-v2--selected.tag-v2--bordered .content { right: 2.75rem; } .tag-v2--todo.tag-v2--no-end-icon, .tag-v2--verified.tag-v2--no-end-icon, .tag-v2--selected.tag-v2--bordered.tag-v2--no-end-icon { padding: 0 1.25rem 0 0.75rem; } .tag-v2--todo.tag-v2--no-end-icon .content, .tag-v2--verified.tag-v2--no-end-icon .content, .tag-v2--selected.tag-v2--bordered.tag-v2--no-end-icon .content { right: 0.75rem; } .tag-v2--todo.tag-v2--no-end-icon::before, .tag-v2--verified.tag-v2--no-end-icon::before, .tag-v2--selected.tag-v2--bordered.tag-v2--no-end-icon::before { content: none; } .tag-v2--todo { background-color: #FFCC66; color: #63512a; pointer-events: none; } .tag-v2--todo::before { content: "clear"; cursor: pointer; pointer-events: all; } .tag-v2--todo::after { background-color: #FFCC66; } .tag-v2--todo .triangle { background-color: #FFCC66; } .tag-v2--todo.complete-search { background-color: #77EECC; } .tag-v2--todo.complete-search, .tag-v2--todo.complete-search .content, .tag-v2--todo.complete-search > a:link, .tag-v2--todo.complete-search > a:visited, .tag-v2--todo.complete-search > a:hover, .tag-v2--todo.complete-search > a:active { color: #316255; } .tag-v2--todo.complete-search::after { background-color: #77EECC; } .tag-v2--todo.complete-search .triangle { background-color: #77EECC; } .tag-v2--todo.more-infos { background-color: #CCCCEE; } .tag-v2--todo.more-infos, .tag-v2--todo.more-infos .content, .tag-v2--todo.more-infos > a:link, .tag-v2--todo.more-infos > a:visited, .tag-v2--todo.more-infos > a:hover, .tag-v2--todo.more-infos > a:active { color: #54545f; } .tag-v2--todo.more-infos::after { background-color: #CCCCEE; } .tag-v2--todo.more-infos .triangle { background-color: #CCCCEE; } .tag-v2--white, .tag-v2--white::after, .tag-v2--white .triangle { background-color: #fff; color: #54545f; } .tag-v2--white, .tag-v2--white .triangle { border: 1px solid #d5d8da; } .tag-v2--white .triangle { width: 16px; height: 16px; border-right: none; border-top: none; top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .tag-v2--verified { background-color: #77EECC; } .tag-v2--verified, .tag-v2--verified .content, .tag-v2--verified > a:link, .tag-v2--verified > a:visited, .tag-v2--verified > a:hover, .tag-v2--verified > a:active { color: #316255; } .tag-v2--verified::before { content: "done"; } .tag-v2--verified::after { background-color: #77EECC; } .tag-v2--verified .triangle { background-color: #77EECC; } .tag-v2--document { background-color: #CCCCEE; } .tag-v2--document, .tag-v2--document .content, .tag-v2--document > a:link, .tag-v2--document > a:visited, .tag-v2--document > a:hover, .tag-v2--document > a:active { color: #54545f; } .tag-v2--document::after { background-color: #CCCCEE; } .tag-v2--document .triangle { background-color: #CCCCEE; } .tag-v2--dashed .triangle .back, .tag-v2--dashed .triangle .front, .tag-v2--bordered .triangle .back, .tag-v2--bordered .triangle .front { border-radius: 0; } .tag-v2--dashed { background-color: #fff; color: #43C; height: 22px; } .tag-v2--dashed::after { background-color: #fff; content: "+"; } .tag-v2--dashed .triangle { background-color: #fff; } .tag-v2--dashed + .dropdown-menu { left: -12px !important; } .tag-v2--bordered { cursor: pointer; color: #fff; padding: 0 1.25rem 0 0.75rem; } .tag-v2--bordered::before { content: none; } .tag-v2--bordered .content { right: 0.75rem; } .tag-v2--bordered::after { background: none; } .tag-v2--bordered .back { border-style: solid; border-color: #fff; } .tag-v2--bordered .front { background-color: #2B2550; } .tag-v2--bordered .triangle .front { top: 0; right: 0; } .tag-v2--bordered > .back { border-left: none; border-width: 1px; } .tag-v2--bordered.tag-v2--selected::before { content: "clear"; color: #b9b9b9; z-index: 1; } .tag-v2--bordered.tag-v2--selected, .tag-v2--bordered.tag-v2--selected::before, .tag-v2--bordered.tag-v2--selected::after { color: #556677; } .tag-v2--bordered.tag-v2--selected .front, .tag-v2--bordered.tag-v2--selected .back { background-color: #fff; } .tag-v2--square { border-radius: 0; cursor: pointer; font-size: 14px; height: 24px; margin-right: 5px; padding-right: 1.75rem; } .tag-v2--square::after { background-color: transparent; left: 8px; line-height: 22px; } .tag-v2--square .back { border-width: 6px; border-radius: 0; } .tag-v2--square .front { border-radius: 0; } .tag-v2--square.tag-v2--add-relation { font-size: 16px; height: 56px; margin-bottom: 0.5rem; width: 100%; } .tag-v2--square.tag-v2--add-relation.family-circle__member--child { width: calc(100% - 17px); } .tag-v2--square.tag-v2--add-relation .content { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 16px; right: inherit; top: 50%; } .tag-v2--square.tag-v2--add-relation .back, .tag-v2--square.tag-v2--add-relation .front { border-radius: 4px; } .tag-v2--square.tag-v2--add-relation .front { background-color: #f7f7fc; } .tag-v2--square.tag-v2--add-relation:last-child { margin-bottom: 0; } .tag-v2--square.tag-v2--add-relation:last-child.real-time-parents { margin-top: 1rem; } .tag-v2--square.tag-v2--add-relation:last-child.family-circle__member { margin-bottom: 5px; } .tag-v2--square.tag-v2--add-relation:hover .front { background-color: #fff; } .tag-v2--square.tag-v2--add-relation::after { content: none; } .tag-v2--square.tag-v2--add-relation.real-time-parents .front, .tag-v2--square.tag-v2--add-relation.real-time-parents .back { border-radius: 3px; } .tag-v2--square.tag-v2--add-relation.real-time-parents .front { padding-right: 30px; background-color: #fff; } .tag-v2--square.tag-v2--add-relation.real-time-parents .front::before { display: block; position: absolute; content: "󦜒"; color: #ff5555; font-family: "icomoon"; font-size: 2.4rem; font-weight: 700; top: 50%; } .tag-v2--square.tag-v2--add-relation.real-time-parents .front::before { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2px; } .tag-v2--square.tag-v2--add-relation.real-time-parents .content { padding-right: 32px; } .tag-v2--add-member { background-color: #f7f7fc; border-color: transparent; } .tag-v2--add-member .front { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 5px 1.25rem; } .tag-v2--add-member .front .unknown { color: #757585; font-weight: bold; margin: 0 0 0 16px; } .tag-v2 .dropdown .mCSB_inside > .mCSB_container { margin-right: 0; } .tag-v2 .ghost { visibility: hidden; } .tag-label { width: 12px; height: 12px; border-radius: 3px; cursor: default; position: absolute; top: -1px; right: -1px; } .tag-label, .tag-label::before { background-color: #FFCC66; } .tag-label::before { display: block; position: absolute; content: ""; width: 8px; height: 8px; left: 1px; top: 50%; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .tag-label--completed, .tag-label--completed::before { background-color: #77EECC; } .individu-connu .tag-label { top: -2px; right: -2px; } /* INDIVIDUAL SHEET */ #individualSheet { overflow: initial; } .individual-sheet { margin-bottom: 3rem; } .individual-sheet .tab-information-link .badge.badge-hints { background-color: #ff5555; } .individual-sheet .box { background-color: #F5F6FA; border-radius: 4px; padding: 1rem 1.5rem; } .individual-sheet .box--square { border-radius: 0; } .individual-sheet .box--word-break { word-wrap: break-word; overflow-wrap: break-word; } .individual-sheet .header { margin: 0; padding: 0 15px; } .individual-sheet .header__nav { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #363066; border-radius: 20px 20px 0 0; padding: 0; } .individual-sheet .header__list { margin-bottom: 0; } .individual-sheet .header__link, .individual-sheet .header__icon { color: #fff; } .individual-sheet .header__link { display: inline-block; height: 25px; text-align: center; } .individual-sheet .header__link:hover { color: #363066; text-decoration: none; } .individual-sheet .header__item { cursor: pointer; display: inline-block; padding: 8px 10px; } .individual-sheet .header__item.header__item--menu:hover { background-color: #2B2550; } .individual-sheet .header__item.header__item--menu:hover .header__link--menu, .individual-sheet .header__item.header__item--menu:hover .header__icon--menu { color: #fff; } .individual-sheet .header__item.header__item--menu:hover .dropdown-item:hover { background-color: #fff; } .individual-sheet .header__item.header__item--menu:hover .dropdown-item:hover .header__link { color: #333333; } .individual-sheet .header__item.header__item--menu:hover .dropdown-item:hover .header__link:hover { color: #ff5555; } .individual-sheet .header__item.dropdown-item { padding: 2px 5px; } .individual-sheet .header__item.dropdown-item:first-child { border-radius: 4px 4px 0 0; } .individual-sheet .header__item.dropdown-item:last-child { border-radius: 0 0 4px 4px; } .individual-sheet .header__item--left { border-top-left-radius: 20px; } .individual-sheet .header__item--right { margin-left: auto; border-top-right-radius: 20px; } .individual-sheet .header__icon { font-size: 20px; margin: 0 0 4px 0; vertical-align: middle; } .individual-sheet .header__icon.material-icons { font-size: 26px; } .individual-sheet .header__label { display: inline-block; font-size: 14px; margin: 3px 0 0 7px; } .individual-sheet .header__switch { display: none; } .individual-sheet .header__tag-list { margin-top: 1.5rem; padding-left: 1.5rem; } .individual-sheet .header__tag-list .dropdown-toggle { background-color: #2B2550; border: none; margin-left: -1.5rem; } .individual-sheet .header__tag-list .dropdown-toggle i { vertical-align: bottom; font-size: 16px; } .individual-sheet .header__tag-list .dropdown-toggle--white { background-color: #fff; } .individual-sheet .header__tag-list .dropdown-toggle--white i { color: #43C; } .individual-sheet .header-infos { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background-color: #2B2550; color: #fff; padding: 15px 0; } .individual-sheet .header-infos__title { color: #fff; cursor: pointer; font-size: 28px; margin-right: 0.5rem; } .individual-sheet .header-infos__title:hover { text-decoration: underline; } .individual-sheet .header-infos__nickname { font-size: 20px; font-style: italic; margin-bottom: 0; margin-top: 5px; } .individual-sheet .header-infos__life-death { font-size: 18px; line-height: 24px; } .individual-sheet .header-infos__life-death:not(:last-child) { margin-right: 1.5rem; } .individual-sheet .header-infos__container-avatar { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .individual-sheet .header-infos__row { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 479px) { .individual-sheet .header { margin-top: 2.5rem; } } .individual-sheet .nav__list .nav__item.active { border-bottom-color: #8888ff; } .individual-sheet .nav__list .nav__item.active .pill { border-color: #8888ff; background-color: #fff; } .individual-sheet .nav__list--men .nav__item.active { border-bottom-color: #66cccc; } .individual-sheet .nav__list--men .nav__item.active .pill { border-color: #66cccc; } .individual-sheet .nav__list--women .nav__item.active { border-bottom-color: #ff8888; } .individual-sheet .nav__list--women .nav__item.active .pill { border-color: #ff8888; } .individual-sheet .nav__item { border-bottom: 3px solid transparent; display: block; float: left; font-size: 16px; font-weight: bold; } .individual-sheet .nav__item.active .nav__link { color: #2B2550; } .individual-sheet .nav__item.active .nav__link:hover { text-decoration: none; } .individual-sheet .nav__item.active .pill { color: #333333; } .individual-sheet .nav__link { padding: 10px; } .individual-sheet .nav__link:hover { background-color: inherit; text-decoration: underline; } .individual-sheet .nav__link:active { text-decoration: none; } .individual-sheet .nav__link:focus { color: #2B2550; } .individual-sheet .nav .pill { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background-color: #43C; border: 2px solid #43C; border-radius: 25px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; margin-left: 0.5rem; padding: 4px 8px; } .individual-sheet .timeline-v2 { --gap-left: 5.5rem; margin-top: 0.5rem; } .individual-sheet .timeline-v2__event { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-bottom: 2rem; position: relative; } .individual-sheet .timeline-v2__event:not(:last-child)::before { width: 1px; height: 100%; display: block; position: absolute; content: ""; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); border-left: 1px solid #8888ff; bottom: 0; left: var(--gap-left); top: 1rem; } .individual-sheet .timeline-v2__event--dotted:not(:last-child)::before { border-left: 2px dotted; } .individual-sheet .timeline-v2__event--private .timeline-v2__date::before { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; content: "+"; font-weight: bold; } .individual-sheet .timeline-v2__thumbnail { width: 64px; height: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background: #757585 none repeat scroll 0 0; border: 3px solid #fff; color: #FFF; font-size: 30px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15); } .individual-sheet .timeline-v2__thumbnail-container { position: relative; margin-left: 1rem; } .individual-sheet .timeline-v2__thumbnail + .badge { margin-left: 0.5rem; } .individual-sheet .timeline-v2__thumbnail--hint, .individual-sheet .timeline-v2__thumbnail--hints { background-color: #fff; border: 1px dashed #ff5555; margin-left: 1rem; margin-top: 3px; position: relative; } .individual-sheet .timeline-v2__thumbnail--hint::before, .individual-sheet .timeline-v2__thumbnail--hints::before { display: block; position: absolute; content: "󦜒"; color: #ff5555; font-family: "icomoon"; font-size: 2.4rem; font-weight: 700; top: 50%; } .individual-sheet .timeline-v2__thumbnail--hint::before, .individual-sheet .timeline-v2__thumbnail--hints::before { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } .individual-sheet .timeline-v2__thumbnail--hint:hover, .individual-sheet .timeline-v2__thumbnail--hints:hover { border: 1px solid #ff5555; } .individual-sheet .timeline-v2__thumbnail--hint { width: 66px; height: 66px; } .individual-sheet .timeline-v2__thumbnail--hints { width: 61px; height: 61px; margin-right: 6px; } .individual-sheet .timeline-v2__thumbnail--hints::after { display: block; position: absolute; content: ""; width: 61px; height: 61px; -moz-transform: translate(4px, 4px); -ms-transform: translate(4px, 4px); -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); background-color: #fff; border: 1px dashed #ff5555; left: 0; top: 0; z-index: -1; } .individual-sheet .timeline-v2__thumbnail--hints:hover::after { border: 1px solid #ff5555; } .individual-sheet .timeline-v2__date { color: #556677; padding-right: calc(var(--gap-left) - 1.5rem); padding-top: 1rem; position: relative; } .individual-sheet .timeline-v2__date::before { width: 2rem; height: 2rem; display: block; position: absolute; content: ""; -moz-transform: translate(-50%); -ms-transform: translate(-50%); -webkit-transform: translate(-50%); transform: translate(-50%); background-color: #8888ff; border-color: #8888ff; border-radius: 50%; border-width: 2px; border-style: solid; bottom: 0; left: var(--gap-left); top: 1rem; } .individual-sheet .timeline-v2__date--other { padding-top: 0; } .individual-sheet .timeline-v2__date--other::before { background-color: #fff !important; top: 0; } .individual-sheet .timeline-v2__date--other + .timeline-v2__panel { background-color: #fff; padding: 0 1.5rem; } .individual-sheet .timeline-v2__date--other + .timeline-v2__panel p:last-child { margin-bottom: 0; } .individual-sheet .timeline-v2__date--other + .timeline-v2__panel .timeline-v2__title, .individual-sheet .timeline-v2__date--other + .timeline-v2__panel .test { color: #556677; font-style: italic; } .individual-sheet .timeline-v2__date--other + .timeline-v2__panel .timeline-v2__title a, .individual-sheet .timeline-v2__date--other + .timeline-v2__panel .test a { font-weight: normal; } .individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed, .individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed::after, .individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed .triangle, .individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed .back, .individual-sheet .timeline-v2__date:not(.timeline-v2__date--other) + .timeline-v2__panel .tag-v2--dashed .front { background-color: #f7f7fc; } .individual-sheet .timeline-v2__year { font-weight: bold; font-size: 14px; min-width: 4rem; } .individual-sheet .timeline-v2__year > .material-icons { font-size: 20px; } .individual-sheet .timeline-v2__age { font-size: 12px; } .individual-sheet .timeline-v2__title { display: inline; font-size: 16px; font-weight: bold; } .individual-sheet .timeline-v2__title span:hover { text-decoration: underline; cursor: pointer; } .individual-sheet .timeline-v2__panel { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .individual-sheet .timeline-v2__panel--hint { background-color: #fff; border: 1px dashed #ff5555; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; color: #667788; padding: 1rem 1rem 0.75rem 1rem !important; position: relative; min-height: 54px; } .individual-sheet .timeline-v2__panel--hint:hover { border: 1px solid #ff5555; } .individual-sheet .timeline-v2__panel--hint::before { right: calc(64px / 2 + 2px); } .individual-sheet .timeline-v2__panel--hint.min-height { min-height: 87.5px; } .individual-sheet .timeline-v2__panel--hint.min-height.with-img { padding-right: 1rem !important; } .individual-sheet .timeline-v2__panel--hint.min-height.with-img .timeline-v2__thumbnail { margin: 1.8rem 2.4rem 0 auto; } .individual-sheet .timeline-v2__panel--hint.min-height.with-img .content { margin-top: 1.2rem; margin-right: 0.8rem; } .individual-sheet .timeline-v2__panel--hint.min-height.with-img::before { content: ""; } .individual-sheet .timeline-v2__panel--hint .timeline-v2__title { color: inherit; } .individual-sheet .timeline-v2__panel--hint.with-img .content, .individual-sheet .timeline-v2__panel--hint.with-img .timeline-v2__thumbnail-container { margin-top: 0.8rem; } .individual-sheet .timeline-v2__panel--hint.with-img .content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .individual-sheet .timeline-v2__panel--hint.with-img .timeline-v2__thumbnail-container { margin-right: 3rem; } .individual-sheet .timeline-v2__panel--hints { --gap-hints: 10px; margin-right: var(--gap-hints); margin-bottom: var(--gap-hints); } .individual-sheet .timeline-v2__panel--hints::before { right: 53px; } .individual-sheet .timeline-v2__panel--hints::after { display: block; position: absolute; content: ""; width: 100%; height: 100%; -moz-transform: translate(var(--gap-hints), var(--gap-hints)); -ms-transform: translate(var(--gap-hints), var(--gap-hints)); -webkit-transform: translate(var(--gap-hints), var(--gap-hints)); transform: translate(var(--gap-hints), var(--gap-hints)); left: 0; top: 0; background-color: #fff; border: 1px dashed #ff5555; border-radius: 4px; z-index: -1; } .individual-sheet .timeline-v2__panel--hints:hover::after { border-style: solid; } .individual-sheet .timeline-v2__panel--hints .badge--hint { right: 3rem; } .individual-sheet .timeline-v2__panel--hints.min-height.with-img .timeline-v2__thumbnail { margin: 1rem 2.2rem 0 auto; } .individual-sheet .timeline-v2__panel.box { padding-bottom: 0.2rem; } .individual-sheet .timeline-v2__panel .dropdown-tag-v2 > .dropdown-toggle { background-color: inherit; border: none; margin-left: -1.5rem; } .individual-sheet .timeline-v2__panel .dropdown-tag-v2 > .dropdown-toggle i { color: #43C; font-size: 16px; vertical-align: bottom; } .individual-sheet .timeline-v2__panel .button-edit { padding-right: 0; margin-right: -0.5rem; } .individual-sheet .timeline-v2__panel .button-edit:hover { opacity: 0.8; } .individual-sheet .timeline-v2__panel p { margin-bottom: 2px; word-break: break-word; } .individual-sheet .timeline-v2__panel .search-result .query-result { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #ff5555; color: #fff; font-size: 12px; font-weight: bold; line-height: 7px; padding: 6px 10px 7px 9px; position: absolute; right: 0; top: 0; -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -webkit-transform: translateY(-65%); transform: translateY(-65%); right: 4rem; } .individual-sheet .timeline-v2__panel .search-result .query-result.with-chevron { padding-right: 0.2rem; } .individual-sheet .timeline-v2__panel .search-result .query-result .material-icons-chevron { font-size: 1.6rem; line-height: inherit; } .individual-sheet .timeline-v2__panel .search-result .query-result:hover, .individual-sheet .timeline-v2__panel .search-result .query-result.active { text-decoration: none; } @media screen and (min-width: 992px) { .arbre-classique .individual-sheet .timeline-v2__panel .search-result .query-result { right: calc(10px + 24px + (6px /2) + (64px /2)); } } .individual-sheet .timeline-v2__panel .real-time-image span { background-color: #fff; border: 1px dashed #ff5555; margin: 0.3rem 0 0 1rem; position: relative; } .individual-sheet .timeline-v2__panel .real-time-image span:hover { border: 1px solid #ff5555; } .individual-sheet .timeline-v2__panel .real-time-image span img { margin-left: 0; box-shadow: none; } .individual-sheet .timeline-v2__dropdown-button { background-color: inherit; border: none; color: #43C; } .individual-sheet .timeline-v2__container-images { width: calc(6.4rem * 0.75); height: calc(6.4rem * 0.75); position: absolute; right: 3.2rem; margin-right: 2.3rem; z-index: 0; } .individual-sheet .timeline-v2__container-images > * { position: absolute !important; margin: 0 !important; width: calc(6.4rem * 0.75); height: calc(6.4rem * 0.75); } .individual-sheet .timeline-v2__container-images > *:first-child { top: 0; left: 0; } .individual-sheet .timeline-v2__container-images > *:first-child img { width: calc((6.4rem * 0.75) - 2px); height: calc((6.4rem * 0.75) - 2px); } .individual-sheet .timeline-v2--men .timeline-v2__event:not(:last-child)::before { border-color: #66cccc; } .individual-sheet .timeline-v2--men .timeline-v2__date::before { background-color: #66cccc; border-color: #66cccc; color: #66cccc; } .individual-sheet .timeline-v2--women .timeline-v2__event:not(:last-child)::before { border-color: #ff8888; } .individual-sheet .timeline-v2--women .timeline-v2__date::before { background-color: #ff8888; border-color: #ff8888; color: #ff8888; } .individual-sheet .timeline-v2 .dropdown-menu li > a:hover, .individual-sheet .timeline-v2 .dropdown-menu li > a:focus, .individual-sheet .timeline-v2 .dropdown-menu li > a:active { font-weight: normal; } .individual-sheet .timeline-v2 .dropdown-menu li > a i.caret-mui::before { content: "keyboard_arrow_up"; color: #333; } .individual-sheet .timeline-v2 .dropdown-menu li > a.collapsed i.caret-mui::before { content: "keyboard_arrow_down"; } .individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink { padding-left: 8px; } .individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink:hover, .individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink:focus, .individual-sheet .timeline-v2 .dropdown-menu a.dropdown-sublink:active { color: #ff5555; text-decoration: none; } .individual-sheet .timeline-v2 .dropdown-menu li.dropdown-subitem { border-bottom: none; } .individual-sheet .documents__tab { margin: 20px 0 15px 0; position: relative; z-index: 1; } .individual-sheet .documents__tab li { display: inline; margin: 0; font-size: 1.3rem; } .individual-sheet .documents__tab li.li--filter { position: absolute; right: 0.8rem; bottom: 0.8rem; } .individual-sheet .documents__tab li:first-child { margin: 0 15px 0 0; font-weight: bold; } .individual-sheet .documents__tab li i { font-size: 24px; } .individual-sheet .documents__tab li i.icon--arrow { -moz-transform: translateY(30%); -ms-transform: translateY(30%); -webkit-transform: translateY(30%); transform: translateY(30%); } .individual-sheet .documents__tab li a { text-decoration: none; } .individual-sheet .documents__tab li .dropdown-menu > li > a { padding: 5px 9px; } .individual-sheet .documents__tab li ul.dropdown-menu li { display: inline-block; font-size: 14px; margin: 0; width: 100%; } .individual-sheet .documents__tab li ul.dropdown-menu li a:hover { background: #d5d8da; color: #333333; } .individual-sheet .documents__list .documents__item { min-height: 80px; } .individual-sheet .documents__list .documents__item:last-child { border-bottom: 0; } .individual-sheet .documents__list .documents__item p { margin: 0; } .individual-sheet .documents__list .documents__item a.edit-link { float: right; margin: 0 0 0 18px; visibility: inherit; } .individual-sheet .documents__list .documents__item a:hover { text-decoration: none; } .individual-sheet .documents__list .documents__item a:hover h3 { text-decoration: underline; } .individual-sheet .documents__list .documents__thumbnail:not(.icon--edit) { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 64px; height: 64px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background: #fff; color: #999999; float: left; font-size: 30px; margin-right: 10px; } .individual-sheet .documents__list .documents__thumbnail:not(.icon--edit).icon-i-family-view { font-size: 24px; } .individual-sheet .documents__list .documents__thumbnail:not(.icon--edit).icon-note:before { content: "\e616"; font-family: "icomoon", sans-serif !important; } .individual-sheet .documents__list h3 { margin: 0 0 5px 0; font-size: 1.4rem; font-weight: bold; color: #43C; overflow: hidden; word-break: break-word; } .individual-sheet .documents__list p { font-size: 1.2rem; color: #2B2550; overflow: hidden; word-wrap: break-word; word-break: break-word; } .individual-sheet .row-wrap { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .individual-sheet .row-wrap .tag-v2--square:not(:last-child) { margin-right: 0.75rem; } @media screen and (min-width: 400px) { .individual-sheet .row-wrap { margin-left: 8rem; } } .individual-sheet .family-circle__title { color: #2B2550; font-size: 16px; font-weight: bold; padding: 7px 0 6px 0; } .individual-sheet .family-circle__title a { font-size: 13px; float: right; margin: -6px 0 0; padding: 6px 9px; } .individual-sheet .family-circle__title a:hover { opacity: 0.8; color: #43C; } .individual-sheet .family-circle__title a i { font-size: 23px; margin: 0 0 2px 0; vertical-align: middle; } .individual-sheet .family-circle__relation { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #43C; cursor: pointer; font-size: 16px; font-weight: bold; } .individual-sheet .family-circle__relation--empty { cursor: default; opacity: 0.4; } .individual-sheet .family-circle__add-box { cursor: pointer; } .individual-sheet .family-circle .caret-mui { margin-bottom: -2px; position: relative; } .individual-sheet .family-circle .caret-mui:before { content: "keyboard_arrow_down"; } .individual-sheet .family-circle .collapsed .caret-mui::before { content: "keyboard_arrow_right"; } .individual-sheet .family-circle__member { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background-color: #fff; border: 1px solid #d5d8da; border-radius: 3px; padding: 5px 5px 3px 5px; position: relative; margin: 0 0 10px 0; } .individual-sheet .family-circle__member:hover { border-color: #333333; } .individual-sheet .family-circle__member--child { margin: -2px 0 10px 17px; } .individual-sheet .family-circle__member--child.real-time-parents { margin-bottom: 5px; margin-top: 6px; } .individual-sheet .family-circle__member--add { background-color: #f7f7fc; } .individual-sheet .family-circle__member--add, .individual-sheet .family-circle__member--add:hover { border-color: transparent; } .individual-sheet .family-circle__member--unknown { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .individual-sheet .family-circle__member--hint { background-color: #fff; border: 1px dashed #ff5555; padding-right: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #556677; margin-top: 1.5rem; min-height: 5rem; padding-left: 1rem; } .individual-sheet .family-circle__member--hint:hover { border: 1px solid #ff5555; } .individual-sheet .family-circle__member--hint::before { display: block; position: absolute; content: "󦜒"; color: #ff5555; font-family: "icomoon"; font-size: 2.4rem; font-weight: 700; top: 50%; } .individual-sheet .family-circle__member--hint::before { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2px; } .individual-sheet .family-circle__member .icon-hint-container { left: -1px; z-index: 1; } .individual-sheet .family-circle__member .family-circle__text { color: #333333; display: inline-block; font-size: 16px; overflow: hidden; margin: 0 0 0 8px; text-overflow: ellipsis; } .individual-sheet .family-circle__member .family-circle__text span { display: block; color: #757585; font-size: 13px; } .individual-sheet .family-circle__member .family-circle__text a { color: #445599; display: inline-block; margin: 7px 0 0 0; } .individual-sheet .family-circle__member .family-circle__text a:hover { text-decoration: underline; } .individual-sheet .family-circle__num-epoux { font-size: 12px; color: #757585; float: right; margin-left: auto; padding: 2rem 0 0 0.5rem; } .individual-sheet .family-circle__outer-circle a { border-top: 1px solid #fff; padding: 15px 0 10px; } .individual-sheet .family-circle__outer-circle a, .individual-sheet .family-circle__outer-circle a:link, .individual-sheet .family-circle__outer-circle a:visited, .individual-sheet .family-circle__outer-circle a:hover, .individual-sheet .family-circle__outer-circle a:active, .individual-sheet .family-circle__outer-circle a:focus { color: #43C; text-decoration: none; } .individual-sheet .family-circle__outer-circle a .material-icons { font-size: 18px; margin-right: 8px; } .individual-sheet .family-circle #person-add { position: absolute; top: 16px; right: 56px; } .individual-sheet .family-circle .top-hints { position: absolute; top: -2px; left: -1rem; z-index: 1; } .individual-sheet #parent .family-circle__member { margin: 0 0 6px 0; } .individual-sheet #parent .real-time-parents { margin-bottom: 3px; } .individual-sheet-container .timeline-v2__panel--hint:not(.timeline-v2__panel--hints)::before { right: calc(64px / 2 + 3rem); } .individual-sheet-container .timeline-v2__panel--hint:not(.timeline-v2__panel--hints) .badge--hint { right: 4rem; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .individual-sheet--close-relatives.individual-sheet { margin: 40px 0 0 0; border: none; border-radius: 0; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:last-child .dropdown-menu { bottom: 100%; top: auto; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:last-child .dropdown-menu li > a .caret-mui::before { content: "keyboard_arrow_down"; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:last-child .dropdown-menu li > a.collapsed .caret-mui::before { content: "keyboard_arrow_up"; } .individual-sheet--close-relatives.individual-sheet .timeline-v2.mCustomScrollbar, .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCustomScrollBox, .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCSB_container { overflow: visible; } @media screen and (max-width: 991px) { .individual-sheet--close-relatives.individual-sheet .timeline-v2 { max-height: none !important; } } @media screen and (min-width: 992px) { .individual-sheet--close-relatives.individual-sheet { border-right: 1px solid #d5d8da; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__panel.box { padding: 1rem 1rem 0.2rem 1rem; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__panel.box.timeline-v2__panel--hint { margin-right: 0; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__thumbnail { margin-bottom: 8px; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:only-child .dropdown-menu { bottom: auto; top: 100%; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:only-child .dropdown-menu li > a .caret-mui::before { content: "keyboard_arrow_up"; } .individual-sheet--close-relatives.individual-sheet .timeline-v2__event:only-child .dropdown-menu li > a.collapsed .caret-mui::before { content: "keyboard_arrow_down"; } .individual-sheet--close-relatives.individual-sheet .timeline-v2.mCustomScrollbar, .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCustomScrollBox, .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCSB_container { overflow: hidden; min-height: 284px; } .individual-sheet--close-relatives.individual-sheet .timeline-v2 .dropdown.dropdown-tag-v2 .dropdown-menu { left: auto; min-width: 150px; right: -18px; } .individual-sheet--close-relatives.individual-sheet .timeline-v2 .dropdown.dropdown-tag-v2 .dropdown-menu li { padding: 4px 8px; } .individual-sheet--close-relatives.individual-sheet .clear-float--right { clear: right; } } @media screen and (min-width: 1200px) { .individual-sheet--close-relatives.individual-sheet .timeline-v2 .tag-v2--dashed ~ .dropdown-menu { left: -34px !important; } .individual-sheet--close-relatives.individual-sheet .timeline-v2.mCustomScrollbar, .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCustomScrollBox, .individual-sheet--close-relatives.individual-sheet .timeline-v2 .mCSB_container { min-height: 318px; } } @media screen and (min-width: 992px) { .individual-sheet--close-relatives .nav__link { padding: 10px 4px; } .individual-sheet--close-relatives .nav__item { font-size: 14px; } .individual-sheet--close-relatives .nav__item:not(:first-child):not(:last-child) { margin: 0 8px; } } .individual-sheet--close-relatives .mCSB_scrollTools { width: 4px; } .individual-sheet--close-relatives .mCSB_inside > .mCSB_container { margin-right: 20px; } @media screen and (max-width: 991px) { .individual-sheet--close-relatives .mCSB_scrollTools { display: none !important; } .individual-sheet--close-relatives .mCSB_inside > .mCSB_container { margin-right: 0; } .individual-sheet--close-relatives .mCustomScrollBox, .individual-sheet--close-relatives .mcustomscrollbar._mcs_2 { max-height: none !important; } } @media screen and (max-width: 767px) { .individual-sheet:not(.individual-sheet--close-relatives) .dropdown.dropdown-tag-v2 .dropdown-menu { left: auto; min-width: 150px; right: -18px; } .individual-sheet:not(.individual-sheet--close-relatives) .dropdown.dropdown-tag-v2 .dropdown-menu li { padding: 4px 8px; } .individual-sheet:not(.individual-sheet--close-relatives) .tag-v2--dashed ~ .dropdown-menu { left: -34px !important; } } .dropdown.dropdown-tag-v2 .dropdown-menu, .dropdown-border ~ .dropdown-menu { padding: 0; } .dropdown.dropdown-tag-v2 .dropdown-menu li, .dropdown-border ~ .dropdown-menu li { padding: 4px 15px; width: 100%; } .dropdown.dropdown-tag-v2 .dropdown-menu li:not(:last-child), .dropdown-border ~ .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #d5d8da; } .dropdown.dropdown-tag-v2 .dropdown-menu a, .dropdown-border ~ .dropdown-menu a { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .dropdown.dropdown-tag-v2 .dropdown-menu a:not(.header__link), .dropdown-border ~ .dropdown-menu a:not(.header__link) { padding: 5px 0; } .dropdown.dropdown-tag-v2 .dropdown-menu i, .dropdown-border ~ .dropdown-menu i { color: #333; font-size: 16px; } .dropdown.dropdown-tag-v2 .dropdown-menu i.caret-mui, .dropdown-border ~ .dropdown-menu i.caret-mui { font-size: 24px; } .dropdown.dropdown-tag-v2 .dropdown-toggle, .dropdown-border ~ .dropdown-toggle { margin-bottom: 1rem; } .dropdown-menu--right { left: auto; right: 0; } .dropdown-menu--top { top: auto; bottom: 100%; } .dropdown-menu--nested { top: -4px; left: 100%; padding: 0; } .dropdown-submenu .caret-mui { width: 24px; height: 24px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: -6px; } .dropdown-submenu .caret-mui::before { display: block; position: absolute; content: ""; content: "keyboard_arrow_right"; } .mCustomScrollbar-v2 .mCSB_inside > .mCSB_container { margin-right: 8px; } .mCustomScrollbar-v2 .mCSB_inside > .mCSB_container li:not(.tag-v2) { width: 100%; } .mCustomScrollbar-v2 .mCSB_inside > .mCSB_container li:not(.tag-v2) a { padding: 5px 0 !important; } .filter-hints__container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media (max-width: 600px) { .filter-hints__container { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .filter-hints__container .new-hints-right { margin: 10px 0; margin-left: inherit; width: 245px; } } .filter-hints__item { margin-right: 5px; padding: 3px 8px; border-radius: 5px; color: #445599; height: 26px; width: max-content; } .filter-hints__item a { text-decoration: none; } .filter-hints__item:hover { cursor: pointer; } .filter-hints__item.active { background-color: #445599; color: white; } .filter-hints__item.active a { color: #fff; text-decoration: none; } .hints-blur__container { position: relative; padding-bottom: 35px; } .hints-blur__container p { margin-bottom: 0; } .hints-blur__img { height: 100%; width: 100%; position: absolute; z-index: 1; display: block; } .hints-blur__img img { height: auto; width: 100%; position: relative; display: block; } .hints-blur__cta-container { text-align: center; margin-bottom: 50px; } .hints-blur__cta-container .cta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-bottom: 5px; } .hints-blur__cta-container + p { font-weight: normal; } .hints-blur__text { position: relative; z-index: 10; font-size: 15px; padding-top: 55px; text-align: center; font-weight: 700; } @media (max-width: 1199px) { .hints-blur__text { padding-top: 30px; } } .hints-blur__text .first-line { margin: 15px 0 35px 0; } @media (max-width: 1199px) { .hints-blur__text .first-line { margin: 13px 0 23px 0; } } .hints-blur .icon-premium { position: relative; z-index: 100; font-size: 72px; color: #ff5555; width: 100%; } @media (max-width: 1199px) { .hints-blur br.rwd-break { display: none; } } @media screen and (min-width: 1200px) { .close-relatives__main-row { position: relative; } .close-relatives__main-row::before { display: block; position: absolute; content: ""; width: 1px; height: calc(100% - 45px); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ddd; left: 50%; top: 15px; } } .close-relatives__subtitle { font-weight: bold; font-size: 20px; } .close-relatives__update { color: #757585; } .close-relatives__date { color: #586879; } .close-relatives__date--title { font-size: 16px; } .close-relatives__branch-name { color: #2B2550; font-weight: bold; font-size: 16px; } .close-relatives__member { border: 1px solid #d5d8da; border-radius: 4px; padding: 6px 16px 6px 30px; position: relative; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .close-relatives__member:not(.parent):not(.close-relatives__member--relation) { margin-top: 10px; } .close-relatives__member--relation { background-color: #f7f7fc; border-color: #f7f7fc; border-radius: 0; font-style: italic; margin-top: 0; } .close-relatives__member--children { margin-left: 30px; } .close-relatives__member--active { background-color: #2B2550; } .close-relatives__member--active, .close-relatives__member--active .close-relatives__date, .close-relatives__member--active .close-relatives__partners-number { color: #fff; } .close-relatives__member--inactive { display: none; } .close-relatives__member::before { display: block; position: absolute; content: ""; width: 15px; height: 15px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #8888ff; border-radius: 50%; left: 6px; top: 50%; } .close-relatives__member--man::before { border-color: #66cccc; } .close-relatives__member--woman::before { border-color: #ff8888; } .close-relatives__container { border: 1px solid #ddd; border-radius: 4px; padding: 15px; margin-bottom: 15px; } .close-relatives__container--second { border-color: #fff; padding-top: 0; } .close-relatives__container--second > .close-relatives__member:first-child { margin-top: 0; } .close-relatives__toggle-siblings { color: #43C; cursor: pointer; font-size: 13px; margin: 10px 0 0 30px; } .close-relatives__partners-number { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px; font-style: normal; position: absolute; top: 50%; right: 6px; } /* Main layout Result Person */ .subtitle-person-tree-information-container { margin-bottom: 15px; } .subtitle-person-tree-information-container span { font-size: 22px; } .subtitle-person-tree-information-container span + span { display: block; font-size: 15px; margin-top: 4px; } .subtitle-person-tree-information-container span + i { font-size: 24px; margin-left: 6px; } .subtitle-person-tree-information-container span + i + span { display: block; font-size: 15px; margin-top: 4px; } .subtitle-person-tree-information-container .btn + .btn { margin-right: 10px; } .top-hints i.icon-i-plus { -moz-transform: translate(0.5px, 5%); -ms-transform: translate(0.5px, 5%); -webkit-transform: translate(0.5px, 5%); transform: translate(0.5px, 5%); float: none; position: relative; width: 0%; font-size: 9px; color: #fff !important; z-index: 1; left: 12px; top: -7px; } .top-hints i.icon-i-hints-01 { float: none; position: relative; width: 0%; color: #ff5555 !important; font-size: 22px; } .badge--hint { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #ff5555; color: #fff; font-size: 12px; font-weight: bold; line-height: 7px; padding: 6px 10px 7px 9px; position: absolute; right: 0; top: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 8px; z-index: 1; } .badge--hint.with-chevron { padding-right: 0.2rem; } .badge--hint .material-icons-chevron { font-size: 1.6rem; line-height: inherit; } .badge--hint:hover, .badge--hint.active { text-decoration: none; } .has-hint .timeline-v2__thumbnail--og { width: calc(6.4rem * 0.75); height: calc(6.4rem * 0.75); margin-top: calc(6.4rem * 0.25); margin-right: 0; margin-bottom: 0.4rem; margin-left: calc(6.4rem * 0.25); } .main-person { border: 2px solid #2B2550 !important; } .main-person .tag-label { top: -2px; right: -2px; } .main-person .icon-hint-container { left: -2px; top: -1px; } @media (max-width: 767px) { .dropdown-menu--nested { top: 100%; left: 0; } .dropdown-submenu .caret-mui::before { content: "keyboard_arrow_down"; } .subtitle-person-tree-information-container .btn { padding: 4px 15px; font-size: 13px; margin-top: 10px; } } @media (max-width: 480px) { .subtitle-person-tree-information-container .btn { margin-bottom: -10px; } } .arbre-familial a.top-hints { position: absolute; top: -2px; left: -22px; text-decoration: none; } .arbre-familial a.top-hints i.icon-i-plus { -moz-transform: translate(0.5px, 5%); -ms-transform: translate(0.5px, 5%); -webkit-transform: translate(0.5px, 5%); transform: translate(0.5px, 5%); left: 9px; } .arbre-familial .suggested-parent .top-hints { position: absolute; top: -2px; left: -23px; } .arbre-familial .suggested-parent .top-hints .icon-i-plus { -moz-transform: translateY(0.5px); -ms-transform: translateY(0.5px); -webkit-transform: translateY(0.5px); transform: translateY(0.5px); left: 10px; } .arbre-familial .person:hover .tree-rollover__btn { display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: calc(100% - 6px); height: calc(100% - 6px); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; bottom: unset; right: unset; background-color: #F5F6FA; border-radius: 50%; text-decoration: none; } .arbre-familial .person:hover .initiale + i, .arbre-familial .person:hover .initiale .face2 { display: none !important; } .arbre-familial .person:hover.selected, .arbre-familial .person:hover.selected .tree-rollover__btn { background-color: #2B2550; } .arbre-familial .person:hover.selected i[data-center-icon] { color: #d5d8da !important; } .arbre-familial .person:hover.selected i[data-center-icon]:hover { color: #fff !important; } .modal-body.mini-arbre .individu-connu button.btn-cercle, .modal-body.mini-arbre .individu-inconnu button.btn-cercle { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background: #2B2550; bottom: 103%; border: 1px solid #757585; border-bottom: none; cursor: pointer; height: 23px; margin: 0; position: absolute; line-height: 1.5; white-space: nowrap; } .modal-body.mini-arbre .individu-connu button.btn-cercle--partner, .modal-body.mini-arbre .individu-inconnu button.btn-cercle--partner { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; left: -2px; } .modal-body.mini-arbre .individu-connu button.btn-cercle--partner::before, .modal-body.mini-arbre .individu-inconnu button.btn-cercle--partner::before { display: block; position: absolute; content: ""; width: 1px; height: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #757585; top: 50%; right: 24px; } .modal-body.mini-arbre .individu-connu button.btn-cercle span.text, .modal-body.mini-arbre .individu-inconnu button.btn-cercle span.text { color: #fff; font-weight: bold; } .modal-body.mini-arbre .individu-connu button.btn-cercle i, .modal-body.mini-arbre .individu-connu button.btn-cercle .icon-interaction, .modal-body.mini-arbre .individu-inconnu button.btn-cercle i, .modal-body.mini-arbre .individu-inconnu button.btn-cercle .icon-interaction { color: #fff; font-size: 9px; } .modal-body.mini-arbre .individu-connu button.btn-cercle i, .modal-body.mini-arbre .individu-inconnu button.btn-cercle i { padding: 0 3px 2px 10px; } .modal-body.mini-arbre .individu-connu button.btn-cercle i:last-child, .modal-body.mini-arbre .individu-inconnu button.btn-cercle i:last-child { padding: 0 2px 2px 10px; } .bloc-conjoint .num-conjoint { display: none; } .bloc-conjoint .content-partner .num-conjoint { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 30%; left: -17px; font-size: 12px; position: absolute; color: #757585; display: block; } .bloc-conjoint .mCustomScrollbar { max-height: 200px; } .bloc-conjoint .mCustomScrollbar .mCSB_inside > .mCSB_container:not(.mCS_y_hidden) { margin-right: 9px; } .num-epoux { font-size: 12px; position: absolute; right: 12px; bottom: 4px; color: #757585; } .dropdown-menu.menu-cercle li { position: relative; } .dropdown-menu.menu-cercle li a { display: block; } /* -------------- Style for search engine map tab*/ #newlayouttree.layout-places { min-height: calc(100vh - 50px); } #newlayouttree .map-correct-place-container { position: absolute; width: 100%; height: calc(100% - 12.2rem); } @media (max-width: 992px) { #newlayouttree .map-correct-place-container { height: calc(100% - 12.4rem); z-index: 11; } } #newlayouttree .map-correct-place-container #map-canvas { height: 100%; position: relative; } #newlayouttree .map-correct-place-container .leaflet-top { top: 13.6rem; position: fixed; } @media (max-width: 992px) { #newlayouttree .map-correct-place-container .leaflet-top { top: 14rem; } } @media (max-width: 768px) { #newlayouttree .map-correct-place-container .leaflet-top { top: 12rem; } } #newlayouttree .map-correct-place-container .leaflet-control { clear: inherit; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #newlayouttree .map-correct-place-container .leaflet-control.leaflet-control-zoom.leaflet-bar { border-width: 0; } #newlayouttree .map-correct-place-container .leaflet-control.leaflet-control-zoom.leaflet-bar a, #newlayouttree .map-correct-place-container .leaflet-control.leaflet-control-zoom.leaflet-bar a:hover { width: 26px !important; height: 26px !important; line-height: 26px !important; } } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle:focus { background: #fff !important; } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle.btn { height: 54px; -webkit-box-shadow: 0 0.5px 0.8px 0 rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0.5px 0.8px 0 rgba(0, 0, 0, 0.8); box-shadow: 0 0.5px 0.8px 0 rgba(0, 0, 0, 0.8); margin: -1px 0 0 3px; padding: 3px 34px 3px 17px; width: 242px; } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle .filter-option { color: #43C; } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle .caret { margin: -39px 0 0 2px !important; } @-moz-document url-prefix() { #newlayouttree .map-correct-place-container .leaflet-control .dropdown-toggle .caret { margin: -38px 0 0 2px !important; } } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu { margin: -1px 0 0 2px; } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu > li > a { padding: 3px 16px; } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu > li.disabled { height: auto; border-bottom: 0; margin: 0; } #newlayouttree .map-correct-place-container .leaflet-control .dropdown-menu > li.disabled a:hover { color: #777777; } #newlayouttree .help-correctplace-notification { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 10px; background-color: #ffbb00; color: white; font-weight: 600; font-size: 1.5rem; min-height: 40px; height: auto; position: absolute; bottom: 0; width: 100%; z-index: 1005; } #newlayouttree .help-correctplace-notification p { margin: 0; } @media (max-width: 768px) { #newlayouttree .help-correctplace-notification { bottom: 5.2rem; } } @media (max-width: 690px) { #newlayouttree .help-correctplace-notification { bottom: 7.5rem; } } .leaflet-bottom.leaflet-right { z-index: 1007; } .leaflet-control-attribution.leaflet-control { display: none !important; } .info.legend.leaflet-control { margin-bottom: 80px !important; } #cookiebanner { z-index: 1010; } .help-correctplace-notification a { color: #2B2550; } .params { width: 90%; margin-top: 50px; padding: 10px; } .legend { line-height: 18px; color: #555; text-align: left; } .legend i { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.7; } .info { margin-right: 10px; margin-bottom: 10px; float: right; padding: 6px 8px; background: white; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 5px; position: relative; z-index: 7; display: block; pointer-events: auto; } .leaflet-popup-content { text-align: center; } .map__filters { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .map__filters .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: auto !important; } @media (max-width: 800px) { .map__filters { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 700px) { .help-correctplace-notification { height: auto; } } .side-timeline { --panel-width: 100%; --visibility: hidden; position: fixed; top: var(--offset-top); left: 0; width: var(--panel-width); height: calc(100vh - var(--offset-top) - var(--offset-bottom)); background: #fff; box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3490196078); transition: left var(--transition); visibility: var(--visibility); z-index: 101; } .side-timeline__header { padding: 1.6rem 1.6rem 0.8rem 1.6rem; background-color: #2B2550; color: #fff; } .side-timeline__header.side-timeline__header .avatar__icon { background-color: #2B2550; color: #fff; } .side-timeline__header.side-timeline__header .timeline-v2--skeleton { padding-bottom: 8rem; } .side-timeline__header.side-timeline__header .timeline-v2--skeleton .skeleton--text:nth-child(1) { width: 80%; margin-bottom: 1rem; } .side-timeline__header.side-timeline__header .timeline-v2--skeleton .skeleton--text:nth-child(2) { width: 70%; } .side-timeline__header.side-timeline__header .timeline-v2--skeleton .skeleton--text:nth-child(3) { width: 40%; } .side-timeline__header.side-timeline__header .skeleton { background-color: #464086; } .side-timeline__header.side-timeline__header .skeleton--text::before { background-color: rgba(255, 255, 255, 0.2); animation: 1.5s skeleton-loading-header ease-out infinite; } @keyframes skeleton-loading-header { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } .side-timeline__header.side-timeline__header .avatar::before { content: none; } .side-timeline__infos { margin-left: 1.6rem; } .side-timeline__infos p { word-break: break-word; } .side-timeline__infos p:not(:last-child) { margin-bottom: 0.4rem; } .side-timeline__infos p:last-child { margin-bottom: 0; } .side-timeline__toggle { width: var(--btn-toggle-size); height: var(--btn-toggle-size); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: absolute; top: 0.8rem; border: none; border-radius: 0 2rem 2rem 0; background-color: #2B2550; } .side-timeline__toggle, .side-timeline__toggle:focus { box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3490196078); } .side-timeline__toggle i { padding-right: 0.2rem; color: #fff; } .side-timeline .tree-menu { padding: 1.2rem 0; } .side-timeline .tree-menu__links { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .side-timeline .tree-menu__links--3 .tree-menu__link:not(:last-child) { -webkit-box-flex: 1.3; -webkit-flex-grow: 1.3; -moz-flex-grow: 1.3; -ms-flex-positive: 1.3; flex-grow: 1.3; } .side-timeline .tree-menu__link { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .side-timeline .nav__link { padding: 0.8rem 0.4rem; border: 1px solid #dee2e6; font-size: 1.3rem; } .side-timeline .nav__link--add { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding: 0.75rem 0.4rem 0.7rem 0.4rem; } .side-timeline .nav__link--add:hover, .side-timeline .nav__link--add:focus { background-color: #43C; color: #fff; } .side-timeline .nav__link--add i { font-size: 2rem; } .side-timeline .nav__link--add + .dropdown-menu { margin: 0; left: unset; right: 0; } .side-timeline .nav__link:hover { text-decoration: none; } .side-timeline .nav__link:focus { border: 1px solid #d5d8da; } .side-timeline .nav__tab { text-align: center; margin-top: 0.4rem; } .side-timeline .nav__tab-icon { position: absolute; top: -0.4rem; right: 0.4rem; font-size: 1.4rem; color: #667788; } .side-timeline .nav__tab, .side-timeline .nav__tab .nav__link { border-radius: 0.4rem 0.4rem 0 0; } .side-timeline .nav__tab.active { box-shadow: 0px -6px 8px 0px rgba(0, 0, 0, 0.1); } .side-timeline .nav__tab.active::before { display: block; position: absolute; content: ""; width: 100%; height: 0.4rem; bottom: 100%; right: 0; background-color: #fff; } .side-timeline .nav__tab.active .nav__link { border-bottom-color: #fff; font-weight: bold; color: #333333; } .side-timeline .nav__tab:hover > .nav__link, .side-timeline .nav__tab:focus > .nav__link { border-bottom-color: #43C; background-color: #43C; color: #fff; } .side-timeline .nav__tab:hover .nav__tab-icon, .side-timeline .nav__tab:focus .nav__tab-icon { color: #a2a9b4; } .side-timeline .nav__tab.open > a, .side-timeline .nav__tab.open > a:hover, .side-timeline .nav__tab.open > a:focus { background-color: #43C; color: #fff; } .side-timeline .nav__tab:not(.menu-ajout) { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .side-timeline .nav__tab[role=notes] { -webkit-box-flex: 3; -webkit-flex-grow: 3; -moz-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; } .side-timeline .dropdown-menu { padding: 0; } .side-timeline .dropdown-menu a { display: block; padding: 0.4rem 1.6rem; border-bottom: 1px solid #dee2e6; text-decoration: none; color: #333333; } .side-timeline .dropdown-menu a:hover { color: #43C; } .side-timeline .dropdown-menu > li:last-child > a { border-bottom-color: transparent; } .side-timeline .dropdown-menu li.inner a { background-color: #F5F6FA; } .side-timeline .dropdown-menu li.inner:not(:last-child) a { border-bottom-color: transparent; } .side-timeline .dropdown-menu > li > a:active { font-weight: 400; } .side-timeline .dropdown-menu [data-toggle=collapse] { position: relative; padding-right: 3.2rem !important; } .side-timeline .dropdown-menu [data-toggle=collapse] i { position: absolute; top: 50%; right: 0.4rem; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #757585; } .side-timeline .dropdown-menu [data-toggle=collapse]:hover i { color: #43C; } .side-timeline .dropdown-menu [data-toggle=collapse][aria-expanded=true] { font-weight: 700 !important; color: #333333; } .side-timeline .dropdown-menu [data-toggle=collapse][aria-expanded=true] i { -moz-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .side-timeline .dropdown-menu.dropdown-menu--top [data-toggle=collapse] i { -moz-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .side-timeline .dropdown-menu.dropdown-menu--top [data-toggle=collapse][aria-expanded=true] i { -moz-transform: rotate(0) translateY(-50%); -ms-transform: rotate(0) translateY(-50%); -webkit-transform: rotate(0) translateY(-50%); transform: rotate(0) translateY(-50%); } .side-timeline .dropdown.dropdown-tag-v2 .dropdown-menu li { padding: 0; border: none; } .side-timeline .dropdown.dropdown-tag-v2 .dropdown-menu li a { padding: 0.4rem 1.6rem; } .side-timeline .menu-ajout { width: 3.8rem; } .side-timeline .timeline-v2 { margin-top: 1.6rem; } .side-timeline .timeline-v2__event:not(:last-child)::before, .side-timeline .timeline-v2__date::before { left: 0.8rem; } .side-timeline .timeline-v2__event { padding-bottom: calc(1.2rem + 0.4rem); } .side-timeline .timeline-v2__event:not(:last-child)::before { top: 1.8rem; border-left-width: 0.2rem; } .side-timeline .timeline-v2__date { padding-right: 0; } .side-timeline .timeline-v2__date::before { width: 1.4rem; height: 1.4rem; top: 1.8rem; } .side-timeline .timeline-v2__date--other::before { top: 0.8rem; } .side-timeline .timeline-v2__age { color: #556677; } .side-timeline .timeline-v2__year { min-width: 2.4rem; font-size: 1.6rem; line-height: 1.2; } .side-timeline .timeline-v2__panel { padding: 1.2rem; } .side-timeline .timeline-v2__panel--hint { padding: 1rem 1rem 0.75rem 1rem !important; margin-right: 0; } .side-timeline .timeline-v2__panel--hint .badge--hint { right: 2rem; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .side-timeline .timeline-v2__panel--hint.with-img .timeline-v2__thumbnail-container { margin-right: 1rem; } .side-timeline .timeline-v2__panel--hints { --gap-hints: 10px; margin-right: var(--gap-hints); } .side-timeline .timeline-v2__panel--hints::before { right: calc(64px / 2 + 2px); } .side-timeline .timeline-v2__panel--hints .badge--hint { right: 1rem; } .side-timeline .timeline-v2__panel .search-result .query-result { -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -webkit-transform: translateY(-45%); transform: translateY(-45%); } .side-timeline .timeline-v2__panel .search-result .query-result.query-result { right: 2rem; } .side-timeline .timeline-v2__panel.min-height.with-img .timeline-v2__thumbnail { margin: 1rem 2.2rem 0 auto; } .side-timeline .timeline-v2__thumbnail--hints { margin-bottom: 0.2rem; } .side-timeline .timeline-v2__container-images { right: 1.6rem; margin-right: 2rem; } .side-timeline .timeline-v2--skeleton .skeleton--text:nth-child(1) { margin-top: 0.8rem; margin-bottom: 1.5rem; width: 30%; } .side-timeline .timeline-v2--skeleton .skeleton--text:nth-child(2) { width: 75%; } .side-timeline .timeline-v2--skeleton .skeleton--text:nth-child(3) { width: 65%; } .side-timeline .timeline-v2--skeleton .timeline-v2__date::before, .side-timeline .timeline-v2--skeleton .timeline-v2__event::before { background-color: #e9ecef; border-color: #e9ecef; } .side-timeline .timeline-v2--skeleton .timeline-v2__event, .side-timeline .timeline-v2--skeleton .timeline-v2__panel { padding-bottom: 0; } .side-timeline .individual-sheet .timeline-v2__panel--hints.min-height.with-img .timeline-v2__thumbnail { margin-right: 1.1rem; } .side-timeline .individual-sheet .timeline-v2__panel--hints.min-height.with-img .content { margin-top: 0.4rem; } .side-timeline .individual-sheet .timeline-v2__panel .real-time-image span { margin-right: 1rem; } .side-timeline .box__header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; position: relative; margin-top: 0.4rem; } .side-timeline .box__header p { margin-bottom: 0.4rem; } .side-timeline .box__header p + p.timeline-v2__age.timeline-v2__age { margin-bottom: 0.3rem; } .side-timeline .box__header .button-edit i, .side-timeline .box__header .modif-evenement-onglet i { font-size: 1.8rem; } .side-timeline .box__header .button-edit { padding: 0; margin-right: 0; } .side-timeline .box__header > * + *:not(.dropdown-menu) { margin-left: 0.8rem; } .side-timeline .box__header ~ * { font-size: 1.2rem; } .side-timeline .box__header .modif-evenement-onglet { float: unset; } .side-timeline .box__header .timeline-v2__year { min-width: auto; } .side-timeline .box__header .timeline-v2__age { margin-left: 0.6rem; } .side-timeline .timeline-v2__date--other + .timeline-v2__panel, .side-timeline .timeline-v2__date--other + .timeline-v2__panel .timeline-v2__title { color: #667788; } .side-timeline .tab-content { padding: 0 1.2rem; } .side-timeline .timeline-v2__thumbnail--hints, .side-timeline .timeline-v2__panel .real-time-image span { margin-top: 0; } .side-timeline .tab-information { height: calc(100vh - var(--offset-top) - var(--offset-bottom) - var(--sidepanel-header-height) - 1px); overflow-x: hidden; } .side-timeline [data-toggle=modal] > .timeline-v2__thumbnail { margin-right: 1rem; } .side-timeline .has-hint .timeline-v2__thumbnail--og { margin-right: 1rem; } @media screen and (min-width: 480px) { .side-timeline { --panel-width: 320px; } .side-timeline, .side-timeline__header { border-top-right-radius: 0.8rem; } } .has-timeline { --panel-width: 100%; --transition: .45s ease-out; --reglage-top: 128px; } .has-timeline .with-timeline { transition: margin var(--transition); } .has-timeline#containAll { width: 100vw; } .has-timeline.opened { --btn-toggle-size: 2.8rem; } @media screen and (min-width: 1024px) and (max-width: 1820px) { .has-timeline.opened .with-timeline { margin-left: var(--panel-width); } } .has-timeline.opened .side-timeline__toggle { top: 1.6rem; right: 1.6rem; border-radius: 50%; background-color: #fff; } .has-timeline.opened .side-timeline__toggle i { color: rgba(0, 0, 0, 0.6); } .has-timeline.opened .side-timeline__toggle::before { display: block; position: absolute; content: ""; width: 1px; height: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -1px; top: 50%; box-shadow: 8px 0 8px rgba(0, 0, 0, 0.85); } .has-timeline.opened .side-timeline__infos { margin-right: calc(var(--btn-toggle-size) + 0.8rem); } .has-timeline:not(.opened) { --btn-toggle-size: 4rem; } .has-timeline:not(.opened) .side-timeline { box-shadow: none; left: calc(var(--panel-width) * -1); } .has-timeline:not(.opened) .side-timeline .side-timeline__toggle { right: unset; left: 100%; width: var(--btn-toggle-size); height: var(--btn-toggle-size); } .has-timeline:not(.opened) .side-timeline .side-timeline__toggle i { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .has-timeline#containAll ~ footer { display: none; } .has-timeline .reglage-arbre-lateral { top: var(--reglage-top); } .has-timeline .arbre-ascendant.fixed { margin-top: 12.8rem; } @media screen and (min-width: 768px) { .has-timeline .arbre-ascendant.fixed { margin-top: 14.4rem; } } .has-timeline .arbre-descendant.fixed { margin-top: 12rem; } @media screen and (min-width: 768px) { .has-timeline .arbre-descendant.fixed { margin-top: 13rem; } } @media screen and (min-width: 480px) { .has-timeline { --panel-width: 320px; } } @media screen and (min-width: 768px) { .has-timeline { --reglage-top: 148px; } } .nav--matches { padding-bottom: 1.2rem; } .nav--matches li > .link--hint { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .nav--matches li .arrow { font-size: 2.4rem; margin-left: auto; } .nav--matches li:not(.hidden) + li .link--hint { border-top: 1px solid transparent; } .nav--matches .link--hint { padding: 0.8rem 0.4rem; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; color: #333333; } .nav--matches .link--hint:hover, .nav--matches .link--hint:focus { background-color: transparent; color: #43C; border-bottom: 1px solid #dee2e6; } .nav--matches .icon-i-hints { margin-right: 1.6rem; font-size: 1.6rem; color: #ff5555; } .nav--matches .icon-i-hints--secondary { color: #00aa99; } .modifier-doc-timeline .modal-body { background-color: #F5F6FA; } #side-timeline-header.scrolled .header__tag-list { display: none; } #side-timeline-header.scrolled .side-timeline__header { padding-bottom: 1.6rem; } #side-timeline-header.scrolled .avatar { width: 4.8rem; height: 4.8rem; min-height: 4.8rem; min-width: 4.8rem; } #side-timeline-header.scrolled .avatar__initiale { font-size: 2rem; } #side-timeline-header.scrolled .avatar__image { border-width: 0.3rem; } #timeline-container .timeline-v2--skeleton { display: none; } #timeline-container.loading .loading-container .timeline-v2--skeleton { display: block; } #timeline-container.loading .loading-container > *:not(.timeline-v2--skeleton) { display: none; } /* ========================================================================================= DEBUT Liste des arbres */ .liste-arbre .info-arbre .titre-arbre a.liste-arbre .info-arbre .titre-arbre h3 a + a { font-size: 16px; margin: 0 0 0 9px; } .liste-arbre a.btn { margin: 20px 0 0; } .liste-arbre h1 { margin: 28px 0 28px 0; } .liste-arbre h1 + p.ligne-info { margin-bottom: 40px; } .liste-arbre #treeList .donnees-arbre div:first-child a { cursor: default; text-decoration: none; } .liste-arbre .info-arbre { border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 26px 26px 26px 26px; margin: 0 0 17px 0; } .liste-arbre .info-arbre a.btn { margin: 0; } .liste-arbre .info-arbre a.btn:hover { color: #fff; } .liste-arbre .info-arbre .titre-arbre h3 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #333333; margin: 3px 0 8px 0; font-size: 16px; } .liste-arbre .info-arbre .titre-arbre h3 a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #43C; font-size: 24px; margin-left: 4px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .liste-arbre .info-arbre .titre-arbre h3 a:focus { text-decoration: none; } .liste-arbre .info-arbre .titre-arbre h3 a:hover { text-decoration: none; } .liste-arbre .info-arbre .titre-arbre h3 a.three-by-person { margin-right: 9px; } .liste-arbre .info-arbre .titre-arbre h3 .three-by-person-creator { margin-left: 9px; } .liste-arbre .info-arbre .titre-arbre h3 .badge--hint { position: inherit; margin: 4px 0 0 5px; transform: inherit; } .liste-arbre .info-arbre .titre-arbre div + div > ul { float: right; } .liste-arbre .info-arbre .titre-arbre div + div > ul > li { display: inline-block; } .liste-arbre .info-arbre .titre-arbre div + div > ul i { color: #43C; font-size: 25px; margin: 0 0 0 10px; } .liste-arbre .info-arbre .titre-arbre div + div > ul i.blur { opacity: 0.6; } .liste-arbre .info-arbre .titre-arbre div + div > ul a:hover { text-decoration: none; } .liste-arbre .info-arbre .titre-arbre div + div > ul a.sharetree { margin-left: 10px; } .liste-arbre .info-arbre .titre-arbre a i { float: right; } .liste-arbre .info-arbre .titre-arbre a + i { color: #ff5555; font-size: 24px; margin-left: 4px; vertical-align: top; } .liste-arbre .info-arbre .titre-arbre a + p { color: #757585; font-size: 15px; } .liste-arbre .info-arbre .titre-arbre ul li.dropdown ul.dropdown-menu { left: auto; right: 0; } .liste-arbre .donnees-arbre div { border-right: 1px solid #d5d8da; padding-top: 6px; padding-bottom: 6px; } .liste-arbre .donnees-arbre div:last-child { border-right: 0; } .liste-arbre .donnees-arbre div a > p { font-size: 40px; color: #43C; line-height: 33px; margin: 0; font-weight: bold; } .liste-arbre .donnees-arbre div a:hover { color: #43C; } .liste-arbre .donnees-arbre div .petit-titre-14 + label { cursor: default; } .liste-arbre .donnees-arbre p + a div { border: 0; } .liste-arbre .donnees-arbre p + a div.profil + div { display: flex; line-height: 37px; margin: 0; min-height: 37px; position: relative; width: auto; } .liste-arbre .donnees-arbre p + a div.profil + div p { color: #43C; font-size: 15px; font-weight: normal; margin: 0 0 0 8px; text-transform: inherit; display: inline-block; line-height: normal; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; width: 93%; } .liste-arbre .donnees-arbre p + a div.profil + div p:hover { text-decoration: underline; } .liste-arbre .donnees-arbre .profil { height: 32px; width: 32px; padding: 0; } .liste-arbre .donnees-arbre .profil.image img { border: 0; height: 32px; width: 32px; } .liste-arbre .donnees-arbre .profil .initiale { font-size: 14px; margin: 6px 0 0; color: #fff; font-weight: 400; display: inherit; width: auto; } .liste-arbre .donnees-arbre .profil .initiale span { font-size: 20px; } .liste-arbre .donnees-arbre .profil i { color: #fff; font-size: 21px; margin: 5px 0 0 6px; } .liste-arbre .subtitle { color: #757585; font-size: 32px; } .liste-arbre .subtitle i { font-size: 72px; margin-bottom: 20px; } .page-import-gedcom { margin-top: 65px; } /* ========================================================================================= FIN Liste des arbres */ /* ======================================================================================================== DEBUT Arbre en ligne -- */ /*---------------------------------- Navigation dans les arbre */ #overscroll { width: 100% !important; } .arbre-classique.fixed, .arbre-descendant.fixed, .individual-sheet-container.fixed, .arbre-familial.fixed, .parentalLink.fixed, .arbre-ascendant.fixed, .parentalLink__noresult.fixed, .mode-lieu.fixed, .container-marge-top.fixed { margin-top: 12rem; } @media screen and (max-width: 767px) { .arbre-classique.fixed, .arbre-descendant.fixed, .individual-sheet-container.fixed, .arbre-familial.fixed, .parentalLink.fixed, .arbre-ascendant.fixed, .parentalLink__noresult.fixed, .mode-lieu.fixed, .container-marge-top.fixed { margin-top: 8.8rem; } } .reglage-arbre-lateral { position: fixed; right: 0; text-align: center; top: 170px; z-index: 100; } @media screen and (max-width: 1199px) { .reglage-arbre-lateral { top: 195px; } } .reglage-arbre-lateral li a i { background: #2B2550; color: #fff; margin: 0 16px 12px 0; padding: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 25px; } .reglage-arbre-lateral li a:hover i { background: #ff5555; } .arbre-descendant .generation-active { width: 225px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #2B2550; padding: 4px 5px 0 5px; min-height: 58px; } .arbre-descendant .generation-active i { float: right; font-size: 15px; color: #fff; } .arbre-descendant .generation-active:hover { opacity: 0.9; } .arbre-descendant .generation-active .numero { background: #8888ff; font-size: 22px; color: #fff; float: left; margin: -4px 0 0 -5px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 13px 10px; } .arbre-descendant .generation-active .numero.femme { background: #ff8888; min-height: 58px; } .arbre-descendant .generation-active .numero.homme { background: #66cccc; min-height: 58px; } .arbre-descendant .generation-active .profil { float: left; height: 40px; width: 40px; margin: 4px 0 0 8px; } .arbre-descendant .generation-active .profil .initiale { color: #fff; font-size: 16px; font-weight: 400; margin: 9px 0 0; text-align: center; } .arbre-descendant .generation-active .profil.image img { border-width: 2px; height: 40px; width: 40px; } .arbre-descendant .generation-active .info-perso { display: inline-block; height: 48px; margin: 0 0 0 6px; position: relative; width: 50%; } .arbre-descendant .generation-active .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .arbre-descendant .generation-active .info-perso div p + p + p { font-style: italic; } .arbre-descendant .generation-active .info-perso div p:last-child { font-style: normal; } .arbre-descendant .generation-active .info-perso p { font-size: 11px; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; line-height: 12px; } .arbre-descendant .generation-active .info-perso p:nth-child(2) { font-weight: bold; } .arbre-descendant ul.branche-arbre-descendant { border-left: 1px solid #757585; display: inline-block; margin-left: 33px; padding: 0 0 6px 14px; } .arbre-descendant ul.branche-arbre-descendant.femme { border-color: #ff8888; } .arbre-descendant ul.branche-arbre-descendant.homme { border-color: #66cccc; } .arbre-descendant ul.branche-arbre-descendant .tab-content > .active { display: inline-block; } .arbre-descendant ul.branche-arbre-descendant .tab-content:first-child { margin: 17px 0 0 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint a { float: left; margin: 0 5px 0 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint a i { font-size: 17px; color: #333333; margin: 3px 9px 0 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint a i.icon-i-fleche-bas { font-size: 10px; margin: 0 0 0 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint p { float: left; font-size: 15px; margin: 0 0 3px 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint p span { font-weight: bold; margin: 0 2px 0 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint p a { float: none; font-weight: bold; color: #333333; } .arbre-descendant ul.branche-arbre-descendant .conjoint p a span { font-size: 13px; margin: 0 0 0 3px; } .arbre-descendant ul.branche-arbre-descendant .conjoint p a i { color: #333 !important; font-size: 15px; } .arbre-descendant ul.branche-arbre-descendant .conjoint p i { font-size: 10px; color: #757585; margin: 0 3px 0 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint.femme p i, .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a.femme i { color: #ff8888; } .arbre-descendant ul.branche-arbre-descendant .conjoint.homme p i, .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a.homme i { color: #66cccc; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul { clear: left; margin: 0 0 0 22px; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a { color: #333333; font-size: 13px; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p { margin: 0 0 3px 0; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p span + i + span, .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p i + span { font-size: 12px; margin: 0 0 0 4px; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p span + i + span + i, .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p i + span + i { color: #757585 !important; font-size: 15px; margin: 0 0 0 5px; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p span + i + i { font-size: 13px; color: #333 !important; } .arbre-descendant ul.branche-arbre-descendant .conjoint + ul a p i { font-size: 10px; margin: 0 1px 0 1px; color: #757585; } .arbre-descendant .profil .initiale .material-icons { font-size: 2.2rem; } .arbre-descendant .remonter-generation i { background: #d5d8da none repeat scroll 0 0; border-radius: 50%; color: #2B2550; font-size: 23px; margin: 0 0 8px 0; } .arbre-descendant .remonter-generation i:hover { background: rgba(129, 138, 145, 0.7); } @media (max-width: 1200px) and (min-width: 768px) { .container.arbre-ascendant { width: inherit; } .container.arbre-ascendant .colonne-generation.gene-six { width: 14%; max-width: 139px; } .container.arbre-ascendant .colonne-generation.gene-six .bloc-membre-couple ul { max-width: 139px; } .container.arbre-ascendant .colonne-generation.gene-six .bloc-membre-couple ul li i + span + p { width: 55%; } } /*---------------------------------- FIN Navigation descendante */ /*---------------------------------- DEBUT Navigation ascendante */ .arbre-ascendant { /*----------- Liens et espace --*/ } .arbre-ascendant .colonne-generation { width: 14%; height: 5px; display: inline-block; margin: 0 -2px; vertical-align: top; } .arbre-ascendant .colonne-generation.gene-cinq .bloc-membre { margin: 0 0 6px 0; } .arbre-ascendant .colonne-generation.gene-quatre .bloc-membre { margin: 0 0 70px 0; } .arbre-ascendant .colonne-generation.gene-trois .bloc-membre { margin: 0 0 198px 0; } .arbre-ascendant .colonne-generation.gene-deux .bloc-membre { margin: 0 0 455px 0; } .arbre-ascendant .colonne-generation .bloc-membre:nth-child(2n) .info-perso { height: 49px; } .arbre-ascendant .colonne-generation.gene-six .bloc-membre-couple, .arbre-ascendant .lien-generation.gene-six { margin: 0 0 6px 0; } .arbre-ascendant .bloc-membre { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 5px 0; border: 1px solid #d5d8da; height: 58px; position: relative; } .arbre-ascendant .bloc-membre.inconnu { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 5px 0; border: 2px dashed #d5d8da; } .arbre-ascendant .bloc-membre.inconnu.suggested-parent p { position: absolute; top: 50%; transform: translate(0, -50%); text-align: center; font-size: 11px; line-height: 12px; margin: 0; } .arbre-ascendant .bloc-membre.inconnu.suggested-parent .top-hints { top: -2px; left: -8px; } .arbre-ascendant .bloc-membre.inconnu.suggested-parent .top-hints .icon-i-plus { transform: none; top: -6px; left: 1rem; } .arbre-ascendant .bloc-membre.inconnu-consult { opacity: 0.4; pointer-events: none; } .arbre-ascendant .bloc-membre.inconnu-consult .ajout { font-size: 31px; } .arbre-ascendant .bloc-membre:not(.active):hover, .arbre-ascendant .bloc-membre:not(.active):hover .avatar--small .avatar__icon { background-color: #F5F6FA; } .arbre-ascendant .bloc-membre.active { background: #2B2550; } .arbre-ascendant .bloc-membre .profil { float: left; height: 40px; width: 40px; margin: 5px 0 0 0; } .arbre-ascendant .bloc-membre .profil .initiale { color: #fff; font-size: 16px; font-weight: 400; margin: 9px 0 0; text-align: center; } .arbre-ascendant .bloc-membre .profil.image img { border-width: 2px; height: 40px; width: 40px; } .arbre-ascendant .bloc-membre.femme .profil { background: #ff8888; } .arbre-ascendant .bloc-membre.femme .profil.image img { border: 2px solid #ff8888; } .arbre-ascendant .bloc-membre.femme .ajout { color: #ff8888; } .arbre-ascendant .bloc-membre.homme .profil { background: #66cccc; } .arbre-ascendant .bloc-membre.homme .profil.image img { border: 2px solid #66cccc; } .arbre-ascendant .bloc-membre.homme .ajout { color: #66cccc; } .arbre-ascendant .bloc-membre .info-perso { display: inline-block; height: 48px; margin: 0 0 0 6px; position: relative; width: 46%; } .arbre-ascendant .bloc-membre .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 112%; } .arbre-ascendant .bloc-membre .info-perso div p + p + p { font-style: italic; } .arbre-ascendant .bloc-membre .info-perso div p:last-child { font-style: normal; } .arbre-ascendant .bloc-membre .info-perso p { color: #333333; font-size: 11px; line-height: 12px; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arbre-ascendant .bloc-membre .info-perso p:nth-child(2) { font-weight: bold; } .arbre-ascendant .bloc-membre.active .info-perso p { color: #fff; } .arbre-ascendant .bloc-membre.active .info-perso p:last-child { font-style: normal; } .arbre-ascendant .bloc-membre.active .info-perso p + p + p { font-style: italic; } .arbre-ascendant .bloc-membre.active i.sosa { color: #fff; } .arbre-ascendant .bloc-membre.active i.sosa.avatar__icon { background-color: #2B2550; } .arbre-ascendant .bloc-membre .ajout { font-size: 50px; line-height: 58px; text-align: center; margin: -4px 0 -1px 0; } .arbre-ascendant .bloc-membre-couple:last-child { margin: 0; } .arbre-ascendant .bloc-membre-couple ul { margin: 0; height: 58px; /* Select last li to make border bottom, number 2 cause of script tag at the of the ul */ /* Overide dashed version */ } .arbre-ascendant .bloc-membre-couple ul li:nth-last-child(2) { border-bottom: 1px solid #d5d8da; } .arbre-ascendant .bloc-membre-couple ul .inconnu:nth-last-child(2) { border-bottom: 2px dashed #d5d8da; } .arbre-ascendant .bloc-membre-couple li { border-top: 1px solid #d5d8da; border-left: 1px solid #d5d8da; border-right: 1px solid #d5d8da; border-bottom: 0; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 29px; } .arbre-ascendant .bloc-membre-couple li + li { border-top: 1px solid #d5d8da; border-left: 1px solid #d5d8da; border-right: 1px solid #d5d8da; border-bottom: 1px solid #d5d8da; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; height: 29px; } .arbre-ascendant .bloc-membre-couple li + li.inconnu { border-top: 2px dashed #d5d8da; border-bottom: 2px dashed #d5d8da; height: 29px; } .arbre-ascendant .bloc-membre-couple li.inconnu { border-top: 2px dashed #d5d8da; border-left: 2px dashed #d5d8da; border-right: 2px dashed #d5d8da; border-bottom: 0; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 30px; } .arbre-ascendant .bloc-membre-couple li.inconnu.suggested-parent { position: relative; } .arbre-ascendant .bloc-membre-couple li.inconnu.suggested-parent p { margin: 0 5px; max-width: 93%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); } .arbre-ascendant .bloc-membre-couple li.inconnu + li { border-top: 2px dashed #d5d8da; } .arbre-ascendant .bloc-membre-couple li.inconnu + li a { margin: 3px 4px 0; } .arbre-ascendant .bloc-membre-couple li.inconnu a { margin: 0 !important; } .arbre-ascendant .bloc-membre-couple li.inconnu + li.inconnu { border-top: 2px dashed #d5d8da; border-left: 2px dashed #d5d8da; border-right: 2px dashed #d5d8da; border-bottom: 2px dashed #d5d8da; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; height: 29px; } .arbre-ascendant .bloc-membre-couple li.inconnu + li.inconnu a { margin: 0; } .arbre-ascendant .bloc-membre-couple li.inconnu-consult { opacity: 0.4; pointer-events: none; } .arbre-ascendant .bloc-membre-couple li:first-child a:not(.tree-rollover__btn) { margin: 6px 4px 0; } .arbre-ascendant .bloc-membre-couple li:first-child .ajout { line-height: 27px; } .arbre-ascendant .bloc-membre-couple li:not(.active):hover, .arbre-ascendant .bloc-membre-couple li:not(.active):hover .cercle__icon { background-color: #eeeff0 !important; } .arbre-ascendant .bloc-membre-couple li a:not(.tree-rollover__btn) { display: block; margin: 4px 4px 0; position: relative; } .arbre-ascendant .bloc-membre-couple li span.cercle { border: 2px solid #8888ff; border-radius: 50%; display: inline-block; height: 14px; width: 14px; margin: 0 4px 1px 5px; position: relative; } .arbre-ascendant .bloc-membre-couple li span.cercle.homme { border: 2px solid #66cccc; } .arbre-ascendant .bloc-membre-couple li span.cercle.femme { border: 2px solid #ff8888; } .arbre-ascendant .bloc-membre-couple li span.cercle .cercle__icon.material-icons { width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background-color: #FFF; bottom: -3px; color: #757585; font-size: 8px; position: absolute; right: -5px; top: inherit; } .arbre-ascendant .bloc-membre-couple li p { display: inline-block; font-size: 12px; margin: 0; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arbre-ascendant .bloc-membre-couple li p span { font-weight: bold; text-transform: uppercase; } .arbre-ascendant .bloc-membre-couple li .ajout { display: block; font-size: 20px; font-weight: bold; line-height: 22px; max-width: inherit; text-align: center; } .arbre-ascendant .bloc-membre-couple li .ajout.homme { color: #66cccc; } .arbre-ascendant .bloc-membre-couple li .ajout.femme { color: #ff8888; } .arbre-ascendant .bloc-membre-couple li a, .arbre-ascendant .bloc-membre a { color: #333333; text-decoration: none; } .arbre-ascendant .generation-active-famille { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d8da; margin: 8px 0 0 0; max-width: 157px; } .arbre-ascendant .generation-active-famille > p { font-size: 11px; padding: 4px 5px; font-weight: bold; margin: 0; } .arbre-ascendant .lien-generation { width: 2.5%; height: 5px; display: inline-table; margin: 0 -2px; vertical-align: top; position: relative; z-index: 1; } .arbre-ascendant .lien-generation i.lien-horizontal-1perso { font-size: 6px; color: #2B2550; text-align: right; width: 100%; margin: 26px 0 30px 2px; height: 8px; } .arbre-ascendant .lien-generation i.lien-horizontal-1perso::before { border-bottom: 1px solid #757585; content: ""; left: 0; margin: 2px 0 0; position: absolute; transform: rotate(0deg); width: 24px; } .arbre-ascendant .lien-generation i.lien-horizontal-2perso { font-size: 6px; color: #2B2550; text-align: center; width: 100%; margin: 26px 0 0 0; height: 8px; } .arbre-ascendant .lien-generation i.lien-horizontal-2perso::before { border-bottom: 1px solid #757585; content: ""; left: 1px; margin: 2px 0 0; position: absolute; transform: rotate(0deg); width: 8px; } .arbre-ascendant .lien-generation i.lien-horizontal-2perso::after { border-bottom: 1px solid #757585; content: ""; right: 0; margin: 2px 0 0; position: absolute; transform: rotate(0deg); width: 8px; } .arbre-ascendant .lien-generation .lien-vertical-gene1 { border-left: 1px solid #757585; border-bottom: 1px solid #757585; height: 507px; margin: -3px 0 0 14px; width: 50%; } .arbre-ascendant .lien-generation.gene-deux .lien-vertical { border-left: 1px solid #757585; border-bottom: 1px solid #757585; height: 251px; margin: -3px 0 228px 14px; width: 50%; } .arbre-ascendant .lien-generation.gene-trois .lien-vertical { border-left: 1px solid #757585; border-bottom: 1px solid #757585; height: 125px; margin: -4px 0 98px 14px; width: 50%; } .arbre-ascendant .lien-generation.gene-quatre .lien-vertical { border-left: 1px solid #757585; border-bottom: 1px solid #757585; height: 59px; margin: -4px 0 36px 14px; width: 50%; } .arbre-ascendant .lien-generation .parent-1 { margin: 0 0 6px 0; height: 58px; } .arbre-ascendant .lien-generation .parent-1:last-child { margin: 0; } .arbre-ascendant .lien-generation .parent-1 a { display: block; } .arbre-ascendant .lien-generation .parent-1 a i { background: #d5d8da none repeat scroll 0 0; border-radius: 50%; color: #2B2550; font-size: 19px; margin: 5px 0 0 6px; } .arbre-ascendant .lien-generation .parent-1 a:hover i { background: rgba(213, 216, 218, 0.7); } /*---------------------------------- FIN Navigation ascendante */ /*---------------------------------- DEBUT Navigation Familiale */ .arbre-familial .remonter, .arbre-familial .descendre { height: 39px; text-align: center; margin: 10px 0; } .arbre-familial .remonter i, .arbre-familial .descendre i { background: #d5d8da; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 24px; color: #2B2550; padding: 7px; } .arbre-familial .remonter a:hover i, .arbre-familial .descendre a:hover i { background: rgba(129, 138, 145, 0.7); } .arbre-familial a.top-generation { position: absolute; top: -25px; left: 27px; } .arbre-familial a.top-generation i { color: #2B2550; } .arbre-familial a.top-generation:hover i { color: rgba(70, 85, 105, 0.6); } .arbre-familial a.bottom-generation { position: absolute; bottom: -25px; left: 27px; } .arbre-familial a.bottom-generation i { color: #2B2550; } .arbre-familial a.bottom-generation:hover i { color: rgba(70, 85, 105, 0.6); } .arbre-familial .person .face i:not([data-center-icon]) { position: absolute; right: -1px; bottom: -1px; background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; font-size: 12px; padding: 3px; } .arbre-familial .person:hover .face i { background-color: #F5F6FA; } .arbre-familial .person.selected .face i { background-color: #2B2550; color: #fff; } .arbre-familial .person .person .ajout { font-size: 38px; line-height: 116px; } .arbre-familial .person .person.f .ajout { color: #ff8888; } .arbre-familial .person .person.m .ajout { color: #66cccc; } .arbre-familial .person .person.inconnu { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 5px 0; border: 2px dashed #d5d8da; } .arbre-familial .person .person.inconnu:hover { background: rgba(213, 216, 218, 0.4); } .arbre-familial .person .person.inconnu a:hover { text-decoration: none; } .liste-arbre .info-arbre .titre-arbre a + i + span { margin-left: 10px; padding: 5px 7px; height: 22px; margin-top: -5px; } /*---------------------------------- DEBUT calcul lien de parenté */ .parentalLink.container { height: auto; } .no-line:after { opacity: 0 !important; } .no-line::before { opacity: 0 !important; } @media (max-width: 746px) { .parentalLink__scroll { overflow: scroll; } } .parentalLink__text { color: #2B2550; margin-bottom: 90px; } .parentalLink__text h3 { font-size: 23px; font-weight: bold; } .parentalLink__text p { font-size: 15px; margin-bottom: 2px; } .parentalLink__calc { text-align: center; margin-bottom: 30px; min-width: 746px; } .parentalLink__calc .parentalLink__calcBlock { width: 230px; display: inline-block; text-align: left; vertical-align: top; } .parentalLink__calc .parentalLink__calcBlock:after { display: block; content: ""; clear: both; } .parentalLink__calc .parentalLink__calcBlock.parent-alone .blockText:after { bottom: -47px; } .parentalLink__calc .parentalLink__calcBlock.parent-alone .blockText a { padding-top: 18px; } .parentalLink__calc .blockProfil { background: #2B2550; color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-bottom: -5px; position: relative; margin-top: 31px; } .parentalLink__calc .blockProfil .numero { float: left; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 3px; min-width: 32px; min-height: 50px; text-align: center; font-size: 22px; padding: 8px 2px 0 2px; color: #ffffff; } .parentalLink__calc .blockProfil.femme .numero { background: #ff8888; } .parentalLink__calc .blockProfil.femme .profil { background: #ff8888; } .parentalLink__calc .blockProfil.femme .profil.image img { border-color: #ff8888; } .parentalLink__calc .blockProfil.homme .numero { background: #66cccc; } .parentalLink__calc .blockProfil.homme .profil { background: #66cccc; } .parentalLink__calc .blockProfil.homme .profil.image img { border-color: #66cccc; } .parentalLink__calc .blockProfil.neutre .numero { background: #8888ff; } .parentalLink__calc .blockProfil.neutre .profil { background: #8888ff; } .parentalLink__calc .blockProfil.neutre .profil.image img { border-color: #8888ff; } .parentalLink__calc .blockProfil .profil { height: 40px; width: 40px; margin: 4px 9px; } .parentalLink__calc .blockProfil .profil.image img { border-width: 3px; height: 41px; width: 41px; } .parentalLink__calc .blockProfil .profil .initiale { font-size: 17px; font-weight: 400; text-align: center; margin: 9px 0 0 0; } .parentalLink__calc .blockProfil .info-perso { display: inline-block; height: 45px; position: relative; width: 49%; } .parentalLink__calc .blockProfil .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .parentalLink__calc .blockProfil .info-perso p { font-size: 11px; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; line-height: 12px; } .parentalLink__calc .blockProfil i { font-size: 13px; background: #3d454e; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; padding: 1px; color: #ffffff; position: absolute; top: 3px; right: 3px; } .parentalLink__calc .blockProfil:after { height: 26px; width: 1px; content: ""; display: block; background: #6a7787; position: absolute; bottom: -26px; left: 50%; } .parentalLink__calc .blockProfil + .blockProfil:after { height: 0; position: relative; } .parentalLink__calc .blockProfil.light { display: inline-block; margin-top: 30px; width: 192px; background: #fff; border: 1px solid #6a7787; } @media (max-width: 992px) { .parentalLink__calc .blockProfil.light { width: 158px; } } .parentalLink__calc .blockProfil.light .info-perso p { color: #6a7787; } .parentalLink__calc .blockText { text-align: center; position: relative; margin: 35px 0 10px 0; } .parentalLink__calc .blockText:after { height: 24px; width: 1px; content: ""; display: block; background: #333333; position: absolute; bottom: -30px; left: 50%; } .parentalLink__calc .blockText i { vertical-align: top; margin: 4px 2px 0 0; font-size: 10px; color: #8888ff; } .parentalLink__calc .blockText .homme i { color: #66cccc; } .parentalLink__calc .blockText .femme i { color: #ff8888; } .parentalLink__calc .blockText a { font-size: 12px; display: block; height: 18px; transform: translateX(-19%); width: 160%; } .parentalLink__calc .blockText a i + span { max-width: 44%; } .parentalLink__calc .blockText a span { max-width: 47%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 15px; text-align: left; } .parentalLink__calc .blockText a span + span { margin-left: 3px; font-style: italic; color: #6a7787; } .parentalLink__calc .blockText a span + span i { font-size: 13px !important; color: #6a7787 !important; margin: 2px 0 0 2px !important; } .parentalLink__calc .blockText a .and { cursor: auto; color: #333333; font-weight: bold; font-size: 13px; margin-right: 2px; font-style: inherit; } .parentalLink__calc .blockText a:hover { line-height: 15px; text-decoration: none; } .parentalLink__calc .blockText a:hover span { border-bottom: 1px solid #43C; } .parentalLink__calc .blockText a:hover span + span { text-decoration: none; border-bottom: 0; line-height: 16px; } .parentalLink__calc .blockText a:hover .and { border-bottom-color: transparent; } .parentalLink__calc .blockText + .blockProfil { margin-top: 30px; } .parentalLink__calc .blockText + .blockProfil:after { height: 0; position: relative; } .parentalLink__calc.multi-branch .parentalLink__calcBlock { margin-top: 61px; } .parentalLink__calc.multi-branch .parentalLink__calcBlock .blockText:before { height: 24px; width: 1px; content: ""; display: block; background: #6a7787; position: absolute; top: -30px; left: 50%; } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock { margin-top: 0; } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText { border-bottom-color: #6a7787; margin-top: 0; } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before { height: 1px; width: 466px; top: 65px; left: 50%; transform: translateX(-50%); } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock { margin-top: 61px; } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText { margin: 35px 0 10px 0; } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:first-child:before { height: 24px; width: 1px !important; content: ""; display: block; background: #6a7787; position: absolute; top: -30px; left: 50%; } .parentalLink__calc.multi-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText + .blockText:before { width: 0; } .parentalLink__calc.multi-branch .parentalLink__calcBlock > .blockProfil:after { height: 0; position: relative; } .parentalLink__calc.multi-branch .parentalLink__calcBlock > .blockProfil:before { height: 26px; width: 1px; content: ""; display: block; background: #6a7787; position: absolute; top: -26px; left: 50%; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .blockText a span { max-width: 35%; } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .blockText a span + span { max-width: 50%; } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock { width: 178px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child { width: 446px; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child { width: 354px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText { width: 230px; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText { width: 178px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText + .blockProfil { margin-top: 20px; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText + .blockProfil:before { height: 0; position: relative; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockText + .blockProfil + .blockProfil { margin-top: 20px; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil { display: inline-block; margin-top: 30px; width: 192px; background: transparent; border: 1px solid #6a7787; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil { width: 158px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil .info-perso p { color: #333333; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child { width: 230px; float: right; background: #2B2550; border: 0; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child { width: 178px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child .info-perso p { color: #ffffff; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child .numero { float: right; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child .numero + .profil + .info-perso + i { right: 38px; } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child:before { height: 1px; width: 24px; content: ""; display: block; background: #6a7787; position: absolute; top: 50%; left: -24px; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:last-child:before { width: 19px; left: -19px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock:last-child .blockProfil:before { left: 59.8%; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before { width: 362px; } } .parentalLink__calc.multi-branch.four-branch .parentalLink__calcBlock + .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before { width: 0; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock { width: 230px; margin-top: 0 !important; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock { width: 178px; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock .blockProfil { width: 100%; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock .blockProfil.light i { background: none; color: #3d454e; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) { margin-top: 76px !important; width: 180px; } @media (max-width: 1200px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) { width: 119px; } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) { width: 98px; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil { transform: translateX(-25px); width: 230px; } @media (max-width: 1200px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil { transform: translateX(-56px); } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil { width: 178px; transform: translateX(-40px); } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockProfil:before { height: 51px; top: -51px; } @media (max-width: 1200px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockText a { width: 224%; transform: translateX(-30%); } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockText a { width: 246%; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(2n+0) .blockText + .blockProfil:before { height: 26px; top: -26px; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText { margin: 35px 0 10px 0; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:before { height: 0; width: 1px; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock + .parentalLink__calcBlock .blockText:first-child:before { height: 47px; top: -55px; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:first-child > .blockProfil:before, .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(3) > .blockProfil:before { height: 1px; width: 231px; top: 50%; right: -231px; left: inherit; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:last-child > .blockProfil:before { height: 0; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:last-child > .blockProfil .numero { float: right; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:last-child > .blockProfil .numero + .profil + .info-perso + i { right: 38px; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(4) > .blockProfil .numero { float: right; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock:nth-child(4) > .blockProfil .numero + .profil + .info-perso + i { right: 38px; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil { margin-top: 30px; width: 192px; background: transparent; border: 1px solid #6a7787; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil { width: 135px; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil i { background: none; color: #333333; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil .info-perso p { color: #333333; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil { width: 230px; background: #2B2550; border: 0; margin-top: -51px; margin-left: 208px; } @media (max-width: 1200px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil { width: 198px; } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil { width: 170px; margin-left: 148px; } } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .info-perso { width: 47%; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .info-perso p { color: #ffffff; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .numero { float: right; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil .numero + .profil + .info-perso + i { right: 38px; } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil:before { height: 1px !important; width: 16px; content: ""; display: block; background: #6a7787; position: absolute; top: 50% !important; left: -16px; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil.horizontalProfil:before { width: 13px; left: -13px; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil:before { left: 59.8%; } @media (max-width: 992px) { .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil:before { left: 64.8%; } } .parentalLink__calc.multi-branch.five-branch .parentalLink__calcBlock.branch-col-2 .blockProfil + .blockProfil:before { height: 26px; top: -26px; } .parentalLink__noresult { text-align: center; color: #6a7787; } .parentalLink__noresult i { font-size: 89px; margin-bottom: 15px; } .parentalLink__noresult h3 { font-size: 24px; margin-bottom: 26px; } .parentalLink__noresult p { font-size: 15px; margin-bottom: 30px; color: #333333; } /*---------------------------------- FIN calcul lien de parenté */ .info-public-tree { text-align: left; } .info-public-tree .info-public-tree-text { color: #757585; } .info-public-tree a.information[data-toggle=collapse] + div.collapse { font-size: 13px; } .gedcom-subtitle { font-size: 22px; font-weight: 700; } .page-import-gedcom .checkbox .label-text { font-size: 15px; font-weight: 700; margin-left: 5px; } .page-import-gedcom .import-gedcom-cta { margin-top: 30px; } .page-import-gedcom .import-gedcom-cta .btn { font-size: 17px; padding: 10px 20px; font-weight: 700; } /*-------------------------------------------------------------------------- ONGLETS FICHE --- */ a.tab-information-link:hover, a.tab-information-link:focus { background: rgba(213, 216, 218, 0.6); } .tab-information-link { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 18px; border-color: transparent #fff transparent transparent; color: #333333; background: rgba(213, 216, 218, 0.7); } @media screen and (max-width: 600px) { .bloc-contenu-in.tab-information .nav-tabs { margin-bottom: 10px; border-bottom: none; } .bloc-contenu-in.tab-information .nav-tabs li { display: block; width: 100%; margin: 3px 0; } .bloc-contenu-in.tab-information .nav-tabs li a { border-radius: 4px; } } .timeline { list-style: none; padding: 0; position: relative; } .timeline > li:before, .timeline > div > div > li:before { top: 0; bottom: 0; position: absolute; content: " "; left: 37px; margin-left: -1.5px; border-left: 3px solid #757585; } .timeline > li:last-child:before, .timeline > div > div > li:last-child:before { display: none; } .timeline > li.last-visible:before, .timeline > div > div > li.last-visible:before { display: none; } .timeline > li.pointille:before, .timeline > div > div > li.pointille:before { top: 0; bottom: 0; position: absolute; content: " "; left: 37px; margin-left: -1.5px; border-left: 4px dotted #757585; } .timeline > li, .timeline > div > div > li { padding-bottom: 20px; position: relative; } .timeline > li .timeline-panel, .timeline > div > div > li .timeline-panel { width: 92%; padding: 0 20px 20px 20px; position: relative; left: 76px; min-height: 90px; line-height: 76px; } @media (max-width: 600px) { .timeline > li .timeline-panel, .timeline > div > div > li .timeline-panel { width: 88%; } } .timeline .timeline-info { display: inline-block; line-height: normal; vertical-align: middle; width: 100%; } .timeline li:last-child .timeline-panel { min-height: 75px; padding-bottom: 0; line-height: 75px; } .timeline li .timeline-badge { color: #fff; width: 75px; height: 75px; font-size: 1.4em; text-align: center; position: absolute; background-color: #757585; z-index: 1; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; font-weight: bold; line-height: 75px; } .timeline li .autre-evenement.timeline-badge:hover { cursor: default; } .timeline > li > .timeline-badge-plus { color: #fff; width: 50px; height: 50px; font-size: 1.4em; text-align: center; position: absolute; background-color: #fff; border: 3px solid #757585; z-index: 1; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; font-weight: bold; left: 14px; } .timeline > li > .timeline-panel-plus { width: 93%; padding: 0 20px 20px 20px; position: relative; left: 76px; min-height: 72px; line-height: 39px; } .timeline > li > .timeline-badge-plus > i { color: #757585; font-size: 16px; line-height: 41px; } .timeline > li > .timeline-badge-plus:hover > i { color: #2B2550; } .timeline-badge span.annee { display: inline-block; line-height: 1; vertical-align: middle; } .timeline-badge span.age { font-size: 14px; font-weight: normal; display: block; margin: 0 0 1px 0; } .timeline li .timeline-badge.autre-evenement, .mode-edit .timeline li .timeline-badge.autre-evenement { color: #757585; background-color: #fff; line-height: 71px; border: 3px solid #757585; } .mode-edit .timeline li .timeline-badge:hover { color: #fff; background-color: #757585; cursor: pointer; } .mode-edit .timeline-title span:hover { text-decoration: underline; cursor: pointer; } .autre-evenement + .timeline-panel .timeline-title:hover { text-decoration: inherit; cursor: default; } .autre-evenement + .timeline-panel .timeline-title a:hover { text-decoration: underline; cursor: pointer; color: #43C; } .timeline-title { margin: 0 0 3px 0; font-size: 18px; font-weight: bold; width: auto; display: inline; } .timeline-title a { text-decoration: none; color: #43C; margin: 0 0 0 2px; } .timeline-title a:hover { text-decoration: underline; color: #43C; } .timeline-title a span { font-style: italic; } li.first-time .timeline-info p { width: 92%; } .timeline-info p { margin-bottom: 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; width: auto; } .timeline-info p + p { margin-top: 2px; } .timeline-info .time-line-description { font-size: 14px; color: #2B2550; margin: 10px 0 0 0; } .timeline-info .multiple-img { background: #d5d8da; float: right; height: 80px; width: 80px; margin: 7px 0 0 0; } .timeline-info .multiple-img img { height: 80px; width: 80px; float: right; margin: -7px -7px 2px 15px; } .timeline-info .multiple-img i { float: right; height: 80px; margin: -7px -7px 2px 15px; width: 80px; position: inherit; } .timeline-info .multiple-img .badge { background: #fff; color: #757585; margin: -15px -7px 0 0; float: right; border: 1px solid #757585; } .timeline-info img { height: 80px; width: 80px; float: right; margin: 0 -7px 2px 15px; } .timeline-info i { height: 80px; width: 80px; float: right; margin: 0 -7px 2px 15px; background: #757585 none repeat scroll 0 0; color: #fff; font-size: 37px; padding: 23px; /* &.glyphicon-link { margin: 0; } */ } #map { height: 300px; background: #d5d8da; margin: 20px 0 0 0; } .cercle-familial h2 { font-size: 16px; color: #2B2550; font-weight: bold; cursor: pointer; } .cercle-familial h2.vide { color: #757585; font-weight: bold; cursor: default; } .cercle-familial h2.vide.collapsed i.caret { border-color: transparent transparent transparent #757585; border-style: solid; border-width: 7px 0 7px 13px; margin: -5px 7px 0 0; } .cercle-familial h2 i.caret { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 13px dashed; display: inline-block; margin: -3px 6px 0 0; } .cercle-familial h2.collapsed i.caret { border-style: solid; border-width: 7px 0 7px 13px; border-color: transparent transparent transparent #2B2550; margin: -5px 7px 0 0; } .cercle-familial .individu { border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; margin: 0 0 5px 0; } .cercle-familial .individu.enfant { margin: 0 0 5px 17px; } .cercle-familial a .individu:hover { background: #d5d8da; border: 1px solid #757585; } .cercle-familial a .individu:hover p span { color: #333333; } .cercle-familial .individu i.icon-i-avatar-homme, .cercle-familial .individu i.icon-i-avatar-femme, .cercle-familial .individu i.icon-i-avatar-neutre, .cercle-familial .individu i.icon-i-avatar-h-f-03, .cercle-familial .individu i.icon-i-mariage, .cercle-familial .individu i.icon-i-berceau, .cercle-familial .individu i.icon-i-cadenas { color: #fff; padding: 9px 7px 7px 7px; font-size: 22px; display: inline-block; vertical-align: top; } .cercle-familial .individu i.icon-i-avatar-neutre { font-size: 17px; padding: 10px 7px 9px 6px; } .cercle-familial .individu .profil { float: inherit; } .cercle-familial .individu .profil { border-radius: 50%; cursor: inherit; height: 41px; width: 41px; text-align: center; vertical-align: top; display: inline-block; } .cercle-familial .individu .profil.image img { border-width: 3px; width: 41px; height: 41px; } .cercle-familial .individu + i.sosa { background: #FFF none repeat scroll 0 0; border-radius: 50%; color: #757585; float: left; font-size: 12px; margin: -32px 0 0 31px; padding: 3px; position: relative; } .cercle-familial .individu.enfant + i.sosa { margin: -32px 0 0 47px; } .cercle-familial .individu.enfant p { width: 81%; } @media (max-width: 1200px) { .cercle-familial .individu.enfant p { width: 77%; } } @media (max-width: 992px) { .cercle-familial .individu.enfant p { width: 91%; } } @media (max-width: 767px) { .cercle-familial .individu.enfant p { width: 86%; } } @media (max-width: 480px) { .cercle-familial .individu.enfant p { width: 80%; } } .cercle-familial .individu p { width: 83%; display: inline-block; margin: 0 0 0 8px; color: #333333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; } .cercle-familial .individu p span { display: block; color: #757585; font-size: 13px; } .cercle-familial .individu p a { margin: 7px 0 0 0; display: inline-block; color: #445599; } .cercle-familial .individu p a:hover { text-decoration: underline; } @media (max-width: 1200px) { .cercle-familial .individu p { width: 77%; } } @media (max-width: 992px) { .cercle-familial .individu p { width: 91%; } } @media (max-width: 767px) { .cercle-familial .individu p { width: 86%; } } @media (max-width: 480px) { .cercle-familial .individu p { width: 80%; } } .cercle-familial .individu .profil .initiale { color: #fff; font-size: 17px; margin: 0; padding: 9px 0 0; width: auto; } .cercle-familial .individu.ajout-personne { line-height: 35px; min-height: 48px; border: 1px dashed #757585; } .cercle-familial .individu.ajout-personne .profil .initiale { padding: 3px 0 0; font-weight: normal; } .cercle-familial .individu.ajout-personne p { color: #757585; font-weight: bold; } .cercle-familial.cercle-familial--individual .profil { position: relative; } .cercle-familial.cercle-familial--individual .individu i.sosa { position: absolute; bottom: 0; right: -6px; margin: 0; font-size: 12px; padding: 3px; border-radius: 50%; background: #fff none repeat scroll 0 0; color: #757585; } .cercle-familial.cercle-familial--individual .cercle-familial__role { margin-bottom: 4px; } .cercle-familial a:hover, .cercle-familial a:focus { color: transparent; } .cercle-familial .real-time-parents .top-hints { position: absolute; top: -2px; left: -6px; } .cercle-familial .real-time-parents .top-hints .icon-i-plus { -moz-transform: translateY(0.5px); -ms-transform: translateY(0.5px); -webkit-transform: translateY(0.5px); transform: translateY(0.5px); left: 10px; } .cercle-familial .real-time-parents.tag-v2--add-relation .top-hints { top: -1px; } .fiche-arbre-document > li { padding: 10px 0 10px 0; border-bottom: 1px solid #d5d8da; min-height: 103px; } .fiche-arbre-document > li:last-child { border-bottom: 0; } .fiche-arbre-document > li p { margin: 0; } .fiche-arbre-document > li a:hover { text-decoration: none; } .fiche-arbre-document > li a:hover h3 { text-decoration: underline; } .fiche-arbre-document img { height: 80px; width: 80px; float: left; margin: 0 10px 10px 0; } .fiche-arbre-document i { height: 80px; width: 80px; float: left; margin: 0 10px 10px 0; background: #fff; font-size: 44px; padding: 19px; color: #667788; } .fiche-arbre-document i.icon-i-feuille-logo { font-size: 47px; padding: 19px 0 0 25px; } .fiche-arbre-document i.icon-i-piece-filae { font-size: 44px; padding: 20px 0 0 16px; } .fiche-arbre-document i.icon-i-family-view { font-size: 32px; padding: 24px; } .fiche-arbre-document i.icon-note:before { content: "\e616"; font-family: "icomoon", sans-serif !important; font-size: 41px; margin: 0 0 0 -4px; } .fiche-arbre-document h3 { margin: 0 0 5px 0; font-size: 17px; font-weight: 700; color: #43C; overflow: hidden; word-wrap: break-word; } .fiche-arbre-document p { font-size: 14px; color: #2B2550; overflow: hidden; word-wrap: break-word; } .fiche-arbre-document .close { opacity: 1; } span.label { background-color: #fff; color: #757585; border: 1px solid #757585; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 0 0 6px 0; display: inline-block; font-size: 11px; padding: 0.2em 0.6em; } span.label.plein { background-color: #11a88b; color: #fff; border: 1px solid #11a88b; } span.label.transparent { background-color: transparent; color: #fff; border: 1px solid #fff; } span.label.label-success { background-color: transparent; border: 1px solid #0c9; color: #0c9; } span.label.label-success.inverse { background-color: #0c9; border: 1px solid #0c9; color: #fff; } span.label.label-success.inverse { margin-left: 10px; } span.label.tag { border: 1px solid #d5d8da; background-color: #fff; color: #333333; font-size: 13px; padding: 5px 12px; text-align: left; } .ekko-lightbox h4 { overflow: hidden; word-wrap: break-word; } /* ======================================================================================================== DEBUT Fusion -- */ .fusion-question { padding: 0 0 10px 0; } .fusion-question .btn + .btn { margin: 0 0 0 5px; color: #333333; } .fusion-question .btn + a { margin: 0 0 0 5px; color: #ff5555; } .fiche-fusion-1 .header-fusion p { color: #ff5555; font-size: 14px; } .fiche-fusion-2 .header-fusion p { color: #ff5555; font-size: 14px; font-weight: bold; } .header-fusion .informations-fiche-arbre h4 { font-weight: bold; font-size: 20px; color: #2B2550; } .header-fusion .informations-fiche-arbre li { font-size: 17px; line-height: 23px; color: #2B2550; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-fusion .informations-fiche-arbre li span { width: auto; } .header-fusion .informations-fiche-arbre li span:hover { text-decoration: inherit; cursor: default; } .header-fusion .informations-fiche-arbre li span + span { padding: 0 0 0 5px; width: auto; } .header-fusion .informations-fiche-arbre li span + span + span { font-weight: normal; display: inline; white-space: nowrap; } .header-fusion .img-profil { cursor: default; height: 98px; margin: auto; width: 98px; } .header-fusion .img-profil i { font-size: 50px; height: 98px; width: 98px; cursor: default; padding: 25%; } /* ------------------------------------------------------- a retirer lorsque les nouveaux arbres deront mit en place ---- */ .header-fusion .img-profil img { height: 98px; width: 98px; } .header-fusion .profil { float: left; height: 98px; margin: auto 0; width: 98px; } /* ----- FIN a retirer lorsque les nouveaux arbres deront mit en place*/ .header-fusion { border-bottom: 2px solid #d5d8da; padding: 0 0 10px 0; height: 292px; } .header-fusion .profil.image img { border-width: 4px; height: 98px; width: 98px; } .header-fusion .profil .initiale { color: #fff; font-size: 30px; font-weight: 400; margin: 26px 0 0; text-align: center; } .header-fusion input + input { margin: 8px 0 0 0; } .fiche-fusion-1 i.icon-i-rond-fleche-droite { font-size: 47px; color: #ff5555; float: right; margin: 10px 0 0 0; } .fiche-fusion-1 i.icon-i-rond-fleche-droite:hover, .fiche-fusion-1 i.icon-i-rond-fleche-droite:focus { color: #ff5555; } .header-fusion .informations-fiche-arbre h1 { overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; margin-right: 0; padding-right: 1.5em; height: 112px; } .header-fusion .informations-fiche-arbre h1:hover { text-decoration: inherit; cursor: default; } .header-fusion .informations-fiche-arbre h1:before { content: "..."; position: absolute; right: 0; bottom: 0; } .header-fusion .informations-fiche-arbre h1:after { content: ""; position: absolute; right: 0; width: 1em; height: 2em; margin-top: 0.2em; background: white; } /* Body fiche fusion : Evènement, time-line ... */ .body-fusion.hint .timeline > li > .timeline-panel, .flex-title .timeline > li > .timeline-panel { width: 74%; display: inline-block; padding: 0 20px; } .body-fusion .timeline-title { font-size: 17px; margin: 0 0 1px 0; } .body-fusion .timeline-title:hover { text-decoration: inherit; cursor: default; } .body-fusion .timeline li .timeline-badge { background-color: #757585; color: #fff; cursor: default; } .body-fusion h4 { font-size: 25px; font-weight: bold; padding: 10px 0 0 0; } .fiche-fusion-1 .body-fusion h4 { color: #ff5555; } .fiche-fusion-2 .body-fusion h4 { color: #2B2550; } .body-fusion .timeline > li > .timeline-panel { width: 74%; display: inline-block; height: 154px; padding: 0 20px; } .body-fusion .timeline > li > .timeline-panel.troischamps { height: 200px; } .body-fusion.hint .no-correspondance { height: 110px; } .body-fusion .no-correspondance { height: 175px; } .body-fusion .no-correspondance.troischamps { height: 220px; } .body-fusion .no-correspondance-last { height: 174px; } .body-fusion .no-correspondance-last:last-child { height: 154px; } .body-fusion .no-correspondance-last.troischamps { height: 220px; } .body-fusion .no-correspondance-last.troischamps:last-child { height: 200px; } .body-fusion li.no-correspondance-last:before { display: none; } .body-fusion .timeline-info { /* Texte timeline colonne de droite page fusion en venant de la recherche : max du texte 1 lignes max pour les libellés d'évènements */ } .body-fusion .timeline-info h3, .body-fusion .timeline-info p { overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; text-align: justify; margin-right: 0; padding-right: 1.5em; } .body-fusion .timeline-info h3:before, .body-fusion .timeline-info p:before { content: "..."; position: absolute; right: 0; bottom: 0; } .body-fusion .timeline-info h3:after, .body-fusion .timeline-info p:after { content: ""; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; } .body-fusion .timeline-info h3 { text-align: left; } .body-fusion .timeline-info #alertErrorMessages p { max-height: inherit; padding: 0; } .body-fusion .timeline-info .tt-suggestion p { max-height: inherit; } .body-fusion .timeline-info #alertErrorMessages p:before, .body-fusion .timeline-info .tt-suggestion p:before { display: none; } .body-fusion .timeline-info #alertErrorMessages p:after, .body-fusion .timeline-info .tt-suggestion p:after { display: none; } .body-fusion .timeline-info .row { margin: 0 0 10px 0; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel { width: 88%; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre-seul { width: 68% !important; } .fiche-fusion-2 .body-fusion .timeline > li > .timeline-panel input.special-entre { padding: 6px 12px; } .fiche-fusion-2 .body-fusion .timeline-info h3 { max-width: 92%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fiche-fusion-2 .body-fusion.hint .timeline-info h3 { white-space: inherit; } .timeline-info p a { display: inline; position: relative; z-index: 1; } .timeline-info p a span { font-style: italic; } .timeline li.no-correspondance .timeline-badge-pointille, .timeline li.no-correspondance-last .timeline-badge-pointille { background-color: #fff; border: 4px dashed #757585; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 75px; position: absolute; width: 75px; } .timeline li.no-correspondance .timeline-badge-pointille { background-color: #fff; border: 4px dashed #757585; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 75px; position: absolute; width: 75px; } .timeline li.ajout-evenement .timeline-badge { background-color: #757585; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 1.4em; font-weight: bold; height: 75px; line-height: 75px; position: absolute; text-align: center; width: 75px; z-index: 100; } .timeline li.ajout-evenement i.glyphicon-trash { background: none; color: #757585; float: right; font-size: 19px; height: auto; margin: -1px 0 0 0; padding: 0; width: auto; } .timeline li.ajout-evenement a:hover i.glyphicon-trash { color: #2B2550; } .timeline li.ajout-evenement span.label { background-color: #757585; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; display: inline-block; font-size: 13px; margin: 0; padding: 0.2em 0.6em; font-weight: bold; position: absolute; top: -25px; z-index: 100; } .timeline-info .alert-warning, .timeline-info .alert-danger { margin: -8px 0 0; padding: 4px 10px; } .timeline-info .alert-warning p, .timeline-info .alert-danger p { font-size: 13px; padding: 10px; } .modal-body .bg-warning, div .bg-warning { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #f0ad4e; font-size: 17px; padding: 15px; } .modal-body .bg-danger, div .bg-danger, .alert.alert-danger { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #d9534f; font-size: 17px; padding: 15px; } .modal-body .bg-danger a, div .bg-danger a, .alert.alert-danger a { color: #d9534f; text-decoration: underline; } .alert.alert-dismissable, .alert.alert-dismissible { padding-right: 35px !important; } /*------------------------------------------------ DEBUT modifications fusion popup mariage 09/05/2017--------------------------------------------------------*/ .container-fusion .fusion-question h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #mariage-inconnu .modal-dialog-fusion .modal-header { border-bottom: none; } .modal-dialog-fusion .modal-footer { border-top: none; background-color: #2B2550; padding-top: 0; } #supprimer-mariage .modal-dialog-fusion .modal-footer { border-top: none; padding-top: 0; background-color: transparent; } #mariage-inconnu .modal-dialog-fusion .modal-footer .btn-default { background-color: transparent; border: 1px solid #fff; color: #fff; } .modal-dialog-fusion .modal-body { padding-bottom: 5px; } .modal-dialog-fusion .modal-body-bg { background-color: #2B2550; color: #fff; } .modal-dialog-fusion .modal-body .bg-warning, .modal-dialog-fusion .modal-body div .bg-warning { -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; color: #fff; font-size: 17px; padding: 0; } .modal-dialog-fusion .modal-body .bg-danger, .modal-dialog-fusion .modal-body div .bg-danger, .modal-dialog-fusion .modal-body .alert.alert-danger { padding: 0; } .modal-dialog-fusion .modal-body .bg-warning, .modal-dialog-fusion .modal-body .bg-danger { background-color: transparent; } /*------------------------------------------------ FIN modifications fusion popup mariage 09052017--------------------------------------------------------*/ /*------------------------------------------------ modifications fusion 23032017--------------------------------------------------------*/ .fiche-fusion-1 .title-fusion p { color: #757585; font-size: 17px; font-weight: bold; } .informations-fiche-arbre h1.name-fusion { font-size: 22px; margin-top: 0; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-fusion .informations-fiche-arbre h1.name-fusion:after { display: none; } .header-fusion .informations-fiche-arbre h1.name-fusion:before { content: none; } .informations-fiche-arbre h5 { word-wrap: break-word; font-size: 18px; margin-top: 0; margin-bottom: 0; color: #303F4C; font-weight: italic; clear: both; } .informations-fiche-arbre h1 span.nomfam-fusion { font-weight: bold; font-size: 20px; } .header-fusion .informations-fiche-arbre h4.born-fusion { font-weight: bold; font-size: 15px; margin-top: 5px; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-fusion .identification { height: 105px; } .header-fusion .identification .mod-color { color: #fff; } .flex-identification { background-color: #2B2550; } .container-fusion .flex-identification .profilup i { background: #2B2550 none repeat scroll 0 0; border-radius: 50%; color: #fff; float: right; font-size: 14px; margin: -2px 0 0; padding: 3px; position: relative; } .container-fusion .flex-identification .profilup img + i { margin: -18px 0 0; } .header-fusion .identification i { position: absolute; right: -23px; top: 0; color: #d5d8da; font-size: 20px; } @media (max-width: 1200px) { .header-fusion .identification i { right: 24px; } } .header-fusion .identification h5.mod-color { font-style: italic; } .fiche-fusion-1 .header-fusion p.statut, .informations-fiche-famille .informations-famille p.statut { color: #757585; font-size: 14px; font-weight: bold; text-align: right; margin-bottom: 0; } .row.informations-famille.separation { margin: 0; } .row.informations-famille.separation > div { padding-right: 0; } .fiche-fusion-1 .header-fusion .personne-pad { padding-left: 0px; } .fiche-fusion-1 .header-fusion p.statut-nom, .informations-fiche-famille .informations-famille p.statut-nom { color: #303F4C; font-size: 14px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; } .header-fusion .profilup { float: left; height: 74px; margin: auto 0; width: 74px; } .header-fusion .profilup.image img { border-width: 4px; height: 74px; width: 74px; } .header-fusion-flex { padding-top: 15px; height: auto; margin: 0px; border: 1px solid #d5d8da; border-bottom: none; border-radius: 4px 4px 0 0; } .header-fusion-flex .profil .initiale { color: #fff; font-size: 30px; font-weight: 400; margin: 15px 0 0; text-align: center; } .header-fusion-flex i.icon-i-piece-filae { font-size: 44px; padding: 20px 0 0 15px; color: #fff; height: 80px; width: 80px; float: left; margin: 0 10px 10px 0; background: #757585; } .header-fusion-flex.flex-identification { border: none; } .flex-line { border-top: 1px solid #d5d8da; margin: 0 15px; } .row.edit-hidden { margin: 0; background-color: #2B2550; border-top: 1px solid #757585; border-radius: 0 0 4px 4px; } .modif-event { position: absolute; background-color: #2B2550; z-index: 300; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: calc(100% - 30px); border-radius: 0 0 4px 4px; } .edit-shadow { box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4); } .row.flex-famille { border: 1px solid #d5d8da; border-top: none; margin: 0; padding: 10px 0; } .row.edit-even { margin: 0 1px; background-color: #2B2550; } .flex-title h4.title-evenements { font-size: 20px; font-weight: bold; color: #ff5555; } .flex-title, .flex-timeline { padding: 10px 20px 0 20px; border: 1px solid #d5d8da; border-top: none; border-radius: 0 0 4px 4px; } .flex-famille, .flex-title, .flex-timeline { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; height: 100%; } .flex-display { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .timeline-info .timeline-event i { background: none; color: #d5d8da; float: right; font-size: 20px; padding: 0; margin: 0; width: auto; height: auto; } .timeline-info .timeline-event i:hover { color: #ff5555; } .time-first > li:before, .time-first > div > div > li:before { border-left: none; } .timetop { margin: 30px 0; } .timetop li .timeline-badge { width: 20px; height: 20px; margin-left: 26px; } .timetop > li .timeline-panel, .timetop > div > div > li .timeline-panel, .time-first > li .timeline-panel, .time-first > div > div > li .timeline-panel { line-height: 0px; } .timetop > li .timeline-panel, .timetop > div > div > li .timeline-panel, .time-first > li .timeline-panel, .time-first > div > div > li .timeline-panel { min-height: auto; } .timetop li:last-child .timeline-panel, .time-first li:last-child .timeline-panel { min-height: auto; line-height: 0px; padding-bottom: 20px; } .time-first > li { border: 2px dashed #d5d8da; width: 95%; } .flex-title .time-first > li { width: 100%; } .time-first > li.inconnu:hover { border: 2px dashed #8888ff; } .time-first > li.inconnu:focus, .time-first > li.inconnu.checked, .fusion-add-event .inconnu { border: 2px solid #8888ff; } .time-first > li.femme:hover { border: 2px dashed #ff8888; } .time-first > li.femme:focus, .time-first > li.femme.checked, .fusion-add-event .femme { border: 2px solid #ff8888; } .time-first > li.homme:hover { border: 2px dashed #66cccc; } .time-first > li.homme:focus, .time-first > li.homme.checked, .fusion-add-event .homme { border: 2px solid #66cccc; } .flex-timeline .timetop > li.femme:focus { border: 2px solid #ff8888; } .fusion-add-event { padding: 0 8px 0px 9px; margin-bottom: 15px; } .timetop .fusion-add-event li .timeline-panel { margin-left: 93px; } .fusion-add-event li { padding-top: 15px; } .fusion-add-event li.inconnu:before { border-left: 3px solid #8888ff; } .fusion-add-event li.femme:before { border-left: 3px solid #ff8888; } .fusion-add-event li.homme:before { border-left: 3px solid #66cccc; } .fusion-add-event li:before { top: 0; bottom: 82px; position: absolute; content: " "; left: 47px; margin-left: -1.5px; } .fusion-add-event li:first-child:before { top: 17px !important; } .fusion-add-event .timeline-info .timeline-event i { margin: -25px 0 0 0; top: 0 !important; } .timeline-new + .timeline-info .timeline-event i { top: -21px; position: relative; } .time-first > li.space { border: none; height: 10px; padding: 0; } .time-first > li, .time-first > div > div > li { padding: 10px 0; } .timetop li .timeline-badge.femme { background-color: #ff8888; } .timetop li .timeline-badge.homme { background-color: #66cccc; } .timetop > li.femme:before, .timetop > div > div > li.femme:before { border-left: 3px solid #ff8888; } .timetop > li.inconnu:before, .timetop > div > div > li.inconnu:before { border-left: 3px solid #8888ff; } .timetop > li.first-time:before { margin-top: 10px; } .timetop > li.first-time:first-child { top: 0; } .timetop > li.homme:before, .timetop > div > div > li.homme:before { border-left: 3px solid #66cccc; } .fusion-question1 { margin-top: 20px; } .fusion-question1 .btn + .btn { color: #fff; } .flex-title .timeline > li > .timeline-check { width: 10%; padding: 0 20px; float: left; } .timeline > li .timeline-panel1, .timeline > div > div > li .timeline-panel1 { left: 0px !important; } .timetop > li { margin: 0 28px 0 10px; } .timetop > li .femme { border: 3px solid #ff8888; } .btn1 { line-height: 0; font-size: 13px; padding: 8px 10px; font-weight: bold; } /*--------------------------------------------------------------------- début modification edit even -----------------------------------------------------------------*/ .dropdown-list-even { max-height: 280.5px !important; } .edit-even p.even-title { color: #fff; font-size: 16px; font-weight: bold; float: left; padding: 10px 0 0 15px; } .bottom-name { margin-top: 10px; } .row.edit-even:before { content: none; } .body-fusion-event { margin: 0; } .time-edit i { float: right; color: #d5d8da; margin-right: 17px; padding-top: 10px; } .time-edit p { margin-bottom: 30px; } .fauxevent-input { border-bottom: 1px solid #757585; padding: 0 0 2px; margin: 0 0 15px 0; display: inherit; vertical-align: top; } .fauxevent-input .btn-group.bootstrap-select .dropdown-toggle { padding: 3px 25px 3px 17px; background-color: #2B2550; } .fauxevent-input .btn-group.bootstrap-select:hover { background-color: #2B2550; } .fauxevent-input .bootstrap-select > .dropdown-toggle { height: auto; border: 0; } .fauxevent-input .bootstrap-select .form-control { background-color: #2B2550; border: none; color: #fff; box-shadow: none; } .fauxevent-input .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #fff; font-weight: bold; } .fauxevent-input .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -37px 0 0 2px !important; padding-right: 18px; color: #fff; } .fauxevent-input .btn-group.bootstrap-select .dropdown-toggle:hover { background-color: #2B2550 !important; } .fauxevent-input .bootstrap-select > .dropdown-toggle { width: 100%; } .body-fusion-event .event-input-simple input { border-radius: 0px; } .body-fusion-event .bootstrap-select .dropdown-toggle.btn { border-width: 0px; padding-left: 0; } .fauxevent-input p.label-fauxevent-input, p.label-fauxevent-input { font-size: 13px; left: 12px; color: #d5d8da; font-weight: 700; display: block; margin: 0; } .label-fauxevent-input-vide { margin: 0; } .fauxevent-input > .bootstrap-select > select { left: 0%; } .bootstrap-select.btn-group .dropdown-toggle .fusion-caret { color: #fff; } .multiple-input .fauxevent-input { float: left; } .multiple-input .event-input-simple { margin-right: 0; padding: 0; float: right; } .fauxevent-input input, .event-input-simple input { background-color: #2B2550; border: none; text-align: center; color: #fff; font-weight: bold; font-size: 16px; box-shadow: none; } .event-input-simple input { border-bottom: 1px solid #757585; text-align: left; padding: 0; height: 30px; } .input-italic .event-input-simple { font-style: italic; } .event-input-simple input:focus { box-shadow: none; border-bottom: 1px solid #ff5555; } .multiple-input .fauxevent-input .bootstrap-select { margin-top: 2px; } .multiple-input .event-input-simple input { text-align: center; } .event-input-simple i { visibility: hidden; position: absolute; right: 22px; top: 17px; color: #ff5555; } .event-input-simple:hover i { visibility: visible; } .multiple-input1 .event-input-simple { margin-bottom: 15px; } .multiple-input2 { margin-top: 20px; } .fusion-question1 .btn + .btn-default { border-color: #fff; } .fusion-question1 .btn-default:hover { border-color: none; background-color: #fff !important; color: #ff5555; font-weight: bold; } .event-input-simple input.fusiondate { height: 39px; } .event-input-simple input.fusiondate.double { display: inline-block; width: 49%; } /*--------------------------------------------------------------------- fin modification edit even -----------------------------------------------------------------*/ /*--------------------------------------------------------------------- debut modification edit person -------------------------------------------------------------*/ .body-fusion-person { margin: 0; } .edit-person { margin-bottom: 15px; } .edit-person input { font-style: italic; } /*--------------------------------------------------------------------- fin modification edit person ------------------------------------------------------------*/ /*-------------------------------------------------- fin modifications fusion 23032017 ---------------------------------------------------*/ /* ======================================================================================================== FIN Fusion -- */ .surnom { font-style: italic; } #treeMenu .btn-tree-menu { align-items: center; background-color: #363066; border: none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; color: #fff; display: flex; font-size: 14px; padding: 12px 8px; position: relative; } #treeMenu .btn-tree-menu i { color: #fff; font-size: 25px; padding: 0 5px; } #treeMenu .btn-tree-menu i:last-child { font-size: 20px; padding: 0 5px 0 35px; } #treeMenu .btn-tree-menu:before { display: block; position: absolute; content: ""; width: 1px; height: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 22%; top: 50%; background: #fff; } #treeMenu ul.dropdown-menu { width: 190px; } #treeMenu ul.dropdown-menu li { display: block; } #treeMenu ul.dropdown-menu i { color: #363066; font-size: 22px; padding-right: 10px; } #treeMenu ul.dropdown-menu a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 8px 10px; } #treeMenu ul.dropdown-menu a.active, #treeMenu ul.dropdown-menu a:focus { color: #333333; font-weight: bold; } #treeMenu ul.dropdown-menu a.active i, #treeMenu ul.dropdown-menu a:focus i { background: #fff; color: #ff5555; margin: 0; padding: 0 10px 0 0; } .top-suggestions { position: absolute; top: 0; left: 0; } .top-suggestions .top-hints { position: absolute; top: -1px; left: -18px; z-index: 1; } .top-suggestions .top-hints .icon-i-plus { -moz-transform: translateY(0.5px); -ms-transform: translateY(0.5px); -webkit-transform: translateY(0.5px); transform: translateY(0.5px); left: 10px; } .tree-menu { /* print item */ } .tree-menu.fixed { position: fixed; width: 100%; min-height: 5rem; background-color: rgba(255, 255, 255, 0.85); z-index: 1002; } .tree-menu .tree-menu__link > a { display: -ms-grid; display: grid; grid-gap: 0.25rem; gap: 0.25rem; padding: 0; color: #363066; text-align: center; text-transform: capitalize; border: 2px solid transparent; } .tree-menu .tree-menu__link > a.active, .tree-menu .tree-menu__link > a:active, .tree-menu .tree-menu__link > a:hover, .tree-menu .tree-menu__link > a:focus { position: relative; color: #43C; text-decoration: none; } .tree-menu .tree-menu__link > a.active::before, .tree-menu .tree-menu__link > a:active::before, .tree-menu .tree-menu__link > a:hover::before, .tree-menu .tree-menu__link > a:focus::before { display: block; position: absolute; content: ""; width: 100%; height: 0.1rem; background-color: #43C; top: 100%; left: 0; } .tree-menu .tree-menu__link > a i { font-size: 2.4rem; } .tree-menu .tree-menu__link > a span { font-size: 1.2rem; } .tree-menu .tree-menu__link + .tree-menu__link { margin-left: 2rem; } .tree-menu__links { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; } .tree-menu__views { list-style: none; } .tree-menu__views .dropdown-toggle i { font-size: 2.4rem; } .tree-menu__views .dropdown-toggle i:first-child { margin-right: 0.25em; } .tree-menu__views .dropdown-toggle span { font-size: 1.2rem; } .tree-menu__views.isTreeView > a { display: none; } @media screen and (max-width: 991px) { .tree-menu__views .dropdown .tree-menu__links { display: none; } .tree-menu__views .dropdown.open .tree-menu__links { display: block; } .tree-menu__views .tree-menu__link a { grid-gap: 0.5rem; gap: 0.5rem; grid-auto-flow: column; grid-template-columns: auto 1fr; align-items: center; width: 100%; padding: 0.25rem 1rem; white-space: nowrap; text-align: left; } .tree-menu__views .tree-menu__link a.active::before, .tree-menu__views .tree-menu__link a:active::before, .tree-menu__views .tree-menu__link a:hover::before, .tree-menu__views .tree-menu__link a:focus::before { background-color: transparent; } .tree-menu__views .tree-menu__link a.active { font-weight: 700; } .tree-menu__views .tree-menu__link + .tree-menu__link { margin-left: 0; } .tree-menu__views.isTreePage .dropdown { display: none; } } @media screen and (min-width: 992px) { .tree-menu__views .dropdown-toggle { display: none !important; } .tree-menu__views .dropdown-menu { all: unset; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .tree-menu__views.isTreePage > a { display: none; } } .tree-menu__pages li:not(:nth-child(-n+3)) .dropdown-menu { left: initial; right: 0; } @media screen and (min-width: 768px) { .tree-menu__pages .dropdown-menu { top: calc(100% + 0.5rem); } } .tree-menu__container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding-top: 0.4rem; padding-bottom: 0.4rem; } .tree-menu__container:not(.container) { padding: 0.4rem 0.8rem; } .tree-menu__container.container::before, .tree-menu__container.container::after { content: none; } .tree-menu__container .dropdown-menu > li > a:hover, .tree-menu__container .dropdown-menu > li > a:focus { background-color: transparent; } @media screen and (max-width: 767px) { .tree-menu__layout { min-height: 5rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; background-color: #fafafc; } .tree-menu__layout .tree-menu__links { left: initial; right: 0; } } .tree-menu .dropdown-menu > li > a:hover, .tree-menu .dropdown-menu > li > a:focus { background-color: transparent; } .tree-menu__bar-trees { background-color: #fafafc; } .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span { --text-max-width: 45vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: var(--text-max-width); } @media screen and (min-width: 400px) { .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span { --text-max-width: 50vw; } } @media screen and (min-width: 480px) { .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span { --text-max-width: 60vw; } } @media screen and (min-width: 768px) { .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span { --text-max-width: 40vw; } } @media screen and (min-width: 992px) { .tree-menu__bar-trees .ellipsis-max, .tree-menu__bar-trees .tree-menu__infos > *:not(:first-child) > *, .tree-menu__bar-trees [data-toggle=dropdown] span { --text-max-width: 50vw; } } .tree-menu__bar-trees [data-toggle=dropdown] { font-weight: 700; } @media screen and (min-width: 992px) { .tree-menu__bar-trees [data-toggle=dropdown] { padding-left: 0; padding-right: 0; } } .tree-menu__infos { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; } .tree-menu__infos > *:not(:first-child) { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: 0.2rem; padding-left: 1rem; position: relative; } .tree-menu__infos > *:not(:first-child)::before { display: block; position: absolute; content: ""; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: calc(100% + 0.4rem * 2); top: 50%; left: 0; opacity: 0.25; background-color: #667788; } @media screen and (max-width: 767px) { .tree-menu__infos > *:not(:first-child) { display: none; } } .tree-menu__infos + * { margin-left: 0.8rem; } .tree-menu--mobile { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; max-width: 100vw; bottom: 0; margin: 0.8rem 0; background-color: rgba(255, 255, 255, 0.85); z-index: 1002; } .tree-menu--mobile .tree-menu__pages, .tree-menu--mobile .tree-menu__links { width: 100%; } .tree-menu--mobile .tree-menu__links { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; justify-content: space-evenly; } .tree-menu--mobile .tree-menu__link { margin-left: 0 !important; } .tree-menu--mobile .tree-menu__container { padding: 0.5rem 1.5rem 0.25rem 1.5rem; } .tree-menu--mobile li.dropdown ul.dropdown-menu { max-height: 60vh !important; top: unset; bottom: calc(100% + 0.5rem); } @media screen and (min-width: 768px) { .tree-menu--mobile { display: none; } } .layout-places + .tree-menu--mobile { margin-bottom: 0; } .tree-menu .dropdown-menu { top: calc(100% + 0.5rem); } .tree-menu .dropdown-menu a:hover, .tree-menu .dropdown-menu a:active, .tree-menu .dropdown-menu a:focus { color: #43C; } .tree-menu .dropdown--tree li > * { display: block; padding: 0.5rem 1.5rem; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .tree-menu .dropdown--tree [data-toggle=dropdown] + .dropdown-menu { margin-top: -0.2rem; } .tree-menu [data-toggle=dropdown] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border: none; color: #363066; } .tree-menu [data-toggle=dropdown], .tree-menu [data-toggle=dropdown]:hover, .tree-menu [data-toggle=dropdown]:active, .tree-menu [data-toggle=dropdown]:focus { background: transparent; } .tree-menu [data-toggle=dropdown]:hover, .tree-menu [data-toggle=dropdown]:active, .tree-menu [data-toggle=dropdown]:focus { color: #43C; } .tree-menu .trees-list { max-height: 75vh; } .tree-menu .trees-list a:focus, .tree-menu .trees-list a:hover, .tree-menu .trees-list a:active { text-decoration: none; } .tree-menu .trees-list .secondary-info { font-size: 1.4rem; } .tree-menu .btn-tree-menu { text-transform: capitalize; } .tree-menu .dropdown-print-item .dropdown-submenu { /* parent container in relative to position submenu child */ position: relative; } .tree-menu .dropdown-print-item .dropdown-submenu .submenu-print { /* Position submenu on left */ right: auto; left: -100%; position: absolute; top: -0.5rem; } .tree-menu .dropdown-print-item .dropdown-submenu .submenu-print li:hover a.submenuprint-link-2 { color: #ff5555; } .tree-menu .dropdown-print-item .dropdown-submenu:hover a.submenuprint-link-2 { color: #333333; } .tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link { /* use flexbox */ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; /* Make item left & right */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; /* vertical centering */ -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; /* Overide old style hover arrow */ } .tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link:hover i { background: none; color: #43C; } .tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link i { /* fallback if flex doesn't works properly */ float: right; } .tree-menu .dropdown-print-item .dropdown-submenu .submenuprint-link i:hover { background: none; color: #43C; } .tree-menu .secondary-info { color: #667788 !important; font-size: 1.3rem; } .has-tree-menu { margin-top: 10.4rem; } .has-tree-menu.custom-container ~ .tree-menu--mobile { margin-bottom: 0; } @media screen and (max-width: 767px) { .has-tree-menu { margin-top: 8.8rem; } } .tree-rollover__btn { position: absolute; display: none !important; bottom: 0; right: 0.8rem; color: #2B2550 !important; } .tree-rollover__btn i { font-size: 1.8rem; } .tree-rollover__btn:hover { color: #43C !important; } .tree-rollover__container:not(.inconnu):hover > .tree-rollover__btn { display: block !important; background-color: #F5F6FA; } .tree-rollover__container:not(.inconnu).active .tree-rollover__btn, .tree-rollover__container:not(.inconnu).active .tree-rollover__btn i, .tree-rollover__container:not(.inconnu) .active .tree-rollover__btn, .tree-rollover__container:not(.inconnu) .active .tree-rollover__btn i { background-color: #2B2550 !important; color: #d5d8da !important; } .tree-rollover__container:not(.inconnu).active .tree-rollover__btn i:hover, .tree-rollover__container:not(.inconnu) .active .tree-rollover__btn i:hover { color: #fff !important; } .close-hint { width: 1.6rem; height: 1.6rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: absolute; top: 0; right: 0; padding: 0; border: 0; border-radius: 50%; color: #fff; background-color: #ff5555; -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .close-hint .material-icons--close { font-size: 1.3rem; line-height: initial; } #animatedModal .inscr-conn { margin-bottom: 30px; margin-top: 50px; height: auto; min-height: auto; } #animatedModal .inscr-conn .form-inscr-conn a { color: #fff; text-decoration: underline; } /* MODAL SUBCRIPTION CSS */ #modalSubscription { margin-left: 0px; } /* Full screen modal */ #fullScreenModal .modal-header, .fullscreen-video .modal-header, #fullScreenModal1 .modal-header, #fullScreenModal2 .modal-header, #fullScreenModal3 .modal-header, #fullScreenModal4 .modal-header { border-bottom: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; background: #000; height: 50px; } #fullScreenModal .modal-header .close, .fullscreen-video .modal-header .close, #fullScreenModal1 .modal-header .close, #fullScreenModal2 .modal-header .close, #fullScreenModal3 .modal-header .close, #fullScreenModal4 .modal-header .close { color: #fff; opacity: 1; } #fullScreenModal .modal-body, .fullscreen-video .modal-body, #fullScreenModal1 .modal-body, #fullScreenModal2 .modal-body, #fullScreenModal3 .modal-body, #fullScreenModal4 .modal-body { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; background: #000; padding-bottom: 70px; } #fullScreenModal .modal-dialog, .fullscreen-video .modal-dialog, #fullScreenModal1 .modal-dialog, #fullScreenModal2 .modal-dialog, #fullScreenModal3 .modal-dialog, #fullScreenModal4 .modal-dialog { width: 90%; } #fullScreenModal .modal-content, .fullscreen-video .modal-content, #fullScreenModal1 .modal-content, #fullScreenModal2 .modal-content, #fullScreenModal3 .modal-content, #fullScreenModal4 .modal-content { border: 0; } @media (max-width: 767px) { #fullScreenModal .modal-dialog, .fullscreen-video .modal-dialog, #fullScreenModal1 .modal-dialog, #fullScreenModal2 .modal-dialog, #fullScreenModal3 .modal-dialog, #fullScreenModal4 .modal-dialog { width: 99%; } } /****************** MODAL THREE PRINT ******************/ .print-tree-modal-container a.link-pop-up { font-size: 11px; color: #445599; } .print-tree-modal-container .complete-three-print { text-align: center; } .print-tree-modal-container .complete-three-print .three-input { margin: 20px 0; width: 100%; font-size: 16px; } .print-tree-modal-container .complete-three-print .three-input.active { border: 3px solid #ff5555; } .print-tree-modal-container .complete-three-print .three-input.active:focus { border: 3px solid #ff5555; outline-width: 0; } .print-tree-modal-container .complete-three-print .three-input:focus { border: 3px solid #ff5555; outline-width: 0; } .print-tree-modal-container .complete-three-print .print-three-item { text-align: center; } .print-tree-modal-container .complete-three-print .print-three-item .print-three-title { font-size: 16px; font-weight: bold; margin: 0 0 5px 0; } .print-tree-modal-container .complete-three-print .print-three-item .print-three-text { font-size: 13px; } .print-tree-modal-container .footer-modal-print { text-align: left; border-top: 0px; } .print-tree-modal-container .radio + .radio, .print-tree-modal-container label.radio + label.radio, .print-tree-modal-container .radio, .print-tree-modal-container label.radio { margin: 15px 0 0 0; } .print-tree-modal-container label.radio .row { margin: 15px 0 0 0; } .print-tree-modal-container .print-tree-modal-container label.radio { font-size: 16px; } .print-tree-modal-container .modal-legend { font-size: 15px; } /****************** END MODAL THREE PRINT ******************/ .print-tree-modal-container label.radio { margin: 15px 0 0 0; } .print-tree-modal-container label.radio:last-child { margin-bottom: 26px !important; } .print-tree-modal-container .footer-modal-print { text-align: left; border-top: 0px; } /****************** LOADER DWLD PRINT ******************/ #print-loader-download { position: fixed; width: 100%; height: 100vh; height: 100%; /*safari fallback vh */ top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; opacity: 1; overflow: inherit; animation-duration: 0.5s; color: white !important; font-size: 1.8rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #print-loader-download .loader-text { margin-top: 20px; } #print-loader-download .loader { border: 6px solid #8e9296; border-radius: 50%; border-top: 6px solid #ff5555; width: 80px; height: 80px; -webkit-animation: spin 1.5s linear infinite; -moz-animation: spin 1.5s linear infinite; -o-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /****************** END DWLD PRINT ******************/ /****************** POPOVER ******************/ .popover.popover_light { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .popover.popover_light .popover-content { padding: 5px 14px; color: #ff5555; font-weight: 600; } /****************** END POPOVER ******************/ /****************** NEWS HINTS ******************/ .display_new_hints .display_new_hints-title { border-bottom: 0; } .display_new_hints .display_new_hints-title .titre-bloc { font-size: 17px; vertical-align: middle; } .display_new_hints .display_new_hints-title .titre-bloc i { font-size: 27px; color: #ff5555; vertical-align: inherit; margin-right: 10px; } .display_new_hints .display_new_hints-info { background-color: #f7f7fc; padding: 15px 0 19px 0; margin-top: -15px; } .display_new_hints .display_new_hints-info:after { content: ""; display: block; clear: both; } .display_new_hints .display_new_hints-info .info-img { float: left; box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18); -moz-box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18); -webkit-box-shadow: 0px 0px 5px 2px rgba(180, 180, 180, 0.18); width: 64px; height: 64px; background-color: #fff; } .display_new_hints .display_new_hints-info .info-img img { margin-left: 0; border: 3px solid #fff; width: 64px; height: 64px; } .display_new_hints .display_new_hints-info .info-img i { font-size: 63px; color: #d5d8da; } .display_new_hints .display_new_hints-info .info-txt { float: left; margin-left: 15px; } .display_new_hints .display_new_hints-info .info-txt .info-txt-event { font-weight: bold; margin-top: 10px; } .display_new_hints .display_new_hints-info .info-txt .info-txt-event span { font-weight: normal; color: #303f4c; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual { margin-top: 18px; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual p { font-weight: bold; font-size: 17px; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents { margin-top: 15px; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag { display: inline-block; padding: 0px 10px; font-size: 14px; font-style: normal; border-radius: 20px; text-align: center; margin-bottom: 3px; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag--father { background-color: #66cccc; border: 1px solid #66cccc; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents .tag--mother { background-color: #ff8888; border: 1px solid #ff8888; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual .parents p { font-size: 16px; margin-top: 5px; margin-bottom: 3px; display: inline-block; } .display_new_hints .display_new_hints-info .info-txt .info-txt-individual .highlight-name { background-color: #ff0; } .display_new_hints .display_new_hints-source { padding: 20px 0 0 0; margin-bottom: -10px; } .display_new_hints .display_new_hints-source p { font-size: 16px; } .display_new_hints .display_new_hints-action { text-align: left; } .display_new_hints .display_new_hints-action .link { margin-left: 15px; } .display_new_hints .display_new_hints-action label { margin: 15px 0 0 0; } .display_new_hints .modal-body { padding-bottom: 5px; } /****************** END NEWS HINTS ******************/ /****************** IGNORE NEWS HINTS ******************/ .ignore_hints { max-width: 52rem; text-align: center; } .ignore_hints .modal-body, .ignore_hints .modal-footer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .ignore_hints .ignore_hints__actions { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .ignore_hints .ignore_hints__actions--column { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .ignore_hints .ignore_hints__actions .btn { margin: calc(var(--bs-modal-footer-gap, 0.5rem) * .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; } #recaptcha { padding: 10px; } #recaptchaMessage { display: none; padding: 10px; color: red; font-weight: bold; } .text-captcha { width: 100%; } #PartialPrint { height: 16px; width: 16px; float: none; } #capchaDivGoToPrint { display: none; } .btn-medium { font-size: 16px; padding: 8px 16px; } .btn-medium i { font-size: 20px; vertical-align: top; } .btn-medium i:first-child { margin-right: 5px; } .btn:focus, .btn:active, .btn:active:focus, .bootstrap-select .dropdown-toggle:focus, *:focus { outline: 0 !important; outline-width: 0px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-footer .btn { white-space: normal; } .btn { border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; } .btn i { vertical-align: top; } .btn.btn-dropdown-simple { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: none; font-weight: bold; padding: 0; } .btn-large { font-size: 17px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; padding: 10px 19px; } .btn-small { font-size: 14px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; padding: 6px 11px; line-height: 20px; } .btn-action { background-color: #ff5555 !important; border: 1px solid #ff5555; color: #fff; white-space: normal; } .btn-action.free-trial { padding: 8px 19px; height: 48px; font-size: 20px; display: table; border-radius: 24px; } .btn-action.free-trial span, .btn-action.free-trial i { display: table-cell; vertical-align: middle; } .btn-action:hover, .btn-action:focus { background-color: #f35a5b !important; color: #fff; border: 1px solid #ff5555; text-decoration: none; } .btn-action-bkgd { background-color: #fff; border: 1px solid #fff; color: #ff5555; } .btn-action-bkgd:hover, .btn-action-bkgd:focus { background-color: rgba(255, 255, 255, 0.9) !important; color: #ff5555; border: 1px solid rgba(255, 255, 255, 0.9); } .btn-default { background-color: transparent; border: 1px solid #43C; color: #43C; } .btn-default:hover, .btn-default:focus { background-color: transparent !important; color: #ff5555; border: 1px solid #ff5555; } .btn-default-bkgd { background-color: transparent; border: 1px solid #fff; color: #fff; } .btn-default-bkgd:hover, .btn-default-bkgd:focus { background-color: #fff !important; color: #ff5555; border: 1px solid #fff; } .btn-default.disabled { border-color: #757585; } .btn-secondary { background-color: #fff; border-color: #43C; color: #43C; } .btn-secondary:hover, .btn-secondary:focus { background-color: #43C; border-color: #fff; color: #fff; text-decoration: none; } .btn-tertiary { padding: 0; } .btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus { background-color: #fff; border-color: transparent; color: #43C; } .btn-tertiary:hover, .btn-tertiary:focus { color: #43C; text-decoration: underline; } .btn-opacity { opacity: 0.5; } .btn-action.disabled, .btn-danger.disabled { color: #fff; } .btn-add-alert { background: #464086; color: #fff; } .btn-add-alert:hover { background: #43C; color: #fff; } .btn-cancel { color: #999999; border-color: #999999; } .btn-cancel:hover { color: #ff5555; border-color: #ff5555; } .btn-caret-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .btn-caret-container .btn-caret { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background-color: #ff5555 !important; border: 1px solid #ff5555; color: #fff; white-space: normal; border-radius: 40px; padding: 10px 19px; } .btn-caret-container .btn-caret span { margin-left: auto; font-size: 17px; } .btn-caret-container .btn-caret i { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: auto; font-size: 24px; } .btn-abo { white-space: nowrap; } .btn-FS { background-color: #87b940; border: 0; color: #fff; line-height: 23px; font-weight: bold; padding: 9px 16px; } .btn-FS i { padding: 0 6px 0 0 !important; font-size: 23px; } .btn-FS:hover, .btn-FS:focus { background-color: #79a639; color: #fff; } .btn-FS:hover i, .btn-FS:focus i { background: none !important; color: #fff !important; } .modal .btn-FS { padding: 5px 16px 6px; } .modal .btn-FS i { margin: -1px 0 0 0; } .btn-flipper { -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; transform-style: preserve-3d; transition: 0.5s; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn-flipper { /* IE10 et IE11 */ display: block; } } .btn-flipper.flipped { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn-flipper.flipped { /* IE10 et IE11 */ display: none; } } .btn-flipper .btn { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .btn--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("../../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("../../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("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("../../img/ic_keyboard_arrow_down_48px_saumon-128.png") no-repeat; background-size: 20px; background-position: right 10px center; } .faux-input.register .fake-input { font-size: 11px; left: 0px; opacity: 1; position: absolute; top: -13px; z-index: 10; color: #757585; } .fake-input-line-2 { color: #757585; opacity: 1; position: absolute; top: 6px; z-index: 10; margin: 0 !important; } #popup-1erdoc .modal-dialog p .fake-input-line-2 { font-size: 11px !important; font-weight: 700; top: 0; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group { max-width: inherit; margin-bottom: 15px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group [data-toggle=floatLabel] + label { left: 15px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .birth { width: 20%; margin-right: 10px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .birth + .birth { width: 42%; margin-right: 10px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group.multiple-input .input-simple { width: 28%; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .col-xs-12, #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .col-xs-6 { padding-left: 8px; padding-right: 8px; } .faux-input.birth { padding: 19px 0px 0 0; height: 63px; } .form-group.input-simple select.form-control.civility label { opacity: 1; } .form-group.input-simple textarea[data-toggle=floatLabel] + label { left: 15px; background: #fff; margin-top: -7px; height: 33px; vertical-align: middle; padding: 12px 0 15px 0; width: 94%; } #labelPlace { opacity: 1; top: 8px; left: 15px; } #formPrivateData .form-group.input-simple #userPostalCode.form-control { padding: 19px 20px 0 0; } .form-group.input-simple textarea.form-control { padding: 7px 12px 0 12px; height: auto; max-width: 100%; min-width: 100%; margin: 32px 0 0 0; background: #f3f3f3 !important; } .modal .form-group.input-simple textarea.form-control { margin: 22px 0 0 0; } /*=> sur fond foncé */ .form-group.input-simple.inverse [data-toggle=floatLabel] { background: transparent !important; color: #fff; } .form-group.input-simple.inverse .form-control::-moz-placeholder { color: #ccc; } .form-group.input-simple.inverse .form-control:focus, .form-group.input-simple.inverse .form-control:active { border-bottom: 1px solid #fff; } .form-group.input-simple.inverse [data-toggle=floatLabel]:required + label, .form-group.input-simple.inverse [data-toggle=floatLabel] + label { color: #fff; } .form-group.input-simple .show-password { top: 34px; } .show-password { cursor: pointer; font-size: 12px; position: absolute; right: 17px; text-transform: uppercase; top: 16px; color: #43C; } .modifier-champs.input-simple i { visibility: hidden; position: absolute; right: 35px; top: 33px; color: #43C; } .parametres-client .modifier-champs.input-simple span i { visibility: hidden; position: absolute; right: 35px; top: 33px; color: #337ab7; } .delete-parametres-client, .delete-parametres-client:hover { color: #ff5555; padding-top: 37px; display: block; } .material-icons.no-wait { color: #ff5555; font-size: 73px; } .modifier-champs.input-simple span:hover i, .modifier-champs.input-simple span:active i { visibility: visible; } .input-simple + div a i { margin: 27px 0 0 -15px; font-size: 28px; } .modifier-champs.input-simple:hover i, .modifier-champs.input-simple:active i { visibility: visible; } /* bouton ou mise en page comme l'input simple */ .faux-input { border-bottom: 1px solid #ccc; padding: 0 0 10px; height: 63px; margin: 0 0 15px 0; display: inherit; vertical-align: top; } .faux-input a, a.faux-input { text-decoration: none; } .faux-input p { color: #333333; display: inline-block; font-size: 16px; margin: 4px 0 0 9px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1200px) { .faux-input p { width: 83%; } } @media (max-width: 992px) { .faux-input p { width: 76%; } } .faux-input p.label-faux-input, p.label-faux-input, #popup-1erdoc .modal-dialog p.label-faux-input, .modal-dialog.new-modal-dialog p.label-faux-input { font-size: 11px !important; left: 12px; color: #757585; font-weight: 700; display: block; margin: 0; padding: 5px 0 5px 0; line-height: 11px !important; text-align: left; } .faux-input p.label-champs { font-size: 15px; color: #757585; font-weight: 700; margin: 28px 0 4px 0; } .faux-input p.label-champs + i { float: right; margin: 28px 0 0 0; color: #43C; visibility: hidden; } @media (max-width: 991px) { .faux-input p.label-champs + i { visibility: visible; } } .faux-input:hover p.label-champs + i, .faux-input:focus p.label-champs + i { visibility: visible; color: #337ab7; } .faux-input p + i { float: right; margin: 9px 0 0 0; color: #43C; visibility: hidden; } @media (max-width: 991px) { .faux-input p + i { visibility: visible; } } .faux-input:hover p + i, .faux-input:focus p + i { visibility: visible; color: #337ab7; } .faux-input .profil { height: 32px; width: 32px; } .faux-input .profil.image img { height: 32px; width: 32px; border: 0; } .faux-input .profil .initiale { color: #fff; font-size: 13px; font-weight: bold; margin: 7px 0 0; text-align: center; display: inherit; } .faux-input + a { position: absolute; right: 13px; top: 29px; } /* Habillage des boutons radios et checkbox */ .radio { margin: 5px 0 5px 0; } .radio label { color: #333333; font-weight: normal !important; font-size: 13px; padding-left: 20px; } .radio + .radio { margin: 0 0 5px 0; } .radio-inline { margin: 10px 0 10px 0; padding-left: 0; } .radio-inline + .radio-inline { margin: 10px 0 10px 10px; } label.radio { margin: 5px 0 5px 0; color: #333333; font-weight: normal !important; font-size: 13px; padding-left: 20px; } label.radio--alternative-parent { margin: 6px 8px 0 0; position: static; } label.radio--alternative-parent::before { display: block; position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } label.radio--alternative-parent.radio span { left: 15px; top: 14px; } label + label.radio { margin: 0 0 5px 0; } label.radio-inline { margin: 10px 10px 10px 0; } label.radio-inline + label.radio-inline { margin: 10px 0 10px 10px; } @media (max-width: 767px) { label.radio-inline + label.radio-inline { margin: 0; } } label.checkbox { color: #333333; font-weight: normal !important; font-size: 13px; padding-left: 0; margin: 5px 0 5px 0; } label.checkbox--alternative-parent { position: static; } label.checkbox--alternative-parent::before { display: block; position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } label + label.checkbox { margin: 0 0 5px 0; } label.checkbox-inline { margin: 10px 0 10px 0; } label.checkbox-inline + label.checkbox-inline { margin: 10px 0 10px 10px; } label.checkbox-inline input[type=checkbox] { height: 0; left: 0; margin: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; width: 0; z-index: -1; } label.checkbox-inline .checkbox-material { position: relative; top: 3px; vertical-align: middle; } .checkbox { margin: 5px 0 5px 0; } .checkbox--static { position: static; } .checkbox label { color: #333333; font-weight: normal !important; font-size: 13px; padding-left: 0; } .checkbox label div:not(.collapse) { display: inline-block; width: 90%; vertical-align: top; } .checkbox + .checkbox { margin: 0 0 5px 0; } .checkbox input[type=checkbox] { height: 0; left: 0; margin: 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; width: 0; z-index: -1; } .checkbox .checkbox-material { position: relative; vertical-align: middle; } .checkbox-inline { margin: 10px 0 10px 0; padding-left: 0; } .checkbox-inline + .checkbox-inline { margin: 10px 0 10px 10px; } .checkbox .checkbox-material:before, label.checkbox-inline .checkbox-material:before { background-color: transparent; border-radius: 100%; content: ""; display: block; height: 18px; left: 0; margin: 0; opacity: 0; position: absolute; top: -5px; transform: scale3d(2.3, 2.3, 1); width: 18px; z-index: 1; } .checkbox .checkbox-material .check, label.checkbox-inline .checkbox-material .check { border: 2px solid var(--clr-accent, #43C); border-radius: 2px; display: inline-block; height: 18px; overflow: hidden; position: relative; width: 18px; z-index: 1; margin-right: 4px; } .checkbox .checkbox-material .check.coral, label.checkbox-inline .checkbox-material .check.coral { border-color: #ff5555; } .essai-7j .bloc-essai-sept .bg-essai-phone .checkbox .checkbox-material .check, .essai-7j .bloc-essai-sept .bg-essai-phone label.checkbox-inline .checkbox-material .check, .bg-essai-phone .checkbox .checkbox-material .check { border: 2px solid #fff; } .bg-essai-phone .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: transparent; } .checkbox.checkbox-blanc .checkbox-material .check { border: 2px solid #fff; } .checkbox.checkbox-blanc.blanc .checkbox-material .check { border: 2px solid #fff; } .checkbox .checkbox-material .check:before, label.checkbox-inline .checkbox-material .check:before { box-shadow: none; content: ""; display: block; height: 0; margin-left: 5px; margin-top: -5px; position: absolute; transform: rotate(45deg); width: 0; } .checkbox .checkbox-material .check:after, label.checkbox-inline .checkbox-material .check:after { box-shadow: none; content: ""; display: block; height: 0; margin-left: 5px; margin-top: -5px; position: absolute; transform: rotate(45deg); width: 0; } .checkbox input[type=checkbox]:focus + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after, .checkbox input[type=checkbox]:focus + input + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox]:focus + input + .checkbox-material .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:focus:checked + .checkbox-material:before, label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before, .checkbox input[type=checkbox]:focus:checked + input + .checkbox-material:before, label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material:before { animation: 500ms ease 0s normal none 1 running rippleOn; } .checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before, .checkbox input[type=checkbox]:focus:checked + input + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material .check:before { animation: 0.3s ease 0s normal forwards 1 running checkbox-on; } .checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after, .checkbox input[type=checkbox]:focus:checked + input + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox]:focus:checked + input + .checkbox-material .check:after { animation: 500ms ease 0s normal forwards 1 running rippleOn; } .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before, label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before, .checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material:before, label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material:before { animation: 500ms ease 0s normal none 1 running rippleOff; } .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before, .checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:before { animation: 0.3s ease 0s normal forwards 1 running checkbox-off; } .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after, .checkbox input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox]:focus:not(:checked) + input + .checkbox-material .check:after { animation: 500ms ease 0s normal forwards 1 running rippleOff; } .checkbox input[type=checkbox]:checked + .checkbox-material .check, .checkbox input[type=checkbox]:checked + input + .checkbox-material .check { border-color: #d5d8da; color: #d5d8da; } .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check.coral, .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check.coral { border-color: #ff5555; color: #ff5555; background: #fff; } .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check, .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check { border-color: var(--clr-accent, #43C); color: var(--clr-accent, #43C); } .checkbox.checkbox-blanc input[type=checkbox]:checked + .checkbox-material .check, .checkbox.checkbox-blanc input[type=checkbox]:checked + input + .checkbox-material .check { border-color: #fff; color: #fff; } .checkbox.checkbox-blanc.blanc input[type=checkbox]:checked + .checkbox-material .check, .checkbox.checkbox-blanc.blanc input[type=checkbox]:checked + input + .checkbox-material .check { border-color: #fff; color: #fff; background: transparent; } .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before, .checkbox input[type=checkbox]:checked + input + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked + input + .checkbox-material .check:before { -webkit-box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C); -moz-box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C); box-shadow: 0 0 0 10px var(--clr-accent, #43C), 10px -9px 0 10px var(--clr-accent, #43C), 32px 0 0 20px var(--clr-accent, #43C), 0 32px 0 20px var(--clr-accent, #43C), -4px 5px 0 10px var(--clr-accent, #43C), 20px -12px 0 11px var(--clr-accent, #43C); content: "_"; } .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before, .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check:before { color: var(--clr-accent, #43C); } .checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check.coral:before, .checkbox.checkbox-primary input[type=checkbox]:checked + input + .checkbox-material .check.coral:before { color: #ff5555; } .checkbox.checkbox-blanc input[type=checkbox]:checked + .checkbox-material .check:before, .checkbox.checkbox-blanc input[type=checkbox]:checked + input + .checkbox-material .check:before { color: #fff; } .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after, .checkbox input[type=checkbox][disabled] + input + .checkbox-material .check:after, label.checkbox-inline input[type=checkbox][disabled] + input + .checkbox-material .check:after { background-color: rgba(0, 0, 0, 0.87); transform: rotate(-45deg); } @keyframes checkbox-on { 0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } 50% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } 100% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } .radio span { display: block; left: 0px; position: absolute; top: 2px; transition-duration: 0.2s; } .radio .circle, label.radio-inline .circle { border: 2px solid var(--clr-accent, #43C); border-radius: 100%; height: 15px; width: 15px; } .radio.radio-blanc .circle, label.radio-inline.radio-blanc .circle { border: 2px solid #fff; border-radius: 100%; height: 15px; width: 15px; } .radio .check { background-color: #d5d8da; border-radius: 100%; height: 15px; transform: scale3d(0, 0, 0); width: 15px; } .radio.radio-primary .check { background-color: #43C; } .radio input[type=radio]:focus:not(:checked) ~ .check:after, label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after { animation: 500ms ease 0s normal none 1 running rippleOff; } .radio input[type=radio]:focus:checked ~ .check:after, label.radio-inline input[type=radio]:focus:checked ~ .check:after { animation: 500ms ease 0s normal none 1 running rippleOn; } .radio input[type=radio], label.radio-inline input[type=radio] { height: 0; opacity: 0; overflow: hidden; width: 0; } .radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle { opacity: 1; } .radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check { background-color: #d5d8da; } .radio.radio-primary input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check { background-color: var(--clr-accent, #43C); } .radio.radio-blanc input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check { background-color: #fff; } .radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle { border-color: #d5d8da; } .radio.radio-primary input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle { border-color: var(--clr-accent, #43C); } .radio.radio-blanc input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle { border-color: #fff; } .radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check { transform: scale3d(0.55, 0.55, 1); } .radio input[type=radio][disabled] ~ .check, label.radio-inline input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle, label.radio-inline input[type=radio][disabled] ~ .circle { opacity: 0.26; } .radio input[type=radio][disabled] ~ .check, label.radio-inline input[type=radio][disabled] ~ .check { background-color: #000; } .radio input[type=radio][disabled] ~ .circle, label.radio-inline input[type=radio][disabled] ~ .circle { border-color: #000; } #ExistingAlternativeParents .radio .circle, #ExistingAlternativeParents label.radio-inline .circle, #ExistingAlternativeParents .radio.radio-blanc .circle, #ExistingAlternativeParents label.radio-inline.radio-blanc .circle, #ExistingAlternativeParents .radio .check { height: 18px; width: 18px; } .liste-fratrie .checkbox { margin: 0; } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } .bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-mini.bootstrap-switch-animate .bootstrap-switch-label:before { background-color: #757585 !important; } .bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-off.bootstrap-switch-focused, .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-on.bootstrap-switch-focused { background: #d5d8da !important; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: #d5d8da !important; color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { background: #d5d8da !important; color: #fff !important; } .bootstrap-switch-handle-off.bootstrap-switch-default i { margin: 0 0 3px; vertical-align: bottom; } .bootstrap-switch-handle-on.bootstrap-switch-primary i { margin: 1px 0 4px 0; vertical-align: bottom; } .bootstrap-switch { border-radius: 34px !important; -webkit-border-radius: 34px !important; -moz-border-radius: 34px !important; } .bootstrap-switch .bootstrap-switch-label:before { background-color: #445599; bottom: 3px; content: ""; height: 26px; right: 39px; position: absolute; width: 26px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .bandeau-acces-gratuit label.checkbox.checkbox-HD { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .checkbox-HD i { color: #445599; font-size: 20px; opacity: 0.5; } .checkbox-HD .bootstrap-switch { margin-top: 1px; margin-right: 15px; } .checkbox-HD .bootstrap-switch-label:before { background-color: #ffcc33; bottom: 1px; height: 20px; right: 38px; width: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .checkbox-HD .bootstrap-switch-on .bootstrap-switch-label:before { right: 40px; } .checkbox-HD .bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-mini.bootstrap-switch-animate .bootstrap-switch-label:before { background-color: #163c8a !important; } .checkbox-HD .bootstrap-switch-on .bootstrap-switch-label, .checkbox-HD .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, .checkbox-HD .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container, .checkbox-HD .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .checkbox-HD .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, .checkbox-HD .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-off.bootstrap-switch-focused, .checkbox-HD .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-mini.bootstrap-switch-on.bootstrap-switch-focused { background: #fff !important; } .checkbox-HD .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .checkbox-HD .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: #fff !important; } .checkbox-HD .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .checkbox-HD .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { background: #fff !important; } .checkbox-HD .bootstrap-switch-handle-off.bootstrap-switch-default i, .checkbox-HD .bootstrap-switch-handle-on.bootstrap-switch-primary i { margin: 0; } .checkbox-HD .bootstrap-switch-handle-off { margin-left: -6px; } /* ------- Input avec drapeau => recherche commune ou département -------*/ .tt-dropdown-menu { width: 100%; } .tt-dropdown-menu .tt-dataset-lieu div span { cursor: pointer; display: table; padding: 0 10px 0 10px; } .tt-dropdown-menu .tt-dataset-lieu div span p { color: #303f4c; font-size: 16px; margin: 0; padding: 3px 8px; } .tt-dropdown-menu .tt-dataset-lieu div span img { display: table-cell; margin-top: 8px !important; margin-right: 6px; vertical-align: top; min-width: 23px; max-width: 23px; height: 13px !important; margin-left: 0; } .tt-dropdown-menu .tt-dataset-lieu div span:hover { background: rgba(117, 117, 133, 0.2) !important; } .tt-dropdown-menu .tt-dataset-lieu div span:hover p { background: none; color: #303f4c !important; } .tt-dropdown-menu .tt-dataset-lieu .tt-suggestion.tt-cursor span { background-color: #445599; } /* -- Select (transformation dropdown + personnalisation fleche) -- */ .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100% !important; } .bootstrap-select.input-lg { padding: 0 !important; } .bootstrap-select > .dropdown-toggle { height: 46px; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #757585; } .bootstrap-select.btn-group .dropdown-toggle .caret { border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 dashed; } .bootstrap-select.btn-group.dropup .dropdown-toggle .caret { border-left: 0 solid transparent; border-right: 0 solid transparent; border-top: 0 dashed; border-bottom: 0; } .bootstrap-select.btn-group .dropdown-toggle .caret:before { content: "\e915"; font-family: "icomoon", sans-serif; font-size: 28px; } .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -37px 0 0 2px !important; position: relative !important; } .home-owl-stage .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -83px 0 0 2px !important; position: relative !important; } .bootstrap-select .dropdown-menu .dropdown-menu .selected a { background: none; } .bootstrap-select .dropdown-menu .dropdown-menu .selected a:hover { color: #333333; font-weight: bold; } .bootstrap-select .dropdown-menu .dropdown-menu .selected.active a:hover { color: #333333; font-weight: bold; } .bootstrap-select .dropdown-menu .dropdown-menu .active a { background: none; color: #333333; } .bootstrap-select .dropdown-menu .dropdown-menu .active a:hover { color: #43C; font-weight: inherit; } .bootstrap-select .dropdown-menu .dropdown-menu a:hover { color: #43C; font-weight: inherit; } .bootstrap-select .dropdown-menu .dropdown-menu .disabled { height: 0px; border-bottom: 1px solid #d5d8da; margin: 10px 0 10px 0; } .bootstrap-select .dropdown-menu .dropdown-menu .disabled + .disabled { height: auto; margin: 0; border: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -37px 0 0 2px !important; } .home-owl-stage .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -41px 0 0 2px !important; } } @media screen and (min-width: 0\0 ) { .container-fusion .btn-group.bootstrap-select .dropdown-toggle .caret { top: 0 !important; } } @supports (-ms-ime-align: auto) { .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -37px 0 0 2px !important; } } .bootstrap-select .btn-default:hover, .bootstrap-select.btn-group .dropdown-toggle:active, .bootstrap-select.btn-group.open .dropdown-toggle { box-shadow: inherit; } .bootstrap-select .dropdown-menu > li > a { padding: 3px 6px; } .bootstrap-select .filter-option { font-size: 16px; } .bootstrap-select .filter-option.smaller { font-size: 13px; } .bootstrap-select .filter-option i { font-size: 24px; margin: -1px 3px 0 0; vertical-align: top; } .bootstrap-select .dropdown-menu.open i { font-size: 24px; margin: -1px 4px 0 0; vertical-align: top; } .bootstrap-select .dropdown-menu.open a { font-size: 17px; } .bootstrap-select .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li.selected > a, .bootstrap-select .dropdown-menu > li > a:focus { color: #333333; font-weight: bold; } .bootstrap-select .dropdown-toggle.btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 3px 25px 3px 17px; height: 34px; background-color: #fff; } .bootstrap-select .dropdown-toggle.btn.smaller { padding: 3px 20px 3px 8px; } .special-entre .selectorDate button.btn.dropdown-toggle { padding: 3px 20px 3px 8px; } .special-entre .selectorDate button.btn.dropdown-toggle .filter-option { font-size: 14px; } .espace-client .bootstrap-select .dropdown-toggle.btn { background-color: transparent; } .bootstrap-select .dropdown-toggle.btn-default:hover, .bootstrap-select .dropdown-toggle.btn-default:active { background-color: #fff !important; } .select.input-lg { padding: 0; } .select.input-lg .bootstrap-select .dropdown-toggle.btn { height: 46px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .select.input-lg.owl-stage { display: inline-block; vertical-align: top; width: 50%; } .select.input-lg.home-owl-stage { display: inline-block; vertical-align: top; width: 100%; } .select.input-lg.select-inline { display: inline-block; vertical-align: top; width: 50%; } .home-connectee .clonedInput .select.input-lg.select-inline { width: 100%; } .home .recherche .bloc-recherche .input-annee .form-group { width: 48%; float: left; margin-right: 4%; } .home .recherche .bloc-recherche .input-annee .form-group .input-lg { font-size: 15px; } .home .recherche .bloc-recherche .input-annee .form-group .form-control { padding-left: 16px; } .home .recherche .bloc-recherche .select.input-lg .bootstrap-select .dropdown-toggle.btn { height: 49px; border-radius: 4px; padding-left: 8px; } .home .recherche .bloc-recherche .input-annee .form-group.simple { width: 100%; } .home .recherche .bloc-recherche .select.input-lg .bootstrap-select .dropdown-toggle.btn span { font-size: 14px; display: inline-block; position: relative; } .home .recherche .bloc-recherche .input-annee #divToYear { margin-right: 0; } .home .recherche .bloc-recherche .home-periode { width: 25%; } .col-lg-3 .select.input-lg.owl-stage { width: 100%; } /* -- select input simple (transformation dropdown + personnalisation fleche) -- */ .faux-input .bootstrap-select > .dropdown-toggle { border: 0; height: auto; } .faux-input .bootstrap-select.btn-group .dropdown-toggle .caret { margin: -37px 0 0 -21px !important; } .faux-input .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #333333; } .faux-input .btn-group.bootstrap-select .dropdown-toggle { padding: 10px 0 0 0; } .faux-input .sans-label .btn-group.bootstrap-select .dropdown-toggle { padding: 31px 0 0 0; } .faux-input.sans-label-marge { height: 40px; } .faux-input.sans-label-marge .btn-group.bootstrap-select .dropdown-toggle { padding: 8px 0 0; } .alert-modal .faux-input.sans-label .btn-group.bootstrap-select .dropdown-toggle { padding: 31px 0 0 0; } /* Input simple avec fond (champ avec fond legerement coloré) */ .input-simple.fond input { height: 44px; } .input-simple.fond .bootstrap-tagsinput input { background: #f3f3f3; border-bottom: 0 none; } .input-simple.fond .bootstrap-tagsinput input { padding: 7px 0 6px 43px !important; margin: 12px 0 0 0; } .input-simple.fond .bootstrap-tagsinput input:focus { border-bottom: 0; } .input-simple.fond .bootstrap-tagsinput + input + i { left: 32px; } .input-simple.fond .bootstrap-tagsinput + input + i + i { right: 29px; } .bootstrap-tag-container .input-simple i:hover { cursor: pointer; } .bootstrap-tag-container .input-simple:hover .material-icons { display: block; } /* Ajout d'un parent dans popup d'alerte */ .add_parents_popup .line { margin-bottom: 0 !important; } .add_parents_popup .line.select { padding-right: 21px; } .add_parents_popup .line.select + .line { padding: 0px 19px 0 2px; } .add_parents_popup .line.preremove-field-container { padding: 0 6px 0 19px; } .add_parents_popup .styled-select { height: 63px; padding-top: 17px; } .add_parents_popup .styled-select select { height: 46px !important; } .add_parents_popup .select-side { width: 26px; position: absolute; height: 48%; right: -16px; top: 25px; pointer-events: none; background: #fff; color: var(--clr-label, #757575); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .add_parents_popup .select-side i { font-size: 29px; } .add_parents_popup .md__base .select-side { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2px; top: calc(50% - 2px); } .add_parents_popup .remove-field-container { display: block; margin-top: 0.75rem; } .add_parents_popup .form-group.input-simple [data-toggle=floatLabel] + label { left: 0; } .floatlabel--select { position: absolute; left: 10px; font-size: 13px; z-index: 2; } .floatlabel__col { border-left: 1px solid lightgrey; } .floatlabel__col:hover .floatlabel--select, .floatlabel__col:focus .floatlabel--select { color: #43C; } .floatlabel__col .dropdown-menu, .floatlabel__col .dropup .dropdown-menu { margin: 0; } .floatlabel__col .dropdown-menu { border-radius: 0 0 4px 4px; } .floatlabel__col .dropup .dropdown-menu { border-radius: 4px 4px 0 0; } .accent-delete { --clr-accent: #D9001B; } .coral { --clr-accent: #ff5555; } @media (max-width: 992px) { .home .recherche .bloc-recherche .input-annee .form-group { width: 46%; } } @media (max-width: 767px) { .home .recherche .bloc-recherche .home-periode, .home .recherche .bloc-recherche .input-annee { width: 100%; } .home .recherche .bloc-recherche .input-annee { margin-top: 15px; } .home .recherche .bloc-recherche .input-annee .form-group { width: 49%; } } @media (max-width: 480px) { .champs-periode div.marge-top10px-768:first-child { width: 98%; } .select.input-lg.select-inline { width: 100%; } .home .recherche .bloc-recherche .input-annee .form-group { width: 48%; } } @media (max-width: 460px) { .floatlabel__col { border-left: none; width: 100%; } } @media (min-width: 768px) { [class*=col-sm-4] input.double-date { font-size: 11px; } } .bs-caret { position: relative; display: inline-block; } /* Input téléphone => page profile */ .complete-phone { width: 100%; } .complete-phone .intl-tel-input.allow-dropdown { width: 100%; } .complete-phone .intl-tel-input.allow-dropdown .selected-flag { padding: 0; } .complete-phone .intl-tel-input.allow-dropdown input { border-bottom: 1px solid #cccccc; width: 100%; } .row--date .special-entre { height: 50px; padding-top: 30px; } .row--date .special-entre button.dropdown-toggle.btn.btn-default { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; border-bottom: 1px solid #ccc; height: inherit; padding: 3px 20px 9px 2px; } .row--date .special-entre ~ input.form-control { height: 34px; padding: 0 0 8px; } .row--event .md__select--event { margin-top: var(--gap-y, 14px); } @media (min-width: 768px) { .row--event { margin-top: calc(var(--gap-y, 14px) / -2); } .row--event .md__select--event { margin-top: calc((0.5rem + 17px)); } } .underlined-inputs .bootstrap-select.btn-group button.dropdown-toggle.btn, .underlined-inputs textarea.form-control { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #ccc; padding-left: 2px; } .quote-text-container { margin: 10px auto; display: block; text-align: center; } .quote-text-container .quote { color: #ff5555; font-style: italic; font-size: 30px; border-left: none; padding: 0; margin: 0 0 10px 0; } .quote-text-container .quote-author { color: #757585; font-size: 14px; font-style: normal; } .quote-container { margin: 10px auto; display: block; text-align: center; } .quote-container .quote { color: #ff5555; font-style: italic; font-size: 30px; border-left: none; padding: 0; margin: 0 0 10px 0; } .quote-container .quote-author { font-size: 17px; } .beaucarnot-section-container { padding: 45px 0; } .beaucarnot-section-container .beaucarnot-section { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (max-width: 992px) { .beaucarnot-section-container .beaucarnot-section { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .beaucarnot-section-container .beaucarnot-section .quote-beaucarnot { margin-top: 20px; } } .beaucarnot-section-container .filae-info-container { text-align: center; font-size: 20px; min-height: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .beaucarnot-section-container .filae-info { color: #ff5555; } .beaucarnot-section-container .filae-info-2 { color: #303f4c; } .beaucarnot-section-container .quote-beaucarnot { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .beaucarnot-section-container .quote-beaucarnot img { height: 80px; width: 80px; margin-right: 10px; } .beaucarnot-section-container .quote-container { margin: 0; } .beaucarnot-section-container .quote { margin-bottom: 0px; font-size: 32px; text-align: center; } .beaucarnot-section-container .quote-author { color: #757585; font-size: 14px; font-style: normal; } .filae-guide-container .subtitle-section { margin-bottom: 70px; } .filae-guide-container .guide { counter-reset: counter-guide; } .filae-guide-container .guide:first-child .guide-img { width: auto; } .filae-guide-container .guide-item-container { padding-right: 0 !important; } @media (max-width: 768px) { .filae-guide-container .guide-item-container { padding-right: 15px !important; margin-bottom: 30px; } } .filae-guide-container .guide-item:before { counter-increment: counter-guide; content: counter(counter-guide) "."; color: #445599; font-size: 32px; font-weight: 700; } .filae-guide-container .guide-img { color: #333333; height: 145px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (max-width: 768px) { .filae-guide-container .guide-img { height: auto; width: 50%; margin: 0 auto; display: block; padding-top: 20px; } } .filae-guide-container .guide-content { padding-left: 27px; margin-top: -27px; } @media (max-width: 768px) { .filae-guide-container .guide-content { text-align: center; } } .filae-guide-container .guide-content p { margin: 0; line-height: 24px; font-size: 16px; } .filae-guide-container .filae-guide-cta { margin: 55px auto; } .advantages-container { background-color: rgba(54, 62, 99, 0.0784313725); text-align: center; } .advantages-container .subtitle-section { font-size: 40px; margin: 55px auto; } .advantages-container .bloc-advantage { margin-bottom: 50px; } .advantages-container .bloc-advantage h3 { font-size: 20px; line-height: 28px; font-weight: 700; color: #2B2550; margin-bottom: 5px; } .advantages-container .bloc-advantage .text { font-size: 16px; line-height: 24px; color: #465569f4; } .advantages-container .img-advantage-container { height: 144px; position: relative; display: table; width: 100%; } .advantages-container .img-advantage-container .img-advantage { display: table-cell; text-align: center; vertical-align: middle; } .advantages-container .img-advantage-container .img-advantage.small img { max-width: 165px; } .advantages-container .img-advantage-container .img-advantage .map { height: 88px; width: 88px; } .advantages-container .img-advantage-container .img-advantage img { display: block; width: 80%; margin: 0 auto; max-width: 180px; } .advantages-container .img-advantage-container .label-guide { display: table; width: 168px; height: 48px; margin: 0 auto; font-weight: 700; background-color: #fff; padding: 0 15px; font-size: 18px; border-radius: 4px; border: 1px solid #ff5555; } .advantages-container .img-advantage-container .label-guide i, .advantages-container .img-advantage-container .label-guide .label-name { display: table-cell; vertical-align: middle; } .advantages-container .img-advantage-container i { color: #ff5555; font-size: 32px; } .advantages-container .img-advantage-container.card img { display: block; width: 56px; height: 56px; border: 3px solid #66cccc; border-radius: 50%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .advantages-container .img-advantage-container .card-container { position: relative; border: 1px solid #dad9d4; background-color: #fff; border-radius: 4px; width: 80px; height: 128px; display: block; margin: 0 auto; } .advantages-container .img-advantage-container .card-container i { font-size: 28px; position: absolute; left: -14px; top: -10px; } .advantages-container .img-advantage-container .card-container p { font-size: 10px; line-height: 13px; color: #303f4c; text-align: center; } .advantages-container .img-advantage-container .icon-hint i { font-size: 80px; } .advantages-container .advantages-picto { height: 72px; width: 72px; display: block; margin: 0 auto; } .advantages-container .advantages-picto.doc { width: 64px; height: 64px; } .advantages-container .advantages-picto.tree { height: 69px; width: auto; } .advantages-container .jam { color: #ff5555; font-size: 60px; position: relative; } @media (max-width: 767px) { .mobile-none { display: none; } } .promo { min-height: 60px; background-color: #ffcc33; } .promo .promo-container { min-height: 74px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .promo .promo-title { color: #2B2550; font-size: 30px; font-weight: 700; text-align: center; } @media (max-width: 480px) { .promo .promo-title { font-size: 20px; } } .promo:hover .promo-title { text-decoration: underline; } .link-bandeau + .home-full .home-intro { padding-top: 100px; } .link-bandeau .offer-yellow-bg { float: inherit; margin: 0 auto; display: block; max-width: 430px; } .link-bandeau + input + input + .paywall-offre { margin-top: 20px; } .link-bandeau + input + input + .footer-btn-paywall + .paywall-offre { margin-top: 20px; } /* BANDEAU Annonce */ /* Bandeau publicitaire : promo, bases gratuites ... */ .banner_advert { background-color: #363066; display: block; height: 110px; } .banner_advert.banner_advert-promo .btn-action-container { text-align: right; } .banner_advert.banner_advert-promo .btn-action { margin: 38px 0; width: 130px; white-space: nowrap; } .banner_advert.banner_advert-promo.promo-light h1 { color: #fff; font-size: 21px; margin: 28px 0 0 0; text-align: center; display: inline-block; line-height: normal; width: 100%; } .banner_advert.banner_advert-promo.promo-light h1 span { display: block; font-weight: bold; } .banner_advert.banner_advert-promo.promo-light .illustration-1 { background-image: url(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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.offre-flash21 { height: 120px; background-color: #fdf2ea; background-image: url(../../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-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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../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(../../img/banner/illu-offre-dec-2021-1.png); background-position: 0 0; background-repeat: no-repeat; height: auto; bottom: -21px; left: 0; } .banner_advert.banner_advert-promo.promo-dec21 .mac { height: 113px; margin: -7px 0 5px 40px; position: absolute; } .banner_advert.banner_advert-promo.promo-dec21 .btn-action { margin: 14px 0 0 0; padding: 13px 21px; font-weight: bold; font-size: 18px; width: auto; background-color: #e1584e !important; } .banner_advert.banner_advert-promo.promo-dec21 .btn-action + span { font-size: 15px; color: #255054; } .banner_advert.banner_advert-promo.promo-dec21 h1 { text-align: right; font-size: 32px; line-height: 31px; color: #255054; font-family: "Raleway", sans-serif; margin: 15px -23px 0 0; font-weight: bold; text-transform: uppercase; } .banner_advert.banner_advert-promo.promo-dec21 h1 span { text-align: right; font-size: 43px; line-height: 43px; color: #82bdc4; font-family: "Gwendolyn", cursive; margin: 0; text-transform: initial; display: inline-block; } .banner_advert.banner_advert-promo.promo-dec21 .pro { background: #f1ff11; color: #255054; display: inline-block; margin: 6px 0 -18px 77px; font-size: 23px; text-transform: uppercase; font-weight: bold; padding: 0 10px; } .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text { margin: 7px 0 0 70px; } .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text p { font-size: 24px; margin: 0 0 0 29px; line-height: 24px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text { margin: 16px 0 0 70px; color: #e1584e; display: inline-block; position: inherit; z-index: 2; } .banner_advert.banner_advert-promo.promo-dec21 .block-text:before { content: ""; display: block; left: 8px; top: 0; background: #c42110; width: 5px; height: 100%; position: absolute; } .banner_advert.banner_advert-promo.promo-dec21 .block-text p { font-size: 30px; margin: 0 0 0 29px; line-height: 34px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text p span { font-size: 24px; text-transform: none; } .banner_advert.banner_advert-promo.offre-fev22 { height: 120px; background-color: #b9ecef; background-image: url(../../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 .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 .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(../../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(../../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(../../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-freebase { height: 110px; } .banner_advert.banner_advert-freebase.freebase-1418 { background: #0288d1; background-image: url(../../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(../../img/home/viewer-op8mai2017-bandeau-annonce.png); background-position: right bottom; } .banner_advert.banner_advert-freebase.freebase-1418 .illustration-2 { background-image: url(../../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(../../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(../../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(../../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(../../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(../../img/banner/background-findannee21-moyen-gif.gif); } .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu { bottom: -28px; transform: rotate(7deg); left: 3px; } .banner_advert.banner_advert-promo.promo-dec21 h1 { font-size: 31px; margin: 11px -23px 0 0; } .banner_advert.banner_advert-promo.promo-dec21 h1 span { margin: 0 -9px 0 0; } .banner_advert.banner_advert-promo.promo-dec21 .pro { margin: 6px 0 -18px 87px; font-size: 21px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text:before { left: 18px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text p { font-size: 27px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text p span { font-size: 19px; } .banner_advert.banner_advert-promo.offre-fev22 .block-flash { font-size: 33px; margin-left: 0; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo { margin-left: 9px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 { font-size: 34px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo p { font-size: 34px; margin: 0 0 0 15px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span { font-size: 19px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span { font-size: 19px; } .banner_advert.banner_advert-promo.promo-fetemere22 { background-image: url(../../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(../../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(../../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.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(../../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(../../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(../../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(../../img/banner/background-findannee21-petit-gif.gif); } .banner_advert.banner_advert-promo.promo-dec21 .promo-dec21-block .illu { display: none; } .banner_advert.banner_advert-promo.promo-dec21 .mac { margin: -49px 0 5px 6px; } .banner_advert.banner_advert-promo.promo-dec21 .btn-action { margin: -5px 0 0 25px; padding: 8px 21px; } .banner_advert.banner_advert-promo.promo-dec21 .btn-action + span { font-size: 12px; margin: 0px 0 0 40px; } .banner_advert.banner_advert-promo.promo-dec21 h1 { text-align: center; margin: 0 0 0 0; } .banner_advert.banner_advert-promo.promo-dec21 h1 span { font-size: 37px; } .banner_advert.banner_advert-promo.promo-dec21 .pro { display: none; } .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text { margin: -3px 0 0 53px; } .banner_advert.banner_advert-promo.promo-dec21 .pro + .block-text p { font-size: 22px; line-height: 26px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text { margin: -3px 0 0 53px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text p { font-size: 22px; line-height: 26px; } .banner_advert.banner_advert-promo.promo-dec21 .block-text p span { font-size: 19px; } .banner_advert.banner_advert-promo.offre-fev22 .no-padding-768 { padding: 0 0 0 10px; } .banner_advert.banner_advert-promo.offre-fev22 .block-flash { font-size: 30px; line-height: 30px; padding: 0; margin-left: 24px; } .banner_advert.banner_advert-promo.offre-fev22 .block-flash span { display: inline-block; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo { margin-left: 10px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo h1 { font-size: 27px; margin: -7px 0 0 15px; line-height: 39px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo p { font-size: 36px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span { font-size: 21px; } .banner_advert.banner_advert-promo.offre-fev22 .block-promo p span + span { display: none; } .banner_advert.banner_advert-promo.promo-premium-2022 .macaron { margin: 7px 0 0 0; } .banner_advert.banner_advert-promo.promo-premium-2022 .btn-action { margin: 27px 0 0 -9px; padding: 5px 19px; } .banner_advert.banner_advert-promo.promo-premium-2022 .block-text { margin: 2px 0 0 0; } .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h2 { font-size: 43px; } .banner_advert.banner_advert-promo.promo-premium-2022 .block-text h5 { font-size: 36px; } .banner_advert.banner_advert-promo.promo-premium-2022 .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.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: 13px 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; 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 .back-img { 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.offre-sept21 .macaron { display: none; } .banner_advert.banner_advert-promo.promo-MH21 .macaron-flash { top: 93px; } .banner_advert.banner_advert-promo.promo-MH21 .block-text .block-text-titre h1 { font-size: 26px; } .banner_advert.banner_advert-promo.promo-MH21-r .macaron-flash { display: none; } .banner_advert.banner_advert-promo.promo-NoelCoffret21 img { display: none; } .banner_advert.banner_advert-promo.promo-dec21 .mac { display: none; } .banner_advert.banner_advert-promo.promo-dec21 .block-text { margin: 4px 0 0 0; } .banner_advert.banner_advert-promo.promo-fetemere22 img { display: none; } .banner_advert.promo-rentree2020 .illu-rentree-two { display: none; } } @media (max-width: 581px) { .banner_advert.banner_advert-promo.promo-light h1 br { display: none; } .banner_advert.banner_advert-promo.promo-blackfriday .black_side h2 { font-size: 34px; } } @media (max-width: 480px) { .banner_advert { background-image: none; } .banner_advert.banner_advert-promo.promo-light h1 { font-size: 17px; line-height: 27px; } .banner_advert.banner_advert-promo.promo-fetemere19 .fetemere19_offer .macaron-dent { display: none; } .banner_advert.banner_advert-promo.promo-fetepere19 { height: auto; padding: 0 0 10px 0; } .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box img { display: none; } .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .fetepere19_box-text p span { display: inline; } .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .macaron-dent { display: none; } .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_box .illustration-1 { display: none; } .banner_advert.banner_advert-promo.promo-fetepere19 .fetepere19_offer .fetepere_offer-text { padding: 0; } .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__inner { text-align: center; } .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__target { font-size: 24px; } .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__row--cta { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner_advert.banner_advert-promo.promo-BF21 .macaron { display: none; } .banner_advert.banner_advert-promo.promo-BF21 .btn-action { margin: 8px 0 15px 0; } .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre img { width: 300px; } .banner_advert.banner_advert-promo.promo-BF21 .block-text-titre img + img { width: 177px; } .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo { padding: 0 0 0 33px; } .banner_advert.banner_advert-promo.promo-BF21 .block-text-promo p { padding: 0 20px 0 20px; text-align: center; } .banner_advert.banner_advert-promo.promo-CM21 .macaron { display: none; } .banner_advert.banner_advert-promo.promo-CM21 .btn-action { margin: 8px 0 15px 0; } .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre img { width: 300px; } .banner_advert.banner_advert-promo.promo-CM21 .block-text-titre img + img { width: 177px; } .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo { padding: 0; } .banner_advert.banner_advert-promo.promo-CM21 .block-text-promo p { padding: 0 20px 0 20px; text-align: center; } .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 { line-height: 36px; } .banner_advert.banner_advert-promo.promo-fetemere22 .block-text h1 span { display: block; } .banner_advert.banner_advert-promo.promo-fetemere22 .block-text p { margin: 5px 0 0 0; } } @media (max-width: 380px) { .banner_advert.banner_advert-promo.promo-blackfriday--2019 .macaron-dent { display: none; } .banner_advert.banner_advert-promo.promo-blackfriday--2019 .side__date span { display: inline-block; } .banner_advert.banner_advert-promo.promo-noel2019 .promo-noel2019__offer-text span { display: block; } } /* FIN OFFER BOXE */ .full-beta .container.page { margin-top: 30px; } /* Bandeau bleu nouvelles données pages home non connectée -- */ .bandeau-new-donnees { background: #2b71ad; text-align: center; padding: 0 35px 0 0; margin: 0; border-radius: 0; left: 0; position: fixed; top: 0; right: 0; z-index: 1030; } .bandeau-new-donnees h1 { color: #fff; display: inline-block; font-size: 19px; margin: 8px 0 8px; } .bandeau-new-donnees h1 a { color: #fff; } .bandeau-new-donnees.alert-dismissible .close { top: 6px; color: #fff; } .bandeau-new-donnees + #containAll .navbar-fixed-top { top: 38px; } .bandeau-new-donnees + #containAll .intro { margin-top: 38px; } .bandeau-new-donnees + #containAll .container.home-connectee { margin-top: 114px; } /* Bloc-departement slider */ .bloc-departement .carousel-departement a { left: -34px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; } .bloc-departement .carousel-departement a + a { left: auto; right: -34px; z-index: 100; } .bloc-departement .carousel-departement a i { color: #757585; font-size: 50px; } @media (max-width: 768px) { .bloc-departement .carousel-departement a { right: -30px; } } .tweet-section-container .tweet-container { min-height: 224px; height: 224px; max-width: 464px; border: 1px solid #cccccc; border-radius: 5px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (max-width: 768px) { .tweet-section-container .tweet-container { margin: 15px auto; } } .tweet-section-container .icon-twitter-container { display: block; text-align: center; font-size: 45px; color: #ff5555; } .carousel-individus { position: relative; margin: 0 20px 21px 20px; } .carousel-individus a { left: -34px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; } .carousel-individus a + a { left: auto; right: -34px; z-index: 100; } .carousel-individus .customNavigation a i { font-size: 50px; color: #757585; } .carousel-individus .customNavigation a i::-moz-selection { background: #ff5555; /* The Fallback */ background: rgba(255, 85, 85, 0.99); color: #fff; } .carousel-individus .customNavigation a i::selection { background: #ff5555; /* The Fallback */ background: rgba(255, 85, 85, 0.8); color: #fff; } .carousel-individus .person { position: relative; display: inline-block; width: 80px; height: 132px; margin: 7px 12px 0 12px; } .carousel-individus .person .face i { position: absolute; right: -1px; bottom: -1px; background: #fff; border-radius: 50%; color: #757585; font-size: 12px; padding: 3px; } .carousel-individus .person:hover .face i { background-color: #eeeff0; } .carousel-individus .person.sosa { background: #2B2550; } .carousel-individus .person.sosa .surnom { color: #fff; } .carousel-individus .person.sosa .face i { background: #2B2550; color: #fff; } .carousel-individus .person.sosa .identite .nom, .carousel-individus .person.sosa .identite .prenom, .carousel-individus .person.sosa .identite .period { color: #fff; } .carousel-individus .owl-theme .owl-controls { display: none !important; } .carousel-reviews { position: relative; } .carousel-reviews .customNavigation a { position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; } .carousel-reviews .customNavigation a:first-child { left: -16px; right: auto; } .carousel-reviews .customNavigation a + a { right: -16px; } .carousel-reviews .customNavigation a i { color: #ff5555; font-size: 50px; } .carousel-reviews .owl-reviews { width: 90%; margin: 0 auto; } .carousel-reviews .owl-reviews .item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; height: 140px; } .carousel-reviews .owl-reviews .item div:first-child { margin: auto 0; } .carousel-reviews .owl-reviews .item div:first-child img { width: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .carousel-reviews .owl-reviews .item div:first-child + div { margin: auto 0; font-size: 16px; text-align: left; } .carousel-reviews .owl-reviews .item div:first-child + div p { margin: 0px 35px 0 20px; } .carousel-reviews .owl-reviews .item div:first-child + div p span { display: block; color: #ff5555; } .carousel-reviews .owl-reviews .item:after { content: ""; display: block; clear: both; } @media (max-width: 1200px) { .carousel-reviews .owl-reviews .item { height: 180px; } } @media (max-width: 912px) { .carousel-reviews .owl-reviews .item { height: 230px; } } @media (max-width: 857px) { .carousel-reviews .owl-reviews .item { height: 264px; } } @media (max-width: 799px) { .carousel-reviews .owl-reviews .item { height: auto; } } @media (max-width: 582px) { .carousel-reviews .owl-reviews .item div:first-child img { display: none; } .carousel-reviews .owl-reviews .item div:first-child + div p { margin: 0px 20px 0 20px; } } /* -- Callout => message d'alert, d'information de la documentation de bootstrap non inclu dans bootstrap.css => http://cpratt.co/twitter-bootstrap-callout-css-styles/ --*/ .alert.alert-dismissable, .alert.alert-dismissible { padding-right: 35px !important; } .bs-callout { padding: 7px 15px; margin: 0px 0 15px 0; border-radius: 3px; background-color: #fff; } .bs-callout i { font-size: 30px; vertical-align: middle; } .bs-callout h4 { margin-top: 0; margin-bottom: 5px; font-size: 16px; margin-bottom: 0; } .bs-callout.alert-dismissible { position: relative; overflow: auto; } .bs-callout.alert-dismissible .cta-alert { float: right; } .bs-callout.alert-dismissible .close { opacity: 1; line-height: inherit; top: 0; } .bs-callout.alert-dismissible .close:hover i { color: #666666; } .bs-callout.alert-dismissible .close i { color: #cccccc; font-size: 20px; } @media (max-width: 992px) { .bs-callout.alert-dismissible { padding-right: 5px !important; } .bs-callout.alert-dismissible .close { position: absolute; top: 0; right: 10px; } .bs-callout.alert-dismissible .cta-alert { float: inherit; } } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout p span { width: auto; } .bs-callout code { border-radius: 3px; } .bs-callout + .bs-callout { margin-top: -5px; } .bs-callout span { display: inline-block; width: 85%; } .bs-callout span + i { font-size: 48px; float: right; } .bs-callout div { margin: 20px 0 0 0; } .bs-callout div a.btn { margin: 0 10px 0 0; } .bs-callout-default h4, .bs-callout-default i { color: #2B2550; } .bs-callout-success h4, .bs-callout-success i { color: #5cb85c; } .bs-callout-danger h4, .bs-callout-danger i { color: #d9534f; } .bs-callout-warning h4, .bs-callout-warning i { color: #f0ad4e; } .bs-callout-info h4, .bs-callout-info i { color: #7190ae; } #boardAlertBlock .bs-callout-info h4, #boardAlertBlock .bs-callout-info i { color: #00a3b7; } #boardAlertBlock .close i { color: #cccccc; } #boardAlertBlock .close:hover i { color: #666666; } /* Bulle d'explication informatives */ .bubble-info { position: relative; padding: 0px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: #d5d8da solid 1px; } .bubble-info:after { content: ""; position: absolute; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #fff; display: block; width: 0; z-index: 1; left: -13px; top: 29px; } .bubble-info:before { content: ""; position: absolute; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #d5d8da; display: block; width: 0; z-index: 0; left: -14px; top: 29px; } /* Message informatif dans propositiond de message (popup de demande d'accès) */ .proposition-msg .conseil { display: inline-block; margin: 10px 0 15px 0; } .proposition-msg .conseil i { color: #337ab7; font-size: 64px; margin: 8px 0 0 0; vertical-align: top; cursor: pointer; } .proposition-msg .conseil .bubble-info { display: inline-block; width: 60%; margin: 0 0 0 18px; } .proposition-msg .conseil .bubble-info h6 { background: #d5d8da; font-size: 14px; font-weight: bold; margin: 0 0 10px; padding: 7px 10px; } .proposition-msg .conseil .bubble-info p { font-size: 13px; margin: 0; padding: 0 10px 10px 10px; } /* Bloc Media Filae : home page/landing page paywall 20% */ .media-filae-title { font-size: 16px; color: #757585; text-align: center; margin-top: 30px; } .media-container { display: block; max-width: 980px; margin: 20px auto 50px auto; } .media-container .media-filae { width: 100%; text-align: justify; padding: 0 10px; height: 94px; } .media-container .media-filae:after { content: ""; display: inline-block; width: 100%; } .media-container .item { display: inline-block; text-align: center; } .media-container img.tf1 { width: 96px; } .media-container img.france-tv { width: 144px; } .media-container img.m6 { width: 56px; } .media-container img.bfm { width: 48px; } .media-container img.le-parisien { width: 104px; } .media-container img.rtl { width: 60px; } .media-container img.france-inter { width: 60px; } .media-container img.europe-1 { width: 90px; } @media (max-width: 480px) { .media-container img { padding: 0 10px; } .media-container img.tf1 { width: 60px; } .media-container img.france-tv { width: 80px; } .media-container img.m6 { width: 46px; } .media-container img.bfm { width: 46px; } .media-container img.le-parisien { width: 80px; } .media-container img.rtl { width: 47px; } .media-container img.france-inter { width: 45px; } .media-container img.europe-1 { width: 73px; } } @media (max-width: 768px) { .media-container .media-filae { width: 100%; margin-bottom: 30px; } .media-container .item { display: inline-block; width: 24%; margin-bottom: 20px; } } .progress { box-shadow: none; height: 10px; border-radius: 0; width: 100%; margin-bottom: 15px; } .progress.active { background-size: 40px 40px; animation: progress-bar-stripes 2s linear infinite; background-image: linear-gradient(-45deg, #f2f3f4 0%, #f2f3f4 25%, #e4e2e4 25%, #e4e2e4 50%, #f2f3f4 50%, #f2f3f4 75%, #e4e2e4 75%, #e4e2e4); } .progress .progress-bar-active { animation: none; background-image: none; background-color: #43C; } .progress + p { color: #757585; } /* Dark dropdown */ .dropdown-dark { background-color: #333333; color: #fff; padding: 10px 0; } .dropdown-dark .dropdown-header { margin: 0; color: #aaaaaa; font-size: 15px; padding: 5px 13px 5px 13px; } .dropdown-dark.attach_create_tree_ { padding: 15px; } .dropdown-dark.attach_create_tree_ .no-thanks-link { color: #fff; } .dropdown-dark.attach_create_tree_ .no-thanks-link:hover { color: #fff; } .dropdown-dark li a { color: #fff; font-size: 15px; display: block; padding: 3px 15px; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropdown-dark li a:hover, .dropdown-dark li a:focus { background-color: #ff5555; color: #fff; text-decoration: none; } /* Dropdown menu choix tableau */ span.dropdown.choix-table { margin-left: 4px; } span.dropdown.choix-table > a { color: #333333; display: inline-block; margin: 3px 0 0 0; padding: 11px 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } span.dropdown.choix-table > a:hover { background: #d5d8da; text-decoration: none; } span.dropdown.choix-table > a:focus { background: #d5d8da; text-decoration: none; } span.dropdown.choix-table > a#tri-message { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 7px 10px; } span.dropdown.choix-table > a#tri-message .caret { margin: 0; } span.dropdown.choix-table > a#tri-message .tri-message-text { margin-right: 5px; } span.dropdown.choix-table .dropdown-menu { margin: 16px 0 0 -2px; } span.dropdown.choix-table .dropdown-menu > li > a { clear: both; color: #333333; display: block; font-size: 14px; font-weight: 400; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; } span.dropdown.choix-table .dropdown-menu > li > a:hover { background: #d5d8da; color: #333333; } a[popover-active=true] + .popover { background-color: #323232; color: #fff; } a[popover-active=true] + .popover.top, a[popover-active=true] + .popover.bottom { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50% !important; } a[popover-active=true] + .popover .top { top: 100% !important; } a[popover-active=true] + .popover .bottom { top: 0 !important; } a[popover-active=true] + .popover .tooltip-filae .form-group { margin-bottom: 6px; } a[popover-active=true] + .popover .tooltip-filae .form-group .input-day { text-align: center; width: 36px; } a[popover-active=true] + .popover .tooltip-filae .form-group .dropdown-menu { background-color: #323232; } a[popover-active=true] + .popover .tooltip-filae .form-group .dropdown-menu > li > a, a[popover-active=true] + .popover .tooltip-filae .form-group .dropdown-menu > li > a:hover { background-color: #323232; color: #fff; } a[popover-active=true] + .popover .tooltip-filae .form-group.input-simple [data-toggle=floatLabel] { height: 57px; padding-top: 24px; } a[popover-active=true] + .popover .tooltip-filae .form-group.input-simple [data-toggle=floatLabel][data-value=""] + label { top: 18px; z-index: -1; } a[popover-active=true] + .popover .tooltip-filae .form-group.input-simple [data-toggle=floatLabel] + label { color: #d5d8da; font-size: 12px; left: 0px; top: 7px; } a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel], a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default { background-color: #323232 !important; border-radius: 0; border-width: 0 0 1px 0; border-color: #fff; border-style: solid; color: #fff; } a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel]:active, a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel]:focus, a[popover-active=true] + .popover .tooltip-filae .form-group input:not([type=button])[data-toggle=floatLabel]:hover, a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default:active, a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default:focus, a[popover-active=true] + .popover .tooltip-filae .form-group .bootstrap-select .btn.dropdown-toggle.btn-default:hover { border-color: #ff5555; } a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default:active, a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default:focus, a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default:hover { background-color: #323232 !important; } a[popover-active=true] + .popover .tooltip-filae .bootstrap-select .select-float .btn.dropdown-toggle.btn-default .filter-option { color: #fff; } a[popover-active=true] + .popover .tooltip-filae .event-select-simple .floatLabelParent + label { color: #d5d8da; font-size: 12px; left: 0; opacity: 1; position: absolute; top: 6px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2; } a[popover-active=true] + .popover .tooltip-filae .event-select-simple .floatLabelParent[data-value="0"] + label { top: 18px; opacity: 0; z-index: -1; } a[popover-active=true] + .popover .tooltip-filae .event-select-simple .btn-group.bootstrap-select.select-float { height: 55px; padding-top: 22px; } a[popover-active=true] + .popover .tooltip-filae .event-select-simple .btn-group.bootstrap-select.select-float .dropdown-toggle.btn { padding: 2px 30px 2px 0; } a[popover-active=true] + .popover .tooltip-filae .event-select-simple .bs-caret { position: absolute; right: 12px; } a[popover-active=true] + .popover .tooltip-filae .btn-small { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 12px; height: inherit; line-height: 16px; margin-top: 20px; padding: 7px; } a[popover-active=true] + .popover .tooltip-filae .btn-small, a[popover-active=true] + .popover .tooltip-filae .btn-small:hover, a[popover-active=true] + .popover .tooltip-filae .btn-small:active { border: none; } a[popover-active=true] + .popover .tooltip-filae .error-message { margin-bottom: 0; } a[popover-active=true] + .popover .tooltip-filae button span.close-btn { opacity: 0.5; } a[popover-active=true] + .popover .tooltip-filae button span.close-btn:focus, a[popover-active=true] + .popover .tooltip-filae button span.close-btn:hover { opacity: 0.75; } a[popover-active=true] + .popover .tooltip-filae button.close { color: #fbfbfa; font-weight: normal; opacity: 1; text-shadow: none; } a[popover-active=true] + .popover .tooltip-filae .tooltip-title { font-size: 13px; } [data-toggle=popover] + .popover.bottom > .arrow::after { border-bottom-color: #323232; } [data-toggle=popover] + .popover.top > .arrow::after { border-top-color: #323232; } [data-toggle=popover] + .popover.left > .arrow::after { border-left-color: #323232; } [data-toggle=popover] + .popover.right > .arrow::after { border-right-color: #323232; } [data-toggle=popover] + .popover .popover-content { padding: 8px; } .wrapper-entre, .wrapper-seul { float: right; font-size: 12px; position: relative; text-align: right; margin-bottom: 0.5rem; } @media (max-width: 767px) { .wrapper-entre a[popover-active=true] + .popover.top, .wrapper-entre a[popover-active=true] + .popover.bottom, .wrapper-seul a[popover-active=true] + .popover.top, .wrapper-seul a[popover-active=true] + .popover.bottom { left: 0 !important; } } .avatar { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 96px; height: 96px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background-color: #8888ff; color: #fff; cursor: pointer; border-radius: 50%; min-height: 96px; min-width: 96px; position: relative; } .avatar__initiale { font-size: 36px; font-weight: 400; margin: 0; text-align: center; } .avatar__icon.material-icons { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 24px; height: 24px; background-color: #2B2550; border-radius: 50%; bottom: 0; font-size: 19px; position: absolute; right: 0; top: inherit; } .avatar__image { width: 100%; height: 100%; border: 6px solid #757585; border-radius: 50%; } .avatar--man { background-color: #66cccc; } .avatar--man .avatar__image, .avatar--man.avatar--empty { border-color: #66cccc; } .avatar--woman { background-color: #ff8888; } .avatar--woman .avatar__image, .avatar--woman.avatar--empty { border-color: #ff8888; } .avatar__status { background-color: #FD7E14; font-family: "icomoon"; position: relative; } .avatar__status::before { display: block; position: absolute; content: "\e801"; font-size: 6rem; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; } .avatar__status--checked { background-color: #20C997; } .avatar__status--checked::before { content: "\e91e"; } .avatar__status--edit { background-color: #fff; border: 1px solid #adb5bd; } .avatar__status--edit::before { content: "\e97c"; color: #adb5bd; } .avatar--medium { width: 64px; height: 64px; min-height: 64px; min-width: 64px; } .avatar--medium .avatar__initiale { font-size: 24px; } .avatar--medium .avatar__image { border-width: 4px; } .avatar--medium .avatar__icon { width: 16px; height: 16px; background-color: #fff; bottom: 0; color: #757585; font-size: 12px; right: 0; } .avatar--medium.avatar__status::before { font-size: 4rem; } .avatar--small, #ExistingAlternativeParents .avatar--known-person, .liste-fratrie .avatar--known-person { width: 36px; height: 36px; min-height: 36px; min-width: 36px; } .avatar--small .avatar__initiale, #ExistingAlternativeParents .avatar--known-person .avatar__initiale, .liste-fratrie .avatar--known-person .avatar__initiale { font-size: 16px; } .avatar--small .avatar__image, #ExistingAlternativeParents .avatar--known-person .avatar__image, .liste-fratrie .avatar--known-person .avatar__image { border-width: 3px; } .avatar--small .avatar__icon, #ExistingAlternativeParents .avatar--known-person .avatar__icon, .liste-fratrie .avatar--known-person .avatar__icon { width: 14px; height: 14px; background-color: #fff; bottom: -2px; color: #757585; font-size: 9px; right: -2px; } .avatar--small.avatar__status::before, #ExistingAlternativeParents .avatar__status.avatar--known-person::before, .liste-fratrie .avatar__status.avatar--known-person::before { font-size: 2rem; } .avatar--known-person { width: 48px; height: 48px; min-height: 48px; min-width: 48px; } .avatar--known-person .avatar__initiale { font-size: 22px; } .avatar--known-person .avatar__image { border-width: 3px; } .avatar--known-person .avatar__icon { width: 18px; height: 18px; background-color: #fff; bottom: -4px; color: #757585; font-size: 12px; right: -3px; } .avatar--empty { background-color: transparent; border: 2px dashed #8888ff; } .md-checkbox { z-index: 0; position: relative; display: inline-block; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87); font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system); font-size: 16px; line-height: 1.5; font-weight: normal; /* Input */ /* Span */ } .md-checkbox__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: -1; position: absolute; left: -10px; top: -12px; display: block; margin: 0; border-radius: 50%; width: 40px; height: 40px; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); box-shadow: none; outline: none; opacity: 0; transform: scale(1); pointer-events: none; transition: opacity 0.3s, transform 0.2s; /* Checked, Indeterminate */ } .md-checkbox__input:focus { outline: none !important; } .md-checkbox__input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s; } .md-checkbox__input:checked ~ .md-checkbox__span::before, .md-checkbox__input:indeterminate ~ .md-checkbox__span::before { border-color: #43C; background-color: #43C; } .md-checkbox__input:checked ~ .md-checkbox__span::after, .md-checkbox__input:indeterminate ~ .md-checkbox__span::after { border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255)); } .md-checkbox__input:indeterminate ~ .md-checkbox__span::after { border-left: none; transform: translate(4px, 3px); } .md-checkbox__input:checked:active ~ .md-checkbox__span::before { border-color: transparent; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); } .md-checkbox__span { display: inline-block; width: 100%; cursor: pointer; user-select: none; /* Box */ /* Checkmark */ } .md-checkbox__span::before { content: ""; display: inline-block; box-sizing: border-box; margin: 1px 11px 3px 1px; border: solid 2px; /* Safari */ border-color: #43C; border-radius: 2px; width: 18px; height: 18px; vertical-align: top; transition: border-color 0.2s, background-color 0.2s; } .md-checkbox__span::after { content: ""; display: block; position: absolute; top: 3px; left: 1px; width: 13px; height: 7px; border: solid 2px transparent; border-right: none; border-top: none; transform: translate(2px, 4px) rotate(-45deg); } .md__wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 0; margin: 0; margin-bottom: 1.8rem; 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: 3rem; } .md__label { background-color: var(--clr-bg-current, #fff); color: var(--clr-label, #757575); display: block; font-size: 1.5rem; font-weight: 400; left: 0; letter-spacing: 0.00938em; line-height: 1; margin-bottom: 0.5rem; padding: 0 0.5rem; 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(1.5rem * 0.75); font-weight: 400; letter-spacing: 0.00938em; line-height: 1; margin-bottom: calc(var(--gap-y, 0.7rem) / 2 * 1.25); } @media (min-width: 767px) { .md__label--radios { margin-bottom: calc(var(--gap-y, 0.7rem) /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: 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: 4rem; padding: 0.65rem 1rem; } .md__input--password { padding-right: 4rem; 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: 1.2rem; 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: 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: 2.5rem; height: 2.5rem; } .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: 3.25rem; } .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: 0.5rem 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% - (2.5rem + 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: 4rem; } .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: 0.65rem 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: 0.25rem; border: 1px solid var(--clr-border, #C3C3C3); border-radius: 4px; font-size: 1.6rem; text-overflow: ellipsis; } .md__select .bs-caret { margin-left: -4px; } .md__select .caret { padding: 0 1rem; } .md__select .filter-option { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 2rem); } .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, $md-gap * 2) * 2 - 0.5rem); } .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: 4rem; width: 4rem; } .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: 3rem; } .clear-input { -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); display: none; position: absolute; right: 0.8rem; top: 20px; z-index: 1; padding: 0 0 0 0.5rem; 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; } .clear-input i { font-size: 1.8rem; 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: 0.5rem 1rem; } .md-radios-group .btn-outline-primary { --bs-btn-color: #43C; --bs-btn-border-color: #43C; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #43C; --bs-btn-hover-border-color: #43C; --bs-btn-active-color: #fff; --bs-btn-active-bg: #43C; --bs-btn-active-border-color: #43C; --bs-btn-disabled-color: #43C; --bs-btn-disabled-border-color: #43C; } .md-radios-group .btn-check:focus + .btn, .md-radios-group .btn:focus { box-shadow: none; } @keyframes ripple { 0% { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0); } 50% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } .skeleton { position: relative; background-color: #e9ecef; overflow: hidden; } .skeleton::before { display: block; position: absolute; content: ""; width: 100%; height: 100%; background-color: #dee2e6; animation: 1.5s skeleton-loading ease-in infinite; } .skeleton--text { width: 100%; height: 1rem; margin-bottom: 1rem; } .skeleton--text, .skeleton--text::before { border-radius: 0.3rem; } .skeleton--text:last-child { width: 80%; margin-bottom: 0; } @keyframes skeleton-loading { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 60% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } } .is-loading { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; /* slightly transparent fallback */ background-color: rgba(255, 255, 255, 0.9); /* if backdrop support: very transparent and blurred */ } @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .is-loading { background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(0.5em); backdrop-filter: blur(0.5em); } } .spinner { --color-spinner: #ff5555; } .spinner.load { margin: auto; width: 4rem; height: 4rem; border: 6px solid var(--color-spinner); border-right-color: transparent; border-radius: 50%; animation: spin 1.6s linear infinite; } .spinner.spinner--sm { width: 2rem; height: 2rem; border-width: 0.25em; animation-duration: 1.15s; } .spinner--grey { --color-spinner: #dee2e6; } @keyframes spin { to { transform: rotate(360deg); } } .tree-infos { --color-sex: #8888ff; background-color: #EDEEF6; } .tree-infos__person { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .tree-infos__person .tree-infos__sex { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -moz-transform: translateY(25%); -ms-transform: translateY(25%); -webkit-transform: translateY(25%); transform: translateY(25%); } .tree-infos__sex { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 1.6rem; height: 1.6rem; margin-right: 0.5rem; background-color: #fff; border: 2px solid var(--color-sex); border-radius: 50%; color: #757585; } .tree-infos__sex .material-icons { font-size: 0.9rem; } .tree-infos__sex .material-icons:not(.sosa) { display: none; } .tree-infos__label { position: relative; margin-left: 0.2rem; } .tree-infos__content { padding-bottom: 0.8rem; font-size: 1.2rem; line-height: 1.6rem; } .tree-infos__content p { margin-bottom: 0; } .tree-infos__content > li { padding: 0.4rem 0; border-bottom: 1px solid #fff; } .tree-infos__content > li:last-child { border-color: transparent; } .tree-infos__name { position: relative; padding-left: 1rem; } .tree-infos__name::before { display: block; position: absolute; content: ""; width: 0.5rem; height: 0.5rem; top: 0.5em; left: 0; border-radius: 50%; background-color: var(--color-sex); } .tree-infos__event { min-width: 6.4rem; color: #556677; } .tree-infos p { word-break: break-word; } .tree-infos__toggle[data-toggle=collapse] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 0.4rem; padding: 1rem 0; border: none; background-color: transparent; font-size: 1.6rem; font-weight: 700; cursor: pointer; } .tree-infos__toggle[data-toggle=collapse] > div:first-child i { top: 1.25rem; position: absolute; -moz-transform: translate(-25%, -50%); -ms-transform: translate(-25%, -50%); -webkit-transform: translate(-25%, -50%); transform: translate(-25%, -50%); } .tree-infos__toggle[data-toggle=collapse] > div:first-child i + span { margin-left: 2rem; } .tree-infos__toggle[data-toggle=collapse].collapsed > div:first-child i { -moz-transform: translate(-25%, -50%) rotate(270deg); -ms-transform: translate(-25%, -50%) rotate(270deg); -webkit-transform: translate(-25%, -50%) rotate(270deg); transform: translate(-25%, -50%) rotate(270deg); } .tree-infos__toggle[data-toggle=collapse].collapsed .tree-infos__person { display: none; } .tree-infos__toggle[data-toggle=collapse] .tree-infos__person > p { font-size: 1.8rem; } .tree-infos__close { display: none; } .tree-infos__letter-spacing { letter-spacing: 1px; } .tree-infos .colon { display: none; } .tree-infos [class*="--man"] { --color-sex: #66cccc; } .tree-infos [class*="--woman"] { --color-sex: #ff8888; } .tree-infos--large { margin-top: -1px; } @media screen and (min-width: 480px) { .tree-infos--large .tree-infos__label { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .tree-infos--large .tree-infos__content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } .tree-infos--large .tree-infos__content.collapse:not(.in) { display: none; } .tree-infos--large .tree-infos__content > li { -webkit-flex-basis: calc(50% - (1.6rem / 2)); -moz-flex-basis: calc(50% - (1.6rem / 2)); -ms-flex-preferred-size: calc(50% - (1.6rem / 2)); flex-basis: calc(50% - (1.6rem / 2)); } .tree-infos--large .tree-infos__content > li:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .tree-infos--large .tree-infos__content > li:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } .tree-infos--large .tree-infos__content > li:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .tree-infos--large .tree-infos__content > li:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; } .tree-infos--large .tree-infos__content > li:nth-child(2), .tree-infos--large .tree-infos__content > li:nth-child(4) { border-bottom-color: transparent; } .tree-infos--large .tree-infos__content > li:nth-child(3), .tree-infos--large .tree-infos__content > li:nth-child(4) { margin-left: 1.6rem; } .tree-infos--large .tree-infos__content ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tree-infos--large .tree-infos__content ul li:not(:last-child) { margin-right: 0.8rem; } .tree-infos--large .tree-infos__toggle[data-toggle=collapse] { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .tree-infos--large .tree-infos__toggle[data-toggle=collapse].collapsed .tree-infos__person { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .tree-infos--large .colon { display: inline-block; } .tree-infos--large.tree-infos--birth .tree-infos__content > li:last-child { border-bottom-color: #fff; } } .search-footer .tree-infos__toggle { padding-right: 2.4rem; position: relative; } .search-footer .tree-infos__close { display: block; position: absolute; padding: 0; top: 1rem; right: 0; color: #555; color: #000; opacity: 0.5; } .search-footer .tree-infos__close i { font-size: 2rem; } .card-shadow { padding: 0.8rem 1.6rem; gap: 1.6rem; background-color: #fff; border-radius: 0.8rem; border: 1px solid #dee2e6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.122); } .icon-hint-container { position: absolute; top: 0; left: 0; isolation: isolate; } .icon-hint-corner { position: absolute; top: -1px; left: -1px; font-size: 2.2rem; color: #ff5555; user-select: none; z-index: 1; -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -webkit-transform: translateX(-25%); transform: translateX(-25%); } .icon-hint-corner--secondary { color: #00aa99; } :not(.icon-hint-corner[style*="display:none"]) + .icon-hint-corner--secondary { top: -6px; left: 3px; z-index: 0; } :not(.icon-hint-corner[style*="display:none"]) + .icon-hint-corner--secondary::before { display: block; position: absolute; content: ""; width: 1.7rem; height: 1.7rem; background-color: #00aa99; border-radius: 2px; } .icon-hint-corner::before { content: "\e91f"; } .icon-hint-corner::after { display: block; position: absolute; content: ""; width: 60%; height: 60%; top: 1px; right: 1px; background-color: #fff; z-index: -1; } /* FAMILY NAMES CSS */ #family-name-container .home .storm-subtitle { color: #2B2550; font-weight: 700; font-size: 20px; } #family-name-container .home .popularity-title { margin-bottom: 25px; } #family-name-container .home .etimology { margin: 45px -15px 45px -15px; } #family-name-container .home .etimology .etimology-text { color: #000000; font-size: 16px; } #family-name-container .home .etimology .rang-container { font-size: 16px; color: #303f4c; } #family-name-container .home .etimology .rang-container .rang { color: #ff5555; } #family-name-container .home .fil-family-name { padding-top: 30px; padding-bottom: 30px; font-size: 16px; } #family-name-container .home .fil-family-name .last-name { color: #757585; } #family-name-container .home .fil-family-name .slash { margin: 0 5px; } #family-name-container .home .number-family-names-title { margin-bottom: 20px; } #family-name-container .home .number-family-names-title .number-family-names { color: #ff5555; } #family-name-container .home .title-family-name { margin-top: 0; font-size: 32px; } #family-name-container .home .progress-family-name { border-radius: 100px; height: 8px; width: 100%; margin-bottom: 6px; } #family-name-container .home .progress-family-name .progress-bar-family-name { background-color: #ff5555; } #family-name-container .home .row.is-flex:before, #family-name-container .home .row.is-flex:after { display: none; } #family-name-container .home .row.is-flex { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #family-name-container .home .row.is-flex > [class*=col-] { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #family-name-container .home #map-canvas { margin-top: 0; height: 500px !important; } #family-name-container .home .family-button-search { width: 47px; height: 47px; background-color: #ff5555; border-radius: 100px; position: relative; } #family-name-container .home .family-button-search .search-icon-container { width: 50%; height: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #family-name-container .home .family-button-search .search-icon-container i { color: #fff; } #family-name-container .home #map-div { width: 100%; height: 450px; background-color: grey; } #family-name-container .home #sidebar-search-family { padding-top: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } #family-name-container .home #sidebar-search-family .search-name-title { margin-bottom: 15px; } #family-name-container .home #sidebar-search-family .btn-caret-container .btn-caret { width: 100%; margin-top: 10px; } #family-name-container .home #sidebar-search-family .btn-caret-container .btn-caret span { margin-left: inherit; } #family-name-container .home #sidebar-search-family .btn-caret-container .btn-caret i { margin-left: inherit; } #family-name-container .home #sidebar-search-family .btn-caret-container:hover { text-decoration: none !important; } #family-name-container .home #sidebar-search-family .look-for-ancestor-container .look-for-ancestor-title { color: #ff5555; font-size: 20px; font-weight: 700; margin-bottom: 10px; } #family-name-container .home #sidebar-search-family .look-for-ancestor-container .look-for-ancestor-text { color: #000000; font-weight: 700; font-size: 16px; margin-bottom: 15px; } #family-name-container .home #sidebar-search-family .play-video .beaucarnot-family-img { width: 100%; } #family-name-container .home #sidebar-search-family .cta-container .btn { margin: 15px 0 0px 0; width: 100%; } #family-name-container .home #sidebar-search-family .cta-container .btn .btn-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } #family-name-container .home .btn-text-center { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-top: 20px; } #family-name-container .home .btn-text-center .btn-action { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } #family-name-container .home .recherche img { margin-top: 38px !important; } #family-name-container .home .recherche button#validate { margin-top: 25px; } #family-name-container .home .engagement-precision { text-align: center; color: #2B2550; font-size: 16px; font-weight: 400; margin-bottom: 0; margin-top: 10px; } #family-name-container .home .subtitle-family-name { text-align: center; padding: 15px 0; } #family-name-container .home .subtitle-family-name h3 { font-size: 20px; } #family-name-container .home .civil-recensement { text-transform: uppercase; color: #ff5555; } #family-name-container .home .civil-recensement-name { font-weight: bold; font-size: 25px; } #family-name-container .home hr.coral { color: #ff5555; border-top: 1px solid #ff5555; margin-top: 0px; } #family-name-container .home .stat-family-container { text-align: center; font-size: 20px; margin-bottom: 30px; } #family-name-container .home .stat-family-container .number-stat { color: #ff5555; font-size: 40px; } #family-name-container .home .stat-family-container .act a { color: #333333; } #family-name-container .home .sources h4 { color: #ff5555; font-weight: 700; font-size: 16px; margin-top: 0; margin-bottom: 5px; } #family-name-container .home .sources h4 + p { font-size: 14px !important; } #family-name-container .home .source-title { line-height: 1.4; color: #303f4c; } #family-name-container .home .bloc-source-explanation { font-size: 20px; text-align: center; color: #2B2550; line-height: 28px; margin-top: 10px; margin-bottom: 35px; } #family-name-container .home .source-text { width: 75%; margin-bottom: 0; } #family-name-container .home .bloc-source-container { margin: 0px -15px 0px -15px; } #family-name-container .home .bloc-source-container .bloc-source { margin: 0 0 15px 0; } #family-name-container .home .box-stat-title { color: #2B2550; font-size: 20px; } #family-name-container .home .box-stat-container { margin-top: 30px; } #family-name-container .home .box-stat-container .name-container { font-weight: 500; } #family-name-container .home .box-stat-container .box-stat-title.ortho-title { margin-top: 35px; } #family-name-container .home .box-stat-container .born-number-container { background-color: #f0f1f3; padding-top: 20px; padding-bottom: 20px; } #family-name-container .home .box-stat-container .born-number-container .born-number { color: #ff5555; font-size: 30px; } #family-name-container .home .box-stat-container .born-number-container .born-text { color: #2B2550; font-size: 16px; } #family-name-container .home .box-stat-container .born-number-container .period { color: #1e1e1e; } #family-name-container .home .box-stat-container .born-number-container .born-img { display: block; margin: 0 auto; width: 100%; } #family-name-container .home .box-stat-container .born-number-container .born-legend { font-weight: lighter; margin-bottom: 15px; font-size: 12px; } #family-name-container .home .box-stat-container .born-number-container .lastnameDetailsFlash object { width: 100%; } #family-name-container .home .box-stat-container .line-rank { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #family-name-container .home .box-stat-container .line-rank a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #family-name-container .home .box-stat-container .line-rank div { white-space: nowrap; } #family-name-container .home .first-name { margin-top: 35px; margin-bottom: 45px; color: black; } .family-name-container h1, .family-name-container h2, .family-name-container h3, .family-name-container h4 { margin: 0 0 15px 0; } @media (max-width: 768px) { .bloc-stat-family { margin-top: 25px; } } @media (max-width: 992px) { .bloc-source-explanation br { display: none; } } /* Fenêtre "Besoin d'aide" => jquery.mytour.css */ #my-tour-tooltip p.text-left { text-align: left; } /* DEBUT ajout CSS general-style.css 11/05/2017 */ .container.page .orange-check { color: #ff5555; } .container.page .resultTable { font-size: 14px; font-family: "Lato", sans-serif; } .container.page .table > tbody > tr > td { padding-top: 15px; padding-bottom: 15px; } .container.page .breadcrumb { background-color: #EDEEF6 !important; border-radius: 0px; border-left: 1px solid #a9aed4; border-right: 1px solid #a9aed4; } .container.page .panel-body .breadcrumb { background-color: #fff !important; } .container.page .border_bottom { margin-left: 0px; margin-right: 0px; } .container.page #structure-n1 #sourcesTabHeader[style="display: block;"] + #filters .navbar .navbar-nav { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .container.page #structure-n1 .breadcrumb { color: #666666; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; } .container.page #structure-n1 .breadcrumb li a { color: #43C; } .container.page #structure-n1 .breadcrumb > li + li:before { color: #43C; } .container.page #structure-n1 .breadcrumb > .active { color: #666666; } .container.page .nav > li.disabled > a:hover, .container.page .nav > li.disabled > a:focus { cursor: pointer; } .container.page .nav > li.disabled.sort > a:hover, .container.page .nav > li.disabled.sort > a:focus { cursor: pointer; } .container.page .eventCheckbox input { float: left; } .container.page .sourcesCheckbox input { float: left; } .container.page #mainPerson, .container.page #withImage, .container.page #withKnownAncestry, .container.page #withSource, .container.page #firstnameVariants { float: left; } .container.page #evenements .eventCheckbox p { margin-left: 18px; width: 100%; } .container.page #sources .sourcesCheckbox p { margin-left: 18px; width: 100%; } .container.page .dropdown-menu.recently { left: auto; right: 0; } #forgotPasswordForm .BtnReset { margin: 25px 0; } .archives iframe { width: 600px; height: 310px; display: block; margin: auto; } @media (max-width: 768px) { .archives iframe { width: 80%; } } .img-book { width: 100%; align-content: center; margin-left: 60px; margin-top: 100px; } @media (max-width: 768px) { .img-book { margin-left: 0; } } .list-tools { margin-top: 80px; background-color: #2B2550; } .banner-free-trial-container { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: fixed; z-index: 1000; width: 100%; min-height: 60px; bottom: 0; background: #2B2550; /* The Fallback */ background: rgba(43, 37, 80, 0.9); -webkit-animation: heightSlideUp 1s 1; -moz-animation: heightSlideUp 1s 1; -o-animation: heightSlideUp 1s 1; animation: heightSlideUp 1s 1; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .banner-free-trial-container .banner-reduction-img { position: absolute; top: -24px; left: 35px; width: 48px; height: 48px; } @media (max-width: 785px) { .banner-free-trial-container .banner-reduction-img { position: relative; top: 0; left: 0; } } @media (max-width: 955px) { .banner-free-trial-container div { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner-free-trial-container div span { margin-bottom: 10px; } } @-webkit-keyframes heightSlideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @-moz-keyframes heightSlideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @-ms-keyframes heightSlideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes heightSlideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } .banner-free-trial-container div { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .banner-free-trial-container a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .banner-free-trial-container span { color: #fff; font-size: 21px; text-align: center; } .banner-free-trial-container .btn-action { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border: 0; height: 42px; margin-left: 30px; width: 139px; white-space: nowrap; } .banner-free-trial-container .btn-action.btn-large { padding: 10px 18px; font-size: 19px; width: auto; } .banner-free-trial-container button.close { position: absolute; transform: translateY(-50%); right: 10px; top: 50%; color: #fff; opacity: 1; text-shadow: initial; z-index: 1005; } .search-footer .container.page { margin-top: 25px; } .search-footer .link-bandeau.marge-banner + .container.page { margin-top: 45px; } @media (max-width: 767px) { .search-footer .link-bandeau.marge-banner + .container.page { margin-top: 25px; } } #searchForm .form-group { margin-bottom: 5px; } #searchForm .form-group .bootstrap-select .filter-option, #searchForm .form-group .styled-select { color: #333333; } #results .orange-check { border: 2px solid #11a88b; color: #11a88b; padding: 2px; font-size: 8px; font-weight: 900; border-radius: 50%; } #results .icon-baseline-mail { font-size: 20px; top: 0; } #results .icon-premium-badge { font-size: 25px; top: -2px; } #results .message-img { height: 20px; } #results #filters .dropdown-menu { z-index: 1001; } #search-tabs table > thead > tr > th { padding: 0 8px; } #search-tabs table > thead > tr > th.headerSortBySpouseParent, #search-tabs table > thead > tr > th.headerSortByLastname { min-width: 120px; } #search-tabs .icon-i-outline-lock { color: #757585; font-size: 20px; } #search-tabs .orange-check { border: 2px solid #11a88b; color: #11a88b; padding: 2px; font-size: 8px; font-weight: 900; border-radius: 50%; } #search-tabs .icon-baseline-mail { font-size: 20px; } #search-tabs .icon-premium-badge { font-size: 25px; } #search-tabs .message-img { height: 20px; } #search-tabs .tree-name { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; } #search-tabs .tree-name span { white-space: nowrap; margin-right: 2px; } #search-tabs .table > tbody > .search__row { display: table-row; } #search-tabs .table > tbody > .search__row > td > a, #search-tabs .table > tbody > .search__row > td > a:link, #search-tabs .table > tbody > .search__row > td > a:visited, #search-tabs .table > tbody > .search__row > td > a:hover, #search-tabs .table > tbody > .search__row > td > a:active { color: #333333; } #search-tabs .table > tbody > .search__row > td > a:focus, #search-tabs .table > tbody > .search__row > td > a:hover { text-decoration: none; } #search-tabs .table > tbody > .search__row > td > a:visited .highlight-blue-uppercase, #search-tabs .table > tbody > .search__row > td > a:visited .highlight-black { color: #767676; } #search-tabs .table > tbody > .search__row > td > a.custom-link-visited .highlight-blue-uppercase { color: #767676 !important; } .badge-premium { display: inline-block; width: 16px; height: 16px; line-height: 16px; color: #fff; background-color: #ff5555; text-align: center; font-weight: 900; border-radius: 8px; font-size: 11px; } #sourcesTab > div > div { margin-top: 20px; } .row-search { margin-right: -2px; margin-left: -2px; position: relative; } .row-search .line { margin-bottom: 10px; min-height: 44px; } .row-search > [class*=col] { min-height: auto; } .row-search.date #divEventType { padding-right: 0; } .row-search.date #divEventType .bootstrap-select .btn.dropdown-toggle.btn-default { border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 6px; } .row-search.date #divFromYear { padding: 0; } .row-search.date #divToYear, .row-search.date #divAroundYear { padding-left: 0; } .row-search.date #inputFromYear, .row-search.date #inputToYear, .row-search.date #inputAroundYear { border-left-color: transparent; } .row-search.date #inputFromYear:focus, .row-search.date #inputToYear:focus, .row-search.date #inputAroundYear:focus { border-left-color: #66afe9; } .row-search.date #inputFromYear { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .row-search.date #inputToYear, .row-search.date #inputAroundYear { border-top-left-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 0; } .row-search.date .input-lg, .row-search.date .bootstrap-select .filter-option { font-size: 14px; } .row-search > [class*=col-] { padding-right: 2px; padding-left: 2px; } @media (max-width: 1201px) and (min-width: 992px) { .row-search .col-lg-11 { width: 90%; } .row-search .col-lg-1 { width: 10%; } .row-search .date__select { min-width: auto; } .row-search .date__select .bootstrap-select .filter-option { font-size: 13px; } .row-search .date__select button.dropdown-toggle { padding: 0 0 0 2px !important; } .row-search .date__year { max-width: auto; } .row-search .date__year.col-xs-6.col-sm-8.col-md-8.col-lg-8 { max-width: 130px; } .row-search .date__year .input-lg { padding: 2px; font-size: 14px; } } .row-search span + .form-control-feedback { height: 41px; top: 2px; width: 32px; line-height: 42px; right: 0px; margin-right: 3px; background-color: #fff; } .row-search.input-annee .input-lg { height: 49px; } .row-search .input-lg { height: 44px; padding: 10px; font-size: 14px; } .row-search .input-lg + .form-control-feedback { height: 41px; top: 2px; width: 32px; line-height: 42px; right: 0px; margin-right: 3px; background-color: #fff; } .row-search .input-lg + .form-control-feedback:hover { cursor: pointer; } .row-search .input-lg.select { padding: 0; } .row-search .input-lg.select .bootstrap-select .dropdown-toggle.btn { height: 44px; padding: 3px 8px; } .row-search .input-lg.select .bootstrap-select .dropdown-toggle.btn .filter-option { width: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .caret { margin: 0px !important; top: -19px; left: 0px; } } .row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle { line-height: 31px; } .row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .bs-caret { position: static; display: inline; } .row-search .input-lg.select .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute !important; margin: 0px !important; top: inherit !important; left: inherit; right: 0; width: auto; height: auto; border-bottom: 0; color: #333333; } .row-search .submit-container { padding-left: 10px; } .row-search .submit-container #submitSearchButton { padding: 0; width: 44px; height: 44px; border-radius: 50%; } .row-search .submit-container #submitSearchButton i { top: 3px; } .row-search .submit-container #clearform i { -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); font-size: 23px; margin: 10px 0 0 8px; padding: 0; vertical-align: top; } @media (max-width: 768px) { .row-search .submit-container { text-align: center; padding: 20px; } } .row-search .plusoptions { display: inline; margin: 0; color: #43C; } .row-search .plusoptions:focus { text-decoration: none; } .row-search .plusoptions:focus:hover { text-decoration: underline; } .row-search .clear-input, .bloc-recherche .clear-input, .recherche .clear-input, .form-search-container .clear-input { -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -webkit-transform: translateY(-45%); transform: translateY(-45%); display: inline-block; top: 50%; right: 1rem; padding: 0 0 0 0.5rem; height: calc(100% - (2 * 1rem)); width: initial; } .nav-tabs { border-bottom: 1px solid #a9aed4; margin-top: 8px; margin-right: 3px; } .nav-tabs > li { margin: 0 0 -1px 0; } .nav-tabs > li.active > a { color: #333333; cursor: default; background-color: #e0e2ef; border-color: #9da3cc; border-bottom-color: #e0e2ef; } .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #333333; cursor: default; background-color: #e0e2ef; border-color: #9da3cc; border-bottom-color: #e0e2ef; } .nav-tabs > li > a { padding: 10px 22px; background-color: #464086; color: #fff; font-weight: bold; margin-right: 8px; } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { color: #fff; background-color: #43C; border: 1px solid #a9aed4; border-bottom-color: #43C; } .nav-tabs > li > a .badge { margin-left: 4px; } .nav-tabs > li.tab-btn i { display: table-cell; vertical-align: middle; } .nav-tabs > li.tab-btn a { color: #464086; background-color: #fff; border: 1px solid #a9aed4; border-bottom: 0; } .nav-tabs > li.tab-btn a#filterOptionsTag { padding: 9px 13px 13px; } .nav-tabs > li.tab-btn a#filterOptionsTag i { font-size: 20px; font-weight: bold; } .nav-tabs > li.tab-btn a.btn-faq { padding: 9px 18px 9px; } .nav-tabs > li.tab-btn a.btn-faq span { font-size: 24px !important; font-weight: bold; } .nav-tabs > li.tab-btn a:focus, .nav-tabs > li.tab-btn a:hover { color: #fff; background-color: #43C; } .nav-tabs > li.tab-reset { float: right; margin: 0; } .nav-tabs > li.tab-reset a { color: #dd3333; background: none; margin-right: 0; padding: 10px 0 0 0; border: 0; } .nav-tabs > li.tab-reset a:focus, .nav-tabs > li.tab-reset a:hover { border: 0; text-decoration: underline; } .nav-tabs > li.tab-reset a i { margin-left: 5px; font-size: 30px; vertical-align: middle; margin: -4px 0 5px 5px; } #tabs span { line-height: 20px; font-size: 18px; font-family: "Lato", sans-serif; } #tabs li.active span { color: #333333; } .filterbar .popover { text-align: center; padding-bottom: 7px; } .filter-categ { color: #61a6ee; padding-bottom: 3px; padding-left: 17px; padding-right: 20px; padding-top: 3px; } .popover a { cursor: pointer; } .nav-filtre-1 li a i { font-size: 15px; } .filterbar .icon-i-resultat-0 { display: inline-block; margin: 2px 0 0 0; font-size: 19px; } .filterbar .icon-i-resultat-1, .filterbar .icon-i-resultat-2 { display: inline-block; margin: 5px 0 0 0; font-size: 13px; } .navbar-nav > li > a.pull-right { padding-top: 18px; padding-bottom: 18px; } /* CORRECT FILTER FIRST LINE PADDING */ .filter-container { float: right; display: block; height: 50px; } .filter-container > li { display: inline-block; position: relative; } .filter-container .popover_light--container { display: block; position: absolute; left: 50%; } .popover_light.filter { margin: -7px 0px 0px -4px; padding-bottom: 0; top: -41px; left: 56%; display: block; width: 127px; transform: translateX(-50%); z-index: 0; } #filters .navbar.filterbar { border-bottom: none; background-color: #fff; font-family: "Lato", sans-serif; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav { float: inherit; background-color: #e0e2ef; border-left: 1px solid #9da3cc; border-right: 1px solid #9da3cc; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li > a { color: #333333; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown { width: 16.6%; padding-right: 6px; margin: 5px 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.open .dropdown-toggle .title-dropdown { color: #43C; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:first-child { padding-left: 5px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:last-child { padding-right: 5px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding: 10px 26px 10px 10px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a .caret { position: absolute !important; margin: 0px !important; top: 55%; left: inherit; right: 5px; width: auto; height: auto; border: 0; margin-top: 50vh; transform: translateY(-50%); } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a .caret:before { content: "\e915"; font-family: "icomoon"; font-size: 28px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.value-all i { display: none; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle { padding-top: 5px; padding-bottom: 5px; font-size: 15px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle .title-dropdown { display: block; margin-bottom: 0; color: #556677; font-size: 13px; line-height: 14px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-toggle .title-dropdown i { color: #dd3333; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu { font-size: 14px; list-style: outside none none; text-align: left; padding: 7px 0; margin-top: 2px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #a9aed4; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu .title-dropdown { display: none; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources { left: -132px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li { display: block; position: relative; width: auto; padding-right: 55px; } @media (max-width: 990px) { #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li { padding-right: 0; } } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li:after { content: ""; display: block; clear: left; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a { clear: both; color: #333333; display: block; font-weight: 400; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; font-size: 14px; height: 27px; float: left; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a.all { color: #43C; } @media (max-width: 992px) { #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li > a + div { display: none !important; } } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li .btn-flipper { position: absolute; right: 15px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li .btn { border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; width: auto; color: #ffffff; padding: 3px 10px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li span a { position: absolute; right: 0; top: 4px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a { font-size: 15px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a p.disabled { color: #a2a9b4; cursor: not-allowed; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a:hover { color: #43C; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a + div { position: absolute; right: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown #yearSimpleFilter .dropdown-menu { min-width: 170px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle { color: #333333 !important; opacity: 0.5; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle .title-dropdown { color: #556677; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown#namesDropdown > li { width: auto; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a { background-color: #fff; border-color: #445599; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:hover, #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:focus { background-color: #fff; border-color: #445599; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li { margin-right: 10px; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #dropdownMenuSelected { color: #333333; font-size: 14px; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li a { color: #43C; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li button { margin-top: 10px; margin-left: 0; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu { min-width: auto; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a { color: #333333; font-size: 14px; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:hover, #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:focus { color: #43C; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav.center { margin-left: auto; margin-right: auto; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info { color: #ff5555; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 900; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info i { font-size: 21px; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav .premium-info a { color: #ff5555; text-decoration: underline; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav .caret { position: absolute !important; margin: 0px !important; top: 55%; left: inherit; right: -6px; width: auto; height: auto; border: 0; margin-top: 50vh; transform: translateY(-50%); } #filters .navbar.filterbar.nav-filter-2 .navbar-nav .caret:before { content: "\e915"; font-family: "icomoon", sans-serif; font-size: 21px; } #filters .navbar.filterbar.nav-filter-2 .navbar-text:first-child { margin-left: 0px; color: #757585; } #filters .navbar.filterbar.nav-filter-2 #dropdownMenuSelected { padding-left: 0; } #filters .navbar.filterbar .navbar-text { margin-right: 15px; margin-left: 15px; } #add-spouse-container .remove-field.remove_field:not(.remove_field--inline) { position: absolute; top: 50%; transform: translateY(-50%); right: -46px; } @media screen and (max-width: 767px) { #add-spouse-container .remove-field.remove_field:not(.remove_field--inline) { top: -100%; transform: translateY(0); right: -30px; } } #add-spouse-container .clonedInput.row-search { position: relative; } #add-spouse-container .clonedInput.row-search .form-group { position: relative; margin-bottom: 0px; } #add-spouse-container .clonedInput.row-search .form-group .styled-select .form-control.input-lg.typeparent.selectpickerVal { border-radius: 3px; color: #333333; appearance: none; width: 100%; text-indent: 1px; text-overflow: ""; line-height: 31px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #add-spouse-container .clonedInput.row-search .form-group .styled-select .form-control.input-lg.typeparent.selectpickerVal:focus { outline: none; } #add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side { width: 40px; position: absolute; height: 96%; right: 1px; top: 1px; pointer-events: none; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side:before { content: ""; } #add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side .caret { border-width: 0; } #add-spouse-container .clonedInput.row-search .form-group .styled-select .select-side i { left: 30%; top: 50%; font-size: 28px; position: absolute; transform: translateY(-50%); background-color: white; right: 1px; } #add-spouse-container .clonedInput.row-search .preremove-field-container { padding-right: 0; } @media (max-width: 767px) { #add-spouse-container .clonedInput.row-search .preremove-field-container { padding-right: 2px; padding-left: 2px; } } #add-spouse-container .clonedInput.row-search .remove-field-container { height: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding-left: 0; text-align: center; } #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field { display: block; color: #43C; } #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field i { line-height: 40px; } @media (max-width: 767px) { #add-spouse-container .clonedInput.row-search .remove-field-container { padding-right: 2px; padding-left: 2px; } #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field { border-radius: 6px; } } @media (min-width: 992px) and (max-width: 1200px) { #add-spouse-container .clonedInput.row-search .first-name { width: 35%; padding-right: 2px; } #add-spouse-container .clonedInput.row-search .last-name { width: 35%; } #add-spouse-container .clonedInput.row-search .remove-field-container { margin: 0; width: 5%; padding-right: 0px; padding-left: 5px; } } @media (max-width: 992px) { #add-spouse-container .clonedInput.row-search .remove-field-container { height: 44px; } #add-spouse-container .clonedInput.row-search .remove-field-container .remove-field { margin: 0; float: right; } } @media (max-width: 768px) { #add-spouse-container .clonedInput.row-search .align-middle { width: 100%; } } .search_variante { background: #ffffff; margin: 0; border-bottom: 1px solid #d5d8da; padding: 14px 0 0 0; } .search_variante a { color: #43C !important; } .search_variante .search_variante-order:first-child { margin-bottom: 14px; } .search_variante .search_variante-order:first-child li { display: inline-block; font-size: 16px; } .search_variante .search_variante-order:first-child li a { font-weight: normal; font-size: 12px !important; } .search_variante .search_variante-order:first-child li a:before { content: "|"; color: #333333; padding: 0 4px; } .search_variante .search_variante-order:first-child li:last-child { float: right; color: #868f9d; } .search_variante .search_variante-order:first-child li button { margin-top: -6px; } .search_variante .search_variante-order:first-child li + li + li a { display: none; } .search_variante .search_variante-order:first-child li + li + li a.display { display: inline-block; } .search_variante #displayVar { margin-left: 0; margin-right: 0; border: 1px solid #a9aed4; border-top: none; border-bottom: none; border-left: none; border-right: none; } .search_variante .search_variante-result { margin-bottom: 0; padding-top: 10px; display: inline-block; width: 100%; max-height: 185px; border-top: none; } .search_variante .search_variante-result li { border-right: 1px solid #cccccc; margin: -1px 0 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .search_variante .search_variante-result li:nth-child(4n+4) { border-right: 0; } .search_variante .search_variante-result li.name label { color: #43C !important; } .search_variante .search_variante-result li.name span { color: #43C; } .search_variante .search_variante-result li:last-child { margin-bottom: 5px; } .search_variante .search_variante-result label { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search_variante .search_variante-result label + span { float: right; margin: 5px 0 5px 10px; white-space: nowrap; } #group_results_bar_grouped, #group_results_bar_splitted { font-size: 13px; border-bottom: 1px solid #d5d8da; margin: 0 0 10px 0; padding: 5px 0 15px 0; } #group_results_bar_grouped p, #group_results_bar_splitted p { margin: 0; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */ .bandeau-acces-gratuit { background: #163c8a; margin-top: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .bandeau-acces-gratuit:after { display: block; content: ""; clear: both; } .bandeau-acces-gratuit label.checkbox { color: #fff !important; display: inline; font-size: 18px; font-weight: bold !important; margin: 0; padding: 10px 20px; float: left; } .bandeau-acces-gratuit label .checkbox-material { vertical-align: top; } .bandeau-acces-gratuit span.label { display: inline; float: right; font-size: 17px; text-transform: uppercase; margin: 10px 20px 9px 20px; } /* composant Saisie automatique champs : Commune département */ span.twitter-typeahead .tt-dropdown-menu, .twitter-typeahead .tt-dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 10000 !important; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #d5d8da; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } span.twitter-typeahead .tt-suggestion > p, .twitter-typeahead .tt-suggestion > p, .twitter-typeahead .tt-suggestion div span p { display: table-cell; padding: 3px 20px; margin-bottom: 0px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .twitter-typeahead .tt-suggestion div span p { white-space: normal !important; box-sizing: border-box; /* IE9-11 & Edge 12-13 */ max-width: 100%; width: 100%; } span.twitter-typeahead .tt-suggestion > p:hover, .twitter-typeahead .tt-suggestion > p:hover, span.twitter-typeahead .tt-suggestion > p:focus, .twitter-typeahead .tt-suggestion > p:focus { color: #fff; text-decoration: none; outline: 0; background-color: #445599; cursor: pointer; } button.orange { background-color: #ff5555; } span.twitter-typeahead .tt-suggestion.tt-cursor p, .twitter-typeahead .tt-suggestion.tt-cursor p { color: #fff !important; background-color: #445599; } #new-message-popup span.twitter-typeahead .tt-suggestion.tt-cursor p:not(.initiale), #new-message-popup .twitter-typeahead .tt-suggestion.tt-cursor p:not(.initiale) { color: #333 !important; } span.twitter-typeahead .tt-suggestion.tt-cursor .incrementation-contact p, .twitter-typeahead .tt-suggestion.tt-cursor .incrementation-contact p, .new-message-popup .twitter-typeahead .tt-suggestion.tt-cursor { background-color: transparent; } span.twitter-typeahead, .twitter-typeahead { width: 100%; } .moteur-search-beta span.twitter-typeahead, .moteur-search-beta .twitter-typeahead { background: #fff !important; } .input-group span.twitter-typeahead, .input-group .twitter-typeahead { display: block !important; } .input-group span.twitter-typeahead .tt-dropdown-menu, .input-group .twitter-typeahead .tt-dropdown-menu { top: 32px !important; } .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu, .input-group.input-group-lg .twitter-typeahead .tt-dropdown-menu { top: 44px !important; } .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu, .input-group.input-group-sm .twitter-typeahead .tt-dropdown-menu { top: 28px !important; } span.centrage-lien { margin: 0 0 0 -43px; background-color: rgba(243, 243, 243, 0.6); } .champs-periode { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .champs-periode div.marge-top10px-768 { padding: 0 0 0 15px; } .champs-periode div.marge-top10px-768:first-child { padding: 0; width: 50%; } .champs-periode div.marge-top10px-768:last-child { padding: 0 0 0 15px; } /* Sous 1200px */ @media (max-width: 1200px) { #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources { left: -172px; } } /* Sous 992px */ @media (max-width: 992px) { .nav-tabs > li > a { padding: 10px 10px; margin-right: 4px; } .nav-tabs > li.tab-btn a#filterOptionsTag { padding: 9px 13px 12px; } .nav-tabs > li.tab-btn a.btn-faq { padding: 9px 18px 8px; } #tabs span { font-size: 15px; } .search_variante .search_variante-result li { border-right: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources { left: -173px; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */ .bandeau-acces-gratuit span.label { display: none; } .bandeau-acces-gratuit label.checkbox { font-size: 16px; } } /* Sous 768px */ @media (max-width: 768px) { .nav-tabs { margin-top: 0; } .nav-tabs > li > a { padding: 10px 6px; margin-right: 2px; } .nav-tabs > li.tab-btn a#filterOptionsTag { padding: 12px 8px 11px; } .nav-tabs > li.tab-btn a#filterOptionsTag i { font-size: 18px; } .nav-tabs > li.tab-btn a.btn-faq { padding: 9px 13px 9px; } .nav-tabs > li.tab-btn a.btn-faq span { font-size: 21px !important; } .nav-tabs > li.tab-reset a i { font-size: 26px; margin: -4px 0 5px 2px; } #tabs span { font-size: 14px; } #tabs span span { display: none; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav { border-bottom: 1px solid #a9aed4; border-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown { width: 100%; padding-right: 0; margin: 0; border-bottom: 1px solid #a9aed4; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:first-child { padding-left: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown:last-child { padding-right: 0; border-bottom: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown > a { background-color: #e0e2ef; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 5px 7px; font-size: 14px; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu { padding: 0 0 3px 0; margin-top: 0; margin-left: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-color: #fff; border: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu#sources { left: 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters { padding: 6px 0 6px 0; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu.multiple-filters > li { width: 100%; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown .dropdown-menu li a:hover { background: #fff; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav > li.dropdown.dropdown-disabled .dropdown-toggle { background: white; } #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:hover, #filters .navbar.filterbar.nav-filtre-1 .navbar-nav .open > a:focus { background-color: #EDEEF6; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; margin: 0; padding: 0; min-width: auto; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li { display: inline-block; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li a { margin-top: 5px; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li button { margin: 0; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a { color: #333333; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:hover, #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li .dropdown-menu li a:focus { color: #43C; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #dropdownMenuSelected { display: none; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav > li #orderFilter { padding-left: 0; margin-left: -15px; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav + .navbar-nav > li:first-child { display: none; } #filters .navbar.filterbar.nav-filter-2 .navbar-nav + .navbar-nav > li:last-child { margin: 10px 0 0 0; } #filters .navbar.filterbar .navbar-text { margin-right: 15px; margin-left: 15px; } } /* Sous 480px */ @media (max-width: 480px) { .nav-tabs > li { margin: 0 0 -1px 0; } .nav-tabs > li.tab-reset span { display: none; } /*------------------------ Barre entre filtres d'inscription ou d'abonnement => Afficher les resultats gratuits pour une collection --- */ .bandeau-acces-gratuit img { display: none; } .bandeau-acces-gratuit label.checkbox { font-size: 14px; } } .recensement-container.SeoSem .recherche { height: auto !important; } .recensement-container.SeoSem .exclusive-badge-container { position: absolute; right: 0; height: 100px; width: 100px; border-radius: 100%; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; top: 20px; text-transform: uppercase; font-weight: bold; } .recensement-container.SeoSem .exclusive-badge-container .exclusive-badge { width: 100%; height: 100%; margin: 0 !important; } @media screen and (max-width: 992px) { .recensement-container.SeoSem .exclusive-badge-container { position: relative; margin: 0 auto; } } .recensement-container.SeoSem .archives .img-archives-tools { width: 50%; height: 650px; float: right; margin-top: 80px; background-position: center; background-size: 870px 650px; background-image: url("../../img/genealogie-recherche-archives.jpg"); } @media screen and (max-width: 767px) { .recensement-container.SeoSem .archives .img-archives-tools { width: 100%; } } .recensement-container.SeoSem .BlocJLB { margin: 35px 0; } .recensement-container.SeoSem .BlocJLB .quote { color: #ff5555; font-style: italic; font-size: 30px; } .recensement-container.SeoSem .BlocJLB .quote-author { color: dimgrey; font-size: 14px; } .recensement-container.SeoSem .video-container { margin: 35px 0; } .recensement-container.SeoSem .app-screen { width: 100%; border: 2px solid #d5d8da; } .recensement-container.SeoSem .subtitle-recensement { font-size: 20px; margin-bottom: 30px; } .recensement-container.SeoSem .subtitle-recensement-2 { padding: 10px 30px; } .recensement-container.SeoSem .presentation-app h1 { margin-top: 75px; } .recensement-container.SeoSem .presentation-app .explanation-subtitle { margin: 25px 0; } .recensement-container.SeoSem .presentation-app .explanation-text { margin-bottom: 20px; } .recensement-container.SeoSem .presentation-app .txt-recensement { text-align: left; } .recensement-container.SeoSem .presentation-app .txt-recensement .explanation-subtitle { text-align: left; font-size: 23px; color: #303f4c; } .recensement-container.SeoSem .presentation-app .txt-recensement .explanation-text { font-size: 16px; color: #303f4c; text-align: left; } .recensement-container.SeoSem .map-section { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: 30px; } .recensement-container.SeoSem .map-section-02 { margin-top: 110px; } @media screen and (max-width: 767px) { .recensement-container.SeoSem .map-section { position: relative; margin: 0 auto; width: 100%; display: block; } } .recensement-container.SeoSem .map-section .bloc-stat-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 33%; } .recensement-container.SeoSem .map-section .bloc-stat-container .stat-container { font-size: 24px; } .recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .stat-bloc { text-align: center; font-weight: bold; } .recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .stat-bloc .number-recensement { color: #ff5555; text-align: center; } .recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .stat-bloc .legend-number { color: #2B2550; } .recensement-container.SeoSem .map-section .bloc-stat-container .stat-container .separator-bloc { border-top: 2px solid #2B2550; width: 50px; margin: 20px auto; display: block; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map { margin-top: 40px; } @media screen and (max-width: 767px) { .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map { margin-bottom: 40px; } } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .legend { text-align: center; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend { width: 25px; height: 25px; display: inline-block; background-color: #2B2550; border: 1px solid #d5d8da; margin-right: 10px; vertical-align: text-top; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-01 { background-color: #4975e2; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-02 { background-color: #ed3737; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-03 { background-color: #f784b3; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-04 { background-color: #65e58c; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-05 { background-color: #fc8663; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-06 { background-color: #f4cf64; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-07 { background-color: #a881f2; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-08 { background-color: #042daf; } .recensement-container.SeoSem .map-section .bloc-stat-container .legend-map .color-legend.year-09 { background-color: #44824e; } @media screen and (max-width: 767px) { .recensement-container.SeoSem .map-section .bloc-stat-container { position: relative; margin: 0 auto; width: 100%; display: block; } } .recensement-container.SeoSem .map-section .map-container { width: 67%; } .recensement-container.SeoSem .map-section .map-container .map { display: block; margin: 0 auto; width: 90%; } @media screen and (max-width: 767px) { .recensement-container.SeoSem .map-section .map-container .map { width: 75%; } } @media screen and (max-width: 767px) { .recensement-container.SeoSem .map-section .map-container { position: relative; width: 100%; display: block; } } .recensement-container.SeoSem .media .media-title { margin-top: 30px; margin-bottom: 30px; color: dimgrey; font-size: 20px; } #andriveau-container .card-wedding.container .card-container-wedding .col-xs-12.col-sm-4.col-md-4.col-lg-4 { padding: 0 !important; margin: 0 !important; } @media (max-width: 768px) { #andriveau-container .card-wedding.container .card-container-wedding .col-xs-12.col-sm-4.col-md-4.col-lg-4 { padding: 0 15px !important; } } .SeoSem .recherche.recherche-andriveau { padding-bottom: 10px !important; height: auto !important; margin-bottom: 0 !important; } #andriveau-container .subtitle-search sup { font-size: 16px; } #andriveau-container .exclu { color: #ff5555; } #andriveau-container .search-button-container { margin-top: 20px; margin-bottom: 15px; } #andriveau-container .search-button-container .btn-large { font-size: 20px; padding: 10px 18px; } @media (max-width: 767px) { #andriveau-container .search-button-container .btn-large { width: inherit; } } #andriveau-container .video-container .subtitle { font-size: 40px; text-align: center; margin-top: 35px; } #andriveau-container .video-container .legend-andriveau { text-align: center; font-size: 22px; margin: 0 15px; color: #303F4C; } @media (max-width: 1020px) { #andriveau-container .video-container .legend-andriveau br { display: none; } } #andriveau-container .video-container iframe { width: 550px; height: 310px; display: block; margin: 70px auto 80px auto; } @media (max-width: 768px) { #andriveau-container .video-container iframe { width: 80%; } } @media (max-width: 992px) and (min-width: 768px) { #andriveau-container .card-wedding.container { width: 90%; } } #andriveau-container .card-wedding.container .card-container-wedding { background-color: black; color: #fff; background-image: url("../../img/andriveau/card-archive.png"); background-repeat: no-repeat; background-size: contain; width: auto; height: auto; display: table; /* Media queries on 769px to make breakpoint earlier and have good view on tablet */ } @media (max-width: 769px) { #andriveau-container .card-wedding.container .card-container-wedding { background-image: url("../../img/andriveau/card-archive-responsive.png"); background-size: container; } } @media (max-width: 480px) { #andriveau-container .card-wedding.container .card-container-wedding { background-size: contain; } } #andriveau-container .card-wedding.container .card-container-wedding .img-bg-height { /* Media queries on 769px to make breakpoint earlier and have good view on tablet */ } @media (max-width: 769px) { #andriveau-container .card-wedding.container .card-container-wedding .img-bg-height { height: 350px; width: 100%; } } #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container { background-color: black; /* Media queries on 769px to make breakpoint earlier and have good view on tablet */ } @media (max-width: 769px) { #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container { width: 100%; } } #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table { display: table; } @media (max-width: 480px) { #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table [class*=col-] { width: 100%; } } #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table [class*=col-] { float: none; display: table-cell; vertical-align: middle; } #andriveau-container .card-wedding.container .card-container-wedding .txt-img-wedding-container .is-table .wedding-text-column { height: 100%; } #andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container { padding-left: 30px; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 480px) { #andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container { padding-left: 10px; padding-right: 10px; } } #andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container .wedding-title { color: #fff; font-size: 24px; line-height: 1.3; } #andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container .wedding-text { color: #fff; margin-top: 20px; font-size: 16px; line-height: 1.3; } #andriveau-container .card-wedding.container .card-container-wedding .wedding-text-container .wedding-text .wedding-highlight { color: #ff5555; } #andriveau-container .card-wedding.container .card-container-wedding .card-img { width: 100%; } #andriveau-container .stat-container { margin-top: 40px; margin-bottom: 40px; } #andriveau-container .stat-container .bloc-stat-container { text-align: center; font-size: 20px; font-weight: 600; color: #2B2550; } #andriveau-container .stat-container .bloc-stat-container.left { border-right: 1px solid #2B2550; } #andriveau-container .stat-container .bloc-stat-container.right { border-left: 1px solid #2B2550; } @media (max-width: 767px) { #andriveau-container .stat-container .bloc-stat-container { width: 180px; display: block; margin: 0px auto; padding-bottom: 15px; padding-top: 15px; } #andriveau-container .stat-container .bloc-stat-container.left { border-bottom: 1px solid #2B2550; border-right: 0; } #andriveau-container .stat-container .bloc-stat-container.middle { border-bottom: 1px solid #2B2550; } #andriveau-container .stat-container .bloc-stat-container.right { border-left: 0; } } #andriveau-container .stat-container .bloc-stat-container .stat { color: #ff5555; } #andriveau-container .stat-container .bloc-stat-container .stat.storm { color: #2B2550; } #andriveau-container .fond-andriveau-origin { margin-bottom: 20px; } #andriveau-container .fond-andriveau-origin .subtitle { font-size: 30px; margin-top: 15px; margin-bottom: 25px; } #andriveau-container .fond-andriveau-origin .origin-text { font-size: 15px; margin-bottom: 20px; } #andriveau-container .fond-andriveau-origin .origin-link { font-size: 15px; } @media (max-width: 767px) { #andriveau-container .fond-andriveau-origin .origin-link { margin-bottom: 20px; display: block; } } #andriveau-container .fond-andriveau-origin .bloc-lagoon-container { background-color: #00a3b7; color: #fff; } #andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-img { width: 100%; } #andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-content { padding: 0 20px 15px 20px; } #andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-content .insurrection-subtitle { color: #fff; font-size: 18px; font-weight: 700; margin: 20px 0; } #andriveau-container .fond-andriveau-origin .bloc-lagoon-container .insurrection-content .insurrection-text { font-size: 16px; } #andriveau-container .conclusion { font-weight: 700; font-size: 28px; text-align: center; color: #2B2550; margin-top: 90px; margin-bottom: 90px; } /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */ .section-outlined { --spacer: 2rem; padding: 15px; border-radius: 8px; border: 1px solid #d5d8da; font-size: 1.4rem; } .section-outlined > [data-toggle=collapse] { font-size: 1.9rem; cursor: pointer; margin: 0; } .section-outlined > [data-toggle=collapse] [class^=icon] { float: right; font-size: 2.5rem; } .section-outlined > [data-toggle=collapse]:not(.collapsed) [class^=icon] { transform: rotate(-180deg); } .section-outlined > [data-toggle=collapse] + * { padding-top: var(--spacer, 1rem); } .section-outlined h5 { margin-bottom: 1.6rem; font-weight: 700; font-size: 1.3rem; } .option-arbre { margin-bottom: 2.4rem; height: auto; min-height: auto; } .option-arbre > div { margin: 0; } .option-arbre a.btn { margin: 20px 0 0; } .option-arbre a.btn.btn--toggle-delete { margin: 0; float: right; } .option-arbre h1 + p { color: #757585; font-size: 14px; margin: 0 0 38px 0; } .option-arbre h4 { font-size: 28px; } .option-arbre .tab-content { margin: 0 0 3.6rem 0; } .btn.btn-error { border: 1px solid #fff; background-color: #D9001B; color: #fff; } .btn.btn-error:hover, .btn.btn-error:focus, .btn.btn-error:active { border-color: #fff; background-color: #cc0019 !important; color: #fff; } .btn.btn-error--outlined { border: 1px solid #D9001B; background-color: transparent; color: #D9001B; } .btn.btn-error--outlined:hover, .btn.btn-error--outlined:focus, .btn.btn-error--outlined:active { border-color: #fff; background-color: #D9001B !important; color: #fff; } [class*=btn-error].btn.disabled { opacity: 0.4; } .parametre { --spacer-flow: 2rem; margin-top: 1.6rem; } .parametre .radio p { margin-bottom: 13px; overflow: hidden; text-overflow: ellipsis; } .parametre .radio + .radio { margin-bottom: 13px; } .parametre .radio-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .parametre .radio-group > .radio { margin-top: 5px; } .parametre .radio-group > .radio:not(:last-child) { margin-right: 2rem; } .parametre .arb-prive-interdit.checkbox { margin: 0 0 0 17px; } .parametre .checkbox.disabled { opacity: 0.65; pointer-events: none; } .parametre h4.titre-marge-top i { color: #337ab7; margin: 0 0 2px 8px; vertical-align: bottom; font-size: 28px; } #formParams { margin-top: 1.25rem; } #privacyArea .privacy > * { margin: 0; } #privacyArea .privacy > * + * { margin-top: 1rem; } #privacyArea .privacy > * label p + p { margin-bottom: 0.75rem; } .privacy a.information[data-toggle=collapse] { margin-left: 0; } .privacy a.information[data-toggle=collapse]:before { content: none; } .privacy a.information[data-toggle=collapse] + *.collapse, .privacy a.information[data-toggle=collapse] + *.collapsing { padding-left: 1.25rem; margin: 1rem 0 0 0; border-left: 1px solid #43C; color: #757585; } .gedcom .import-gedcom p { font-weight: bold; margin: 20px 0 20px 0; } .parametre .suppression-arbre .checkbox { margin: 0 0 0.75rem 0; } .gedcom .import-gedcom .checkbox { margin: 0 0 20px 0; } .suppression-arbre .bold { color: #D9001B; } #inputSendingDate { padding-top: 0; height: 43px; margin-top: 19px; } #inputSendingDate:hover { cursor: pointer; } #inputSendingDate:hover ~ #sendingDateCaret { color: #ff5555; } #sendingDateCaret { margin-top: 19px; cursor: pointer; } [data-target="#suppression-arbre-container"] i:first-of-type { font-size: inherit; color: #D9001B; -moz-transform: translateY(2px); -ms-transform: translateY(2px); -webkit-transform: translateY(2px); transform: translateY(2px); } /* -- Liste des individus --*/ .liste-individus h1 + p, .liste-lieu h1 + p { color: #757585; font-size: 14px; font-weight: bold; margin: 0 0 38px 0; } .liste-individus h1 i, .liste-lieu h1 i { color: #757585; } .liste-individus #treeName, .liste-lieu #treeName { margin-top: 0; } .liste-individus ul.letters, .liste-lieu ul.letters { margin: 13px 0 15px; } .liste-individus .letters a, .liste-lieu .letters a { cursor: pointer; font-size: 16px; padding: 2px 5px 3px; text-decoration: none; color: #445599; } @media (max-width: 1198px) { .liste-individus .letters a, .liste-lieu .letters a { padding: 2px 2.8px 3px !important; } } .liste-individus .letters li, .liste-lieu .letters li { display: inline-block; } @media (max-width: 733px) { .liste-individus .letters li, .liste-lieu .letters li { margin-bottom: 6px; } } .liste-individus .letters li.active a, .liste-individus .letters li a:hover, .liste-lieu .letters li.active a, .liste-lieu .letters li a:hover { background: #2B2550 none repeat scroll 0 0; border-radius: 4px; color: #fff; padding: 2px 5px 3px; } .liste-individus .letters li.no-active a, .liste-individus .letters li.no-active a:hover, .liste-lieu .letters li.no-active a, .liste-lieu .letters li.no-active a:hover { background: #fff none repeat scroll 0 0; border-radius: 4px; color: #A0B4D2; padding: 2px 5px 3px; } .liste-individus .person-number, .liste-lieu .person-number { margin: 16px 0 0 -15px; color: #757585; font-size: 15px; font-weight: bold; float: right; } .liste-individus .table-individus, .liste-lieu .table-individus { margin-top: 10px; width: 100% !important; } .liste-individus .table-individus thead th.nom-individu, .liste-lieu .table-individus thead th.nom-individu { text-align: left; } .liste-individus .table-individus thead th.ordre, .liste-lieu .table-individus thead th.ordre { padding: 15px 0 10px; } .liste-lieu #treeName, .liste-lieu #goToTreeLink { margin-top: 30px; } .liste-individus h4, .liste-lieu h4, .search-tracking h4 { font-size: 28px; font-weight: bold; } .liste-individus .table-individus thead th { text-align: left; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .liste-individus .table-individus thead th.profil-individu { padding: 10px 0 10px 18px; } } .liste-lieu .table-individus thead th { text-align: center; } .table-individus .profil-individu .profil, .table-condensed .profil-individu .profil { height: 32px; width: 32px; } .table-individus .profil-individu .profil.image img, .table-condensed .profil-individu .profil.image img { height: 32px; width: 32px; border-width: 0; } .table-individus .profil-individu .profil.image.femme img, .table-condensed .profil-individu .profil.image.femme img { border-color: #ff8888; border-width: 2px; } .table-individus .profil-individu .profil.image.homme img, .table-condensed .profil-individu .profil.image.homme img { border-color: #66cccc; border-width: 2px; } .table-individus .profil-individu .profil i, .table-condensed .profil-individu .profil i { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 11px; padding: 2px; position: relative; margin: -13px -3px 0 0; } .table-individus .profil-individu .profil i.ss-img, .table-condensed .profil-individu .profil i.ss-img { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 11px; padding: 2px; position: relative; margin: -6px -3px 0 0; } .table-individus .profil-individu .profil .initiale, .table-condensed .profil-individu .profil .initiale { color: #fff; font-size: 13px; font-weight: bolder; margin: 0; padding: 6px 0 0; text-align: center; } .table-individus .profil-individu a:hover, .table-individus .profil-individu a:focus, .table-individus .profil-individu a:active, .table-condensed .profil-individu a:hover, .table-condensed .profil-individu a:focus, .table-condensed .profil-individu a:active { text-decoration: none; } .table-individus.table-hover > tbody > tr:hover .ss-img { background: #f5f5f5 none repeat scroll 0 0; } .liste-individus .table-responsive { border: 0; } .liste-individus .table-individus .nom-individu p { margin: 6px 0 0 0; } .liste-individus .table-individus .nb-text p { text-align: center; color: #445599; } .liste-individus .table-individus .nb-indice { text-align: center; } .liste-individus .table-individus .nb-indice a { text-decoration: none !important; } .liste-individus .table-individus .nb-indice div { width: auto; display: inline-block; } .liste-individus .table-individus .nb-indice p { text-align: center; color: #fff; background: #11a88b none repeat scroll 0 0; border-radius: 11px; width: auto; padding: 2px 7px; } .liste-individus .table-individus .nb-indice.coral p { background: #ff5555 none repeat scroll 0 0; } .liste-individus .table-individus.table_correspondances td { padding: 8px 10px 8px 17px; } .liste-individus .table-individus.table_correspondances .nom-individu span { display: block; color: #43C; } .liste-individus .table-individus.table_correspondances a { color: #667788; text-decoration: none; } .liste-individus .dataTables_processing { top: 7% !important; } .liste-individus .confidentialite h4 i { color: #337ab7; vertical-align: top; margin: 2px 0 0 0; } /* -- Confidentialite --*/ .confidentialite h4 + div.row > div > p + ul li:before { content: "\e67d"; font-family: "icomoon", sans-serif; font-size: 7px; margin: 0 4px 0 0; vertical-align: middle; } .confidentialite .radio label { height: 150px; } .confidentialite .person { height: 127px; width: 80px; cursor: initial; padding: 12px 4px 5px; } .confidentialite .person:hover { background: #fff; } .confidentialite .person .identite.confidentielle .nom { font-weight: normal; text-transform: inherit; } .confidentialite .person .face i { color: #fff; vertical-align: middle; } .confidentialite .preference .preference i { color: #757585; font-size: 24px; margin: -3px 0 0; vertical-align: top; } .confidentialite .preference a { color: #333333; font-size: 14px; } .confidentialite .preference a.information[data-toggle=collapse] + div.collapse, .confidentialite .preference a.information[data-toggle=collapse] + div.collapsing { margin: 0; } .confidentialite h4.titre-marge-top { display: inline-block; } .confidentialite h4.titre-marge-top + .btn { display: inline-block; float: right; margin: 42px 0 0 0; } .confidentialite .individu-confidentiel { margin-top: 20px; width: 100% !important; } .confidentialite .individu-confidentiel thead { border-top: 1px solid #757585; } .confidentialite .individu-confidentiel thead th .checkbox { margin: 0; } .confidentialite .individu-confidentiel thead th.ordre { padding: 15px 0 10px; } .confidentialite .individu-confidentiel .profil-individu .profil { height: 32px; width: 32px; } .confidentialite .individu-confidentiel .profil-individu .profil.image img { height: 32px; width: 32px; border-width: 0; } .confidentialite .individu-confidentiel .profil-individu .profil .initiale { color: #fff; font-size: 13px; font-weight: bolder; margin: 0; padding: 8px 0 0; text-align: center; } .confidentialite .individu-confidentiel .nom-individu { width: 90%; } .confidentialite .individu-confidentiel .nom-individu p { margin: 6px 0 0 0; } .confidentialite .no-individu { text-align: center; border-top: 1px solid #757585; margin: 11px 0 0 0; } .confidentialite .no-individu i { color: #757585; font-size: 75px; margin: 50px 0 24px; } .confidentialite .no-individu p { color: #757585; font-size: 30px; margin: 0 0 25px; } .dataTables_wrapper { position: relative; /* clear: both; */ /* zoom: 1; */ display: block; width: 100%; /*-- Pagination Jquery pour le tableau de confidentialité */ } .dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid #ccc !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; margin-left: -1px !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover { background: #eeeeee !important; color: #333 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.previous { border-right: 0 !important; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.next { border-left: 0 !important; -webkit-border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-bottomleft: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .dataTables_wrapper .dataTables_paginate span .paginate_button { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dataTables_wrapper .dataTables_paginate span .paginate_button.current, .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { background: #445599 !important; border: 0; color: #fff !important; } /* -- Invitation -- */ .invitations div.row:first-child a { float: right; } .invitations span.dropdown.choix-table .dropdown-menu { margin: 16px 0 0; } .invitations table { border-top: 1px solid #d5d8da; margin: 10px 0 0; } .invitations table.messagerie-table tr .pseudo-table { width: 40%; } .invitations table.messagerie-table tr .pseudo-table p { font-size: 15px; line-height: 23px; font-weight: bold; max-width: 320px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .invitations table.messagerie-table thead tr th:nth-child(3) { padding-left: 8px; } .invitations table.messagerie-table thead tr th:nth-child(3):hover, .invitations table.messagerie-table thead tr th:nth-child(4):hover, .invitations table.messagerie-table thead tr th:nth-child(5):hover { opacity: 1; cursor: default; } .invitations .table.messagerie-table { /* -- Switch tableau --*/ } .invitations .table.messagerie-table td.confidentiel + td a i { color: #333333; margin: 14px 6px 0 0; font-size: 25px; visibility: hidden; } .invitations .table.messagerie-table tr:hover td.confidentiel + td a i { visibility: visible; } .invitations .table.messagerie-table tr .bootstrap-switch { margin: 9px 0 0 0; } .invitations .table-hover.messagerie-table > tbody > tr:hover { background: #fff; } .invitations .table-hover.messagerie-table > tbody > tr td:hover, .invitations .table-hover.messagerie-table > tbody > tr td .profil { cursor: default; } .option-arbre .no-contact div.row + div.row { text-align: center; } .option-arbre .no-contact i { color: #aeada9; font-size: 75px; margin: 60px 0 24px; } .option-arbre .no-contact i + p { color: #aeada9; font-size: 30px; margin: 0 0 260px; } /* -- Gedcom -- */ .gedcom h4.titre-marge-top i { color: #337ab7; font-size: 28px; margin: 0 0 2px 8px; vertical-align: bottom; } /* -- Suivi des recherches -- */ .search-tracking { height: auto; margin-bottom: 2.4rem; } .search-tracking i.check_success { color: #5cb85c; font-size: 26px; } .search-tracking i.done_warning { color: #f0ad4e; font-size: 26px; } .search-tracking i.cross_danger { color: #d9534f; font-size: 26px; } .search-tracking .tracking_table .nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 15px; border-color: #2B2550; } .search-tracking .tracking_table .nav li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 19px; text-align: center; } .search-tracking .tracking_table .nav li a { padding: 9px 15px; background-color: #fff; color: #43C; font-weight: bold; border: 1px solid #ddd; border-bottom: none; margin-right: 1px; } .search-tracking .tracking_table .nav li.active a { background-color: #2B2550; border-color: #2B2550; color: #fff; } .search-tracking .tracking_generation .panel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; } .search-tracking .tracking_generation .panel .panel-heading h4 { font-size: 17px; color: #43C; } .search-tracking .tracking_generation .panel .panel-heading h4 a:hover, .search-tracking .tracking_generation .panel .panel-heading h4 a:focus { text-decoration: none; } .search-tracking .tracking_generation .panel .panel-collapse { border-bottom: 1px solid #2B2550; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body { border-top: 0; padding: 10px 0 0 0; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body table { margin-bottom: 0; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body table td { vertical-align: middle; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu a { display: flex; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu a:hover { text-decoration: none; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu a .badge--hint { position: inherit; height: 19px; margin: 16px 0 0 13px; } .search-tracking .tracking_generation .panel .panel-collapse .panel-body table td.profil-individu .profil + p { margin: 6px 0 0 10px; float: left; } .search-tracking .tracking_generation .panel + .panel { margin-top: 1px; } .search-tracking .tracking_generation .panel .th-event-life { width: 110px; } @media (max-width: 575px) { .search-tracking .tracking_generation .panel .th-event-life { width: auto; } } @media (max-width: 767px) { .search-tracking .tracking_generation .panel .th-event-life { width: 80px; } } .search-tracking .tracking_generation .panel .gen-body { max-height: 410px; } .search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table th:last-child { text-align: center; width: 25%; } .search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table th:first-child { width: 15%; padding-left: 15px; } .search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table td:last-child { text-align: center; } .search-tracking .tracking_generation.ascending .panel .panel-collapse .panel-body table td:first-child { width: 15%; padding-left: 15px; } .search-tracking .tracking_generation.events .event-legend { display: flex; margin: 10px 0; } .search-tracking .tracking_generation.events .event-legend li { margin-right: 18px; font-size: 15px; display: flex; } .search-tracking .tracking_generation.events .event-legend li span { margin: 2px 0 0 6px; } .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:nth-child(0n+3), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:nth-child(0n+4), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:nth-child(0n+5) { text-align: center; } .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table th:first-child { width: 20%; padding-left: 15px; } .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:nth-child(0n+3), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:nth-child(0n+4), .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:nth-child(0n+5) { text-align: center; } .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td:first-child { padding-left: 15px; } .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td .check_success, .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td .done_warning, .search-tracking .tracking_generation.events .panel .panel-collapse .panel-body table td .cross_danger { margin-top: 6px; } .search-tracking .tracking_generation .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 30px; } /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */ @media (max-width: 767px) { /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */ .option-arbre .tab-pane h4.titre-marge-top { margin: 40px 0 10px; } .parametre .checkbox { margin: 0; } /*-- Invitations --*/ .invitations table { border-top: 0; margin: 0; } .invitations .dropdown { display: inline-block; margin: 15px 0 10px 16px; } .invitations div.row:first-child a { float: left; } /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */ /* ========================================================================================= DEBUT Option arbre : paramètres, confidentialité, invitations, gedcom */ /* -- Confidentialité -- */ .option-arbre .tab-pane.confidentialite h4 { margin: 16px 0 16px 57px; } .option-arbre .tab-pane.confidentialite h4.titre-marge-top { margin: 40px 0 10px; } .confidentialite .radio label { height: auto; } .confidentialite .table-responsive { margin-top: 20px; } .confidentialite .individu-confidentiel { margin: 0; } .confidentialite .individu-confidentiel thead { border-top: 0; } /* ========================================================================================= FIN Option arbre : paramètres, confidentialité, invitations, gedcom */ li.visible-xs { display: inline-block !important; } .menu-lateral-gauche .nav-tabs { text-align: center; } #formParams .checkbox { margin-top: -0.25rem; margin-bottom: 1.6rem; } } .container-buttons { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .container-buttons > a.btn + a.btn { margin-left: 0.75rem; } @media (min-width: 768px) and (max-width: 992px) { .menu-lateral-gauche + * { padding-left: 0; } label[data-target="#nouvel-individu"] { font-size: 1.1rem; } } @media (min-width: 768px) { #formParams .checkbox { margin-top: 0.75rem; } } @media (max-width: 992px) { .menu-lateral-gauche .nav-tabs { width: 100%; margin: 0 auto; } .menu-lateral-gauche .nav-tabs > li { padding-right: 20px; display: inline-block; } } h1, h2, h3 { margin-top: 10px; margin-bottom: 10px; } body.no-bg { background-image: none; } body.no-bg .small-footer { margin-top: 0; } body.no-bg .carte-num-open { box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.05), 0 0px 10px rgba(0, 0, 0, 0.1); } .container.page.abonnement-7j { margin-top: 40px; } @media screen and (max-width: 1200px) { .container.page.abonnement-7j { margin-top: 20px; } .container.page.abonnement-7j .bloc-essai-sept .trial-wrap { position: relative; margin-top: 0; margin-bottom: 10px; } } .container.page.abonnement-7j .free-trial-subtitle { margin-top: 15px; font-size: 20px; } .essai-7j .titre-offre-sept { margin-bottom: 0px; } .essai-7j .bloc-essai-sept .bg-essai-7j { background-color: rgba(255, 255, 255, 0.95); padding: 0 50px; max-width: 65%; /* Not eligible style */ /* CODE VIEW FREE OFFER */ } .essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem { margin-top: 85px; } .essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem .not-eligible-title { color: #333333 !important; font-size: 22px !important; } .essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem .not-eligible-text { padding: 0 70px; } @media screen and (max-width: 767px) { .essai-7j .bloc-essai-sept .bg-essai-7j.essai-problem .not-eligible-text { padding: 0; } } .essai-7j .bloc-essai-sept .bg-essai-7j .firstMessage-free-offer { margin-top: 60px; } .essai-7j .bloc-essai-sept .bg-essai-7j .firstMessage-free-offer h4 { font-size: 22px !important; color: #333333 !important; } .essai-7j .bloc-essai-sept .bg-essai-7j .firstMessage-free-offer p { font-size: 16px !important; } @media screen and (max-width: 992px) { .essai-7j .bloc-essai-sept .bg-essai-7j { max-width: 85%; width: 85%; } } @media screen and (max-width: 767px) { .essai-7j .bloc-essai-sept .bg-essai-7j { max-width: 100%; width: 100%; } } .essai-7j .bloc-essai-sept .bg-essai-phone { padding: 0 50px; max-width: 65%; margin-top: 40px; } @media screen and (max-width: 425px) { .essai-7j .bloc-essai-sept .bg-essai-phone { padding: 0 10px; } } .essai-7j .bloc-essai-sept .bg-essai-phone .title-trial-phone { margin-bottom: 0; } .essai-7j .bloc-essai-sept .bg-essai-phone .subtitle-trial-phone { font-size: 15px; text-align: center; } .essai-7j .bloc-essai-sept .bg-essai-phone .sept-input input#phone { height: 50px; font-size: 22px; } .essai-7j .bloc-essai-sept .bg-essai-phone .sept-input .intl-tel-input { margin-top: 25px; } .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check .refus-info { font-size: 12.5px !important; margin: 25px 0 0 0; line-height: 1 !important; text-align: center; padding: 0 30px; } @media screen and (max-width: 1200px) { .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check { padding: 0 25px; } } @media screen and (max-width: 767px) { .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check .refus-info { line-height: 1.75 !important; } } @media screen and (max-width: 425px) { .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check { padding: 0 5px; } .essai-7j .bloc-essai-sept .bg-essai-phone .txt-check .refus-info { padding: 0 5px; } } .essai-7j .bloc-essai-sept .bg-essai-phone .bloc-btn { margin: 30px 0; } .essai-7j .bloc-essai-sept .bg-essai-phone .text-loi p { font-size: 12px !important; color: #fff; } @media screen and (max-width: 992px) { .essai-7j .bloc-essai-sept .bg-essai-phone { max-width: 85%; width: 85%; } } @media screen and (max-width: 767px) { .essai-7j .bloc-essai-sept .bg-essai-phone { max-width: 90%; width: 90%; } } .essai-7j .bloc-essai-sept .trial-wrap { position: relative; margin-top: 15px; } .essai-7j .bloc-essai-sept .trial-wrap h4 { text-align: center; } .essai-7j .bloc-essai-sept .trial-wrap .have-account-link { position: absolute; right: 0; top: 10px; } @media screen and (max-width: 1200px) { .essai-7j .bloc-essai-sept .trial-wrap .have-account-link { position: relative; display: block; max-width: 100%; width: 100%; top: 0; } .essai-7j .bloc-essai-sept .trial-wrap .have-account-link a { margin-top: 0; margin-bottom: 10px; } } .essai-7j .bloc-essai-sept .banner-indigo { background-color: #445599; padding: 30px 0; } .essai-7j .bloc-essai-sept .banner-indigo p { margin-bottom: 0; color: white; text-align: center; font-size: 20px; } .essai-7j .bloc-essai-sept .subscription-welcome-container { width: 100%; background-color: #fff; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-title { font-size: 48px; color: #2B2550; text-align: center; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-subtitle { font-size: 24px; color: #2B2550; text-align: center; line-height: 32px; } @media (max-width: 768px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-subtitle br { display: none; } } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search { background-color: #2B2550; padding: 40px 0 50px 0; color: white; text-align: center; z-index: 50; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .subscription-welcome-search-title { font-size: 40px; color: #fff; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .subscription-welcome-search-subtitle { font-size: 20px; color: #fff; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .important-info { font-size: 14px; margin-top: 40px; margin-bottom: 10px; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .important-info .important { font-weight: 700; color: #ff5555; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container { display: block; max-width: 685px; margin: 0 auto; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-1 { padding-right: 10px; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-2 { padding-left: 10px; } @media screen and (max-width: 768px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-1, .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .form-group-2 { padding: 0 15px; } } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container form:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .btn-search-container { position: absolute; right: -52px; top: 0; } @media (max-width: 768px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .btn-search-container { position: relative; right: 0; width: 50px; display: block; margin: 10px auto; } } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .form-search-container .btn-search-container .btn { border-radius: 100px; background-color: #ff5555; } .essai-7j .bloc-essai-sept .subscription-welcome-container .subscription-welcome-search .subscription-z-index { z-index: 20; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container { margin-top: 30px; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .anim-computer { overflow: hidden; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container #computer-container-2 { transform: translateX(100%); text-align: center; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container #computer-container-1 { position: relative; max-width: 480px; height: auto; margin: 0 auto; display: inline-block; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container #computer-container-1 .computer { margin-top: 20px; width: 100%; height: auto; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .subscription-welcome-column { margin-top: -40px; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .container { position: relative; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .bounceIn { opacity: 1 !important; z-index: 10; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .badge-25 { position: absolute; top: 20px; left: 0px; width: 100px; height: 100px; opacity: 0; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .promo-subtitle { font-size: 20px; color: #2B2550; text-align: left; font-weight: 700; line-height: 28px; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-subscription-container .promo-subtitle .coral-highlight { color: #ff5555; } .essai-7j .bloc-essai-sept .subscription-welcome-container .cta-free-trial { margin-top: 85px; margin-bottom: 85px; text-align: center; } .essai-7j .bloc-essai-sept .subscription-welcome-container .cta-free-trial .btn { margin: 20px auto 0 auto; } .essai-7j .bloc-essai-sept .subscription-welcome-container .btn { display: table; } .essai-7j .bloc-essai-sept .subscription-welcome-container .btn.btn-abo-subscription { width: 320px; height: 48px; padding: 0 10px; margin-top: 20px; } @media (max-width: 400px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .btn.btn-abo-subscription { width: auto; } } .essai-7j .bloc-essai-sept .subscription-welcome-container .btn i { display: table-cell; vertical-align: middle; } .essai-7j .bloc-essai-sept .subscription-welcome-container .btn span { display: table-cell; vertical-align: middle; } .essai-7j .bloc-essai-sept .subscription-welcome-container .promo-explanation { margin-top: 20px; font-size: 16px; color: #2B2550; } .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-explanation { font-size: 20px; color: #2B2550; line-height: 28px; margin-top: 40px; margin-bottom: 20px; } @media (max-width: 990px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-explanation br { display: none; } } .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source { margin-bottom: 15px; } .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source h4 { color: #ff5555; font-weight: 700; font-size: 16px; margin-top: 0; } .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source img { width: 100%; } @media (max-width: 768px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source img { max-width: 80px; margin: 0 auto; display: block; } } @media (min-width: 1200px) { .essai-7j .bloc-essai-sept .subscription-welcome-container .bloc-source-container .bloc-source img { max-width: 84px; } } .essai-7j .bloc-essai-sept .subscription-welcome-container .conclusion { font-weight: 700; font-size: 24px; text-align: center; color: #2B2550; } .essai-7j .bloc-essai-sept .subscription-welcome-container .filae-info-container { text-align: left; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .essai-7j .bloc-essai-sept .subscription-welcome-container .beaucarnot-section { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .essai-7j .bloc-essai-sept .bloc-phone a { padding-bottom: 12px; text-align: left; height: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .essai-7j .bloc-essai-sept .text-center a { display: inline-block; margin: 5px 0 0; } .essai-7j .bloc-essai-sept .txt-check { width: 100%; } .essai-7j .bloc-essai-sept .forget-password { margin-top: 25px; } .essai-7j .bloc-essai-sept .code-phone-container { margin-top: 37px; margin-bottom: 50px; } .essai-7j .bloc-essai-sept .sms-not-received-container { line-height: 1.7; } .essai-7j .bloc-essai-sept .sms-not-received-container .sms-not-received { color: #333333; } .essai-7j .bloc-essai-sept .sms-not-received-container .sms-not-received .phone-link { margin-top: 0; } .essai-7j .bloc-essai-sept .text-loi p { font-size: 12px; padding: 30px 0; color: #757585; text-align: center; line-height: 1.42857143 !important; } /* SPECIFIC STYLES */ /* First view trial 7 days && same as firts view pop up free trial*/ #registerWithoutCard { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; } #withoutCBLoginForm { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #withoutCBLoginForm .bloc-btn { margin-top: 40px; } /* Final pop up */ #completeUserProfile .bg-essai-7j { width: 100%; max-width: 100%; } /* Make container take full width on pop up */ .modal-open .modal .bloc-essai-sept .container { width: 100%; } /* Disable free trial width container on pop up view */ #registerWithoutCard .container { width: inherit !important; padding: 0 !important; } .label-phone { opacity: 0; z-index: 1; } .label-phone.input-has-value { display: inline-block; z-index: 10; font-size: 12px; left: 45px; opacity: 1; position: absolute; top: -14px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .col-xs-12.col-sm-8.col-md-8.col-lg-8.freetrial-left.paywall-left .label-phone { opacity: 0; z-index: 1; } .col-xs-12.col-sm-8.col-md-8.col-lg-8.freetrial-left.paywall-left .label-phone.input-has-value { display: inline-block; z-index: 10; font-size: 12px; left: 45px !important; opacity: 1; position: absolute; top: 0px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #757585; } /* -- Dans les popup -- */ .modal-content .bs-callout { margin: 0; } .modal-content .bs-callout .modal-body, .modal-content .bs-callout .modal-footer { padding: 0; border-top: 0; } .modal-content .bs-callout .modal-footer { margin: 30px 0 0 0; } .modal-content .bs-callout div { margin: 0; } .bg-essai-7j .intl-tel-input #phone { outline: -webkit-focus-ring-color auto 0px; margin-bottom: 15px !important; } .bg-essai-7j .intl-tel-input.complete-phone #phone { margin-bottom: 15px !important; } .bg-essai-7j .bootstrap-select .dropdown-toggle.btn, .bg-essai-7j .bootstrap-select .dropdown-toggle.btn:hover, .bg-essai-7j .bootstrap-select .dropdown-toggle.btn:active { background-color: transparent !important; } .intl-tel-input.allow-dropdown.complete-phone .flag-container { margin-top: 20px; } /* Popup facebook */ .inscr-conn .form-inscr-conn { margin-top: 0px; margin-bottom: 0px; } /*----------------------- POPUP => Importer : question est-ce la mm personne ? --- */ .question-correspondance { margin: 27px 0 0 -10px; min-height: 64px; width: 120%; } .question-correspondance .lien-g { float: left; height: 1px; width: 30%; margin: 34px 0 0 0; border-bottom: 2px dashed #ff5555; } .question-correspondance .lien-question { width: 40%; float: left; text-align: center; font-weight: bold; color: #fff; font-size: 30px; min-height: 64px; line-height: 64px; } .question-correspondance .lien-d { float: left; height: 1px; width: 30%; margin: 34px 0 0 0; border-bottom: 2px dashed #ff5555; } /* ======================================================================================================== FIN Fiche résultat d'un arbre ( à partir des résultats de recherches) -- */ /*-------------------------------------------------------------------------- POPUP FICHE ARBRE --- */ /* ======================================================================================================== DEBUT Import -- */ .modal-body.mini-arbre.pad50 { padding: 50px 0; } .modal-body.mini-arbre .individu-connu.individu-parente { border: 3px dashed #337ab7; margin: -2px 0 0; cursor: pointer; } .modal-body.mini-arbre .individu-connu.individu-parente:hover, .modal-body.mini-arbre .individu-connu.individu-parente:focus { background: #337ab7 none repeat scroll 0 0; border: 3px solid #337ab7; } .modal-body.mini-arbre .individu-connu.individu-parente:hover p, .modal-body.mini-arbre .individu-connu.individu-parente:hover span, .modal-body.mini-arbre .individu-connu.individu-parente:focus p, .modal-body.mini-arbre .individu-connu.individu-parente:focus span { color: #fff; } .modal-body.mini-arbre .individu-connu.individu-centrale-correspondant { border: 3px solid #fff; margin: -2px 0 0; } .modal-body.mini-arbre .individu-correspondant .profil:after { content: "\e91e"; font-family: "icomoon", sans-serif !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; color: #fff; font-size: 25px; } .modal-body.mini-arbre .individu-correspondant.individu-principal .profil:after { margin: 10px 0 0 0px; display: block; } .modal-body.mini-arbre .individu-inconnu .profil:after { margin: -3px 0 0 -3px; display: block; } .modal-body.mini-arbre .individu-correspondant.individu-inconnu, .modal-body.mini-arbre .correspondant-multiple.individu-inconnu { background: #fff none repeat scroll 0 0; border: 2px solid #fff; } .modal-body.mini-arbre .individu-correspondant.individu-inconnu p { color: #333333; margin: 0; } .modal-body.mini-arbre .individu-connu, .modal-body.mini-arbre .individu-correspondant, .modal-body.mini-arbre .individu-parente { height: 68px; } .modal-body.mini-arbre .enfant-connu { overflow: hidden; } .modal-body.mini-arbre .individu-connu .profil, .modal-body.mini-arbre .enfant-connu .profil, .modal-body.mini-arbre .individu-inconnu .profil { float: left; height: 45px; margin: auto; width: 45px; margin: 10px 0 0 8px; } .modal-body.mini-arbre .individu-connu .dropdown .profil { margin: 10px 0 0 1px !important; } .modal-body.mini-arbre .individu-connu .dropdown.open ul li a { padding-left: 6px; } .modal-body.mini-arbre .individu-connu .dropdown.open ul li:last-child a { padding-left: 0; } .modal-body.mini-arbre .individu-connu .profil .initiale, .modal-body.mini-arbre .enfant-connu .profil .initiale, .modal-body.mini-arbre .individu-inconnu .profil .initiale { display: block; color: #fff; font-size: 16px; font-weight: 400; padding: 12px 0px 0; text-align: center; } .modal-body.mini-arbre .individu-connu .profil .initiale { padding: 12px 0 0 5px; width: 39px; } .modal-body.mini-arbre .enfant-connu .profil .initiale { padding: 14px 0 0 0px; } .modal-body.mini-arbre .individu-parente .profil .initiale { width: 45px; height: 45px; } .modal-body.mini-arbre .individu-connu .profil.image img, .modal-body.mini-arbre .individu-inconnu .profil.image img, .modal-body.mini-arbre .enfant-connu .profil.image img, .modal-body.mini-arbre .individu-parente .profil.image img { border-width: 2px; height: 45px; width: 45px; } .modal-body.mini-arbre .individu-principal .profil.image img { display: none; } .modal-body.mini-arbre .individu-inconnu .dropdown > div .info-perso { margin: 8px -16px 0 0; } .modal-body.mini-arbre .individu-connu .dropdown > div .info-perso { margin: 8px 8px 0 0; width: 56%; padding-left: 5px; } .modal-body.mini-arbre .individu-connu .info-perso, .modal-body.mini-arbre .enfant-connu .info-perso, .modal-body.mini-arbre .individu-inconnu .info-perso { display: inline-block; height: 48px; margin: 8px 10px 0 6px; position: relative; width: 50%; } .modal-body.mini-arbre .individu-connu .info-perso div, .modal-body.mini-arbre .enfant-connu .info-perso div, .modal-body.mini-arbre .individu-inconnu .info-perso div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .modal-body.mini-arbre .individu-connu .info-perso p, .modal-body.mini-arbre .enfant-connu .info-perso p, .modal-body.mini-arbre .individu-inconnu .info-perso p { display: block; text-align: left; font-size: 12px; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; line-height: 12px; } .modal-body.mini-arbre .individu-parente .info-perso p { color: #fff; } .modal-body.mini-arbre .individu-connu .info-perso div p:last-child, .modal-body.mini-arbre .enfant-connu .info-perso div p:last-child, .modal-body.mini-arbre .individu-inconnu .info-perso div p:last-child { font-style: normal; } .modal-body.mini-arbre .individu-connu .info-perso p:nth-child(2), .modal-body.mini-arbre .enfant-connu .info-perso p:nth-child(2), .modal-body.mini-arbre .individu-inconnu .info-perso p:nth-child(2) { font-weight: bold; } .modal-body.mini-arbre .individu-connu .material-icons, .modal-body.mini-arbre .enfant-connu .material-icons { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 11px; margin: 2px 0 0; padding: 2px; position: relative; } .modal-body.mini-arbre .individu-principal .material-icons { background: #2B2550 none repeat scroll 0 0; border-radius: 50%; color: #fff; float: right; font-size: 11px; margin: 2px 0 0; padding: 2px; position: relative; } .modal-body.mini-arbre .individu-inconnu.individu-parente .material-icons { background: #2B2550 none repeat scroll 0 0; border-radius: 50%; color: #fff; float: right; font-size: 11px; margin: -10px 0 0; padding: 2px; position: relative; } .modal-body.mini-arbre .individu-inconnu .material-icons { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #757585; float: right; font-size: 11px; margin: -10px 0 0; padding: 2px; position: relative; } .modal-body.mini-arbre .individu-connu .image .material-icons, .modal-body.mini-arbre .enfant-connu .image .material-icons, .modal-body.mini-arbre .individu-parente .material-icons, .modal-body.mini-arbre .individu-principal .material-icons { margin: -12px 0 0; } .modal-body.mini-arbre .individu-principal .material-icons { display: none; } .modal-body.mini-arbre .lien-left:before { content: "\e67d"; font-family: "icomoon", sans-serif; font-size: 4.5px; left: -7px; position: relative; vertical-align: top; color: #757585; } .modal-body.mini-arbre .individu-inconnu .lien-left:before { top: -31px; } .modal-body.mini-arbre .lien-dropdown .lien-left:before { top: -28px; } .modal-body.mini-arbre .individu-connu .lien-left:before, .modal-body.mini-arbre .individu-correspondant .lien-left:before { top: -1px; } .modal-body.mini-arbre .individu-connu .lien-right, .modal-body.mini-arbre .individu-inconnu .lien-right { height: 1px; width: 7px; position: absolute; right: -10px; background-color: #757585; top: 50%; } .modal-body.mini-arbre .individu-connu .lien-left, .modal-body.mini-arbre .individu-inconnu .lien-left { height: 1px; width: 7px; position: absolute; left: -10px; background-color: #757585; top: 50%; } .modal-body.mini-arbre .individu-connu .lien-left, .modal-body.mini-arbre .individu-inconnu .individu-correspondant .lien-left { line-height: normal !important; top: 49%; } .modal-body.mini-arbre .individu-inconnu.individu-correspondant .lien-left { line-height: 3px !important; } .modal-body.mini-arbre .lien-connu-parent-enfant { height: 65px; width: 1px; margin: -29px 50% 0; background: #757585; } .modal-body.mini-arbre .lien-connu-enfant-frere-soeur { border-left: 1px solid #757585; border-right: 1px solid #757585; border-top: 1px solid #757585; height: 30px; margin: 0 -16px 0 -15px; } .modal-body.mini-arbre .lien-inconnu-parent-enfant { height: 29px; width: 0; border-right: 1px dotted #757585; margin: 0 0 0 -15px; } .modal-body.mini-arbre .lien-connu-parent-enfant-bas { height: 60px; width: 0; border-left: 1px solid #757585; margin: -30px 0 0 -15px; } .modal-body.mini-arbre .lien-connu-parent-enfant-bas-bas { height: 30px; width: 106px; border-right: 1px solid #757585; border-top: 1px solid #757585; margin: 0 0 0 -15px; } .modal-body.mini-arbre .individu-inconnu .femme, .modal-body.mini-arbre .lien-dropdown .femme { color: #f99; } .modal-body.mini-arbre .individu-inconnu .homme, .modal-body.mini-arbre .lien-dropdown .homme { color: #9cc; } .modal-content .modal-body.liens-familiaux-arbre .generation { clear: left; /* ligne grands-parents */ } .modal-content .modal-body.liens-familiaux-arbre .generation:last-child { margin: 0 0 22px 0; } .modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent, .modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent-2, .modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu { float: left; } .modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent { height: 50px; width: 2.816901%; } .modal-content .modal-body.liens-familiaux-arbre .generation .marge-grd-parent-2 { height: 50px; width: 5.633802%; } .modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu { height: 50px; width: 22.183098%; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: 47px; min-height: 50px; position: relative; text-align: center; } .modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu p { margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: normal; vertical-align: middle; width: 100%; font-size: 11px; } .modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu p .bold { font-weight: bold; font-size: 12px; } .modal-content .modal-body.liens-familiaux-arbre .generation .individu-connu.inconnu p .bold { font-size: 18px; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-a, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-b, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-c, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-d, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-e, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-f { float: left; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-a { height: 18px; width: 11.091549%; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-b { height: 18px; width: 24.823943%; border-bottom: 2px solid #337ab7; border-left: 2px solid #337ab7; border-right: 2px solid #337ab7; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-c { height: 18px; width: 27.816901%; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-d { height: 18px; width: 23.591549%; border-right: 2px solid #337ab7; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-e { height: 18px; width: 52.816901%; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-grd-parent-f { height: 18px; width: 23.591549%; border-left: 2px solid #337ab7; } .modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-a, .modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-b, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-a, .modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-b { float: left; } .modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-a { height: 50px; width: 11.97183%; } .modal-content .modal-body.liens-familiaux-arbre .generation .marge-parent-b { height: 50px; width: 30.985915%; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-a { height: 18px; width: 23.591549%; } .modal-content .modal-body.liens-familiaux-arbre .generation .lien-parent-b { height: 18px; width: 52.816901%; border-bottom: 2px solid #337ab7; border-left: 2px solid #337ab7; border-right: 2px solid #337ab7; } /*Corail*/ /*Bleu orage*/ /*btn */ /* Liens */ /* Typo */ #popup-1erdoc.first-doc .cache-img-consult .close { text-shadow: none; display: block; } #popup-1erdoc.first-doc .cache-img-consult .close i { background-color: #445599; font-size: 16px; padding: 2px; } #popup-1erdoc.first-doc .cache-img-consult .close-end { display: none; } #popup-1erdoc.first-doc .new-modal-dialog .modal-header { padding-bottom: 0; } #popup-1erdoc.first-doc .new-modal-dialog .modal-header .individu-name { color: #445599; } #popup-1erdoc.first-doc .btn { font-weight: 700; } #popup-1erdoc #congratulationsText { padding: 35px 0 35px 0; line-height: inherit !important; } /*Corail*/ /*Bleu orage*/ /*btn */ /* Liens */ /* Typo */ #popup-1erdoc .modal-header .close { position: absolute; right: 10px; top: 10px; margin-top: 0; color: #d5d8da; opacity: 1; } #popup-1erdoc #freeoffer-popup-container .freetrial-title { text-align: center; margin-bottom: 20px; } #popup-1erdoc #freeoffer-popup-container .explanation { text-align: center; line-height: 24px !important; margin-bottom: 15px; } #popup-1erdoc #freeoffer-popup-container .error-message { margin: 0 auto; max-width: 300px; font-size: 11px !important; text-align: left; } #popup-1erdoc #freeoffer-popup-container .btn-free-container { margin: 15px auto 20px auto; } #popup-1erdoc #freeoffer-popup-container .btn-free-container .btn { padding: 8px 16px; font-weight: 700; } /*Corail*/ /*Bleu orage*/ /*btn */ /* Liens */ /* Typo */ #popup-1erdoc #error-password-subscription .error-message { margin: 0 auto; max-width: 300px; font-size: 11px !important; text-align: left; white-space: nowrap; line-height: inherit; } @media (max-width: 600px) { #popup-1erdoc #error-password-subscription .error-message { white-space: normal; } } #popup-1erdoc .checkbox-freetrial { padding-top: 15px; } #popup-1erdoc .checkbox { margin: 0 auto; max-width: 450px; text-align: left; display: inline-block; } #popup-1erdoc .checkbox.block { display: block; } #popup-1erdoc .checkbox .check { border-color: #ff5555; color: #ff5555; } #popup-1erdoc .checkbox .check:before { color: #ff5555; } #popup-1erdoc #freeoffer-popup-container .freetrial-title { text-align: center; margin-bottom: 20px; } #popup-1erdoc #freeoffer-popup-container .btn-free-container { margin: 15px auto 20px auto; } #popup-1erdoc #freeoffer-popup-container .btn-free-container .btn { padding: 8px 16px; font-weight: 700; } #popup-1erdoc #succes-reset-password .done-icon i { font-size: 75px; vertical-align: bottom; } #popup-1erdoc #succes-reset-password .explanation.short { max-width: 525px; margin: 20px auto 0 auto; line-height: inherit !important; } #popup-1erdoc #succes-reset-password .explanation.last { margin-top: 30px; margin-bottom: 25px; } /*Corail*/ /*Bleu orage*/ /*btn */ /* Liens */ /* Typo */ #popup-1erdoc #phone-step-freetrial .freetrial-title { margin-top: 0; margin-bottom: 20px; } #popup-1erdoc #phone-step-freetrial .form-group { max-width: 300px; } #popup-1erdoc #phone-step-freetrial .form-group .intl-tel-input.allow-dropdown { width: 300px; } @media (max-width: 600px) { #popup-1erdoc #phone-step-freetrial .form-group .intl-tel-input.allow-dropdown { width: auto; } } #popup-1erdoc #phone-step-freetrial .input-simple:hover .material-icons { display: inline-block; } #popup-1erdoc #phone-step-freetrial .phone-container { margin: 45px auto 35px auto; } #popup-1erdoc #phone-step-freetrial .intl-tel-input .country-list { max-height: 200px; width: inherit; } #popup-1erdoc #phone-step-freetrial .intl-tel-input.allow-dropdown input[type=tel] { height: 30px; padding-top: 0; } #popup-1erdoc #phone-step-freetrial .intl-tel-input.allow-dropdown .error { font-size: 11px !important; text-align: left; color: #d9534f; } #popup-1erdoc #phone-step-freetrial .intl-tel-input.allow-dropdown .error i { vertical-align: middle; } #popup-1erdoc #phone-step-freetrial .explanation { color: #303f4c; font-weight: 700; } #popup-1erdoc #phone-step-freetrial .checkbox-phone-container { display: table; } #popup-1erdoc #phone-step-freetrial .checkbox-phone-container .checkbox-material, #popup-1erdoc #phone-step-freetrial .checkbox-phone-container #newsletter { display: table-cell; vertical-align: top; } #popup-1erdoc #phone-step-freetrial .checkbox-phone-container .text-checkbox { display: table-cell; vertical-align: top; font-weight: 700; color: #757585; padding-left: 5px; font-size: 13px; line-height: 22px; } #popup-1erdoc #phone-step-freetrial .btn-free-container { margin: 25px auto 25px auto; } #popup-1erdoc #phone-step-freetrial .legal-notice-container { margin-top: 25px; } .intl-tel-input.allow-dropdown { z-index: 10; } #popup-1erdoc .modal-dialog.popup-size { max-width: 725px; opacity: 0.95; width: 100%; } #popup-1erdoc .popup-freetrial-layout { max-width: 725px; opacity: 0.95; width: 100%; } #popup-1erdoc .popup-freetrial-layout.new-modal-dialog .popup-essai { padding: 0 25px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group { max-width: inherit; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group .faux-input.register { padding: 26px 0 5px 0; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .form-group [data-toggle=floatLabel] + label { left: 10px; top: 2px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up p.fake-input-line-2 { top: 10px; color: #757585; text-align: left; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .birth { padding: 26px 0 5px 0; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .birth .btn-group { margin: 0; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up #userYearBirth { padding: 34px 0 0 0; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone { width: 100%; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone .complete-phone-label { top: 17px; z-index: 10; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone .intl-tel-input.allow-dropdown { width: 100%; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone .flag-container { margin-top: 22px; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .complete-phone #phone { width: 100%; border-bottom: 1px solid #ccc; height: 55px; margin-bottom: 0px !important; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .txt-check { text-align: left; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .bloc-phone { text-align: left; } #popup-1erdoc .popup-freetrial-layout .complete-user-profile-pop-up .bloc-phone .checkbox { max-width: 100%; } #popup-1erdoc .popup-freetrial-layout .col-xs-12.col-sm-12.col-md-12.col-lg-12.freetrial-left.paywall-left { float: inherit; } #popup-1erdoc .popup-freetrial-layout .explenation-not-eligible { line-height: inherit !important; } #popup-1erdoc .popup-freetrial-layout .form-group { margin: 0 auto; max-width: 300px; } #popup-1erdoc .popup-freetrial-layout .form-group label { left: 0; position: absolute; } #popup-1erdoc .popup-freetrial-layout .form-group [data-toggle=floatLabel] + label { left: 0; } #popup-1erdoc .popup-freetrial-layout .form-group .show-password { text-transform: inherit; } #popup-1erdoc .popup-freetrial-layout .form-group .form-control:focus { border-bottom: 1px solid #ff5555; } #popup-1erdoc .popup-freetrial-layout .btn-free-container { margin: 15px auto 20px auto; text-align: center; } #popup-1erdoc .popup-freetrial-layout .btn-free-container .btn { padding: 8px 16px; font-weight: 700; } #popup-1erdoc .popup-freetrial-layout .legal-notice-container p.legal-notice { color: #757585; font-size: 11px !important; line-height: inherit !important; text-align: center; } #popup-1erdoc .popup-freetrial-layout .legal-notice-container p.legal-notice:last-child { margin-top: 15px; } #popup-1erdoc .popup-freetrial-layout .code-phone-container .form-control { margin: 0 auto; max-width: 300px; font-weight: 700; } #popup-1erdoc .popup-freetrial-layout .code-phone-container .error-message { margin: 0 auto; max-width: 300px; font-size: 11px !important; color: #d9534f; text-align: left; line-height: inherit !important; } #popup-1erdoc .popup-freetrial-layout .code-phone-container .error-message i { vertical-align: middle; } /* POP UP - MODAL */ body.modal-open { padding-right: 0px !important; } .modal-dialog { z-index: 2000000000 !important; } .modal-header { position: relative; } .modal-header .modal-title { line-height: 1.42857; margin: 0 22px 0 0; } .modal-header .modal-title--small { font-size: 13px; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); } .modal-dialog .modal-content .modal-header + .modal-footer { border-top: 0; } .modal-header .btn + .btn { margin-bottom: 0; margin-right: 5px; } .modal.no-body .modal-body { display: none; } .modal.no-body .modal-header, .modal.no-body .modal-footer { border: 0; } .modal-footer { border-top: none; } .modal-footer--createTree .checkbox { text-align: left; margin: 15px 0 0 5px; } .modal-body textarea { resize: vertical; } /* popup - Bouton "connexion/inscription" */ .connexion .bloc-connexion { width: 44%; float: left; height: 415px; } .connexion .bloc-connexion .modal-header button.close { display: none; } .connexion .bloc-inscription { width: 55%; float: left; } .connexion .bloc-inscription label.label-box { display: block; font-size: 12px; font-weight: bold; margin: -6px 0 0 0; } .connexion .bloc-inscription label.label-box input { margin: 0 6px 0 0; } .connexion .separation-bloc { width: 1px; background: #ff5555; height: 394px; float: left; margin: 15px 0 15px 0; } .connexion .modal-header, .connexion .modal-footer { border: none; } .connexion .modal-footer { padding: 0 0 15px 0; text-align: center; margin: 0; } .connexion .modal-header { padding: 15px 10px 0 15px; } .connexion input, .connexion select { margin: 0 0 7px 0; } .connexion span.ecran-bl { display: block; } .btn-fb { color: #3e69af; font-family: "Lato", sans-serif; font-size: 14px; font-weight: bold; } .icone-btn-fb { background: transparent url("../../img/icones.png") no-repeat scroll -353px -34px; display: inline-block; height: 31px; margin: -8px 9px -8px 0; width: 32px; } /* Popup - champs en ligne => form-inline */ .form-inline label { font-weight: normal; margin: 0 5px 5px 0; } /* Popup lightbox galerie photo */ .ekko-lightbox-container { position: relative; } .ekko-lightbox-nav-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } .ekko-lightbox-nav-overlay a { z-index: 100; display: block; width: 49%; height: 100%; font-size: 30px; color: #fff; text-shadow: 2px 2px 4px #fff; opacity: 0; filter: dropshadow(color=#333, offx=2, offy=2); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .ekko-lightbox-nav-overlay a:empty { width: 49%; } .ekko-lightbox a:hover { text-decoration: none; opacity: 1; } .ekko-lightbox .glyphicon-chevron-left { left: 0; float: left; padding-left: 15px; text-align: left; } .ekko-lightbox .glyphicon-chevron-right { right: 0; float: right; padding-right: 15px; text-align: right; } .ekko-lightbox .modal-footer { text-align: left; } /* popup - Bouton "Imprimer" fiche individu (venant de la recherche ou d'un arbre directement) */ .imprimer-membre .modal-header { border-bottom: 0; } .imprimer-membre .modal-footer { border-top: 0; } .imprimer-membre .modal-body { padding: 0 15px; } .imprimer-membre .photo { width: 130px; float: left; margin: 0 10px 0 0; height: 130px; } .imprimer-membre .photo img { width: 110px; height: 130px; } .imprimer-membre .info { width: 72%; float: left; box-shadow: none; } .imprimer-membre .info li label { width: 84px; text-align: right; } .imprimer-membre .info li span { margin: 0 0 0 5px; } .imprimer-membre .evenement, .imprimer-membre #imprimer-membre .biblio, .imprimer-membre #imprimer-membre .proche { margin: 10px 0 0 0; } .imprimer-membre table { border: 1px solid #ccc; margin: 6px 0 0 0; width: 100%; } .imprimer-membre table tr.sujet { background: #f3f3f3; color: #2B2550; font-size: 13px; font-weight: bold; } .imprimer-membre table td { border: 1px solid #ccc; vertical-align: top; padding: 5px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; } .imprimer-membre .biblio img { float: left; height: 80px; margin: 0 10px 0 0; } .imprimer-membre .proche td { width: 647px; } .imprimer-membre .proche span { margin: 0 0 0 15px; } .imprimer-membre .proche label { color: #757585; font-weight: normal; margin: 0 5px 3px 0; } .imprimer-membre i.icon-note { background-image: url("../../img/icones.png?100215.png"); background-position: -568px -5px; background-repeat: no-repeat; display: inline-block; height: 37px; margin: 0 0 0 8px; width: 32px; } .imprimer-membre i.icon-photo { background-image: url("../../img/icones.png?100215.png"); background-position: -531px -8px; background-repeat: no-repeat; display: inline-block; height: 32px; margin: 0 0 0 6px; width: 32px; } .imprimer-membre i.icon-union { background-image: url("../../img/icones.png"); background-position: -434px -138px; background-repeat: no-repeat; display: inline-block; height: 17px; margin: 0 3px 0 0; width: 19px; } .imprimer-membre .puce-femme { background: #f99 none repeat scroll 0 0; border-radius: 4px; display: inline-block; height: 8px; margin: 0 3px; width: 8px; } .imprimer-membre .puce-neutre { background: #ff5555 none repeat scroll 0 0; border-radius: 4px; display: inline-block; height: 8px; margin: 0 3px; width: 8px; } .imprimer-membre .puce-homme { background: #9cc none repeat scroll 0 0; border-radius: 4px; display: inline-block; height: 8px; margin: 0 3px; width: 8px; } .icon-evenement-o { background-image: url("../../img/icones.png?100215.png"); background-position: -482px -48px; background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0 3px 0 0; width: 26px; } .icon-biblio-o { background-image: url("../../img/icones.png?100215.png"); background-position: -511px -48px; background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0 3px 0 0; width: 26px; } .icon-proche-o { background-image: url("../../img/icones.png?100215.png"); background-position: -541px -48px; background-repeat: no-repeat; display: inline-block; height: 22px; margin: 0 3px 0 0; width: 28px; } /* Petite fenetre de dialogue => message de validation de suppression des modifications sur fiche individu */ .dream_alert { position: fixed; top: 50%; left: 49%; box-shadow: 0 0 3px #333333; z-index: 10000; margin-left: -60px; margin-top: -60px; width: 370px; padding: 50px 20px; background: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; opacity: 0.7; } .alert-icon.alert-icon-center { color: #fff; font-size: 50px; font-family: "icomoon", sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; position: relative; text-transform: none; top: 1px; margin: 0 0 20px 0; } .alert-icon.alert-icon-center.alert-icon-loading, .alert-icon.alert-icon-center.alert-icon-error { content: ""; font-family: ""; display: block; margin-right: auto; margin-left: auto; } .alert-icon.alert-icon-center.alert-icon-loading:before { content: ""; } .alert-icon.alert-icon-center.alert-icon-loading:after { content: url("../../img/icon-load-center.gif"); } .alert-icon.alert-icon-center.alert-icon-error:after { content: url("../../img/icon-error.png"); } .alert-icon.alert-icon-center.alert-icon-success:before { content: "\e91c"; } .alert-icon.alert-icon-center.alert-icon-cloche:before { content: "\e91a"; } .dream_alert span { color: #fff; font-size: 18px; } /* Message informatif (ex : popup sur le passage de genealogie.com a filae) */ .modal .message-informatif .modal-body { padding: 0; } .modal .message-informatif .close { color: #fff; float: right; font-size: 25px; opacity: 0.6; position: absolute; right: 14px; z-index: 10; } .modal .message-informatif img { width: 304px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; float: right; } .modal .message-informatif .modal-content .row > div:first-child { padding: 15px 15px 15px 30px; } .modal .message-informatif .modal-content .row > div:first-child p { color: #2B2550; font-size: 22px; margin: 4px 0 15px 0; } .modal .message-informatif .modal-content .row > div:first-child p + p { color: #2B2550; font-size: 27px; font-weight: bold; margin: 0 0 15px 0; } .modal .message-informatif .modal-content .row > div:first-child p + p + p { color: #ff5555; font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 33px 0 15px 0; } /* Popup */ .new-modal-dialog .modal-footer, .new-modal-dialog .modal-header { text-align: center; } .new-modal-dialog .modal-footer { border-top: none; } .new-modal-dialog .modal-header .close { margin-top: -2px; position: absolute; right: 33px; } .new-modal-dialog .checkbox { display: inline-block; } .popup-mdp .modal-header .close, .popup-bg-essai .modal-header .close { color: #fff; opacity: 0.8; } .popup-mdp { background-color: rgba(70, 85, 105, 0.91); } .popup-mdp #partial-view-layer { padding: 0 50px; margin-bottom: 30px; } .popup-mdp h1 { font-size: 31px; } .modal-dialog.new-modal-dialog p { font-size: 16px !important; margin: 0 0 4px 0; line-height: 32px !important; } /* ------------------------- Popup Activation essai gratuit -- */ #popup-1erdoc .new-modal-dialog { margin-bottom: 0; } #popup-1erdoc .new-modal-dialog .modal-body { padding: 0 0 15px 0; } #popup-1erdoc .new-modal-dialog .modal-body img { width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; } #popup-1erdoc .new-modal-dialog .modal-header h4 { color: #2B2550; font-size: 22px; } #popup-1erdoc .new-modal-dialog .modal-header p { font-size: 16px; } #popup-1erdoc .new-modal-dialog .modal-footer h4 { color: #2B2550; font-weight: normal; } #popup-1erdoc .new-modal-dialog .modal-footer h4#initialText { max-width: 440px; margin-left: auto; margin-right: auto; } #popup-1erdoc .new-modal-dialog .modal-footer a { margin: 20px 0; } #popup-1erdoc .new-modal-dialog .popup-essai { padding: 0 50px; } #popup-1erdoc .new-modal-dialog .popup-essai .bg-essai-7j { padding: 0 15px; } #popup-1erdoc .new-modal-dialog .popup-essai .bg-essai-7j .bloc-phone #phone { width: 100%; } #popup-1erdoc .modal-dialog, #popup-1erdoc .modal-dialog.popup-size { width: min(calc(100% - 2rem), 680px); margin: 10% auto; z-index: 2000000000 !important; } #popup-1erdoc .modal-dialog p { font-size: 12px; line-height: 16px; margin: 0 0 4px 0; line-height: 19px; } #popup-1erdoc .modal-body { padding: 0 15px 15px; text-align: center; } #popup-1erdoc .modal-body h4 { margin: 0 0 13px 0; font-size: 14px; line-height: 17px; color: #333333; } #popup-1erdoc .modal-header { border-bottom: 0; } #popup-1erdoc .modal-header .fleche-verte-suivant { border-bottom: 7px solid transparent; border-left: 8px solid #2B2550; border-top: 7px solid transparent; float: left; height: 0; margin: 3px 3px 0 0; width: 0; } #popup-1erdoc h4 { color: #d34243; font-size: 16px; line-height: 20px; margin: 0 0 6px 0; font-weight: bold; } #popup-1erdoc .popup { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; width: 575px; box-shadow: 6px 6px 12px #333333; top: 338px; left: 50px; position: absolute; padding: 10px; border: 3px solid #ff5555; } #popup-1erdoc .popup h4 { font-weight: normal; } #popup-1erdoc .popup-1 { top: 218px; } @media (max-width: 600px) { .page-import-gedcom #pageContainer { overflow-x: scroll; } } .import-in-progress { text-align: center; margin: 2rem auto 0 auto; max-width: 660px; border: 2px solid rgba(255, 85, 85, 0.5); border-radius: 4px; padding: 4rem; } .import-in-progress p { color: #6a7787; margin: auto; max-width: 460px; font-size: 1.7rem; } .import-in-progress p:first-of-type { color: #333333; font-size: 2.2rem; max-width: 370px; margin-bottom: 3rem; margin-top: 2rem; } @media (max-width: 768px) { .import-in-progress { margin: 2rem 2rem 0 2rem; max-width: 100%; } } .list-hover-table { table-layout: fixed; word-wrap: break-word; color: #757585; min-width: 600px; } .list-hover-table .header { color: #757585; border-left: 8px solid #fff; border-bottom: 1px solid #eceeef; } .list-hover-table .header .item-header { font-weight: 700; line-height: 1.42857143; vertical-align: top; padding: 10px; } .list-hover-table .header:hover { border-left: 8px solid #fff; background-color: white; } .list-hover-table .line { border-left: 8px solid #fff; border-bottom: 1px solid #eceeef; } .list-hover-table .line:hover { background-color: #f5f5f5; cursor: pointer; border-left: 8px solid #ff5555; } .list-hover-table .line p { margin-bottom: 0; } .list-hover-table .item { padding: 22px 10px; } .list-hover-table .last-update { width: 160px; float: right; text-align: center; } .list-hover-table .active { border-left: 8px solid #ff5555; background-color: #f5f5f5; } .list-hover-table .active .item { padding: 12px 10px; } .list-hover-table .active .item .btn-large { padding: 7px 18px; } .list-hover-table .active .item .btn-large.btn-action { white-space: nowrap; } h4.collection { font-size: 12px; margin: 0; line-height: 19px; } h4.collection.result a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85%; } /* css landing page acquisition */ .landing_acquisition.acquis-one .block_hook { background-image: url(../../img/landing-page/landing_aquisition_one_background3.jpg); min-height: 503px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center 0; padding: 30px 0 0 0; } .landing_acquisition.acquis-one .block_hook-text { width: 50%; } .landing_acquisition.acquis-one .block_hook-text h1 { font-size: 50px; font-weight: bold; color: #ff5555; } .landing_acquisition.acquis-one .block_hook-text h5 { font-size: 36px; color: #2B2550; margin: 0px 0 120px 0px; } .landing_acquisition.acquis-one .block_hook-text p { font-size: 29px; color: #2B2550; text-align: center; } .landing_acquisition.acquis-one .block_hook-text .btn { margin: 0 auto; } .landing_acquisition.acquis-one .block_tree { padding: 20px 0; } .landing_acquisition.acquis-one .block_tree h3 { font-size: 30px; font-weight: bold; color: #ff5555; margin: 20px 0 20px 0; } .landing_acquisition.acquis-one .block_tree p { font-size: 20px; color: #333333; margin: 0 0 20px 0; } .landing_acquisition.acquis-one .block_tree a { font-size: 20px; font-weight: bold; color: #43C; text-decoration: underline; } .landing_acquisition.acquis-one .block_arguments .argument { padding: 30px 0; font-size: 18px; } .landing_acquisition.acquis-one .block_arguments .argument h4 { color: #ff5555; font-size: 24px; font-weight: bold; } .landing_acquisition.acquis-one .block_arguments .argument img { float: right; } .landing_acquisition.acquis-one .block_arguments .argument:nth-child(2n+1) { background: #ff5555; color: #fff; } .landing_acquisition.acquis-one .block_arguments .argument:nth-child(2n+1) h4 { color: #fff; } .landing_acquisition.acquis-one .block_acces { background-image: url(../../img/landing-page/landing_aquisition_one_acces.jpg); min-height: 332px; background-repeat: no-repeat; background-position: right 0; } .landing_acquisition.acquis-one .block_acces .block_acces-text { padding: 15px 10px 15px 10px; margin: 20px 0 10px 0; background-color: rgba(255, 255, 255, 0.8); } .landing_acquisition.acquis-one .block_acces .block_acces-text h5 { font-size: 26px; font-weight: bold; color: #ff5555; margin: 0 0 10px 0; } .landing_acquisition.acquis-one .block_acces .block_acces-text ul { margin: 0 0 45px 0; } .landing_acquisition.acquis-one .block_acces .block_acces-text ul li { font-size: 20px; } .landing_acquisition.acquis-one .block_acces .block_acces-text ul li:before { content: "\e91e"; font-family: "icomoon"; color: #11a88b; margin: 0 7px 0 0; } .landing_acquisition.acquis-one .block_acces .block_acces-text p { color: #2B2550; font-weight: bold; font-size: 23px; text-align: center; } .landing_acquisition.acquis-one .block_acces .block_acces-text .btn { margin: 0 auto; } .landing_acquisition.acquis-one .block_temoignage { background: #f2f2f2; padding: 30px 0 40px 0; } .landing_acquisition.acquis-one .block_temoignage h5 { color: #2B2550; font-weight: bold; font-size: 25px; text-align: center; margin: 0 0 15px 0; } .landing_acquisition.acquis-one .block_temoignage video { margin: 0 auto; display: inherit; width: 59%; height: auto; } @media (max-width: 1200px) { .landing_acquisition.acquis-one .block_hook-text h1 { font-size: 45px; } .landing_acquisition.acquis-one .block_hook-text h5 { font-size: 30px; margin: 0px 0 170px 0px; } .landing_acquisition.acquis-one .block_tree { padding: 20px 0; } .landing_acquisition.acquis-one .block_tree h3 { font-size: 24px; margin: 0 0 20px 0; } .landing_acquisition.acquis-one .block_tree img { width: 100%; } .landing_acquisition.acquis-one .block_arguments .argument { padding: 20px 0; } } @media (max-width: 992px) { .landing_acquisition.acquis-one .block_hook-text { width: 45%; } .landing_acquisition.acquis-one .block_hook-text h5 { margin: 0px 0 90px 0px; } .landing_acquisition.acquis-one .block_tree { padding: 20px 0; } .landing_acquisition.acquis-one .block_tree p { font-size: 16px; } .landing_acquisition.acquis-one .block_tree a { font-size: 18px; } .landing_acquisition.acquis-one .block_acces { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } .landing_acquisition.acquis-one .block_acces .block_acces-text { padding: 15px 40px 15px 40px; background-color: rgba(255, 255, 255, 0.9); } .landing_acquisition.acquis-one .block_temoignage video { width: 100%; } } @media (max-width: 768px) { .landing_acquisition.acquis-one .block_hook { min-height: 420px; } .landing_acquisition.acquis-one .block_hook-text { width: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 15px; } .landing_acquisition.acquis-one .block_tree { padding: 20px 0; } .landing_acquisition.acquis-one .block_tree img { width: auto; margin: 10px auto 0; display: inherit; } .landing_acquisition.acquis-one .block_arguments .argument { padding: 12px 0; text-align: center; } .landing_acquisition.acquis-one .block_arguments .argument img { float: none; } } @media (max-width: 530px) { .landing_acquisition.acquis-one .block_hook { min-height: auto; padding: 10px 0 10px 0; } .landing_acquisition.acquis-one .block_hook-text h1 { font-size: 33px; } .landing_acquisition.acquis-one .block_hook-text h5 { font-size: 26px; margin: 0px 0 40px 0px; } .landing_acquisition.acquis-one .block_hook-text p { font-size: 20px; } .landing_acquisition.acquis-one .block_tree img { width: 100%; } .landing_acquisition.acquis-one .block_acces .block_acces-text { padding: 15px 20px 15px 20px; } .landing_acquisition.acquis-one .block_acces .block_acces-text h5 { font-size: 26px; font-weight: bold; color: #ff5555; margin: 0 0 10px 0; } } .news_hints_page h1 i { color: #ff5555; font-size: 30px; margin-right: 5px; } .news_hints_page .news_hints_page-action { margin-bottom: 20px; } .news_hints_page .news_hints_page-action p { font-size: 16px; } .news_hints_page .news_hints_page-action .call-to-action { text-align: right; } .news_hints_page .news_hints_page-action .call-to-action .link { margin-left: 10px; } .news_hints_page .filterbar { background-color: #f7f7fc; } .news_hints_page .filterbar .navbar-nav .navbar-text:first-child { margin-left: 8px; } .news_hints_page .filterbar .navbar-nav + .navbar-nav { margin-right: 15px; font-weight: bold; } .news_hints_page .tab-content .table { margin-bottom: 0; } .news_hints_page .tab-content .table > thead > tr > th { border-bottom: 2px solid #ddd; } .news_hints_page .tab-content .table > tbody > tr > td { border-top: 1px solid #ddd; padding: 15px 8px 15px 8px; } .news_hints_banner { padding: 15px; position: absolute; left: 0; top: 100%; width: 100%; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .news_hints_banner { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .news_hints_banner--fixed { position: relative; } .news_hints_banner .name-highlight { background-color: #ff0; } .news_hints_banner .btn__group { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin: 8px auto 0 auto; } @media screen and (min-width: 768px) { .news_hints_banner .btn__group { margin: 0 0 0 auto; } } @media screen and (min-width: 1248px) { .news_hints_banner .btn__group { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } } .news_hints_banner p { font-size: 16px; margin-bottom: 0; } .news_hints_banner div + div { text-align: right; } .news_hints_banner div + div a { margin-left: 10px; white-space: nowrap; } .news_hints_banner div + div a:first-child { margin-left: 16px; } .news_hints_banner div + div a:last-child { margin-left: 0; margin-top: 8px; } @media screen and (min-width: 1248px) { .news_hints_banner div + div a:last-child { margin-left: 10px; margin-top: 0; } } .liste-correspondances.container.liste-individus { min-height: 0; } .liste-correspondances #myTable td:nth-child(n+3) p { color: #757585; margin-top: 6px; text-align: left; } .liste-correspondances table.dataTable thead .sorting_asc:after, .liste-correspondances table.dataTable thead .sorting_desc:after { color: #ff5555; } .historique h1 { margin: 28px 0; } .historique .header.h-discussion { border-bottom: 0 none; } .historique div.row:first-child a { float: right; margin: 34px 0 0 0; font-weight: bold; } .historique div.row:first-child a i { margin: -4px 0 0 0; } .historique span.dropdown.choix-table > a { margin: 3px 0 0 -15px; } .historique .historique-table { border-bottom: 1px solid #d5d8da; margin: 0 0 57px; } .historique .historique-table th a { font-size: 17px; margin: 0 0 0 6px; color: #333333; text-decoration: none; } .historique .historique-table th a[data-toggle=collapse] span.caret { border-left: 6px solid transparent; border-top: 6px dashed; border-right: 6px solid transparent; margin: -2px 0 0 0; } .historique .historique-table th a.collapsed[data-toggle=collapse] span.caret { border-bottom: 6px solid transparent; border-left: 6px dashed; border-top: 6px solid transparent; margin: -3px -4px 0 0; } .historique .historique-table tr td { font-size: 15px; padding: 12px 8px; cursor: default; vertical-align: middle; } .historique .historique-table tr td:nth-child(2) { width: 60%; } .historique .historique-table tr td:nth-child(3) { width: 20%; } .historique .historique-table tr td:nth-child(4) { color: #757585; width: 40%; } .historique .historique-table tr td a i { color: #333333; visibility: hidden; } .historique .historique-table tr td a:hover i { color: #ff5555; } .historique .historique-table tr p { margin: 0; max-width: 641px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .historique .historique-table tr p i { margin: -2px 3px 0 0; vertical-align: top; color: #43C; } .historique .historique-table tr:hover td a i { visibility: visible; } .historique .historique-table thead > tr > th:first-child { padding: 0 4px 0 3px; width: 0 !important; } .historique .historique-table tbody > tr > td:first-child { padding: 0 4px 0 3px; width: 0 !important; } .historique .historique-table tbody > tr:hover > td:first-child { background: #ff5555; } .historique .historique-table tbody > tr > .dataTables_empty:first-child { padding: 5px 0; } .historique .historique-table tbody > tr:hover > .dataTables_empty:first-child { background: #fff; cursor: auto; } .historique .no-historique { text-align: center; } .historique .no-historique i { color: #757585; font-size: 75px; margin: 34px 0 24px; } .historique .no-historique i + p { color: #757585; font-size: 30px; } .historique .no-historique i + p + p { color: #333333; font-size: 16px; margin: 15px 0 260px; } @media (max-width: 992px) { .historique .historique-table tr p { max-width: 412px; } } @media (max-width: 767px) { .historique .historique-table { border-bottom: 0 none; margin: 0; } .historique div.row:first-child a { float: left; margin: -7px 0 8px; } .historique .historique-table tr p { max-width: 369px; } } .suggestions-card { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; gap: 1.6rem; position: relative; padding-right: 3.2rem; } .suggestions-card p:not(.suggestions-card__header) { margin-bottom: 0; } .suggestions-card .avatar { width: 1.8rem; height: 1.8rem; min-height: 1.8rem; min-width: 1.8rem; } .suggestions-card .avatar__icon.sosa { width: 1.4rem; height: 1.4rem; background-color: #fff; color: #757585; font-size: 1.2rem; } .suggestions-card .avatar__initiale { font-size: 1.6rem; } .suggestions-card .avatar__image { border-width: 0.3rem; } .suggestions-card__status { padding: 2px 4px; margin-right: 0.8rem; font-size: 1.2rem; font-weight: 700; border-radius: 0.4rem; border: 1px solid #757585; color: #757585; white-space: nowrap; } .suggestions-card__status--highlight { margin-right: 2px; background-color: #ffff80; border-color: #ffff80; color: #333333; padding-top: 0; padding-right: 2px; padding-bottom: 1px; } .suggestions-card__status--premium { border-color: #ff5555; color: #ff5555; } .suggestions-card__status--premium:hover, .suggestions-card__status--premium:focus { color: #ff5555; text-decoration: none; } .suggestions-card__status--beta { position: absolute; left: 100%; top: 0; margin-right: 0; margin-left: 4px; color: #333333; border-color: #757585; line-height: initial; -moz-transform: translateY(-0.1em); -ms-transform: translateY(-0.1em); -webkit-transform: translateY(-0.1em); transform: translateY(-0.1em); } .font20px .suggestions-card__status--beta { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .suggestions-card__text { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .suggestions-card__content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .suggestions-card__content .btn-reactivate { margin-top: 0.8rem; } .suggestions-card__label { text-transform: uppercase; font-size: 1.3rem; color: #757585; } .suggestions-card__amount { font-weight: 700; color: #43C; } .suggestions-card__header { margin-bottom: 0.8rem; font-size: 1.6rem; line-height: 2.4rem; } .suggestions-card__list { margin-bottom: 1.6rem; color: #43C; font-size: 1.3rem; line-height: 2rem; } .suggestions-card .caret-mui { position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .suggestions-card .caret-mui::before { content: "keyboard_arrow_right"; } .suggestions__tab { padding: 0.8rem 1.6rem; border-radius: 0.4rem 0.4rem 0 0; background-color: #fff; color: #43C; font-size: 1.6rem; line-height: 2.4rem; text-align: center; border: 1px solid #dee2e6; border-bottom: 0; } .suggestions__tab--main, .suggestions__tab:hover, .suggestions__tab:active { background-color: #43C; color: #fff; border-color: #43C; } .suggestions__tab--link { padding: 0; } .suggestions__tab--link a { display: block; padding: 0.8rem 1.6rem; } .suggestions__tabs { margin-bottom: 2.4rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; gap: 0.8rem; border-bottom: 1px solid #dee2e6; } .suggestions__list > * + * { margin-top: 0.8rem; } .suggestions__list .suggestions-card__text { margin-bottom: 0.8rem; } .suggestions__infos { font-size: 1.3rem; line-height: 2rem; color: #667788; text-align: right; white-space: nowrap; } .suggestions__reset { margin-left: auto; font-weight: 700; } .suggestions__reset a { display: block; background: none; margin-right: 0; padding: 10px 0 0 0; color: #dd3333; border: 0; } .suggestions__reset a:focus, .suggestions__reset a:hover { border: 0; text-decoration: underline; } .suggestions__reset a:focus i, .suggestions__reset a:hover i { text-decoration: none; } .suggestions__reset i { font-size: 2.4rem; } .filters-off .suggestions__filter { display: none; } .md__label .suggestions__filter { color: #dd3333; font-size: 1.8rem; line-height: 0; font-weight: 700; } .suggestions__sort { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .suggestions__sort.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .suggestions__sort.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .bootstrap-select { width: auto !important; } .suggestions__sort .suggestions__infos { margin-bottom: 0; margin-right: 0.8rem; } .suggestions__sort .md__select .dropdown-toggle { padding: 0; border: none; } .suggestions__sort-row { margin-bottom: 1.6rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .suggestions__sort-row p { margin-bottom: 0; margin-left: auto; } .suggestions__container { margin-bottom: 3.2rem; } .suggestions__container .bootstrap-select .dropdown-menu li a { padding: 0.4rem 1.6rem; } .suggestions__container .bootstrap-select .filter-option, .suggestions__container .bootstrap-select .dropdown-menu li a { font-size: 1.4rem; line-height: 2.4rem; } .suggestions__container .bootstrap-select .btn.dropdown-toggle .bs-caret { color: #333333; } .suggestions__container .bootstrap-select .btn.dropdown-toggle .caret { margin-top: -3.2rem !important; } .suggestions__container .bootstrap-select .btn.dropdown-toggle .caret::before { font-size: 2.4rem; } .suggestions__container .md__input { font-size: 1.4rem; line-height: 2.4rem; } .suggestions__container .md__input, .suggestions__container .btn.dropdown-toggle { border-radius: 0.8rem; } .suggestions__container .icon-hint-corner { user-select: none; } .suggestions__container ~ footer { display: none !important; } .suggestions__container .heading-4 { margin-bottom: 0.8rem; } .suggestions__toggle-filters { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1.6rem; } .suggestions__toggle-filters, .suggestions__toggle-filters:hover, .suggestions__toggle-filters:active, .suggestions__toggle-filters:focus { text-decoration: none; } .suggestions__toggle-filters .suggestions__infos { margin-top: 2px; margin-bottom: 0; } .suggestions__toggle-text { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: auto; } .suggestions__toggle-text:hover span { text-decoration: underline; } .suggestions__toggle-text .icon-filter_list { font-size: 2.4rem; } .suggestions__toggle-text span { font-size: 1.6rem; line-height: 2.4rem; } .suggestions__reject { display: -ms-grid; display: grid; place-items: center; } @media only screen and (min-width: 500px) { .suggestions__tab--main { width: min(32rem, 28vw); } } @media screen and (max-width: 991px) { .suggestions-card__text { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 0.4rem; } } @media screen and (max-width: 767px) { .suggestions__collapse-filters { margin-bottom: 1.6rem; } .suggestions__collapse-filters .suggestions__infos { display: none; } .suggestions__collapse-filters .suggestions__sort .dropdown-toggle { margin-left: 1rem; } .suggestions__collapse-filters > *:first-child { padding-top: 1rem; } .suggestions__sort-row { margin-bottom: 0; } } @media screen and (max-width: 479px) { .suggestions-card { gap: 0.8rem; padding-top: 0.8rem; padding-right: 0.8rem; } .suggestions-card .avatar { background-color: #fff; border: 0.2rem solid #8888ff; } .suggestions-card .avatar--man { border-color: #66cccc; } .suggestions-card .avatar--woman { border-color: #ff8888; } .suggestions-card .avatar__initiale, .suggestions-card .avatar__image { display: none; } .suggestions-card .avatar__icon { right: inherit; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; } .suggestions-card__label { display: none; } .suggestions-card__amount-container { position: absolute; top: 0; right: 0; } .suggestions-card__amount { margin-right: 0.4rem; font-size: 2.4rem; } .suggestions-card__content { margin-top: -0.4rem; } .suggestions-card__header { width: calc(100% - 6ch); margin-top: 0.2rem; margin-bottom: 0.4rem; line-height: 2rem; } .suggestions-card__header .gris { font-size: 1.4rem; line-height: 2rem; } .suggestions-card .suggestions__reject { display: none; } .suggestions-card .caret-mui { right: -1.6rem; top: 0.5rem; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .suggestions-card .d-block-sm { display: block; } .suggestions__reset span { display: none; } .suggestions__tab--main { flex-grow: 1; } } @media screen and (min-width: 480px) { .suggestions-card__amount { font-size: 3.6rem; line-height: 1.15; } .suggestions-card__amount-container { min-width: 10.5rem; width: 10.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .suggestions-card__content .btn-reactivate { display: none; } .suggestions-card .d-block-sm { display: inline; } .suggestions-card .avatar { width: 4.8rem; height: 4.8rem; min-height: 4.8rem; min-width: 4.8rem; } .suggestions-card .avatar__icon.sosa { width: 1.6rem; height: 1.6rem; background-color: #fff; color: #757585; } .suggestions-card .avatar__initiale { font-size: 1.6rem; } .suggestions-card .avatar__image { border-width: 0.3rem; } .suggestions__container .heading-4 { margin-bottom: 1.6rem; } .suggestions__reject { margin-right: 1.6rem; } .suggestions__list .avatar { margin-top: 0.6rem; } .suggestions__list .suggestions-card__header { margin-top: 1.8rem; } } @media screen and (min-width: 768px) { .suggestions__toggle-filters { display: none; pointer-events: none; } .suggestions__collapse-filters { display: block !important; height: auto !important; } } .hide-tree-menu + .tree-menu .tree-menu__bar-trees + div { display: none; } .hide-tree-menu ~ .suggestions__container { margin-top: calc(12rem - 5.5rem); } .heading-4 { font-size: 2.4rem; line-height: 3.2rem; } @media screen and (min-width: 480px) { .heading-4 { font-size: 3.2rem; line-height: 4rem; } } .individual-suggestions .navbar-heading { display: block; margin-left: auto; margin-right: auto; color: #fff; font-size: 1.125rem; line-height: normal; font-weight: 700; } .individual-suggestions .navbar .mini { width: 2rem; } .individual-suggestions-card.card-shadow { padding: 1rem; } .individual-suggestions-card .tree-infos { background-color: #fff; } .individual-suggestions-card .tree-infos__content { padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; } .individual-suggestions-card .tree-infos__content > li:not(:last-child) { border-color: #dee2e6; } .individual-suggestions-card .tree-infos__name { padding-left: 0.75rem; } .individual-suggestions-card .tree-infos__name::before { width: 0.375rem; height: 0.375rem; top: 0.4375rem; } .individual-suggestions-card .tree-infos__name:not(.tree-infos__name--man, .tree-infos__name--woman)::before { --color-sex: #dee2e6; } .individual-suggestions-card .tree-infos__name.highlight-name::before { display: block; position: absolute; content: ""; width: 0.75rem; height: 100%; top: 0; left: 0; background-color: #fff; border-radius: 0; } .individual-suggestions-card .tree-infos__name.highlight-name::after { display: block; position: absolute; content: ""; width: 0.375rem; height: 0.375rem; top: 0.4375rem; left: 0; border-radius: 50%; background-color: var(--color-sex); } .individual-suggestions-card .tree-infos__person > p:only-child { margin-left: calc(3rem + 1rem); } .individual-suggestions__container { display: grid; margin-top: var(--nav-height, 3.9375rem); } .individual-suggestions #grid-filters { grid-area: Filters; } .individual-suggestions #grid-side-panel { grid-area: SidePanel; } .individual-suggestions #grid-list { grid-area: List; } .individual-suggestions .suggestions-card__status:not(.suggestions-card__status--highlight) { margin-right: 0.5rem; } .individual-suggestions .side-panel__heading { font-size: 1rem; line-height: 1.5rem; } .individual-suggestions .tree-infos__person { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .individual-suggestions .match:first-child > *:first-child { margin-top: 0; } .individual-suggestions .icon-i-no-hints.icon-lg { font-size: 6rem; line-height: 0.5; } .individual-suggestions .dropdown-menu { z-index: 1029; } .individual-suggestions .md__select .filter-option { max-width: 100%; } @media screen and (max-width: 991px) { .individual-suggestions .suggestions-card__text { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; } } @media screen and (max-width: 767px) { .individual-suggestions__container { grid-template-areas: "SidePanel" "Filters" "List"; } .individual-suggestions .container-md { padding-left: 0; padding-right: 0; } .individual-suggestions .panel { background-color: #EDEEF6; } .individual-suggestions .side-panel { position: -webkit-sticky; /* Safari */ position: sticky; top: var(--nav-height, 3.9375rem); z-index: 1029; } .individual-suggestions .side-panel__heading { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .individual-suggestions .side-panel__heading .caret-mui { margin-right: 0.25rem; } .individual-suggestions .side-panel [data-bs-toggle=collapse] .caret-mui::before { content: "keyboard_arrow_down"; } .individual-suggestions .side-panel [data-bs-toggle=collapse].collapsed .caret-mui::before { content: "keyboard_arrow_right"; } .individual-suggestions .suggestions__collapse-filters .btn-group { width: 100%; } .individual-suggestions .suggestions__collapse-filters .btn { flex-basis: calc(100% / 3); } } @media screen and (min-width: 768px) { .individual-suggestions .navbar-heading { font-size: 1.25rem; } .individual-suggestions__container { grid-template-columns: 40% 1fr; grid-template-areas: "Filters Filters" "SidePanel List"; } .individual-suggestions__container > .container { max-width: none; padding-left: 0; padding-right: 0; } .individual-suggestions .side-panel__heading { font-size: 1.25rem; } .individual-suggestions .side-panel [data-bs-toggle=collapse] { pointer-events: none; } .individual-suggestions .side-panel .collapse { display: block; height: auto; } .individual-suggestions .side-panel > * { position: -webkit-sticky; /* Safari */ position: sticky; top: calc(var(--nav-height, 3.9375rem) + 0.5rem); z-index: 1028; } } @media screen and (min-width: 992px) { .individual-suggestions__container { grid-template-columns: 22rem 1fr; } .individual-suggestions__content { margin-left: calc(3rem + 1rem); } .individual-suggestions .suggestions-card__list { margin-top: 0.1875rem; } } .removing > h2 { color: #757585; } .removing .individual-suggestions-card { overflow: hidden; } .removing .layout-feedback { display: -ms-grid; display: grid; } .removing.confirmed [data-type=confirmed] { display: inline; } .removing.rejected [data-type=rejected] { display: inline; } .removing.match { transform-origin: top center; } .layout-feedback { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; place-items: center; background-color: #fff; } .snackbar { display: none; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.8125rem; font-weight: 700; background-color: #333333; color: #fff; border-radius: 0.25rem; } .block-infos-center { display: -ms-grid; display: grid; place-items: center; margin-top: 1.25rem; } #grid-list .block-infos-center { min-height: 21.875rem; } .block-infos-center .icon-i-no-hints { color: #757585; -moz-transform: translateX(-7%); -ms-transform: translateX(-7%); -webkit-transform: translateX(-7%); transform: translateX(-7%); } .block-infos-center .column-center { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-infos-center .column-center .icon-i-no-hints { color: #757585; font-size: 96px; line-height: 0.5; -moz-transform: translateX(-7%); -ms-transform: translateX(-7%); -webkit-transform: translateX(-7%); transform: translateX(-7%); } .block-infos-center .column-center .gris { font-size: 20px; line-height: 30px; } /*# sourceMappingURL=style-filae.css.map */ @charset "UTF-8"; /*Corail*/ /*Bleu orage*/ /*Vert => couleur complementaire corail*/ /*btn */ /* Liens */ /* Typo */ /* ================================================================= ABONNEMENT ====================================================================================================== ==================================================================================================================================================================================== */ /* ======================================================== DEBUT Message Genealogie.com devient Filae =========================*/ #message-gene-filae img { width: 570px; } #message-gene-filae p { font-size: 15px; font-weight: bold; margin: 40px 0 0 0; } #message-gene-filae p + p { font-size: 13px; font-weight: normal; color: #757585; margin: 16px 0 21px; } #message-gene-filae p + p + a { display: block; margin: 0 0 28px; font-size: 14px; text-decoration: none; } #message-gene-filae .modal-body { padding: 15px; } #message-gene-filae .center { text-align: center; } #message-gene-filae button + .row > div { margin-top: 37px; } /* ======================================================== FIN Message Genealogie.com devient Filae =========================*/ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral -- */ body { color: #333333; font-family: "Lato", sans-serif !important; } header { background: none; border-bottom: 0; padding: 0 0 23px; } header h1, header h2 { text-align: center; } header h1 { color: #222255; font-size: 24px; font-weight: bold; font-family: "Lato", sans-serif; margin: 0 0 5px 0; } header h2 { color: #222255; font-size: 22px; font-weight: bold; font-family: "Lato", sans-serif; } header .infobar-drop { width: auto; } h3 { color: #FF5555; font-size: 20px; font-weight: bold; font-family: "Lato", sans-serif; } .bloc-abo { margin: 25px 0 0 0; } .bloc-abo .panel { border-radius: 0; box-shadow: none; width: 100%; background: none repeat scroll 0 0 #d5d8da; border: 1px solid rgba(249, 101, 102, 0.7); text-align: center; padding: 0 0 4px 0; opacity: 0.8; margin: 2px 0 0 0; } .bloc-abo .panel:hover, .bloc-abo .panel.active { border-radius: 0; box-shadow: none; width: 100%; background: none repeat scroll 0 0 #ffffff; border: 3px solid rgba(249, 101, 102, 0.7); text-align: center; padding: 0 0 4px 0; opacity: 1; margin: 0; } .bloc-abo .bloc1 { padding: 0 10px 0 88px; } .bloc-abo .bloc2 { padding: 0 49px 0 49px; } .bloc-abo .bloc3 { padding: 0 88px 0 10px; } .triangle .ar-content:after { border-color: #FF5555 transparent transparent; border-radius: 75px; border-style: solid; border-width: 10px 98px; content: ""; left: -9px; position: absolute; top: 98%; transform: scale(0.99); z-index: 1; } .triangle .ar-content { background: none repeat scroll 0 0 #FF5555; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #ffffff; font-size: 16px; padding: 6px 11px 7px; position: absolute; text-shadow: 0 1px 0 rgba(125, 63, 12, 0.5); top: -9px; left: 138px; width: 181px; } .offre h3 { color: #FF5555; font-size: 23px; margin: 26px 47px 10px 47px; text-align: center; border-bottom: 1px solid #FF5555; line-height: 39px; display: inline-block; } .offre h2 { color: #222255; font-size: 23px; margin: 0 0 20px 0; text-align: center; } .offre h2.offre3 { margin: 0 0 58px 0; /*display:inline-block;*/ } .offre h2 span { color: #222255; font-size: 15px; } .offre .eco { color: rgba(249, 101, 102, 0.8); font-size: 17px; margin: 12px 0 12px 0; text-align: center; font-weight: bold; display: inline-block; } .offre .eco span { font-size: 13px; } .code-reduc { background: #d5d8da; margin: 25px 0 25px 0; text-align: center; padding: 13px 0; } .code-reduc label { font-size: 17px; color: #d34243; font-weight: normal; display: inline-block; } .code-reduc input { width: 20%; display: inline-block; margin: 0 4px 0 10px; } .code-reduc a { text-decoration: none; font-size: 15px; display: inline-block; margin: 0 0 0 10px; } .code-reduc a span { text-decoration: underline; } .code-reduc form { display: inline; } footer { background: #ffffff; margin: 0; padding: 0; } .contenu-abonnement .code-reduc { color: #285c89; display: block; font-size: 14px; margin: 0 0 20px 233px; text-align: left !important; text-decoration: none; } .contenu-abonnement .code-reduc span { text-decoration: underline; } .back-footer { /*background-image: url("../img/back-foot-abonnement.jpg");*/ background-position: center bottom; background-repeat: no-repeat; padding-bottom: 160px; background-color: #ffffff; } .back-footer .texte-footer { padding: 85px 0 0 0; } .back-footer .texte-footer a { color: #333333; text-decoration: underline; } .back-footer .texte-footer p { font-size: 11px; line-height: 13px; } /* ----------------------------------- Bloc de paiement ------------------------------------- */ .bloc-paiement { width: 15%; border: 1px solid #757585; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; margin: 10px 5px 0 0; background: #ffffff; padding: 10px 0 10px 0; letter-spacing: -0.5px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .bloc-paiement { letter-spacing: -0.09em; } } .bloc-paiement:hover { border: 1px solid rgba(249, 101, 102, 0.8); background: #d5d8da; } .bloc-paiement .icone-cb { background: url("../img/icones.png?100215") no-repeat scroll -377px -481px transparent; height: 60px; margin: 3px auto 3px; width: 64px; display: inline-block; } .bloc-paiement .icone-internet { background: url("../img/icones.png?100215") no-repeat scroll -385px -548px transparent; height: 54px; margin: 9px auto 3px; width: 154px; display: inline-block; } .bloc-paiement .icone-paypal { background: url("../img/icones.png?100215") no-repeat scroll -543px -541px transparent; height: 59px; margin: 4px auto 3px; width: 54px; display: inline-block; } .bloc-transaction { width: 20%; display: inline-block; margin: 0 0 0 8px; vertical-align: top; } .bloc-transaction h5 { margin: 5px 0 8px 0; color: #222255; } .bloc-transaction .sg-securite { background: url("../img/icones.png?100215") no-repeat scroll -442px -518px transparent; height: 19px; margin: 5px 4px -4px 0; width: 90px; display: inline-block; } /*================================================================================================================================================ ================================================================================================================================================================================================================ icon a retirer apres font ok ========================================================================================================*/ .bloc-paiement .icone-prelevement { background: url("../img/icones.png?100215") no-repeat scroll -84px -661px transparent; height: 50px; margin: 13px auto 3px; width: 89px; display: inline-block; } .bloc-paiement .icone-cheque { background: url("../img/icones.png?100215") no-repeat scroll -324px -543px transparent; height: 53px; margin: 10px auto 3px; width: 59px; display: inline-block; } .bloc-transaction .cadenas-seul { background: url("../img/icones.png?100215") no-repeat scroll -246px -497px transparent; height: 20px; margin: 5px 6px -4px 0; width: 18px; display: inline-block; } .bloc-recapitulatif .bloc-services .bloc-contact .icone-contact { background-image: url("../img/icones.png?100215"); background-position: -224px -523px; background-repeat: no-repeat; height: 29px; width: 32px; display: inline-block; margin: 0 15px 0 0; float: left; } .bloc-recapitulatif .bloc-services .bloc-securite .icone-cadenas { background-image: url("../img/icones.png?100215"); background-position: -399px -390px; background-repeat: no-repeat; display: inline-block; float: left; height: 37px; margin: 0 15px 0 0; width: 32px; } /*================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================/* /* -------------------------------------------- FIN bloc de paiement --------------------------------------- */ /* -------------------------------------------- Bloc de reduction ------------------------------------------------- */ .offre h2.newprix { color: #ff450c; font-size: 23px; margin: 0 0 39px 0; text-align: center; display: inline-block; } .offre h2.newprix span, .offre h2.newprix-3 span { color: #ff450c; font-size: 15px; } .offre h2.newprix-3 { color: #ff450c; font-size: 23px; margin: 0 0 49px 0; text-align: center; } .offre .ancien-prix { color: #757585; font-size: 15px; width: 246px; } .offre .ancien-prix .prix-barre { width: 120px; height: 20px; background: url("../img/prix-barre.png") no-repeat 0px 0 transparent; margin: 0 auto; } /* -------------------------------------------- Modal ------------------------------------------------- */ .tab-pane a, #reduc-form p.lien, #asso-form p.lien { color: #FF5555; font-size: 13px; font-weight: bold; line-height: 19px; margin: 0 0 5px; text-decoration: underline; } /* DEBUT Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ .bloc-1consult-abo { background: #ffffff; border: 3px solid rgba(249, 101, 102, 0.8); padding: 10px; margin: 0 0 20px 0; text-align: left; position: relative; } .bloc-1consult-abo .liste-abo { padding: 0 10px 0 0; border-right: 1px solid rgba(249, 101, 102, 0.8); } .bloc-1consult-abo .info-doc-abo .texte-doc-abo { float: left; width: 70%; margin: 0 5px 0 10px; } .bloc-1consult-abo .info-doc-abo p { margin: 0; line-height: 16px; } .bloc-1consult-abo .img-doc-abo img { float: right; } .bloc-1consult-abo .liste-abo p { color: #222255; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; } .bloc-1consult-abo .liste-abo ul { padding: 0 0 0 11px; font-size: 13px; } .macaron-offre-doc { background: url("../img/recherches/macaron-doc-offert-60.png") no-repeat scroll 0 0 transparent; height: 65px; left: 817px; position: absolute; width: 66px; } /* FIN Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral VERSION 2 Nicolas-- */ header.abo-v2 { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; padding: 12px 0 10px; } header.abo-v2 h1 { font-size: 30px; margin: 21px 0 0; color: #222255; } .abo-v2 .bloc-abo { margin: 5px 0 12px; } .abo-v2 h2.services { text-align: center; color: #222255; font-size: 20px; font-family: "Lato", sans-serif; font-weight: normal; margin: 0 0 24px 0; } .abo-v2 h2.services + h2.services { margin: 0 0 38px 0; } .abo-v2 .services span { margin: 0 0 0 11px; } .abo-v2 h3, .abo-v2 h3 { margin: 0 0 7px 27px; color: rgba(70, 85, 105, 0.8); font-family: "Lato", sans-serif; font-size: 20px; font-weight: bold; } .abo-v2 .formule .bloc1 { margin: 21px 0 0 -88px; } .abo-v2 .formule .bloc2 { margin: 8px 0 0 190px; } .abo-v2 .formule .bloc1 button.active, .abo-v2 .formule .bloc1 button:hover, .abo-v2 .formule .bloc1 button { margin: -15px 0 0 0; } .abo-v2 .panel.active #eco-6mois, .abo-v2 .panel:hover #eco-6mois { display: block; } .abo-v2 .panel #eco-6mois { display: none; } .abo-v2 .offre h3 { border-bottom: 0; color: #333333; display: inline-block; font-size: 21px; line-height: 33px; margin: 23px 47px 4px; text-align: center; font-weight: normal; } .abo-v2 .bloc-abo .panel { background: none repeat scroll 0 0 #ffffff; border: 3px solid #d5d8da; border-radius: 0; box-shadow: none; margin: 0; opacity: 0.8; padding: 0 0 4px; text-align: center; width: 100%; } .abo-v2 .bloc-abo .panel:hover, .abo-v2 .bloc-abo .panel.active { background: none repeat scroll 0 0 #ffffff; border: 3px solid #FF5555; border-radius: 0; box-shadow: none; margin: 0; opacity: 1; padding: 0 0 4px; text-align: center; width: 100%; } .abo-v2 .bloc-abo .panel:hover .offre h2, .abo-v2 .bloc-abo .panel.active .offre h2, .abo-v2 .bloc-abo .panel:hover .offre h2 span, .abo-v2 .bloc-abo .panel.active .offre h2 span { color: #5cb85c; } .abo-v2 .triangle .ar-content:after { border-color: #FF5555 transparent transparent; border-radius: 75px; border-style: solid; border-width: 6px 95px; content: ""; left: -4px; position: absolute; top: 97%; transform: scale(0.99); z-index: 1; } .abo-v2 .triangle .ar-content { background: none repeat scroll 0 0 #FF5555; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #ffffff; font-size: 16px; left: 138px; padding: 7px 11px 7px; position: absolute; text-shadow: 0 1px 0 rgba(164, 46, 47, 0.5); top: -28px; width: 181px; } .abo-v2 .triangle#eco-6mois .ar-content { left: 98px; top: -13px; } .abo-v2 .offre h2 { color: #303F4C; font-size: 21px; margin: 0 0 5px; text-align: center; font-family: "Lato", sans-serif; } .abo-v2 .offre p { margin: 0 0 37px; height: 20px; } .abo-v2 .active .offre h2 { margin: 0 0 5px; } .abo-v2 .bloc3 .offre h2 { margin: 0 0 55px; } .abo-v2 .bloc3 .active .offre h2 { margin: 0 0 18px; } .abo-v2 .active .offre p { margin: 0; } .abo-v2 .offre h2 span { color: #303F4C; font-size: 15px; } .abo-v2 .bloc-abo .panel .offre h2.newprix { color: #ff450c; display: block; font-size: 23px; text-align: center; } .abo-v2 .bloc-abo .panel .offre h2.newprix span, .abo-v2 .bloc-abo .panel .offre h2.newprix-3 span { color: #ff450c; font-size: 15px; } .abo-v2 .bloc-abo .panel.active .offre h2.offre3 { margin: 0 0 18px; } .abo-v2.code-reduc { background: none; margin: 0; padding: 0 0 15px 0; text-align: left; } .abo-v2.code-reduc input { display: inline-block; margin: 0 4px 0 88px; width: 20%; height: 32px; font-size: 15px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .abo-v2.code-reduc input { padding-top: 8px; } } .abo-v2.code-reduc label { color: #333333; display: inline-block; font-size: 17px; font-weight: normal; margin: 0 0 0 80px; } .abo-v2.code-reduc a.deco-a { display: inline-block; font-size: 15px; margin: 0 0 0 5px; text-decoration: none; } .abo-v2.code-reduc a { margin: 0 0 0 27px; } .abo-v2.code-reduc a span { text-decoration: underline; color: #445599; } .abo-v2.code-reduc a:hover span { color: #a42e2f; } .abo-v2 .bloc-paiement { background: none repeat scroll 0 0 #ffffff; border: 3px solid #d5d8da; border-radius: 0; letter-spacing: -0.5px; margin: 7px 1% 0 0; padding: 10px 6px 26px; text-align: center; width: 16%; vertical-align: top; font-size: 12px; } .abo-v2 .bloc-paiement.active, .abo-v2 .bloc-paiement.active:hover { border: 3px solid #FF5555; margin: 7px 1% 0 0; padding: 10px 6px 10px; } .abo-v2 .bloc-paiement:hover { border: 3px solid #FF5555; margin: 7px 1% 0 0; padding: 10px 6px 26px; } .abo-v2 button.bloc-paiement:first-child, .abo-v2 button.bloc-paiement.active:first-child, .abo-v2 button.bloc-paiement.active:hover:first-child { /*margin-left: 87px;*/ margin-left: 283px; } .abo-v2 .bloc-paiement p { line-height: 11px; } .abo-v2 .bloc-paiement h5 { font-size: 13px; } .abo-v2 .bloc-paiement .icone-cb { background: url("../img/icones.png?100215") no-repeat scroll -243px -669px transparent; height: 20px; margin: 3px auto 3px; width: 122px; display: inline-block; } .abo-v2 .bloc-paiement .icone-paypal { background: url("../img/icones.png?100215") no-repeat scroll -375px -675px transparent; height: 13px; margin: 4px auto 8px; width: 46px; display: inline-block; } .abo-v2 .bloc-paiement .icone-internet { background: url("../img/icones.png?100215") no-repeat scroll -242px -694px transparent; height: 17px; margin: 2px auto 6px; width: 135px; display: inline-block; } .abo-v2 .bloc-paiement span { color: #FF5555; font-size: 15px; font-weight: bold; border: 2px solid #FF5555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 11px; display: inline-block; margin: 0 0 5px 0; } .abo-v2.bloc-transaction { display: inline-block; margin: 28px 0 0 0; vertical-align: top; width: 100%; text-align: center; } .abo-v2.bloc-transaction .sg-securite { background: url("../img/icones.png?100215") no-repeat scroll -442px -518px transparent; height: 19px; margin: 5px 4px -4px 0; width: 20px; display: inline-block; } .abo-v2.bloc-transaction h5 { color: #222255; display: block; margin: 0 0 25px 20px; } .abo-v2 .btn-large { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 22px; padding: 10px 69px; } .abo-v2 .ligne-obligatoire { margin: 15px 27px 0 27px; } .abo-v2 .ligne-obligatoire p { margin: 0 0 15px 0; } .back-footer .abo-v2.texte-footer { padding: 123px 0 0; } .abo-v2 .bloc-1consult-abo { background: #ffffff; border: 3px solid #5cb85c; margin: 0 auto 20px; padding: 5px 0 2px 0; position: relative; text-align: left; width: 85%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .abo-v2 .bloc-1consult-abo .img-doc-abo { float: right; } .abo-v2 .bloc-1consult-abo .liste-abo { border-right: 0; padding: 0 10px 0 0; float: left; } .abo-v2 .bloc-1consult-abo .liste-abo p { color: #222255; font-size: 14px; font-weight: normal; margin: 0; } .bloc-1consult-abo p { text-align: center; font-size: 17px; line-height: 29px; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral VERSION 2 Nicolas-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Cr├®ation de compte avec adhesion-- */ header.neutre { padding: 0 0 10px 0; } .arbre-abonnement-inscription { background: url("../img/arbre-fond-abonnement.png") no-repeat scroll 51px 0 transparent; margin: -34px -41px 0 -256px; min-height: 374px; position: absolute; width: 100%; } /*------------------------------------ DEBUT bloc gauche formulaire -----------------------------------------------*/ .bloc-formulaire { background: #ffffff; padding: 10px; z-index: 1000; } .bloc-formulaire h1 { margin: 0 0 8px 0; color: #FF5555; font-weight: bold; font-size: 20px; text-align: left; } .bloc-formulaire a.connexion { color: #333333; font-size: 13px; text-align: left; text-decoration: none; display: block; margin: 0 0 10px 0; } .bloc-formulaire a.connexion span { color: #FF5555; text-decoration: underline; } .bloc-formulaire a:hover.connexion span { color: #a42e2f; } .bloc-formulaire input[type=text], .bloc-formulaire select { width: 100%; margin: 0 0 8px 0; } .bloc-formulaire .civilite .civ { float: left; width: 14%; } .bloc-formulaire .civilite .prenom, .bloc-formulaire .civilite .nom { float: left; width: 41%; margin: 0 0 0 10px; } .bloc-formulaire .mdp .mdp1, .bloc-formulaire .mdp .mdp2 { float: left; width: 46%; margin: 0 10px 0 0; } .bloc-formulaire select.pays { width: 46%; } .bloc-formulaire .lieu .cp { float: left; width: 20%; } .bloc-formulaire .lieu .ville { float: left; width: 77.5%; margin: 0 0 0 10px; } .bloc-formulaire label.checkbox input { margin: 2px 4px 8px -20px; width: 20px; } .bloc-formulaire .checkbox { padding-left: 0; margin: 0 0 15px 19px; font-weight: normal; } .bloc-formulaire label { margin: 0 0 3px 0; } #IE7 .bloc-formulaire .champ-float { margin: 0 10px -23px 0; } #IE7 .bloc-formulaire input { height: 20px; } /*------------------------------------ FIN bloc gauche formulaire -----------------------------------------------*/ /*------------------------------------ DEBUT bloc droit recapitulatif -----------------------------------------------*/ .bloc-recapitulatif { padding: 0 0 0 10px; } .bloc-recapitulatif .bloc-recap { background: #FF5555; border: 2px solid rgba(249, 101, 102, 0.8); padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; margin: 0 0 10px 0; } /*------------------------------------ DEBUT Vous avez choisi et recherche -----------------------------------------------*/ /* -- vous avez choisi */ .bloc-recapitulatif .bloc-recap .bloc-choix h3, .bloc-recapitulatif .bloc-recap .bloc-recherche h3 { font-size: 20px; font-weight: bold; color: #ffffff; margin: 0 0 4px 0; text-align: left; border-bottom: 1px solid #ffffff; padding: 0 0 3px 0; } .bloc-recapitulatif .bloc-recap .bloc-choix p { font-size: 14px; line-height: 18px; text-align: left; margin: 0; } .bloc-recapitulatif .bloc-recap .bloc-choix p span, .bloc-recapitulatif .bloc-recap .bloc-recherche p span { font-weight: bold; font-size: 15px; } .bloc-recapitulatif .bloc-recap .bloc-choix h5, .bloc-recapitulatif .bloc-recap .bloc-recherche h5 { font-weight: bold; font-size: 18px; color: #ffffff; } /* -----------------------------------------------------------*/ /* -- vous avez choix */ .bloc-recapitulatif .bloc-recap .bloc-recherche p { font-size: 12px; line-height: 16px; text-align: left; margin: 0; } .bloc-recapitulatif .bloc-recap .bloc-recherche { margin: 0 0 10px 0; } /* -----------------------------------------------------------*/ /*----------------------------------------- largeur des champs du doc consult├® AVEC VISUEL DE RECHERCHE--- */ .bloc-recapitulatif .bloc-recap .bloc-recherche .info-recherche { float: left; width: 71%; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.typeacte span { display: block; float: left; width: 90px; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.typeacte span + span { width: 154px; font-weight: normal; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.date span { display: block; float: left; width: 44px; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.date span + span { width: 200px; font-weight: normal; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.source span { display: block; float: left; width: 62px; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.source span + span { width: 183px; font-weight: normal; } /* ------------------------------------------- FIN largeur des champs du doc consult├® AVEC VISUEL DE RECHERCHE ---*/ /* ------------------------------------------- largeur des champs du doc consult├® SANS VISUEL DE RECHERCHE--- */ /* .bloc-recapitulatif .bloc-recap .bloc-recherche .info-recherche { float: inherit; width: 100%; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.typeacte span{ display: block; float: left; width: 90px; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.date span{ display: block; float: left; width: 44px; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.source span{ display: block; float: left; width: 59px; } .bloc-recapitulatif .bloc-recap .bloc-recherche p.typeacte span + span, .bloc-recapitulatif .bloc-recap .bloc-recherche p.date span + span, .bloc-recapitulatif .bloc-recap .bloc-recherche p.source span{ width: 100%; font-weight:normal; margin:0 0 5px 0; } */ /* ------------------------------------------------- FIN largeur des champs du doc consult├® SANS VISUEL DE RECHERCHE ---*/ .bloc-recapitulatif .bloc-recap .bloc-recherche .img-recherche { float: left; margin: 0 0 0 10px; width: 90px; } .bloc-recapitulatif .bloc-recap .bloc-recherche .img-recherche img { border: 1px solid #ffffff; } /*------------------------------------ FIN Vous avez choisi et recherche -----------------------------------------------*/ /*------------------------------------ DEBUT Services -----------------------------------------------*/ .bloc-recapitulatif .bloc-services { padding: 10px; border: 2px solid #d5d8da; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bloc-recapitulatif .bloc-services .bloc-contact { padding: 0 10px; } .bloc-recapitulatif .bloc-services .bloc-contact h4, .bloc-recapitulatif .bloc-services .bloc-securite h4 { font-size: 12px; float: left; width: 85%; line-height: 18px; } .bloc-contact .num-vert { margin: 0 0 0 14%; } .bloc-contact p { margin: 3px 0 0 14%; } .bloc-recapitulatif .bloc-services .bloc-securite .securite .icone-sg { background-image: url("../img/icones.png?100215"); background-position: -223px -560px; background-repeat: no-repeat; height: 39px; width: 39px; display: block; border: 1px solid #FF5555; text-align: left; margin: 0 0 5px 50px; float: left; } .bloc-recapitulatif .bloc-services .bloc-securite { padding: 0 10px; margin: 10px 0 0 0; } .bloc-recapitulatif .bloc-services .bloc-securite .securite { margin: 10px 0 0 0; } .back-footer-d { background-color: #d5d8da; background-image: url("../img/back-foot-abonnement-d.jpg"); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 160px; width: 100%; position: absolute; margin: -13px 0 0 0; } .back-footer-d.doc { margin: 17px 0 0 0; } .back-footer-d .texte-footer a { border-right: 1px solid #333333; color: #333333; padding: 0 10px; text-decoration: none; } .back-footer-d .texte-footer a:hover { text-decoration: underline; color: #a42e2f; } .back-footer-d .texte-footer p { margin: 97px 0 0; text-align: right; } .bloc-recapitulatif .bloc-services .bloc-contact h4 span, .bloc-recapitulatif .bloc-services .bloc-securite h4 span { font-weight: bold; } #IE7 .bloc-recapitulatif .bloc-services .bloc-contact .icone-contact-num { margin: 8px 0 5px -51px; } /*------------------------------------ FIN Services -----------------------------------------------*/ /* -------------------------------------------------------------------------------------------------------- FIN Page Cr├®ation de compte avec adhesion-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page D├®sinscription des newsletter -- */ .desinsciption-page { display: table; height: 100%; width: 100%; } .desinscrip img { width: 140px; margin: 16px 0 0 0; } .desinscription { height: 94vh; } .desinscription .cadre { background-color: #ffffff; border: 1px solid #d5d8da; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .desinscription h1 { font-size: 28px; color: #303F4C; } .desinscription p, .desinscription ul { font-size: 14px; } .desinscription .bloc-formulaire .checkbox { margin: 0 0 15px 0; } footer.desinscriptionfoot { background: #222255 none repeat scroll 0 0; display: table-row; height: 53px; } footer.desinscriptionfoot .principal-footer { background-color: rgba(51, 51, 51, 0.2); color: #ffffff; font-size: 14px; padding: 16px 0 7px; text-align: center; } footer.desinscriptionfoot .principal-footer a { color: #ffffff; text-decoration: none; } /* -------------------------------------------------------------------------------------------------------- FIN Page D├®sinscription des newsletter -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Arguments -- */ .comparaison img.illustration-argument { width: 580px; } .comparaison .service .icon-i-r-rouage-vide:before, .comparaison .acces-ill .icon-i-r-document-vide:before { font-size: 70px; color: #757585; float: none; margin: 0; } .comparaison .service .icon-i-valide-01:before, .comparaison .acces-ill .icon-i-valide-01:before { font-size: 11px; color: #FF5555; margin: 0 4px 0 0; } .comparaison .service h3, .comparaison .acces-ill h3 { font-size: 18px; color: #FF5555; margin: 5px 0 5px 0; } .comparaison .service li, .comparaison .acces-ill li { font-size: 16px; color: #222255; margin: 0 0 2px 0; text-align: left; } .comparaison .service { display: inline-block; left: 46px; position: absolute; top: 64px; } .comparaison .acces-ill { display: inline-block; position: absolute; right: 168px; top: 20px; } .comparaison .colonne .table td .triangle .ar-content:after, .comparaison .tableau .table th .triangle .ar-content:after { border-color: #FF5555 transparent transparent; border-radius: 75px; border-style: solid; border-width: 9px 95px; content: ""; left: -6Px; position: absolute; top: 97%; transform: scale(0.99); z-index: 1; } .comparaison .colonne .table td .triangle .ar-content, .comparaison .tableau .table th .triangle .ar-content { background: #FF5555 none repeat scroll 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; font-size: 16px; left: 307px; padding: 5px 11px 2px; position: absolute; text-shadow: 0 1px 0 rgba(125, 63, 12, 0.5); top: 4px; width: 181px; } /* ------------------------------------------------- DEBUT Colonnes -- */ .comparaison .colonne .table td.decouverte { border: 2px solid #222255; text-align: center; margin: 23px 6px 0 0; } .comparaison .colonne .table td.decouverte .triangle .ar-content { left: 283px; top: 3px; } .comparaison .colonne .table td.decouverte h4 { color: rgba(70, 85, 105, 0.8); font-size: 20px; font-weight: bold; margin: 118px 0 5px 0; } .comparaison .colonne .table td.decouverte h4:nth-child(2) { margin: 0 0 5px 0; } .comparaison .colonne .table td.decouverte .separtion-verticale, .comparaison .colonne .table td.decouverte .separtion-verticale-2 { background: #FF5555; display: inline-block; height: 122px; margin: 17px 0 0; width: 1px; } .comparaison .colonne .table td.decouverte .separtion-verticale-2 { height: 104px; } .comparaison .colonne .table td.premium { border: 3px solid #303F4C; text-align: center; margin: 22px 0 0 6px; } .comparaison .colonne .table td.premium .apartir { color: #FF5555; font-size: 11px; margin: 25px 0 0 0; } .comparaison .colonne .table td.premium .apartir:nth-child(2) { margin: 0; } .comparaison .colonne .table td.premium h4 { color: rgba(70, 85, 105, 0.8); font-size: 24px; font-weight: bold; } .comparaison .colonne .table td.premium h4:nth-child(1) { margin: 20px 0 0 0; } .comparaison .colonne .table td.premium .triangle .ar-content { left: 665px; } .comparaison .colonne .table { width: 68%; margin: 0 auto; } .comparaison .colonne .table td { display: inline-block; width: 48.5%; padding: 24px 10px 14px; background: #ffffff; } .comparaison .colonne div.col-xs-12.col-sm-12.col-md-12.col-lg-12 { margin: -38px 0 0; } .comparaison .colonne .table td p { margin: 0; color: #222255; font-size: 16px; } .comparaison .colonne .table td p.orange { color: #FF5555; } .comparaison .colonne .table td p span.titre { font-weight: bold; font-size: 21px; margin: 15px 0 0 0; display: inline-block; } .comparaison .colonne .table td .icon-i-plus.orange:before { font-size: 16px; margin: 6px 0 2px 0; color: #FF5555; } _::-moz-svg-foreign-content, :root .comparaison .colonne .table td.decouverte .separtion-verticale, .comparaison .colonne .table td.decouverte .separtion-verticale { height: 92px; } _::-moz-svg-foreign-content, :root .comparaison .colonne .table td.decouverte .separtion-verticale, .comparaison .colonne .table td.decouverte .separtion-verticale-2 { height: 96px; } @supports (-webkit-appearance: none) { .colonne .table td.decouverte .separtion-verticale, .comparaison .colonne .table td.decouverte .separtion-verticale { height: 117px !important; } } @supports (-webkit-appearance: none) { .colonne .table td.decouverte .separtion-verticale, .comparaison .colonne .table td.decouverte .separtion-verticale-2 { height: 99px !important; } } /* ------------------------------------------------- FIN Colonnes -- */ /* ------------------------------------------------- DEBUT Tableau -- */ .comparaison .tableau .table { margin: 0 auto; width: 80%; } .comparaison .tableau div.col-xs-12.col-sm-12.col-md-12.col-lg-12 { margin: -38px 0 0; } .comparaison .tableau .table tr, .comparaison .tableau .table th { text-align: center; } .comparaison .tableau .table tr th h5 { font-size: 24px; margin: 21px 0 0 0; } .comparaison .tableau .table th .triangle .ar-content { left: 814px; } .comparaison .tableau .table > thead > tr > th { border-bottom: 0; } .comparaison .tableau .table tbody tr:first-child td, .comparaison .tableau .table tbody tr:first-child th { border-top: 0; } .comparaison .tableau .table tr td.premium, .comparaison .tableau .table tr th.premium { background: #ffffff; } .comparaison .tableau .table tr td.premium, .comparaison .tableau .table tr th.premium { border-left: 3px solid #FF5555; border-right: 3px solid #FF5555; } .comparaison .tableau .table thead tr th.premium { border-top: 3px solid #FF5555; } .comparaison .tableau .table tr th.premium div.espace { height: 15px; } .comparaison .tableau .table thead th.premium .apartir { color: #FF5555; font-size: 11px; } .comparaison .tableau .table thead th.premium h4 { color: rgba(70, 85, 105, 0.8); font-size: 24px; font-weight: bold; } .comparaison .tableau .table th.premium .encart { display: none; } .comparaison .tableau .table thead:last-child tr th.premium { border-bottom: 3px solid #FF5555; border-top: 0; } .comparaison .tableau .table thead th.decouverte div.offre-d { background: #d5d8da; padding: 11px 8px 8px 8px; } .comparaison .tableau .table thead th.decouverte h4 { color: rgba(70, 85, 105, 0.8); font-size: 20px; font-weight: bold; } .comparaison .tableau .table thead:last-child th.decouverte { background: #d5d8da; } .comparaison .tableau .table tr td.decouverte, .comparaison .tableau .table tr th.decouverte { background: #d5d8da; } .comparaison .tableau .table thead th.decouverte { background: transparent none repeat scroll center top; padding: 0; } .comparaison .tableau .table tr td.premium, .comparaison .tableau .table tr th.premium, .comparaison .tableau .table tr td.decouverte, .comparaison .tableau .table tr th.decouverte { width: 22.41%; } .comparaison .tableau .table tr th.premium .btn-orange, .comparaison .tableau .table tr th.decouverte .btn-vert { font-size: 17px; } .comparaison .tableau .table tr td.decouverte, .comparaison .tableau .table tr td.premium { color: #757585; font-size: 16px; } .comparaison .tableau .table tr td.decouverte .icon-i-valide-01:before, .comparaison .tableau .table tr td.premium .icon-i-valide-01:before { color: #FF5555; font-size: 16px; } .comparaison .tableau .table th.libelle { text-align: left; } .comparaison .tableau .table tr th.libelle { font-size: 16px; color: #222255; font-weight: normal; width: 40.18%; } .comparaison .tableau .table tr th.libelle.categorie { font-size: 20px; font-weight: bold; padding-top: 25px; } .comparaison .tableau .table tr th.libelle.categorie.un { padding-top: 0px; } .comparaison .tableau .table th.libelle { vertical-align: top; } .comparaison .tableau .table th.libelle.orange { color: #FF5555; font-weight: bold; } /* ------------------------------------------------- FIN Tableau -- */ .footer-comparaison .img-footer { background-color: #ffffff; background-image: url("../img/illustration-footer-abonnement.jpg"); background-position: center bottom; background-repeat: no-repeat; height: 161px; } .footer-comparaison .text-temoignage { float: right; padding: 10px; text-align: center; width: 403px; color: rgba(70, 85, 105, 0.8); font-size: 17px; font-style: italic; line-height: normal; margin: 24px 16px 0 0; } .footer-comparaison .text-temoignage p.auteur-temoignage { color: #222255; } /* -------------------------------------------------------------------------------------------------------- FIN Page Arguments -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page landing-page-15jours-offerts -- */ .landing-15j { font-family: "Lato", sans-serif; } header.landing-15j { height: 260px; } .landing-15j .logo img { width: 170px; margin: 58px 0 0 0; } .landing-15j .votre-histoire { width: 60%; float: left; margin: 0 0 0 29px; } .landing-15j .votre-histoire .img-bandeau { background-color: #ffffff; background-image: url("../img/illustration-footer-abonnement.jpg"); background-position: center -3px; background-repeat: no-repeat; height: 126px; margin: 0 0 0 29px; width: 450px; } .landing-15j .votre-histoire .ribbon { width: 512px; position: absolute; text-align: center; font-size: 14px !important; background: #222255; font-family: "Lato", sans-serif; } .landing-15j .votre-histoire .ribbon h2 { font-size: 25px !important; color: #ffffff; margin: 0px; padding: 8px 10px; font-family: "Lato", sans-serif; } .landing-15j .votre-histoire .ribbon:before, .ribbon:after { content: ''; position: absolute; display: block; bottom: -0.7em; border: 1.5em solid #222255; z-index: -1; } .landing-15j .votre-histoire .ribbon:before { left: -1.3em; border-right-width: 1.5em; border-left: 12px solid transparent; } .landing-15j .votre-histoire .ribbon:after { right: -1.3em; border-left-width: 1.5em; border-right: 12px solid transparent; } .landing-15j .votre-histoire .ribbon .ribbon-content:before, .landing-15j .votre-histoire .ribbon .ribbon-content:after { border-color: rgba(129, 138, 145, 0.8) transparent transparent; position: absolute; display: block; border-style: solid; bottom: -1em; content: ''; } .landing-15j .votre-histoire .ribbon .ribbon-content:before { left: 0; border-width: 0.6em 0 0.45em 1em; } .landing-15j .votre-histoire .ribbon .ribbon-content:after { right: 0; border-width: 0.6em 1em 0.45em 0; } .landing-15j .macaron-garantie { float: left; margin: 26px 0 0 164px; } :focus { outline: none; } .landing-15j h1 { color: #222255; font-size: 32px; text-align: center; font-family: "Lato", sans-serif; line-height: 43px; margin: -11px 0 0 0; font-weight: bold; } .landing-15j p { color: #333333; font-size: 17px; line-height: 19px; margin: 12px 0 0; text-align: center; } .landing-15j .formule .bloc1, .landing-15j .formule .bloc2, .landing-15j .formule .bloc3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 4px 0px #222255; -moz-box-shadow: 0px 0px 4px 0px #222255; box-shadow: 0px 0px 4px 0px #222255; width: 224px; margin: 0 35px 0 35px; text-align: center; padding: 25px 0 10px 0; } .landing-15j .formule .bloc1 h3, .landing-15j .formule .bloc2 h3, .landing-15j .formule .bloc3 h3 { color: #333333; font-size: 24px; font-weight: normal; border: 0; margin: 0 0 11px 0; line-height: 19px; font-family: "Lato", sans-serif; } .landing-15j .formule .bloc1 h2, .landing-15j .formule .bloc2 h2, .landing-15j .formule .bloc3 h2, .landing-15j .formule .bloc1 h2 span, .landing-15j .formule .bloc2 h2 span, .landing-15j .formule .bloc3 h2 span { color: #222255 !important; font-size: 24px; font-weight: weight; margin: 0; font-family: "Lato", sans-serif; line-height: 24px; } .landing-15j .formule .bloc1 h2 span, .landing-15j .formule .bloc2 h2 span, .landing-15j .formule .bloc3 h2 span { display: block; font-size: 16px; font-weight: normal; } .landing-15j .formule .panel { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; } .landing-15j .formule .bloc1 { /*margin:0 35px 0 162px;*/ margin: 0 35px 0 304px; } .landing-15j .formule { margin: 37px 0 0 0; } .landing-15j .formule .triangle .ar-content:after, .landing-15j .formule .bloc3.active .triangle .ar-content:after, .landing-15j .formule .bloc3:hover .triangle .ar-content:after { border-color: #FF5555 transparent transparent; border-width: 3px 86px; left: 1px; top: 100%; } .landing-15j .formule .triangle .ar-content, .landing-15j .formule .bloc3.active .triangle .ar-content, .landing-15j .formule .bloc3:hover .triangle .ar-content { background: #FF5555 none repeat scroll 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; left: 22px; padding: 6px 11px 7px; width: 172px; top: -18px; } .landing-15j .formule .bloc3 .triangle .ar-content:after { border-color: #757585 transparent transparent; border-width: 3px 86px; left: 1px; top: 101%; } .landing-15j .formule .bloc3 .triangle .ar-content { background: #757585; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; left: 26px; padding: 6px 11px 7px; width: 172px; top: -18px; } .landing-15j .formule .bloc1.active, .landing-15j .formule .bloc2.active, .landing-15j .formule .bloc3.active, .landing-15j .formule .bloc1.active:hover, .landing-15j .formule .bloc2.active:hover, .landing-15j .formule .bloc3.active:hover, .landing-15j .formule .bloc1:hover, .landing-15j .formule .bloc2:hover, .landing-15j .formule .bloc3:hover { color: #FF5555; border: 4px solid #FF5555; margin-top: -4px; margin-bottom: 6px; -webkit-box-shadow: 0px 0px 20px 0px #222255; -moz-box-shadow: 0px 0px 20px 0px #222255; box-shadow: 0px 0px 20px 0px #222255; } .landing-15j .formule .bloc1:hover, .landing-15j .formule .bloc2:hover, .landing-15j .formule .bloc3:hover { margin-bottom: 0px; } .landing-15j .formule .bloc1:hover, .landing-15j .formule .bloc2:hover, .landing-15j .formule .bloc3:hover { margin-bottom: 0px; } .landing-15j .formule .bloc1.active .offre h2, .landing-15j .formule .bloc2.active .offre h2, .landing-15j .formule .bloc3.active .offre h2, .landing-15j .formule .bloc1:hover .offre h2, .landing-15j .formule .bloc2:hover .offre h2, .landing-15j .formule .bloc3:hover .offre h2, .landing-15j .formule .bloc1.active .offre h2 span, .landing-15j .formule .bloc2.active .offre h2 span, .landing-15j .formule .bloc3.active .offre h2 span, .landing-15j .formule .bloc1:hover .offre h2 span, .landing-15j .formule .bloc2:hover .offre h2 span, .landing-15j .formule .bloc3:hover .offre h2 span { color: #5cb85c !important; } .landing-15j .formule .bloc1.active .icon-i-puce:before, .landing-15j .formule .bloc2.active .icon-i-puce:before, .landing-15j .formule .bloc3.active .icon-i-puce:before { content: "\e91c"; font-size: 32px; color: #FF5555; float: left; margin: 3px 0 0 0; } .landing-15j .formule .bloc2.active:hover .icon-i-puce:before, .landing-15j .formule .bloc3.active:hover .icon-i-puce:before { margin: 3px 0 0px 0; } /*.landing-15j .formule .bloc1 .icon-i-puce:before, .landing-15j .formule .bloc2 .icon-i-puce:before, .landing-15j .formule .bloc3 .icon-i-puce:before{ margin:0 0 21px 0; }*/ .landing-15j .formule .bloc1.active .offre span, .landing-15j .formule .bloc2.active .offre span, .landing-15j .formule .bloc3.active .offre span { display: block; color: #757585; margin: 7px 0 0; } .landing-15j .formule .bloc1 .offre span, .landing-15j .formule .bloc2 .offre span, .landing-15j .formule .bloc3 .offre span { display: none; } .landing-15j .formule .bloc1 .offre h2 span, .landing-15j .formule .bloc2 .offre h2 span, .landing-15j .formule .bloc3 .offre h2 span { display: block; color: #5cb85c; margin: 0 !important; } .landing-15j .btn-orange.gris { display: block; padding: 13px 21px; margin: 13px auto 15px; background: #757585; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .landing-15j .btn-orange.collapsed { display: block; padding: 13px 21px; margin: 13px auto 15px; background: #FF5555; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } _::-moz-svg-foreign-content, :root .landing-15j .btn-orange { display: block; padding: 13px 21px; margin: 13px 0 0 38%; } .landing-15j .temoignage { margin: 0 0 25px 0; } .landing-15j .temoignage p { font-size: 20px; color: rgba(70, 85, 105, 0.8); font-style: italic; text-align: center; margin: 38px 0 10px 0; font-family: "Lato", sans-serif; line-height: 29px; } .landing-15j .temoignage p:nth-child(2) { font-size: 16px; color: #222255; font-style: normal; text-align: center; margin: 0 0 10px 0; font-family: "Roboto",sans-serif; } .plus-client { background: #f3f3f3; padding: 15px 0 10px 0; } .plus-client div { text-align: center; color: #222255; font-size: 20px; } .plus-client div p { line-height: 24px; margin: 10px auto 5px; width: 56%; } .plus-client div a { color: rgba(70, 85, 105, 0.8); text-decoration: none; } .landing-15j .illustration-argument { width: 612px; } .landing-15j .table > thead > tr > th, .landing-15j .table > tbody > tr > th, .landing-15j .table > tfoot > tr > th, .landing-15j .table > thead > tr > td, .landing-15j .table > tbody > tr > td, .landing-15j .table > tfoot > tr > td { border-bottom: 1px solid #d5d8da; border-top: 0; } .landing-15j .table { margin: -45px auto 10px; width: 76%; } .landing-15j .table > thead > tr > th { color: #222255; font-size: 20px; font-weight: bold; padding: 45px 0 5px 0; } .landing-15j .table > tbody > tr > th { color: #222255; font-size: 16px; font-weight: normal; } .landing-15j .table > tbody > tr > th.orange { color: #FF5555; } .landing-15j .table > tbody > tr > th.strong { font-weight: bold; } .landing-15j .table > tbody > tr > th .nouveau-contenu { margin: 0 0 0 8px; font-size: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 1px 9px !important; background: #5cb85c; } .landing-15j .table .icon-i-valide-01 { color: #FF5555; font-size: 16px; } footer.landing-15j p { font-size: 11px; line-height: 15px; margin: 0 auto; width: 76%; text-align: left; } footer.landing-15j { margin: 25px 0 15px 0; } .landing-15j.bloc-formulaire-15j, .offre-15j-confirmation.bloc-formulaire-confirmation { background: #f3f3f3; } .landing-15j .formulaire-15j, .offre-15j-confirmation .formulaire-recherche-15j { padding: 30px 160px; } .landing-15j .formulaire-15j p { margin: -10px 0 0 0; } .landing-15j .formulaire-15j h3 { color: #222255; font-size: 24px; text-align: center; } .landing-15j .formulaire-15j p.lien-form { float: right; margin: 5px 0 0 0; } /*.landing-15j .formulaire-15j .form-group,*/ .offre-15j-confirmation .formulaire-recherche-15j .form-group { display: inline-block; width: 48.5%; margin: 32px 0 20px 0; } .landing-15j .formulaire-15j .form-group { display: block; width: 48.5%; margin: 32px auto 20px; } /*.landing-15j .formulaire-15j form .form-group:first-child, */ .offre-15j-confirmation .formulaire-recherche-15j form .form-group:first-child { margin: 0 15px 0 0; } .landing-15j .formulaire-15j form .form-group label, .offre-15j-confirmation .formulaire-recherche-15j form .form-group label { font-size: 17px; margin: 0 0 9px; } .landing-15j .formulaire-15j .btn-orange { display: block; padding: 13px 100px; margin: 13px auto 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .landing-15j .formulaire-15j .btn-facebook { display: block; padding: 13px 21px; margin: 25px auto 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .landing-15j .formulaire-15j form .form-group label.label-box { font-size: 14px; font-weight: normal; } .landing-15j .formulaire-15j .alert p { margin: 0; color: #ca0303; } .landing-15j .formulaire-15j .alert { margin: 0 0 30px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page landing-page-15jours-offerts -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Confirmation offre 15 jours -- */ .offre-15j-confirmation .logo img { width: 156px; } .offre-15j-confirmation .validation .icon-i-valide-02:before { font-size: 66px; margin: 0 auto 30px; color: #FF5555; display: block; width: 66px; } .offre-15j-confirmation .validation .icon-genea { display: inherit; } .offre-15j-confirmation .validation h3 { font-weight: normal; font-size: 20px; text-align: center; color: #333333; } .offre-15j-confirmation .validation .icon-i-macaron-100-garantie-1:before { font-size: 105px; left: 967px; position: absolute; top: -127px; } .offre-15j-confirmation .formulaire-recherche-15j h3 { color: #222255; text-align: center; font-size: 24px; } .offre-15j-confirmation .formulaire-recherche-15j .form-group.deux-champs { width: 23%; margin: 0 15px 0 0; } .offre-15j-confirmation .formulaire-recherche-15j .form-group.deux-champs + .form-group.deux-champs + .form-group { display: inline-block; } /* Chrome et Edge */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .offre-15j-confirmation .formulaire-recherche-15j .form-group.deux-champs + .form-group.deux-champs + .form-group { display: inline-block; } } .offre-15j-confirmation .btn-orange { display: block; margin: 13px auto 15px; padding: 13px 21px; } footer.offre-15j-confirmation .img-footer { background-color: #ffffff; background-image: url("../img/illustration-footer-abonnement-2.jpg"); background-position: center; background-repeat: no-repeat; height: 286px; margin: 75px 0 0 0; } footer.offre-15j-confirmation .img-footer p { bottom: 0; color: #ffffff; margin: 261px 0 0; text-align: center; } .offre-15j-confirmation .partage-offre { text-align: center; font-size: 20px; margin: 40px 0 0 0; } .offre-15j-confirmation .icon-i-avatar-neutre-plus:before { font-size: 30px; margin: 0 10px 0 0; color: #FF5555; } .offre-15j-confirmation .alert-warning p { text-align: center; font-size: 17px; line-height: 19px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Confirmation offre 15 jours -- */ /* ================================================================================ media queries ================================================================================ ============================================================================================================================================================================= */ @media (max-width: 1200px) { /*======================================================================== 1200px ============================================================== */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral -- */ header h1 { font-size: 24px; } .bloc-paiement { width: 32%; letter-spacing: 0; } .bloc-transaction { width: 31%; } .triangle .ar-content { left: 105px; } .abo-v2 .formule .bloc2 { margin: 8px 0 0 167px; } .abo-v2 .formule .bloc1 { margin: 22px 0 0 -32px; } /* DEBUT Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ .macaron-offre-doc { background: url("../img/recherches/macaron-doc-offert-60.png") no-repeat scroll 0 0 transparent; height: 59px; left: 85%; width: 60px; } /* FIN Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral VERSION 2 Nicolas-- */ header.abo-v2 { padding: 0 0 6px; } header.abo-v2 h1 { font-size: 26px; } .abo-v2 h2.services { font-size: 18px; } .abo-v2 .services span { margin: 0 0 0 8px; } .abo-v2 h3, .abo-v2 h3 { margin: 0 0 7px 0; } .abo-v2 .bloc-abo { margin: 5px 0 12px; } .bloc-abo .bloc1 { padding: 0 10px 0 37px; } .bloc-abo .bloc2 { padding: 0 20px; } .bloc-abo .bloc3 { padding: 0 37px 0 10px; } .abo-v2 .triangle .ar-content { left: 80px; } .abo-v2.code-reduc input { margin: 0 4px 0 36px; } .abo-v2 p.arguments span { margin: 22px 0 0; font-size: 12px; } .abo-v2 p.arguments span.encart { margin: -15px 34px 6px; } .abo-v2.code-reduc label { margin: 0 0 0 46px; } .abo-v2 .formule .bloc1 button.active, .abo-v2 .formule .bloc1 button:hover, .abo-v2 .formule .bloc1 button { margin: -15px 0 0; } .abo-v2 button.bloc-paiement:first-child, .abo-v2 button.bloc-paiement.active:first-child, .abo-v2 button.bloc-paiement.active:hover:first-child { /*margin-left: 0;*/ margin-left: 194px; } .abo-v2 .bloc-paiement { width: 19%; } .abo-v2 .bloc-paiement.active, .abo-v2 .bloc-paiement.active:hover, .abo-v2 .bloc-paiement { margin: 7px 0.7% 0 0; } .abo-v2 .bloc-paiement:hover { margin: 7px 0.7% 0 0; } .abo-v2 .triangle#eco-6mois .ar-content { left: 65px; } .abo-v2 .bloc-1consult-abo { width: 93%; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral VERSION 2 Nicolas-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Cr├®ation de compte avec adhesion-- */ .bloc-recapitulatif .bloc-services .bloc-contact h4, .bloc-recapitulatif .bloc-services .bloc-securite h4 { width: 81%; } .bloc-formulaire .civilite .prenom, .bloc-formulaire .civilite .nom { width: 41.3%; } .bloc-formulaire .mdp .mdp1, .bloc-formulaire .mdp .mdp2 { width: 46.5%; } .bloc-contact .num-vert { margin: 0 0 0 17%; } .bloc-contact p { margin: 3px 0 0 17%; } .back-footer-d { margin: 5px 0 0; } .back-footer-d .texte-footer p { margin: 97px 28px 0 0; } .bloc-recapitulatif .bloc-recap .bloc-recherche .info-recherche { width: 64%; } /* ----------------------------------------- largeur des champs du doc consult├® AVEC VISUEL DE RECHERCHE--- */ .bloc-recapitulatif .bloc-recap .bloc-recherche p.typeacte span + span, .bloc-recapitulatif .bloc-recap .bloc-recherche p.date span + span, .bloc-recapitulatif .bloc-recap .bloc-recherche p.source span + span { float: none; width: 100%; margin: 0 0 5px 0; } .back-footer-d.doc { margin: 10px 0 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page Cr├®ation de compte avec adhesion-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page D├®sinscription des newsletter -- */ .desinscription { margin: 0 0 225px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page D├®sinscription des newsletter -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Arguments -- */ /* ------------------------------------------------- DEBUT Colonnes -- */ .comparaison .service { left: 16px; } .comparaison .acces-ill { right: 35px; top: 9px; } .comparaison img.illustration-argument { margin: 0 0 0 70px; width: 544px; } .comparaison .colonne .table { width: 78%; } .comparaison .colonne .table td.decouverte .triangle .ar-content { left: 190px; } .comparaison .colonne .table td.premium .triangle .ar-content { left: 561px; } } @media screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 0) { .comparaison .colonne .table td.decouverte .separtion-verticale { height: 112px; } } @media (max-width: 1200px) { _::-moz-svg-foreign-content, :root .comparaison .colonne .table td.decouverte .separtion-verticale { height: 118px; } /* ------------------------------------------------- FIN Colonnes -- */ /* ------------------------------------------------- DEBUT Tableau -- */ /*header.abo-v2 h1 { color: RED; }*/ .comparaison .tableau .table { margin: 0 auto; width: 95%; } .comparaison .tableau .table th .triangle .ar-content { left: 710px; } /* ------------------------------------------------- FIN Tableau -- */ /* -------------------------------------------------------------------------------------------------------- FIN Page Arguments -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page landing-page-15jours-offerts -- */ .icon-i-macaron-100-garantie-1:before { font-size: 103px; } .landing-15j .votre-histoire { margin: 0 0 0 61px; } .landing-15j .logo img { margin: 48px 0 0; width: 186px; } .landing-15j .formule .bloc1 { /*margin: 0 35px 0 62px;*/ margin: 0 35px 0 208px; } _::-moz-svg-foreign-content, :root .landing-15j .btn-orange { display: block; padding: 13px 21px; margin: 13px 0 0 35%; } .landing-15j .formulaire-15j, .offre-15j-confirmation .formulaire-recherche-15j { padding: 30px 65px; } .landing-15j .macaron-garantie { margin: 25px 0 0 116px; } /* -------------------------------------------------------------------------------------------------------- FIN Page landing-page-15jours-offerts -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Confirmation offre 15 jours -- */ .offre-15j-confirmation .validation .icon-i-macaron-100-garantie-1:before { left: 836px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Confirmation offre 15 jours -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ecran (992) + largeur tablette portrait (767px) -- */ @media (max-width: 992px) { /*======================================================================== 992px ============================================================== */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral-- */ header { margin: 0 0 59px 0; } header h2 { font-size: 20px; } .bloc-abo .bloc1 { padding: 0 10px 0 17px; } .bloc-abo .bloc2 { padding: 0 14px; } .bloc-abo .bloc3 { padding: 0 17px 0 10px; } .offre h3 { margin: 22px 19px 10px; } .triangle .ar-content { left: 36px; } .code-reduc a { font-size: 14px; } .back-footer .texte-footer { padding: 68px 0 0; } .back-footer .texte-footer p { margin: 0 0 6px -68px; } .abo-v2 .formule .bloc2 { margin: 8px 0 0 129px; } .abo-v2 .formule .bloc1 { margin: 22px 0 0; } .abo-v2 .offre h3 { margin: 27px 0 4px; } /* DEBUT Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ .bloc-1consult-abo .info-doc-abo .texte-doc-abo { width: 66%; } /* FIN Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral VERSION 2 Nicolas-- */ header.abo-v2 { margin: 0; height: auto; } header.abo-v2 h1 { font-size: 20px; } .abo-v2 h2.services { font-size: 14px; } .abo-v2.code-reduc input { margin: 0 4px 0 17px; } .abo-v2 .triangle .ar-content { left: 36px; } .abo-v2.code-reduc label { margin: 0 0 0 16px; } .abo-v2 button.bloc-paiement:first-child, .abo-v2 button.bloc-paiement.active:first-child, .abo-v2 button.bloc-paiement.active:hover:first-child { margin-left: 87px; } .abo-v2 .bloc-paiement { width: 20.9%; } .abo-v2 .bloc-paiement { width: 24%; } .abo-v2 .bloc-paiement { padding: 10px 2px 26px; } .abo-v2 .bloc-paiement:hover { padding: 10px 2px 26px; } .abo-v2 .bloc-paiement h5 { font-size: 12px; } .abo-v2.bloc-transaction h5 { display: block; margin: 0 0 5px -4%; } .abo-v2 .triangle#eco-6mois .ar-content { left: 32px; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral VERSION 2 Nicolas-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Cr├®ation de compte avec adhesion-- */ .container.base-tablette { width: 750px; } header.neutre { padding: 0 0 10px 0; margin: 0; } .bloc-formulaire .civilite .civ { width: 18%; } .bloc-formulaire .civilite .prenom, .bloc-formulaire .civilite .nom { width: 38.5%; } .bloc-formulaire .mdp .mdp1, .bloc-formulaire .mdp .mdp2 { width: 45%; } .bloc-recapitulatif .bloc-services .bloc-contact h4, .bloc-recapitulatif .bloc-services .bloc-securite h4 { width: 75%; } .num-vert { margin: 0 0 0 24%; } .bloc-contact p { margin: 3px 0 0 24%; } .back-footer-d { background-position: 61% bottom; width: 100%; margin: 14px 0 0; } .back-footer-d .texte-footer a { border-right: 0 none; display: block; margin: 0 0 3px 0; } .bloc-recapitulatif .bloc-recap .bloc-recherche .info-recherche { width: 63%; } .back-footer-d.doc { margin: 8px 0 0 0; } .back-footer-d .texte-footer p { margin: 62px 28px 0 0; } .bloc-contact p { margin: 3px 0 0 17%; } /* -------------------------------------------------------------------------------------------------------- FIN Page Cr├®ation de compte avec adhesion-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Arguments -- */ /* ------------------------------------------------- DEBUT Colonnes -- */ .comparaison .service { left: 4px; } .comparaison .service .icon-i-r-rouage-vide:before, .comparaison .acces-ill .icon-i-r-document-vide:before { font-size: 61px; } .comparaison .service h3, .comparaison .acces-ill h3 { font-size: 16px; } .comparaison .service li, .comparaison .acces-ill li { font-size: 13px; } .comparaison .service .icon-i-valide-01:before, .comparaison .acces-ill .icon-i-valide-01:before { font-size: 9px; } .comparaison .acces-ill { right: 6px; } .comparaison img.illustration-argument { margin: 0 0 0 108px; width: 496px; } .comparaison .colonne .table { width: 94%; } .comparaison .colonne .table td.decouverte .triangle .ar-content { left: 101px; } .comparaison .colonne .table td.premium .triangle .ar-content { left: 456px; } .footer-comparaison .text-temoignage { font-size: 15px; margin: 2px 16px 0 0; width: auto; } /* ------------------------------------------------- FIN Colonnes -- */ /* ------------------------------------------------- DEBUT Tableau -- */ /*header.abo-v2 h1 { color: pink; }*/ .comparaison .tableau .table { width: 100%; } .comparaison .tableau .table tr th.libelle { width: 32.18%; } .comparaison .tableau .table th .triangle .ar-content { left: 543px; } .comparaison .tableau .table tr th h5 { font-size: 22px; margin: 26px 0 0; } .comparaison .tableau .table tr th.premium .btn-orange, .comparaison .tableau .table tr th.decouverte .btn-vert { font-size: 15px; } /* ------------------------------------------------- FIN Tableau -- */ /* -------------------------------------------------------------------------------------------------------- FIN Page Arguments -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page landing-page-15jours-offerts -- */ .landing-15j .logo img { display: block; margin: 18px auto 13px; width: 202px; } .landing-15j .macaron-garantie { display: none; } .landing-15j h1 { margin: 28px 0 0 0; } .landing-15j .votre-histoire { margin: 0 0 0 16%; } .landing-15j .formule .bloc1, .landing-15j .formule .bloc2, .landing-15j .formule .bloc3 { margin: 0 10px; } .landing-15j .formule .bloc1 { /*margin: 0 10px 0 18px;*/ margin: 0 72px 0 110px; } .plus-client div p { width: 90%; } _::-moz-svg-foreign-content, :root .landing-15j .btn-orange { display: block; padding: 13px 21px; margin: 13px 0 0 33%; } .landing-15j .formulaire-15j, .offre-15j-confirmation .formulaire-recherche-15j { padding: 30px 15px; } /* -------------------------------------------------------------------------------------------------------- FIN Page landing-page-15jours-offerts -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Confirmation offre 15 jours -- */ header.offre-15j-confirmation { margin: 0 0 130px; } .offre-15j-confirmation .validation .icon-i-macaron-100-garantie-1:before { display: none; } /* -------------------------------------------------------------------------------------------------------- FIN Page Confirmation offre 15 jours -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur tablette portrait (767px) -- */ @media (max-width: 767px) { /*======================================================================== 992px ============================================================== */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral-- */ header { margin: 0 0 65px; } header h1 { font-size: 20px; } header h2 { font-size: 18px; } .triangle .ar-content { left: 38%; } .bloc-abo .bloc1, .bloc-abo .bloc2, .bloc-abo .bloc3 { padding: 0 5px 5px 5px; } .code-reduc a { margin: 7px 0 0 10px; } .code-reduc input { width: 34%; } .bloc-transaction h5 { font-size: 13px; letter-spacing: -0.8px; } .bloc-1consult-abo .liste-abo { border-right: none; border-bottom: 1px solid rgba(249, 101, 102, 0.8); padding: 0 0 10px 0; margin: 0 0 10px 0; } .abo-v2 .bloc-1consult-abo .liste-abo { border-right: none; border-bottom: none; padding: 0; margin: 0; } .offre a.petiteligne { font-size: 14px; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral VERSION 2 Nicolas-- */ .abo-v2 .services .icon-i-valide-01:before { display: none; } .abo-v2 .services span:after { content: ","; } .abo-v2 .services span { margin: 0; } .abo-v2 .services .icon-i-r-document-vide:before, .abo-v2 .services .icon-i-r-rouage-vide:before { font-size: 28px; } .abo-v2 h2.services { font-size: 13px; } .abo-v2.code-reduc input { margin: 0 4px 0 4px; } .abo-v2.code-reduc input { width: 31%; } .abo-v2.code-reduc a { margin: 6px 0 0 4px; } .abo-v2 .bloc-paiement { width: 100%; } .abo-v2 button.bloc-paiement:first-child, .abo-v2 button.bloc-paiement.active:first-child, .abo-v2 button.bloc-paiement.active:hover:first-child { margin-left: 0; } .abo-v2 .bloc-paiement h5 { font-size: 14px; } .abo-v2 .triangle .ar-content, .abo-v2 .triangle#eco-6mois .ar-content { left: 38%; } .abo-v2 .formule .bloc1, .abo-v2 .formule .bloc2, .abo-v2 .formule .bloc3 { margin: 0; } .abo-v2 .formule { margin: 40px 0 5px 0; } .abo-v2 .offre h2 { margin: 0 0 9px; } .abo-v2.bloc-transaction h5 { margin: 0 0 5px 2%; } .abo-v2 .bloc-abo .bloc1, .abo-v2 .bloc-abo .bloc2, .abo-v2 .bloc-abo .bloc3 { padding: 0 5px 44px; } .abo-v2 .bloc-1consult-abo .img-doc-abo { display: none; } .abo-v2 .bloc-1consult-abo { width: 99%; } .abo-v2 .bloc-paiement { text-align: left; } .abo-v2 .bloc-paiement h5 { display: inline-block; margin: 6px 14px 0 15px; vertical-align: top; } .abo-v2 .bloc-paiement .icon-i-valide-01:before { display: inline-block; margin: -19px 0 0; vertical-align: top; } .abo-v2 .bloc-paiement, .abo-v2 .bloc-paiement:hover { padding: 10px 0 10px 12px; } .abo-v2 .bloc-paiement.active, .abo-v2 .bloc-paiement.active:hover { padding: 10px 0 10px 12px; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral VERSION 2 Nicolas-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Cr├®ation de compte avec adhesion-- */ .container.base-tablette { padding-left: 4px; padding-right: 4px; margin-left: auto; margin-right: auto; width: 100%; } .bloc-formulaire .civilite .prenom, .bloc-formulaire .civilite .nom { width: 39%; } .bloc-formulaire .mdp .mdp1, .bloc-formulaire .mdp .mdp2 { width: 46%; } .bloc-formulaire .lieu .cp { width: 20.5%; } .bloc-recapitulatif { padding: 10px 0 0 0; } .bloc-contact .num-vert { margin: 0 0 0 7%; } .bloc-contact p { margin: 3px 0 0 7%; } .bloc-recapitulatif .bloc-services .bloc-securite .securite { margin: 0; } .bloc-recapitulatif .bloc-recap .bloc-recherche .img-recherche { display: none; } .bloc-recapitulatif .bloc-recap .bloc-recherche .info-recherche { width: 100%; } /* -------------------------------------------------------------------------------------------------------- FIN Page Cr├®ation de compte avec adhesion-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Arguments -- */ /* ------------------------------------------------- DEBUT Colonnes -- */ .comparaison .service, .comparaison .acces-ill { display: none; } .comparaison img.illustration-argument { margin: 0; width: 428px; } .comparaison .colonne .table { width: 100%; } .comparaison .colonne .btn-vert, .comparaison .colonne .btn-orange { font-size: 15px; } .comparaison .colonne .table td.premium .triangle .ar-content { left: 60%; } .comparaison .colonne .table td.decouverte .triangle .ar-content { left: 9%; } /* ------------------------------------------------- FIN Colonnes -- */ /* ------------------------------------------------- DEBUT Tableau -- */ /*header.abo-v2 h1 { color: GREEN; }*/ .comparaison .tableau .table { width: 99%; } .comparaison .tableau .table th .triangle .ar-content { width: 138px; left: 73.5%; } .comparaison .tableau .table th .triangle .ar-content:after { border-width: 9px 73px; left: -4px; top: 97%; } .comparaison .tableau .table-responsive > .table > thead > tr > th, .comparaison .tableau .table-responsive > .table > tbody > tr > th, .comparaison .tableau .table-responsive > .table > tfoot > tr > th, .comparaison .tableau .table-responsive > .table > thead > tr > td, .comparaison .tableau .table-responsive > .table > tbody > tr > td, .comparaison .tableau .table-responsive > .table > tfoot > tr > td { white-space: inherit; } .comparaison .tableau .table-responsive { border: 0 none; margin-bottom: 0; } /* ------------------------------------------------- FIN Tableau -- */ /* -------------------------------------------------------------------------------------------------------- FIN Page Arguments -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page landing-page-15jours-offerts -- */ .landing-15j .votre-histoire .img-bandeau { display: none; } .landing-15j .votre-histoire { margin: 0 0 0 7%; } header.landing-15j { height: 106px; } .landing-15j h1 { font-size: 26px; line-height: normal; margin: 35px 0 0 0; } .landing-15j p { font-size: 15px; margin: 6px 0 0; } .landing-15j .formule { margin: 4px 0 0; } .landing-15j .formule .bloc1, .landing-15j .formule .bloc2, .landing-15j .formule .bloc3 { width: 97%; margin: 15px 10px 1px; } .landing-15j .formule .bloc3 { margin: 29px 10px 0; } .landing-15j .formule .triangle .ar-content, .landing-15j .formule .bloc3.active .triangle .ar-content, .landing-15j .formule .bloc3:hover .triangle .ar-content { left: 37.9%; } .landing-15j .formule .bloc3 .triangle .ar-content { left: 38%; } .landing-15j .formule .bloc1.active, .landing-15j .formule .bloc2.active, .landing-15j .formule .bloc3.active, .landing-15j .formule .bloc1:hover, .landing-15j .formule .bloc2:hover, .landing-15j .formule .bloc3:hover { margin: 11px 10px 0; } .landing-15j .formule .bloc3.active, .landing-15j .formule .bloc3:hover { margin: 26px 10px 0; } .landing-15j .votre-histoire .ribbon { margin: 0 auto; position: relative; } .landing-15j .votre-histoire { margin: 0 auto; float: initial; width: auto; } .plus-client div p { width: 98%; } .plus-client div a { line-height: 24px; } .landing-15j .table-responsive { border: 0; } .landing-15j .table { width: 89%; } .landing-15j .formule { margin: 4px 0 15px; } .landing-15j .formule .triangle .ar-content { left: 36%; } .landing-15j .formulaire-15j p.lien-form { float: left; margin: 10px 0 0; } .landing-15j .formulaire-15j .form-group { display: inline-block; margin: 15px 0 20px; width: 48%; } /* -------------------------------------------------------------------------------------------------------- FIN Page landing-page-15jours-offerts -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Confirmation offre 15 jours -- */ .offre-15j-confirmation .formulaire-recherche-15j .form-group { width: 48%; } .offre-15j-confirmation .formulaire-recherche-15j .form-group.deux-champs { width: 22.5%; } .offre-15j-confirmation .img-footer { display: none; } footer.offre-15j-confirmation p { color: #333333; text-align: center; margin: 35px 0 10px 0; } header.offre-15j-confirmation { margin: 0 0 147px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Confirmation offre 15 jours -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */ @media (max-width: 610px) { /*======================================================================== 610 px ============================================================== */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral-- */ header { margin: 0 0 80px; } header h1 { margin: 10px 0 3px 0; } header h2 { font-size: 17px; } header .infobar-drop { margin: 10px 5px 0 0; } .triangle .ar-content { font-size: 14px; margin: 0 0 0 -93px; padding: 9px 19px 6px; left: 51%; } .offre h3 { margin: 30px 19px 10px; } .offre h2.offre3 { margin: 0 0 68px; } .bloc-paiement { width: 48%; } .bloc-transaction { width: 47%; } .bloc-transaction h5 { font-size: 14px; letter-spacing: 0; } .back-footer .texte-footer { padding: 31px 0 0; } .offre .eco { font-size: 15px; } /* DEBUT Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ .macaron-offre-doc { left: 77%; } .bloc-1consult-abo .info-doc-abo { padding: 0 0 10px 0; } .bloc-1consult-abo .liste-abo p { font-size: 13px; } /* FIN Bloc 1ere consultation gratuite ----------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral VERSION 2 Nicolas-- */ header.abo-v2 { margin: 0; } /*header.abo-v2 h1 { color:pink; }*/ .abo-v2 h2.services { font-size: 14px; width: 90%; margin: 0 0 10px; } .abo-v2.code-reduc input { width: 37%; } .abo-v2 h3, .abo-v2 h3 { margin: 0 0 20px 3px; } .abo-v2 p.arguments span { margin: 4px 0 0; } .abo-v2.code-reduc { margin: 0px 0 11px 0; } .abo-v2.code-reduc label { margin: 0 0 0 10px; } .abo-v2 .bloc-paiement { width: 48.8%; } .abo-v2 .bloc-paiement h5 { font-size: 13px; } .abo-v2 .triangle .ar-content, .abo-v2 .triangle#eco-6mois .ar-content { left: 50%; } .abo-v2 .ligne-obligatoire { margin: 15px 0; } .abo-v2.bloc-transaction h5 { margin: 0 0 5px -5%; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral VERSION 2 Nicolas-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Cr├®ation de compte avec adhesion-- */ .bloc-formulaire .civilite .prenom, .bloc-formulaire .civilite .nom { width: 38.7%; } .bloc-formulaire .mdp .mdp1, .bloc-formulaire .mdp .mdp2 { width: 45%; } .bloc-recapitulatif .bloc-services .bloc-contact { padding: 0; } .bloc-formulaire .lieu .ville { width: 77%; } .bloc-recapitulatif .bloc-services .bloc-contact h4, .bloc-recapitulatif .bloc-services .bloc-securite h4 { width: 100%; } .num-vert { margin: 0; } .bloc-contact .num-vert { margin: 0; } .bloc-contact p { margin: 3px 0 0 0; } .bloc-recapitulatif .bloc-services .bloc-securite { padding: 0; } .bloc-recapitulatif .bloc-services .bloc-securite .securite { margin: 0; } .bloc-recapitulatif .bloc-services .bloc-securite .securite .icone-sg { margin: 0; } .bloc-recapitulatif .bloc-services .bloc-securite .securite .icone-cil { margin: 0 0 5px 20px; } .bloc-formulaire .champ-float.icon-i { width: 87%; } .arbre-abonnement-inscription { background: none; } .bloc-recapitulatif .bloc-services .bloc-securite .securite .icone-sg { height: 39px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Cr├®ation de compte avec adhesion-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page D├®sinscription des newsletter -- */ .desinscription { margin: 0 0 60px 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page D├®sinscription des newsletter -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Arguments -- */ /* ------------------------------------------------- DEBUT Colonnes -- */ .comparaison .colonne .table td.premium .triangle .ar-content { left: 52%; top: 4px; } .comparaison .colonne .table td.decouverte .triangle .ar-content { left: 52%; top: 263px; } .comparaison .colonne .table td { background: #ffffff none repeat scroll 0 0; display: inline-block; padding: 24px 10px 14px; width: 100%; } .comparaison .colonne .table td.decouverte { margin: 23px 0 28px; } .comparaison .colonne .table td.premium { margin: 0; } /* ------------------------------------------------- FIN Colonnes -- */ /* ------------------------------------------------- DEBUT Tableau -- */ /*header.abo-v2 h1 { color: BLUE; }*/ .comparaison .tableau .table-responsive > .table > thead > tr > th, .comparaison .tableau .table-responsive > .table > tbody > tr > th, .comparaison .tableau .table-responsive > .table > tfoot > tr > th, .comparaison .tableau .table-responsive > .table > thead > tr > td, .comparaison .tableau .table-responsive > .table > tbody > tr > td, .comparaison .tableau .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .comparaison .tableau .table th .triangle .ar-content { display: none; } .comparaison .tableau .table th.premium .encart { display: block; font-size: 20px; color: #FF5555; font-weight: bold; } .comparaison .tableau .table tr th.premium div.espace { height: 6px; } /* ------------------------------------------------- FIN Tableau -- */ /* -------------------------------------------------------------------------------------------------------- FIN Page Arguments -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page landing-page-15jours-offerts -- */ .landing-15j .votre-histoire .ribbon { width: 347px; } .landing-15j .votre-histoire .ribbon h2 { font-size: 21px !important; } header.landing-15j { height: 76px; } .landing-15j .formule .triangle .ar-content { left: 51%; } .landing-15j .temoignage, .plus-client, .landing-15j .illustration-argument { display: none; } .landing-15j .table { margin: 0 auto 10px; } .landing-15j .formule .triangle .ar-content, .landing-15j .formule .bloc3.active .triangle .ar-content, .landing-15j .formule .bloc3:hover .triangle .ar-content { left: 52%; } .landing-15j .formule .bloc3 .triangle .ar-content { left: 52%; } _::-moz-svg-foreign-content, :root .landing-15j .btn-orange { display: block; padding: 13px 21px; margin: 13px 0 0 25%; } .landing-15j .formulaire-15j .form-group { width: 47%; } footer.landing-15j p { width: 100%; } /* -------------------------------------------------------------------------------------------------------- FIN Page landing-page-15jours-offerts -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Confirmation offre 15 jours -- */ .offre-15j-confirmation .formulaire-recherche-15j .form-group { width: 47%; } .offre-15j-confirmation .formulaire-recherche-15j .form-group.deux-champs { width: 22%; } .offre-15j-confirmation .partage-offre a { display: block; margin: 10px 0 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page Confirmation offre 15 jours -- */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: largeur telephone-- */ @media (max-width: 496px) { /*======================================================================== 496 px ============================================================== */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral-- */ header h1 { margin: 10px 0 5px 0; } .code-reduc label { display: block; margin: 0 0 9px 0; } .code-reduc { margin: 15px 0; } .code-reduc input { width: 49%; } .bloc-paiement, .bloc-transaction { width: 99%; } header .infobar-drop { margin: 6px 5px 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Abonnement g├®n├®ral VERSION 2 Nicolas-- */ header.abo-v2 h1 { font-size: 22px; } .abo-v2 h2.services { display: none; } .abo-v2.code-reduc input { width: 60%; } .abo-v2.code-reduc input { margin: 0 0 5px 5px; width: 60%; } .abo-v2.code-reduc a { line-height: 20px; } .bloc-abo .bloc1, .bloc-abo .bloc2, .bloc-abo .bloc3 { padding: 0 5px 9px; } .abo-v2 .bloc-paiement { width: 100%; } .abo-v2.bloc-transaction { margin: 10px 0 0 17%; width: 83%; } header.abo-v2 { margin: 0 0 5px 0; } .abo-v2 .bloc-paiement { padding: 7px 5px 16px; } .abo-v2 .bloc-paiement:hover { padding: 7px 5px 16px; } .abo-v2.bloc-transaction h5 { margin: 0 0 5px -2%; font-size: 13px; } /* -------------------------------------------------------------------------------------------------------- FIN Abonnement g├®n├®ral VERSION 2 Nicolas-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Cr├®ation de compte avec adhesion-- */ .bloc-formulaire .civilite .civ { width: 29%; float: inherit; } .bloc-formulaire .civilite .prenom, .bloc-formulaire .civilite .nom { width: 48%; } .bloc-formulaire .lieu .cp { width: 30%; } .bloc-formulaire .lieu .ville { width: 66%; } .bloc-formulaire .civilite .prenom { margin: 0 10px 0 0; } .bloc-formulaire .civilite .nom { margin: 0; } .bloc-formulaire .mdp .mdp1, .bloc-formulaire .mdp .mdp2 { float: inherit; margin: 0 0 0 0; width: 100%; } .bloc-formulaire .mdp .mdp2 { float: left; margin: 0 10px 0 0; width: 87%; } .bloc-formulaire select.pays { width: 100%; } /* -------------------------------------------------------------------------------------------------------- FIN Page Cr├®ation de compte avec adhesion-- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Arguments -- */ .comparaison img.illustration-argument { display: none; } header.abo-v2 .comparaison h1 { margin: 7px 0 34px; } .comparaison .colonne .table td.decouverte .triangle .ar-content { top: 285px; } /* -------------------------------------------------------------------------------------------------------- FIN Page Arguments -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page landing-page-15jours-offerts -- */ header.landing-15j { height: 112px; } .landing-15j .votre-histoire .ribbon { width: 261px; } .landing-15j .votre-histoire .ribbon h2 { font-size: 20px !important; } .landing-15j .formule .bloc1, .landing-15j .formule .bloc2, .landing-15j .formule .bloc3 { margin: 15px 10px 1px 5px; } .landing-15j .formule .bloc1.active, .landing-15j .formule .bloc2.active, .landing-15j .formule .bloc3.active, .landing-15j .formule .bloc1:hover, .landing-15j .formule .bloc2:hover, .landing-15j .formule .bloc3:hover { margin: 11px 10px 0px 5px; } .landing-15j .formule .bloc3 { margin: 26px 10px 0 5px; } .landing-15j .formule .bloc3.active, .landing-15j .formule .bloc3:hover { margin: 22px 10px -1px 5px; } _::-moz-svg-foreign-content, :root .landing-15j .btn-orange { display: block; padding: 13px 21px; margin: 13px 0 0 18%; } .landing-15j .formulaire-15j .form-group { width: 100%; } .landing-15j .formulaire-15j form .form-group:first-child, .offre-15j-confirmation .formulaire-recherche-15j form .form-group:first-child { margin: 15px 15px 0 0; } /* -------------------------------------------------------------------------------------------------------- FIN Page landing-page-15jours-offerts -- */ /* -------------------------------------------------------------------------------------------------------- DEBUT Page Confirmation offre 15 jours -- */ .offre-15j-confirmation .formulaire-recherche-15j .form-group { width: 100%; } .offre-15j-confirmation .formulaire-recherche-15j .form-group.deux-champs { width: 44.3%; } .offre-15j-confirmation .partage-offre a { display: block; margin: 10px 0 0 0; } header.offre-15j-confirmation { margin: 0 0 155px; } .offre-15j-confirmation .formulaire-recherche-15j h3 { font-size: 23px; } .offre-15j-confirmation .formulaire-recherche-15j form .deux-champs:first-child { margin: 15px 0 0 0; } .offre-15j-confirmation .validation .icon-i-valide-02:before { margin: 10px 42%; } .offre-15j-confirmation .icon-i-avatar-neutre-plus::before { display: none; } /* -------------------------------------------------------------------------------------------------------- FIN Page Confirmation offre 15 jours -- */ } /* ================================================================================== ======================================================================= DEBUT IE 8-9-10 & co -- */ @media screen and (min-width: 0\0) { .panel .front { position: absolute; } .bloc-argument { height: 292px; } } #IE8 .triangle .ar-content:after, #IE9 .triangle .ar-content:after { border-width: 0; } #IE8 .panel .front, #IE9 .panel .front { position: absolute; } #IE8 .bloc-argument, #IE9 .bloc-argument { height: 292px; } #IE8 .panel .front, #IE9 .panel .front, #IE8 .panel .back, #IE9 .panel .back { width: 97%; } #IE8 .paiement .bloc-fond, #IE9 .paiement .bloc-fond { background: #d5d8da; width: 246px; height: 20px; top: -23px; position: absolute; display: block; } #IE8 .comparaison .colonne .table td.decouverte .triangle .ar-content, #IE9 .comparaison .colonne .table td.decouverte .triangle .ar-content { top: -17px; } #IE8 .comparaison .colonne .table TD.decouverte H4 { margin: 8px 0 5px 0; } #IE8 .comparaison .colonne .table TD.premium .apartir { margin: -10px 0 0 0; } #IE9 .comparaison .colonne .table td.decouverte h4:nth-child(2) { margin: 20px 0 5px 0; } #IE9 .comparaison .colonne .table td.decouverte .separtion-verticale, #IE8 .comparaison .colonne .table td.decouverte .separtion-verticale { height: 101px; } #IE8 footer.footer-comparaison { background: #ffffff; } @media (max-width: 1200px) { /*======================================================================== 1200px ============================================================== */ #IE8 .macaron-offre-doc { height: 89px; left: 81%; width: 91px; } } /*======================================================================== Media pour IE10 suivant largeur ============================================================== */ @media screen and (min-width: 0\0) and (max-width: 992px) { .panel .front { position: absolute; } .bloc-argument { height: 92px; margin: 247px 0 10px 4px; } .back-footer { padding-bottom: 165px; } } @media screen and (min-width: 0\0) and (max-width: 610px) { .bloc-argument { margin: 288px 0 10px 4px; } } /* ================================================================================== ======================================================================= FIN IE 8-9- & co -- */ /*# sourceMappingURL=abonnement-css.css.map */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}