/* main */ @font-face { font-family: 'parisienneregular'; src: url('/CSS/parisienne-regular-webfont.eot'); src: url('/CSS/parisienne-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/CSS/parisienne-regular-webfont.woff2') format('woff2'), url('/CSS/parisienne-regular-webfont.woff') format('woff'), url('/CSS/parisienne-regular-webfont.ttf') format('truetype'), url('/CSS/parisienne-regular-webfont.svg#parisienneregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .ranger { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .ranger::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #179B9B; cursor: pointer; box-shadow: 0 3px 5px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -5px 5px rgba(100,100,100,0.1), inset 0 5px 5px rgba(255,255,255,0.3) } .ranger::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #179B9B; cursor: pointer; } .slideValue{ clear:both;border-radius:50%;height:30px;width:65px;line-height:30px;margin:auto;text-align:center; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } thead.sticky { position: sticky; top: 0; position: -webkit-sticky; z-index:3} table .clickedLine { background-color: #FEEEC3} table .frozenRow{ position: -webkit-sticky; position: sticky; top: 0; z-index: 2; background: #ccc; } table.hover tbody tr:hover td { background-color: #FFEDC4; } table.freezeFirstCol > thead tr th:first-child, table.freezeFirstCol > tbody tr td:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; background: #ccc; } table thead.sticky tr th{background-color:#ccc;} table.freezeSecondCol > thead tr th:nth-child(2), table.freezeSecondCol > tbody tr td:nth-child(2) { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; background: #ccc; } table .frozenCol{ position: -webkit-sticky; position: sticky; left: 0; z-index: 2; background: #ccc; } table{width:100%;} ::selection{ background-color: #444;color: white;} input[type="submit"], .likeSub {margin-top:8px;min-width:20px;color:white;background-color:#179B9B;line-height:1.9em;border-left:1px solid #4891A5;border-bottom:1px solid #4891A5;border-radius:3px} input[type="submit"]:not([disabled]):hover {background-color:#82B8BF;cursor:pointer;} fieldset{border:1px solid #179B9B;padding:5px;border-radius:5px;margin:0px 15px;background-color:white} legend{color:#179B9B;font-weight:normal;background-color:white;font-size:1.2em;line-height:1.1em;margin-left:20px} nav input[type="submit"] {display:initial;margin:initial;margin:initial;color:#179B9B;background-color:whitesmoke} nav input[type="submit"]:hover {color:whitesmoke;background-color:#179B9B} .block_radio{display:block;margin-left:250px;text-align:left;} .block_radio label[for] {margin-right:22px;} .block_radio label[for] input{text-align:left;display:inline;margin:0;min-width:0;margin-right:3px;} .editableLg{cursor:pointer} .editableLg.dottedGreen{border:1px dashed green} .editableLg.dottedRed{border:1px dashed red} #forDonors.disabledForDonors{opacity:0.5} h1{text-align:center;clear:both;text-decoration:none;padding-top:0.75em;margin-top:0;font-family:parisienneregular,Century,"French Script MT",TypoUpright BT;font-size:2.4em;padding-bottom:0.25em;line-height: 1.35em;margin-bottom:10px} h2 {margin-top:0px;line-height:1.2em;text-align:left;color:#EEA2A4;font-weight:400!important;border-bottom:2px dotted #EEA2A4;display:inline-block} h3{font-family:Parisienne;font-size:x-large;} #en_bas h2{border:none} #acc_liste_liste h2, #acc_liste_site h2{display:block;border:none} table {border-collapse:collapse} ul {list-style-position: inside; } ul ul, ol ul, ol ol, ul ol {list-style-position: outside; padding-left:25px } ol ul {list-style-type: disc } a,.fake_link{text-decoration:none;color:#179B9B;border:none} img{border:none} input, textarea, fieldset, select{-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} .cont_box {-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} .avatar_pic{height:65px;border-radius:5px;vertical-align:middle} .mainsepa, .mainsepa2 {box-shadow: 0 15px 15px -10px rgba(0,0,0,.15) inset;padding:30px 0;} .mainsepa2{background-color:#f9f9f9} .maxwi {max-width:880px;margin:auto;padding-left:5px;padding-right:5px} #flagAriane img{max-height:20px;margin-top:1px} #footLang img{max-height:25px;margin:3px} #registrationFlags img{max-height:35px;margin:5px} #registrationFlags img:hover{transform:scale(1.15);transition: all 0.2s ease 0s;} .o-liste span{font-size: 120%;font-family:parisienneregular,Harrington,"French Script MT","TypoUpright BT",calibri} .odeoliste {font-size: 120%;font-family:parisienneregular,Harrington,"French Script MT","TypoUpright BT",calibri} body {font-family: Cambria, Calibri, Georgia, Helvetica, sans-serif;font-size:1.1em; margin:auto; padding:0; margin-top:0;line-height:1.5em;color:#404040;background-color:#FFFFFF;text-align:justify} #outnav {background-color:#179B9B;border-bottom:1px solid grey} #outnav:hover {border-bottom:1px solid #404040} #top {background-color: whitesmoke;} #outoliste{} #mainLogoImg:hover {transform:scale(1.05);transition: all 0.2s ease 0s;} #outlog{border:1px solid #606060;border-width:0px 0;background-color:#576970;text-align:right;vertical-align:middle;line-height:3em;min-height:80px} #outlog a{color:#ECF4F5!important} #inoliste,#inlog,nav{width:100%; padding:0; margin:auto;border-radius:0px;margin-bottom:0px;color:#303030;max-width:980px;min-height:2em} #inoliste{width:100%} #inlog{width:97%;min-height:66px} nav{width:100%;padding:0} .headnav{font-size:1.25em;font-weight:500;} nav table{width:100%;margin:auto;text-align:center;color:#FFF} nav table td{vertical-align:middle;padding:0} nav table tr td{box-sizing:border-box;position:relative;vertical-align:middle;line-height:3em;font-variant: small-caps;width:25%!important} nav .headnav a{text-decoration:none;color:#FFF} nav .hsnav a{text-decoration:none;display:block;color:#FFF} nav .hsnav {z-index:89;box-sizing:border-box;display:none;border-color:#179B9B;border-style:solid;border-width:0;line-height:1.8em;font-variant:normal;text-align:left;position:absolute;margin-top:0px;left:0px;background-color:#404040;border-radius:0 0 10px 10px;width:100%;padding-left:12px;padding-right:12px;} nav div ul {list-style-type:none;margin:0;padding:0} nav a:hover{text-decoration:underline;} nav ul a {text-decoration:none;} nav table tr td:hover {background-color:#404040;} nav .td1 {border:none;} #milieu{margin:auto;background-color:whitesmoke;width:100%;position:relative;padding-top: 10px;} #milieu::before{content: "";position: absolute;left: 0;bottom: 0;right: 0;background-repeat: repeat;height: 10px; background-size: 20px 20px; background-image:radial-gradient(circle at 10px -5px, transparent 12px, #ccc 13px); } article{min-height:490px;padding-left:4px;padding-right:4px;padding-bottom:25px;max-width:880px;margin:auto; background-color: white;box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);} footer{width:100%; padding-bottom:15px;font-size:0.9em;background-color:#576970;color:#ddd;padding-top:10px} footer a{color:#ECF4F5;} footer #flink,footer #flink a {color:#ECF4F5;} footer .fdiv {display:inline-block;vertical-align:center;text-align:center;width:112px;line-height:1em} footer img {max-height:50px;border-radius:50%;border:3px dotted pink;} footer img:hover {transform:scale(1.2);transition: all 0.2s ease 0s;} #int_foot{width:100%;padding:7px;} footer #infooter{max-width:1100px;margin:auto} #av_liste h2{margin-top:0px} .note {line-height:1.2em;font-size:0.95em;font-family:calibri;color:black;border-left:1px solid black;margin-left:8px;padding-left:8px;border-radius:0px 6px;background-color:#F3F9F5} nav .courjq{display:inline} nav .courjq a{display:inline} #div_connection {position:absolute;left:-110px;border-radius: 15px 0px 15px 15px;text-align:center} #div_offrir {left:-66px;top:0px;text-align:center;border-radius:15px} /* Form */ .radiocontainer {display:inline-block;position:relative;padding-left:25px;margin-bottom:8px;margin-right:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 1em} .radiocontainer input {position:absolute;opacity:0;} .radiocontainer .radio {position:absolute;top:1px;left:0;height:13px;width:13px;background-color:#eee;border-radius:50%;border:1px solid #aaa} .radiocontainer input:checked ~ .radio {background-color:#179B9B;border:1px solid transparent;-webkit-transition:.4s;transition:.4s;} .radiocontainer input:checked ~ .rtxt {color:#179B9B} .radiocontainer .radio:after {content:"";position:absolute;display:none;top:3px;left:3px;width:7px;height:7px;border-radius:50%;background:white;} .radiocontainer input:checked ~ .radio:after {display:block;} .oForm .switch { position:relative;display:inline-block;width:34px;height:20px;top:4px;margin-right:4px} .oForm .switch input[type=checkbox] {display:none!important;} .oForm .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:20px;} .oForm .slider:before {position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%;} .oForm input:checked + .slider {background-color:#179B9B;} .oForm input:focus + .slider {box-shadow:0 0 1px #179B9B;} .oForm input:checked + .slider:before {-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px);} /*Formulaire */ .oForm .fContainer{max-width:550px;margin:25px auto;background-color:whitesmoke;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0, 0.19)} .oForm .fTitle, .fTitle{background-color:#179B9B;margin:0;padding:12px;font-size:1.2em;color:white} .oForm .cleanForm{padding:15px} .oForm .fLabel {font-weight:bold;display:block;float:left;white-space:wrap;font-size:0.9em;margin-left:-4px;width:100%} .oForm input[type=text], .oForm input[type=email], .oForm input[type=password], .oForm input[type=url], .oForm input[type=number], .oForm input[type=color], .oForm select{display:inline-block;padding-left:7px;width:100%;min-height:33px;box-sizing: border-box;float:none} .oForm input[type=checkbox]{width:22px} .oForm textarea{width:100%;box-sizing: border-box!important} .oForm .sepa{height:17px;clear:both} .oForm input[type=radio]{min-width:20px!important;float:none!important} .oForm ::placeholder{color:#666;opacity:0.8} .oForm .group{width:100%;min-width:98%;display:block;float:left;text-align:left;line-height: 2.25em;} .oForm .group input[type=radio]{width:20px!important;min-height:15px} .oForm .subDiv{padding:15px;width:100%;box-sizing:border-box} input:required:placeholder-shown {border-left-color:salmon;border-left-width:2px} .oForm .fNote {line-height:1.2em;display:inline-block;color:#777;font-size:0.95em} .rad50 .radiocontainer {min-height:50px} .oForm .fContainer a {color:#179B9B} .oForm .fContainer .sub_100 {max-width:90%;margin:15px auto 10px auto;display:block;} /*Infobulle title*/ .infobulle, label[data-infob] { display:block;float:right;margin-right:15px;} .hasInfo, label[data-infob]{cursor:help;border-bottom:1px dotted} .hasInfo::after, label[data-infob]::after{content: "i";vertical-align: super;font-size: 0.8em;font-style: italic;font-family: times;border: 1px solid transparent;border-radius: 50%;height: 15px;width: 15px;display: inline-flex;justify-content: center;align-items: center;margin-left: 5px;background-color: grey;color: white;float:right; } .infobulle[title]:hover:after, .hasInfo:hover:before, label[data-infob]:hover:before { content:attr(data-infob); display:block; min-height:2.5em; text-align:justify; width:400px; margin:auto; padding:4px 8px; color:#EEE; position:fixed; left:0;right:0; margin-left:-200px; bottom:40px; background-color:#4c4c4c; border-radius:5px; border:2px solid #000 ;z-index:999;line-height:1.4em;max-width:85%; margin-right: auto; font-weight:normal; margin-left: auto;; } .cFlex{display: inline-flex;justify-content: center;align-items: center;} .round{border-radius:50%;width:22px;height:22px} /*edit*/ .edit, .x_supp{text-decoration:none;font-family:Calibri;background-color: white;border-radius: 50%;display: inline-flex;width: 22px;height: 22px;justify-content: center;align-items: center;opacity:0.8;color:#179B9B} .edit:hover, .x_supp:hover{opacity:1;transform:scale(1.15);transition: all 0.2s ease 0s;} /*why O-liste */ .why{width:28%;min-height:320px;overflow:hidden;border:2px solid whitesmoke;border-radius:5px;display:inline-block;padding:4px;margin:1%} .why_ti{font-size:1.1em;color:#179B9B;font-variant: small-caps;border-bottom:1px dotted gray;margin-bottom:10px;min-height:50px;text-align: center;display:table;width: 100%;background-color:whitesmoke} .why_ti span {display: table-cell;vertical-align: middle;} .why .why_desc {font-size:1.1em;line-height:1.15em;text-align:center} #why_desc_ex{position:absolute;bottom:0;text-align:center;width:100%;padding-bottom:8px} /* Pop-in */ .popin {position:fixed;left:50%;margin-left:-200px;top:80px;z-index:500;border:1px solid #179B9B;background-color:white;padding:0;width:400px;box-shadow: 3px 3px 6px black} .popin h1 {margin:5px} .head_popin{background-color:whitesmoke;height:2em;margin-right:0em} .close_popin {font-size:2em;margin:5px;position:absolute;right:0px;top:0;z-index:2000;cursor:pointer} .popincontent{padding:5px 20px} /*Page d'accueil */ .infobutacc {margin:auto;text-align:center;} .infobutacc a, .infobutacc div, .infobutacc span {display:inline-block;border-radius:5px;background-color:#EEEEEE;border:1px solid #179B9B;color:#0099D1;margin:10px;padding:5px;font-family:Georgia;min-width:125px;text-align:center;cursor:pointer} .infobutacc a:hover, .infobutacc_class, .infobutacc span:hover{background-color:#179B9B;color:white} .ccm2 {margin-left:10px;margin:auto;text-align:left} .ccm2 .num {float:left;display:inline-block;border-radius: 50%;width: 24px;height: 24px;margin-right:10px;padding: 6px; background: #fff;border: 2px solid #179B9B;color: #666;text-align: center; font: 22px Arial, sans-serif} .ccm2 .licontent {padding-left:5px;padding-top:7px;margin-left:40px;width:auto;text-align:left} .ccm2 .clearccm {clear:both;height:5px} #ccmclicklist,#ccmclicksite {border:5px solid #908080;border-top:0px solid white;border-radius:0 0 15px 15px;margin:auto 15px;padding:10px} #recommendedby img{height:110px; margin:13px} #qheva {width:100%;margin:auto;text-align:center;margin:5px 0 0 0} #qheva .event-card-title{font-family:parisienneregular,Century,"French Script MT",TypoUpright BT;font-size:2.1em;line-height:55px;padding:2px 0 0;margin:auto;border:0;display:block;text-align:center;color:inherit} .home-main-title{margin-bottom:0} #qheva a{color:inherit} .qheva_cadre{display:inline-block;width:32%;height:300px;position:relative;background-repeat:no-repeat;background-position:center;} .qheva_cadre:hover{color:black;background-size:310px auto} #qhevati{font-size:2.2em} /* Naissance, mariage, divers */ #nmd_imgs {width:100%;margin:auto;text-align:center;margin:5px 0 0 0} #nmd_imgs .event-card-title{font-family:parisienneregular,Century,"French Script MT",TypoUpright BT;font-size:1.5em;line-height:55px;padding:2px 0 0;margin:auto;border:0;display:block;text-align:center;color:inherit} #nmd_imgs a{color:inherit} #nmd_imgs .saut_de_ligne{display:none} .nmd{display:inline-block;width:23%;height:225px;position:relative;background-repeat:no-repeat;background-position:center;min-width:160px} .nmd:hover{color:black;background-size:245px auto} .searchCard {width:410px;margin: 10px;} .searchCard .divSearchCard {width:140px;height:140px;float:left} .searchCard img {border:5px solid white;width:calc(100% - 20px);max-height:140px;border-radius:15px;} /*Page d'accueil old*/ #site, #liste,#exemples{border-radius:15px 0px;color:white;text-align:center;margin:auto;margin-bottom:20px;padding:15px;font-size:0.9em} #liste{background-color:#E50089;} #site{background-color:#179B9B;} #site div, #liste div{font-weight:bold;font-size:1.5em;font-variant: small-caps;} .liste_ok div {background-image: url("/CSS/images/v-20.png");background-repeat:no-repeat;line-height:1.5em;margin-left:10px;padding-left:28px;margin-top:5px;} #evolution {float:right;max-width:600px;text-align:justify;;margin-right:15px;} #gauche {float:left;width:210px;margin-left:15px} #message_o {border-radius:30px 30px 30px 0px; border: 2px solid #179B9B;margin-bottom:20px;} #message_i {border-radius:15px 15px 15px 0px;margin:15px;color:black;width:100%;min-height:200px} #exemples {background-color:#404040;line-height:1.9em;font-weight:normal;font-size:1.1em} #ex_os:hover,#ex_ol:hover{border-radius:15px 0px} #ex_os:hover{background-color:#179B9B;} #ex_ol:hover{background-color:#E50089;} .cve{text-align:right;margin:7px 0px;clear:both} .cve a {text-decoration: none;border-bottom: dotted 1px black;} #exemples a {text-decoration:none;color:white} #acc_liste_liste {border-left:2px solid #E50089;border-radius:15px 0px;max-width:600px} #acc_liste_site {border-left:2px solid #179B9B;border-radius:15px 0px;max-width:600px} .acc_div_ul {float:left;width:299px;margin-top:0px} .acc_div_ul li{list-style-type:none;margin-left:-15px} .acc_div_ul li::before {content:'\2713 ';} .ccm {border-left:4px solid #908080; border-radius:0 10px;margin-left:10px;max-width:415px;float:left} .ccm li {line-height:1.2em;display:inline-block;} .ccm ul {list-style-type:none;padding-left:10px;} .ccm .num {background-color:#908080;border-radius:10px 0;color:white;display:inline-block;height:22px;width:25px;text-align:center;padding-top:2px;vertical-align:top;margin-top:5px;} .ccm .licontent {display:inline-block;width:355px;margin-left:5px;padding-top:7px;} /* Slide */ .mainframe{display:inline-block;border-radius:0 0 13em 13em/ 2em;position:relative;display:inline-block;height:210px;width:200px;max-width:47%;border-bottom:1px solid #555;margin:10px 5px;font-weight:bold;overflow:hidden;line-height:1.2em} .mainframe table{width:100%;max-width:200px} .mainframe table tr{width:inherit;max-width:100%} .mainframe table tr td{width:inherit;max-width:100%} .mainframe img{height:150px;width:150px;margin:auto;border:none;display:block;border-radius:75px} .mainframe2 img:hover{-webkit-filter: grayscale(20%);filter: gray; filter: grayscale(20%);} .mainframe .div2 {position:absolute;bottom:0;display:none;text-align:justify;font-weight:normal;width:100%} .mainframe .div2 .div3 {position:relative;height:210px;width:inherit;max-width:200px;background-color:rgba(250,250,250,.95);font-size:0.95em;border-radius:0 0 13em 13em / 2em;} .mainframe .div2 .div3 .tislide{font-weight:bold;color:#179B9B;margin-bottom:8px;margin-top:4px;text-align:left;} /*.mainframe .div2 .div3 div{position: absolute; bottom: 0; right: 0;padding:7px} */ .mainframe .div2 .div3 > :first-child{padding:7px} .mainframe table{height:inherit} .mainframe table, .mainframe tr, .mainframe td {margin:0;padding:0} .mainframe table tr:first-child{height:150px} .mainframe img:hover{transform: scale(0.3);transition: all 0.2s ease 0s;} /*compte*/ .divcompte {margin-left:35px;border-left:5px solid #179B9B;padding-left:15px;position:relative;top:-2px} /* FAQ */ #faq_list ul {padding-left:10px} #faq_list li > span {font-weight:bold;cursor:pointer;} #faq_list li > span:hover {background-color:#f5f5f5} #faq_list li > div {margin-left:15px;border-left:4px solid #179B9B;padding-left:5px;border-radius:0 10px;font-style:italic;margin-bottom:10px} /*Slider : bullet*/ /*.jssorb05 div = normal // .jssorb05 div:hover = normal mouseover //.jssorb05 .av = active // .jssorb05 .av:hover = active mouseover // .jssorb05 .dn = mousedown*/ .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {background: url("/CSS/images/b05.png") no-repeat;overflow:hidden;cursor: pointer;} .jssorb05 div { background-position: -7px -7px; } .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; } .jssorb05 .av { background-position: -67px -7px; } .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; } /* Slider : arrow */ /*.jssora11l = normal // .jssora11r=normal // jssora11l:hover =normal mouseover // .jssora11r:hover = normal mouseover // .jssora11ldn = mousedown // .jssora11rdn = mousedown */ .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {position: absolute; cursor: pointer;display: block; background: url(/CSS/images/a11.png) no-repeat;overflow:hidden;} .jssora11l { background-position: -11px -41px; } .jssora11r { background-position: -71px -41px; } .jssora11l:hover { background-position: -131px -41px; } .jssora11r:hover { background-position: -191px -41px; } .jssora11ldn { background-position: -251px -41px; } .jssora11rdn { background-position: -311px -41px; } /* Formules et prix */ #catf{display:none} #formules-et-prix{margin:auto;text-align:center} .f_container{padding:5px} .f_container .f_elem{padding:10px 0} .f_container .f_elem:not(:last-child){border-bottom: 1px solid whitesmoke} .f_ok{float:right;color:green;font-weight:bold;} .f_info{background:#ccc;width:20px;height:20px;line-height:20px;text-align:center;display:inline-block;margin-top:2px;border-radius:50%;position:relative;top:0px;color:white;font-size:0.9em;font-style:italic;cursor:pointer} .f_container .desc{display:block;font-size:0.85em;line-height:1.4em;margin-top:5px;text-align:justify} #f1, #f3 {border:3px solid;margin:0px;padding:0px;display:inline-block;margin:5px;width:calc(50% - 16px);text-align:left;float:left} #f1 {border-color:#404040;} #f3 {border-color:#179B9B} #tf1, #tf3{color:white;} #tf1{background-color:#404040;} #tf1 i{margin-left:30px} #tf3{background-color:#179B9B;} #tf3 i{margin-left:30px} .prix {border-top:1px dashed;border-bottom:1px dashed;background-color:white;margin:0px;padding:0px;color:black;text-align:right;padding-right:15px} #f1 .prix{border-color:#179B9B;} #f3 .prix{border-color:#179B9B;} .infocom{text-align:center;padding:7px 0} .formules-info {border: 2px solid black;border-radius:15px 0;margin:auto;margin-top:25px;max-width:600px;} #formules-info1 {border-color:#404040} #formules-info3 {border-color:#179B9B} .in-formules-info{margin:5px;} .in-formules-info .titrei{margin-top:9px;font-weight:bold} .formules-info .title_fo{background-color:whitesmoke;vertical-align:center;padding:0.8em;border-radius:15px 0;margin-bottom:5px;font-size:1.2em} .formules-info ul{margin-top:0;} .guil {font-family:Georgia;color:#179B9B;font-weight:bold;font-size:1.1em;margin:2px} /* List com */ #filter_table, #filter_table tr, #filter_table td, #filter_table img{margin:0;padding:0} .desc_out{display:none} .pasprix_bis{display:none} .fs_kdo img{border-radius:5px} .fs_kdo .sub_100{font-size:1.03em} /*Sortable */ .sortabledad .iteml {list-style:none;} .handledad {cursor: move;} /* Liste : line */ .line .sortable-placeholder {list-style:none;border: 1px dashed #CCC;background: none;display:inline-block;width:100%;height:200px;margin:15px} .line #uldad{width:100%} .line #uldad .iteml{width:100%;display:block;margin-top:15px} .line .iteml .closed {background-color:#CCC} .line .iteml .closed img{opacity:0.6} .line .sortableli {width:100%} .line .helper {display:none} .line .fs_kdo {background-color:white} .line .fs_kdo legend {background-color:white;border-radius:15px} .line .fs_kdo .titre {display:none} .line .block_slide {display:none} .line .img_kdo_out {float:left;width:155px; text-align:center} .line .img_kdo_in {max-height:160px;margin-bottom:15px} .line .img_kdo_in a img{max-width:150px;max-height:150px} .line .info_pricol_out .fav2hand {float:right;position:relative;top:-15px;line-height:30px;max-width:150px;max-height:150px} .line .info_pricol_in {min-height:70px} .line .info_pricol_in ul {margin-top:10px} .line .pad170_bis {padding-left:170px} .line .info_pricol_out {padding-left:170px} .line .moda {padding-top:5px;font-size:0.9em;color:grey} /* Liste : block */ .block .sortable-placeholder {list-style:none;border:2px dashed #AAA;background:none;display:inline-block;width:280px;height:413px;margin:0;padding:0;position:relative;top:-17px;margin-right:4px} .block {text-align:center} .block #selecteurs {text-align:left} .block .iteml {display:inline-block;width:280px;height:415px;text-align:center;background-color:white;margin-right:4px} .block .iteml .closed {background-color:#BBB} .block .iteml .closed img{opacity:0.6} .block .block_slide {position:absolute;z-index:100;background-color:whitesmoke;height:285px;width:258px;opacity:0.92;display:none;font-size:0.92em;text-align:justify;padding:5px;line-height:1.25em;overflow:hidden} .block .fs_kdo {border-radius:0px;width:278px;height:413px;text-align:left;margin:0;padding:0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .block .fs_kdo legend{margin-left:3px;font-size:1.05em;overflow:hidden;max-width:268px;line-height:1.2em;max-height:1.3em;text-align:left;white-space:nowrap;display:none} .block .fs_kdo .titre{overflow:hidden;width:278px;line-height:0.95em;height:43px;text-align:left;background-color:#179B9B;color:white} .block .helper {display: inline-block;height: 100%;vertical-align: middle;} .block .img_kdo_out {text-align:center;margin:auto;height:225px;vertical-align:center} .block .img_kdo_out a {pointer-events:none;cursor: default;} .block .img_kdo_in {height:225px;width:268px;position:absolute} .block .img_kdo_in img{max-width:255px;max-height:220px;vertical-align: middle;} .block .desc_in {display:none} .block .info_solde {display:none} .block .plusinfo {display:none} .block .info_pricol_out {border-top:1px solid gray} .block .info_pricol_out .fav2hand {float:right;position:relative;top:4px;line-height:20px;max-width:150px;max-height:150px} .block .info_pricol_in {width:245px;height:70px;vertical-align:middle} .block .info_pricol_in ul {margin-top:10px;list-style-type:none;padding-left:15px;vertical-align:middle} .block ul .catli{font-weight:bold} .block .acc2hand {display:none} .block .moda {display:none} .block li a {font-size:0.92em;letter-spacing: -0.02em;} .block .context-menu-button {background-clip: padding-box;background-color: whitesmoke;background-image: url("/CSS/page-action.svg"); background-position: 55%;border: 1px solid white;border-radius: 100%;box-shadow: 0 2px rgba(12, 12, 13, 0.1);cursor: pointer;fill: rgba(12, 12, 13, 0.8);height: 27px;offset-inline-end: -13.5px;opacity: 0;position: absolute;left: 240px;transition-duration: 200ms;transition-property: transform, opacity; width: 27px;background-repeat: no-repeat;background-size: 16px;-moz-context-properties: fill;display: inline-block;vertical-align: middle;z-index: 200;} /* Liste : miniblock */ #rect_opt_list{float:right} .miniblock .sortable-placeholder {width:200px!important;height:230px!important;} .miniblock .iteml {height:230px!important;} .block_liste {margin:5px;margin-top:5px;margin-bottom:10px;border:1px solid whitesmoke;background-color:white;box-shadow: 0px 1px 4px 0px rgba(97, 97, 97, 0.2);padding:5px} .notactiveopt, .activeopt {vertical-align:top;border-radius:50%;text-align:center;display:inline-block;border-width:3px;border-style:solid;height:22px;min-width:22px;font-size:18px;padding:1px;line-height:22px;cursor:pointer;box-sizing:initial!important} .notactiveopt {border-color:#CEA69C;color:grey;} .activeopt {border-color:#179B9B;color:#179B9B;} /*buttons admin liste */ .admin_button{display:inline-block;width:158px;height:72px;background-color:whitesmoke;border-radius:15px;vertical-align:middle;border:1px solid grey;margin-top:5px;margin-bottom:5px;font-size:1.1em;line-height:1.5em;font-family:Georgia} .admin_button img{max-width:65px;vertical-align:middle} .admin_button:hover{border-color:#009BFF;color:#FEFEFE;background-color:#606060} .admin_button a{text-decoration:none;color:inherit} .admin_button a:visited{text-decoration:none;color:inherit} .admin_button tr{width:180px;height:75px;vertical-align:middle;text-align:center} .admin_button .logo_admin{width:61px;margin:auto;padding:0;text-align:center;vertical-align:middle;} .admin_button .logo_admin .material-icons{font-size:48px} .admin_button .desc_logo{width:110px;margin:auto;padding-right:4px;text-align:center;vertical-align:middle;font-size:0.9em;padding-top:-2px;} /* Signaux */ .attention, .interdiction, .info, .ok {background-size: 20px 20px;display:block;margin-top: 2.5em;position:relative;min-height:1em;background-position:10px 10px;padding:10px;padding-left:16px;margin:2px;margin-left:15px;margin-top:2em;margin-right:15px;border-radius:0 0 15px 0} .attention::before,.ok::before,.info::before,.interdiction::before {background-size: 1.7em 1.7em; content: "\0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0 \0000a0";background-repeat:no-repeat;padding-top:20px; position: absolute; top:-0.7em;right:5em;left:-15px;} .attention::before {background-image:url("/CSS/images/warning.svg")} .attention {background-color: #FFFBF9;border:1px solid #FFD8D8} .ok::before {background-image:url("/CSS/images/ok.svg")} .ok {background-color: #F7FCF7;border:1px solid #85A078;} .info::before {background-image:url("/CSS/images/info.svg");} .info {background-color: #F7F8F9;border:1px solid #D0DDED;} .interdiction::before {background-image:url("/CSS/images/error.svg")} .interdiction {background-color: #FFF9F9;border:1px solid #FFAAAA} .ba_arrow:after{left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: inherit; border-width: 0.8em; margin-top: -0.8em; } .ba_arrow:before{right: 100%; top: 50%; margin-right:-1.5em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: white; border-width: 0.8em; margin-top: -0.8em;} .ba_arrow{position:relative} /*Ellispsis */ .ellipsis {overflow: hidden; height: 125px;line-height: 25px;margin: 15px;} .ellipsis::before {content:"";float: left;width: 5px; height: 200px; } .ellipsis > *:first-child {float: right;width: 100%;margin-left: -5px; } .ellipsis::after {content: "\02026"; box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;float: right; position: relative;top: -25px; left: 100%; width: 3em; margin-left: -3em;padding-right: 5px;} .scrollToTop,#roundAdmin,#editLg{width:45px; height:45px; padding:0; display:inline; text-decoration: none; position:fixed;bottom:5px;opacity:0.7;right:50%;margin-right:-480px; display:none; background-color:#179B9B; color:white;border-radius: 50%; z-index:99;line-height:45px;font-size:1.4em;text-align:center;} #roundAdmin{bottom:55px;display:initial;} #editLg{bottom:105px;display:initial;color:white} .scrollToTop{bottom:5px;display:none;transform: rotate(270deg)} .scrollToTop:hover,#roundAdmin:hover{ text-decoration:none;background-color: #888888;opacity:0.95} /***** Formulaires¨****/ /* form admin */ .form_admin label[for] {display: block;min-width: 150px;float: left;font-weight:bold} .form_admin input:not(.grayB), select {color:#179B9B;border:1px solid #179B9B;min-width:200px;text-align:left} .form_admin input[type=checkbox],.form_admin input[type=radio] {min-width:5px;} .form_admin input[type=number]{text-align:right;} .form_admin_table tr {vertical-align:top;} .form_admin_table tr:hover {background-color:#F9F9FF;} .form_admin_table tr td:first-child {min-width: 150px;padding-right:20px;font-weight:bold;vertical-align:top} .form_admin_table input[type=text], .form_admin_table input[type=email], .form_admin_table input[type=tel], .form_admin_table input[type=number], .form_admin_table input[type=password] {color:#179B9B;min-width:200px;text-align:left;padding: 3px 0px 3px 3px;} .form_admin_table td {padding-top:5px} .form_ada label[for]{font-weight:bold;display:block;min-width:240px;float:left;font-size:0.94em} .form_ada input, .form_ada select{display:inline-block;min-width:240px;float:left;box-sizing:border-box;min-height:33px} .form_ada .sepa{height:11px;clear:both} .form_ada input[type=radio]{min-width:20px!important;float:none!important} .form_ada .group{min-width:240px;width:60%;display:block;float:left;text-align:left} .form_ada .group input{float:none;display:initial;} .form_ada .group input[type=checkbox]{min-width:10px;} .form_ada .gline:hover{background-color:whitesmoke;} .form_ada fieldset{background-color:whitesmoke;max-width:650px;margin:auto} .form_tight{margin:auto;padding:5px} .form_tight label[for]{font-weight:bold;display:block;min-width:240px;float:left} .form_tight input:not([type=checkbox]):not([type=submit]), .form_tight select, .form_tight textarea{display:inline-block;min-width:100%;float:none;box-sizing:border-box;min-height:33px} .form_tight .sepa{height:11px;clear:both} .form_tight input[type=radio]{min-width:20px!important;float:none!important} .form_tight .group{min-width:100%;width:60%;display:block;float:left;text-align:left} .form_tight .group input{float:none;display:initial;} .form_tight .gline:hover{background-color:whitesmoke;} .form_hb label[for]{font-weight:bold;} .form_hb input, .form_hb select{display:inline-block;min-width:240px;} .form_hb input[type=radio]{min-width:20px!important;float:none!important} .form_hb input[type=checkbox]{min-width:20px!important;float:none!important} .form_hb .group0{margin-bottom:11px} .form_hb .group0:hover{background-color:#eee;} .form_hb .group1{margin-left:15px} .form_hb .group1 input{float:none;display:initial;min-width:240px;text-align:left} .infobanclab{display:inline-block;min-width:105px} .infobancForm input[type=text], .infobancForm input[type=email]{width:calc(100% - 111px)!important} .sub_100, .grayB, .next{border-width:1px 0px;border-radius:0.3em; font-variant: small-caps;margin-top:0.3em;box-sizing:border-box;box-sizing:border-box!important;text-align:center!important;cursor:pointer} .sub_100, .next{min-height:2em;font-size:1.2em;} .grayB {min-height:1.5em; font-size:1em;background-color:#AAA!important;font-variant: small-caps;} .sub_100, .grayB{width:100%;} input.next, button.next{margin:auto;background-color:#179B9B;width:100%;box-sizing:border-box;border-left:1px solid grey;border-bottom:1px solid grey} .input_style:hover { box-shadow: 0 0 5px rgba(85, 169, 194, 1);border: 1px solid rgba(85, 169, 194, 1);} .input_style {color:#179B9B;border:1px solid #179B9B;min-width:200px;text-align:left;box-shadow: 0 0 5px rgba(85, 169, 194, 1); padding: 3px 0px 3px 3px; margin: 2px 1px 3px 0px; border: 1px solid rgba(255, 255, 255, 1);} .bt_rose{padding:5px;background-color:#EEA2A4;color:white;font-size:1.2em;text-align:center;border-radius:5px;border:1px solid #AF0069;min-width:110px;display:inline-block} .bt_rose:hover{background-color:#AF0069;} .fixed_submit{display:block;position:fixed;min-width:150px!important;border-radius:5px;font-size:1.2em;left:50%; margin-left:265px;bottom:100px;display:block;z-index:555;height:2.1em;cursor:pointer;} #en_bas {clear:both;text-align:center;color:#999999;width:100%;display:block;margin:auto;padding-bottom:18px;max-width:94%} #en_bas h2 {display:inline;font-size:1.1em;font-weight:normal;} .shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)} /*bbcode */ .size1 {font-size:x-small} .size2 {font-size:small} .size3 {font-size:medium} .size4 {font-size:large} .size5 {font-size:x-large} .size6 {font-size:xx-large} .size7 {font-size:-webkit-xxx-large} .fromsceditor{text-align:justify} .fromsceditor, .fromsceditor div{min-height:1.2em;display:block;line-height:1.5em;} .fromsceditor img{max-width:98%} .fromsceditor table{margin:auto} /*toogle class */ .bg_white{background-color:white} .bg_blue{background-color:#179B9B} .bg_pink{background-color:#E50089} .bg_whitesmoke{background-color:#f5f5f5} .bg_lightgreen{background-color:#179B9B} .bg_lightblack{background-color:#404040} .disp_none, .disp_none2{display:none!important} .disp_noneE {display:none;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .pointer{cursor:pointer} /*inputgreen*/ .inputgreen{display:inline-block;border-radius:5px;background-color:#EEEEEE!important;border:1px solid #179B9B!important;color:#0099D1!important;margin:10px;padding:5px;font-family:Georgia;min-width:140px;text-align:center;cursor:pointer} #src_cat{float:right} #src_cat label{margin-right:10px;white-space:nowrap} /* Info bulles */ .infott{display:inline-block;background-image:url("/CSS/images/infobulltt22.png");height:22px;width:22px;border:none;background-repeat:no-repeat;vertical-align:middle;} /*.infobulle { display:block;float:right;margin-right:15px;} */ .infobulle[title]:hover:after {content: attr(data-infob); display:block; min-height:2.5em; text-align:justify; width:500px; margin:auto; padding:4px 8px; color:#EEE; position:fixed; left:50%; margin-left:-250px; bottom: 40px; background-color:#4c4c4c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #000 ;z-index:999;} /* Medias*/ .public .imgmedia{height:150px;border-radius:50%;margin:auto;position:relative;top:75px} .public .com {text-align:justify;background-color:whitesmoke;padding:60px 15px 15px 15px;} .public .datafrom {position:relative;top:-85px;} .public .datafrom a{color:inherit} .public .namefrom {font-size:1.2em;text-decoration:underline;} .public .datefrom {font-size:0.95em;text-decoration:none;font-style:italic;} /*hisotique */ .fp_sent, .gift_sent{color:#34AF00} .fp_notsent, .gift_notsent{color:grey} /*Partners*/ #searchBox{background: url(/CSS/search-white.png) no-repeat 10px 6px #fcfcfc;border: 1px solid #d1d1d1;font: bold 12px Arial,Helvetica,Sans-serif;color: #bebebe;width: 80px;padding: 6px 15px 6px 35px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;} #searchBox:focus {width: 150px;outline:none; color: #404040;border-color:rgba(85, 169, 194, 1) } /* Focus */ textarea:focus {border: 1px solid rgba(85, 169, 194, 1)} input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus, input[type=password]:focus, textarea:focus {outline:2px solid #137676;outline-offset:2px;box-shadow:none} input[type=text],input[type=url],input[type=email],input[type=tel],input[type=number], input[type=password], select, textarea { padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px;border:1px solid #91aeb0; box-sizing:border-box; color:#34484b;min-height:30px} textarea {border: 1px solid rgba(85, 169, 194, 1)} .shinning_border:hover { box-shadow: 0 0 5px rgba(85, 169, 194, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(255, 255, 255, 1);} input, textarea, select{-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} /*addgift admin */ .sel_pic_way {padding:5px 11px;border-radius:5px;display:inline-block;min-width:31%;box-sizing:border-box;margin:3px;text-align:left;cursor:pointer} .sel_pic_way.selectedPicWay{color:white;background-color:#179B9B} .bot_arr {font-weight:bold;text-align:right;display:block;float:right;font-size:1.3em;transform:rotate(90deg)} .sel_desc {text-align:left;display:inline-block;min-width:112px} @media (min-width: 650px) { .radiocontainer:hover input ~ .radio {background-color:#ccc;} .radiocontainer input:hover ~ .radio:after {display:block;} } @media (pointer:fine) { .radiocontainer:hover input ~ .radio {background-color:#ccc;} .radiocontainer input:hover ~ .radio:after {display:block;} } @media all and (max-width: 970px) { .scrollToTop,#roundAdmin,#editLg{right:15px;margin:0;} .scrollToTop{display:none} } @media all and (max-width: 880px) { body{width:100%} #top{width:100%} #outnav{width:100%; z-index:80} #outolidte{width:100%; position:fixed;top:0px;z-index:80} #div_connection_old{left:auto; right:0; position:absolute; } #div_connection2{margin:auto;text-align:center} /*accueil */ #photos_scroll {display:none} #message_o{display:none} #evolution {width:100%;margin:0;max-width:100%} #acc_liste_liste {width:100%;float:none;max-width:100%} #acc_liste_site {width:100%;float:none;max-width:100%} .cve{text-align:left;margin-left:15px} #gauche {float:none;width:100%;margin:0;clear:both} #formules_table ul {padding-left:15px} .ccm {max-width:100%;margin-left:0} #info_site{margin-top:15px} } @media all and (max-width: 800px) { .fixed_input{left:auto;right:10px;margin:0;} .fixed_submit{left:auto;right:10px;margin:0;} .out-iframe{max-width:100%;overflow: hidden;} .iframe-container {max-width:100%} .iframe-container {max-width:90%} .fs_kdo ul {padding-left:5px} .why{min-height:400px} } @media all and (max-width: 680px) { #catf{display:initial} #f1 ,#f2 ,#f3 {max-width:100%;width:98%} .form_ada .group{max-width:50%;} #src_cat{float:left} #nmd_imgs .saut_de_ligne{display:initial} #nmd_imgs .nmd{width:33%} .why{width:44%;min-height:320px} } @media all and (max-width: 600px) { .headnav{font-size:1.2em;box-shadow: none} #inlog{text-align:center;clear:both} #outoliste{display:none} #formules_table ul {padding-left:5px} nav table tr td{font-variant:initial;} .line .desc_out{display:block;padding:5px} .line .desc_in{display:none} .line .pad170_bis {clear:both;padding-left:0;position:relative;top:-15px} .line .info_pricol_out {padding-left:160px} .form_ada input, .form_ada select{box-sizing:border-box;min-width:98%} .form_ada .group{max-width:100%;min-width:100%} .form_ada .hasUnit{width:calc(98% - 15px);min-width:70%!important} .headnav a {pointer-events: none} #outnav, nav, tav tr, nav td {height:70px;} .hsnav {position:absolute;width:100%;left:0;top:70px;line-height:2em;padding-left:40px;padding-right:40px;min-height:150px;font-size:1.25em;padding-bottom:15px;} nav table tr td {position:initial;line-height:1.2em} .line ul {list-style-type:none} .line ul .catli{font-weight:bold} .infobulle[title]:hover:after {width:450px;margin-left:-225px;} #qheva .event-card-title{font-size:1.9em} #qhevati{font-size:2em} .qheva_cadre {height:250px} .qheva_cadre:hover {background-size:270px auto} .nmd{height:200px;} .nmd:hover{background-size:230px auto;} h1{font-size:2.1em} .why{width:44%;min-height:360px} } @media all and (max-width: 500px) { .headnav{font-size:1.1em;box-shadow: none} #rect_opt_list{float:none;text-align:right} .divcompte {margin-left:3px;padding-left:5px;border-width:3px} .divcompte .admin_button {max-width:48%;font-size:1.0em} .divcompte img {max-width:52px} .hsnav {width:100%;line-height:1.5em} .mainframe{margin:0px;height:235px} .mainframe .div2 .div3 {height:235px} .hide500{display:none} #messites .bt_rose, #messites .bt_rose{margin-bottom:5px} .line .info_solde {display:none} .infobulle[title]:hover:after {width:400px;margin-left:-200px;} #qheva .event-card-title{font-size:1.6em} #qhevati{font-size:1.8em} .qheva_cadre {height:220px} .qheva_cadre:hover {background-size:240px auto} h1{font-size:1.9em} .why{width:44%;min-height:400px} .searchCard {width:100%;margin: 10px 0;} .block .context-menu-button {opacity:1} } @media all and (max-width: 430px) { .line .pasprix{display:none} .line .pasprix_bis{display:initial} .line .deja{display:none} .line .catli{text-transform: capitalize;} .infobulle[title]:hover:after {width:300px;margin-left:-150px;} #qheva .event-card-title{font-size:1.5em} #qhevati{font-size:1.6em} .qheva_cadre {height:200px} .qheva_cadre:hover {background-size:220px auto} .why{width:96%;min-height:30px} #why_desc_ex{display:block;margin:12px;position:initial} .searchCard {width:100%;margin: 10px 0;} .divSearchCard{max-width:calc(100% - 252px)} .divSearchCard img{border:none;width:calc(100% - 5px)} } @media all and (max-width: 360px) { #qheva .event-card-title{font-size:1.35em;} .nmd{height:185px;} .nmd:hover{background-size:220px auto;} h1{font-size:1.5em} } /* accueil-proposition */ /* Retouches rĂ©servĂ©es Ă  l’aperçu : main.css reste la base et n’est pas modifiĂ©. */ .identity-preview {text-align:left;background:#fff;line-height:1.6} .identity-preview * {box-sizing:border-box} .identity-preview .ip-wrap {width:min(1160px,calc(100% - 64px));margin-inline:auto} .identity-preview a {text-decoration:none} .identity-preview a:hover {text-decoration:underline} .identity-preview a:focus-visible,.identity-preview summary:focus-visible {outline:3px solid #AF0069;outline-offset:5px} .identity-preview .ip-note {background:whitesmoke;text-align:center;padding:8px 20px;font-size:13px;color:#56686f} .identity-preview .ip-note a {margin-left:20px;color:#404040} .identity-preview .ip-header {background:#179B9B;color:#fff} .identity-preview .ip-header-inner {display:flex;align-items:center;gap:36px;min-height:82px} .identity-preview .ip-brand {font-size:30px;white-space:nowrap;color:inherit} .identity-preview .ip-nav {display:flex;gap:26px;margin-left:auto} .identity-preview .ip-header a {color:#fff} .identity-preview .ip-login {border-left:1px solid #ffffff70;padding-left:26px;white-space:nowrap} .identity-preview .ip-hero {display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;padding-block:54px 68px} .identity-preview .ip-logo {width:105px;height:105px;display:block;margin-bottom:22px} .identity-preview .ip-kicker {font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#137676;margin:0 0 15px} .identity-preview h1 {text-align:left;font-size:clamp(40px,4.4vw,61px);line-height:1.12;margin:0 0 22px;padding:0;font-weight:400} .identity-preview h2 {font-size:32px;line-height:1.25;padding-bottom:12px;margin-bottom:22px;color:#9e505e} .identity-preview h3 {font-size:23px;line-height:1.25;font-weight:400;margin:12px 0} .identity-preview p {margin-top:0} .identity-preview .ip-lead {font-size:20px;line-height:1.65;max-width:510px} .identity-preview .ip-actions {display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px} .identity-preview .ip-button {padding:12px 25px;color:#533039;font-size:18px;border-color:#EEA2A4} .identity-preview .ip-button:hover {color:white} .identity-preview .ip-example {color:#137676;border-bottom:1px solid #179B9B;padding-bottom:3px} .identity-preview .ip-guest {margin-top:24px;font-size:15px;color:#646464} .identity-preview .ip-guest a {color:#137676;text-decoration:underline} .identity-preview .ip-story {padding:0 0 22px 22px;position:relative} .identity-preview .ip-story-photo {width:100%;height:390px;object-fit:cover;display:block;border-radius:150px 150px 8px 8px} .identity-preview .ip-story-card {position:relative;background:whitesmoke;border-top:5px solid #179B9B;padding:27px 30px;margin:-38px 25px 0 -22px;box-shadow:0 10px 25px #40404014} .identity-preview .ip-story-card h2 {font-family:parisienneregular;font-size:35px;border:0;color:#404040;padding:0;margin:0 0 12px} .identity-preview .ip-story-card p {margin-bottom:12px} .identity-preview .ip-story-sign {font-style:italic;color:#137676} .identity-preview .ip-benefits {background:#f3f3f3;border-block:1px solid #e5e5e5} .identity-preview .ip-benefits .ip-wrap {display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:21px;color:#137676} .identity-preview .ip-section {padding-block:75px} .identity-preview .ip-section-head {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px} .identity-preview .ip-section-head>p {font-style:italic;color:#626262} .identity-preview .ip-occasions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px} .identity-preview .ip-occasion {color:#404040;background:whitesmoke;border-bottom:3px solid #EEA2A4;display:flex;flex-direction:column;transition:transform .2s} .identity-preview .ip-occasion:hover {transform:translateY(-4px);text-decoration:none} .identity-preview .ip-occasion img {width:100%;height:215px;object-fit:cover} .identity-preview .ip-occasion>div {padding:24px;display:flex;flex-direction:column;flex:1} .identity-preview .ip-occasion p {font-size:17px} .identity-preview .ip-card-link {margin-top:auto;color:#137676;padding-top:8px} .identity-preview .ip-freedom {background:whitesmoke;padding-block:65px} .identity-preview .ip-two-columns {display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center} .identity-preview .ip-features>div {display:flex;gap:23px;padding:18px 0;border-bottom:1px solid #ddd} .identity-preview .ip-features>div>span {color:#137676;padding-top:10px;font-size:20px} .identity-preview .ip-features h3 {margin-top:5px} .identity-preview .ip-features p {margin-bottom:8px} .identity-preview .ip-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:20px} .identity-preview .ip-steps span {display:inline-flex;align-items:center;justify-content:center;border:1px solid #179B9B;border-radius:50%;width:43px;height:43px;color:#137676} .identity-preview .ip-site {background:#56686f;color:white;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center} .identity-preview .ip-site .ip-kicker {color:#fff} .identity-preview .ip-site h2 {color:#EEA2A4;margin-bottom:0} .identity-preview .ip-site a {color:white;border-color:#EEA2A4} .identity-preview .ip-faq {display:grid;grid-template-columns:1fr 1.5fr;gap:65px} .identity-preview details {padding:19px 0;border-bottom:1px solid #ddd} .identity-preview summary {cursor:pointer;font-size:20px} .identity-preview details p {margin:15px 0 0} .identity-preview .ip-closing {background:#179B9B;color:#fff;text-align:center;padding:55px 20px} .identity-preview .ip-closing .ip-kicker {color:#fff} .identity-preview .ip-closing h2 {display:block;border:0;color:#fff;font-family:parisienneregular;font-size:45px;margin:0 0 25px} .identity-preview .ip-closing p:last-child {margin-top:20px;margin-bottom:0} .identity-preview .ip-footer {display:flex;justify-content:space-between;gap:30px;padding-block:40px;font-size:15px} .identity-preview .ip-footer a {color:#137676} .identity-preview .ip-footer [role=navigation] {display:flex;flex-direction:column;gap:8px} .identity-preview .ip-skip {position:absolute;left:-9999px} .identity-preview .ip-skip:focus {left:10px;top:10px;background:#fff;padding:12px;z-index:10} @media(max-width:900px){.identity-preview .ip-header-inner{flex-wrap:wrap;gap:15px;padding-block:15px}.identity-preview .ip-nav{order:3;width:100%;justify-content:space-between;margin:0;gap:12px}.identity-preview .ip-login{margin-left:auto}.identity-preview .ip-hero{gap:30px}.identity-preview .ip-story-photo{height:330px}.identity-preview .ip-two-columns{gap:40px}.identity-preview .ip-section-head{display:block}} @media(max-width:620px){.identity-preview .ip-wrap{width:calc(100% - 36px)}.identity-preview .ip-hero,.identity-preview .ip-occasions,.identity-preview .ip-two-columns,.identity-preview .ip-steps,.identity-preview .ip-site,.identity-preview .ip-faq{grid-template-columns:1fr}.identity-preview .ip-hero{padding-block:30px;gap:30px}.identity-preview .ip-logo{width:85px;height:85px}.identity-preview .ip-nav{font-size:14px;flex-wrap:wrap}.identity-preview .ip-login{font-size:15px;padding-left:12px}.identity-preview .ip-story{padding-left:15px}.identity-preview .ip-story-photo{height:300px}.identity-preview .ip-benefits .ip-wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:14px}.identity-preview .ip-section{padding-block:45px}.identity-preview .ip-section h2{font-size:28px}.identity-preview .ip-site{padding:26px;gap:20px}.identity-preview .ip-faq{gap:5px}.identity-preview .ip-footer{flex-wrap:wrap}.identity-preview .ip-note a{display:block;margin:0}.identity-preview .ip-steps{gap:24px}} @media(prefers-reduced-motion:reduce){.identity-preview .ip-occasion{transition:none}} /* Nouvelle composition, dans la palette et les typographies historiques. */ .identity-preview .ip-header-inner{min-height:88px} .identity-preview .ip-hero{padding-block:72px 82px;gap:64px} .identity-preview .ip-logo{width:78px;height:78px;margin-bottom:26px} .identity-preview h1{font-size:clamp(42px,4.7vw,65px);line-height:1.17} .identity-preview h1 span{color:#a25360} .identity-preview .ip-lead{font-size:19px;line-height:1.75} .identity-preview .ip-button{display:inline-block;background:#EEA2A4;border:1px solid #EEA2A4;border-radius:6px;box-shadow:none;line-height:1.5;font-family:inherit} .identity-preview .ip-button:hover{background:#e59598;color:#40282e;text-decoration:none} .identity-preview .ip-story{padding:18px 0 0;min-width:0} .identity-preview .ip-photo-pair{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:end} .identity-preview .ip-story-photo{height:350px;border-radius:130px 130px 8px 8px;object-position:center} .identity-preview .ip-wedding-photo{width:100%;height:270px;object-fit:cover;border-radius:90px 90px 8px 8px;margin-bottom:28px} .identity-preview .ip-story-card{margin:-36px 20px 0;padding:25px 28px;background:#fff;box-shadow:0 12px 40px #40404013;border-top:3px solid #EEA2A4;border-radius:5px;text-align:center} .identity-preview .ip-story-card h2{font-size:38px;line-height:1.2;color:#137676} .identity-preview .ip-story-card .ip-kicker{font-size:11px} .identity-preview .ip-wishes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;font-size:13px;color:#626262;margin-top:18px} .identity-preview .ip-occasion{border-radius:10px;overflow:hidden;background:#fafafa} .identity-preview .ip-occasion img{height:230px} .identity-preview .ip-occasion h3{font-family:Cambria,Georgia,serif;font-size:24px} .identity-preview .ip-steps{gap:32px} .identity-preview .ip-steps>div{border-top:2px dotted #EEA2A4;padding-top:25px} .identity-preview .ip-site{background:#f3f3f3;color:#404040;border-radius:10px;border-left:5px solid #179B9B} .identity-preview .ip-site .ip-kicker{color:#137676} .identity-preview .ip-site h2{color:#9e505e} .identity-preview .ip-site a{color:#137676;border-color:#179B9B} .identity-preview .ip-closing{padding-block:65px} @media(max-width:900px){.identity-preview .ip-hero{gap:28px}.identity-preview .ip-story-photo{height:300px}.identity-preview .ip-wedding-photo{height:225px}.identity-preview .ip-story-card{margin-inline:8px;padding-inline:15px}} @media(max-width:620px){.identity-preview .ip-hero{padding-block:35px 45px;gap:30px}.identity-preview .ip-hero-copy{text-align:center}.identity-preview h1{text-align:center;font-size:43px}.identity-preview .ip-logo{margin-inline:auto}.identity-preview .ip-actions{justify-content:center;gap:18px}.identity-preview .ip-kicker{font-size:12px}.identity-preview .ip-story{max-width:440px;margin-inline:auto;width:100%}.identity-preview .ip-story-photo{height:265px}.identity-preview .ip-wedding-photo{height:210px}.identity-preview .ip-story-card h2{font-size:34px}.identity-preview .ip-note{font-size:12px}.identity-preview .ip-closing h2{font-size:37px}} /* Conserver les dimensions historiques du pied de page malgrĂ© le reset de l’aperçu. */ .identity-preview footer, .identity-preview footer * {box-sizing:content-box} /* Navigation commune aux six aperçus. */ .identity-preview .ip-header-inner{gap:24px;flex-wrap:wrap;padding-block:18px} .identity-preview .ip-nav{gap:18px;flex-wrap:wrap} .identity-preview .ip-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px} @media(min-width:901px) and (max-width:1150px){.identity-preview .ip-nav{order:3;width:100%;justify-content:center}.identity-preview .ip-login{margin-left:auto}} /* Logo de navigation, distinct de l’illustration du bloc d’accueil. */ .identity-preview .ip-brand{display:inline-flex;align-items:center;flex:0 0 auto;line-height:1;border-radius:50%} .identity-preview .ip-brand-logo{display:block;width:68px;height:68px;max-width:none;margin:0;background:#fff;border:2px solid #fff;border-radius:50%;box-sizing:border-box} .identity-preview .ip-header-inner{padding-block:10px} @media(max-width:900px){.identity-preview .ip-brand-logo{width:60px;height:60px}} @media(max-width:620px){.identity-preview .ip-brand-logo{width:52px;height:52px}} /* Connexion rapide commune aux pages publiques et aux aperçus. */ .identity-preview .ip-quick-login{position:relative;flex:0 0 auto;color:white} .identity-preview .ip-quick-login>summary{cursor:pointer;list-style:none;color:white} .identity-preview .ip-quick-login>summary::-webkit-details-marker{display:none} .identity-preview .ip-login-panel{position:absolute;z-index:1000;right:0;top:calc(100% + 16px);box-sizing:border-box;width:min(340px,calc(100vw - 36px));max-height:calc(100dvh - 130px);overflow-y:auto;padding:22px;background:#fff;color:#404040;border:1px solid #d4e2e2;border-top:4px solid #137676;border-radius:9px;box-shadow:0 12px 35px #203e3e26;text-align:left;line-height:1.5} .identity-preview .ip-login-panel label{display:block;font-size:16px;margin-bottom:6px} .identity-preview .ip-login-panel input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-width:0;margin:0 0 16px;padding:10px;border:1px solid #b9ced1;border-radius:5px;font:inherit} .identity-preview .ip-login-panel .ip-login-remember{display:flex;align-items:center;gap:8px;font-size:15px} .identity-preview .ip-login-panel input[type=checkbox]{width:auto;min-width:0;margin:0;accent-color:#137676} .identity-preview .ip-login-panel button{display:block;width:100%;margin:14px 0;padding:11px;border:0;border-radius:5px;background:#137676;color:white;font:inherit;cursor:pointer} .identity-preview .ip-header .ip-login-panel a{display:block;color:#137676!important;font-size:15px;margin-top:10px} .identity-preview .ip-login-panel :focus-visible{outline:2px solid #137676;outline-offset:3px} @media(max-width:1150px){.identity-preview .ip-quick-login{margin-left:auto}} /* Keep the signed-in profile photograph visible in the shared navigation. */ .identity-preview .ip-user-menu{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0} .identity-preview .ip-profile{display:flex;flex-shrink:0;border-radius:50%;padding:3px;border:1px solid #ffffff90} .identity-preview .ip-profile img{display:block;width:44px;height:44px;object-fit:cover;border-radius:50%;background:white} .identity-preview .ip-user-menu .ip-login{border-left:0;padding-left:0;margin:0} .identity-preview .ip-profile:focus-visible{outline:2px solid white;outline-offset:4px} @media(max-width:620px){.identity-preview .ip-user-menu{gap:8px}.identity-preview .ip-profile img{width:36px;height:36px}} /* Homepage steps: let the numbered circles introduce each step. */ .identity-preview #comment .ip-steps>div{border-top:0;padding-top:0} @media(max-width:800px){.identity-preview .ip-header .ip-nav .ip-home-link{display:none}} /* Shared back-to-top control on modern pages; visibility is managed by the existing scroll handler. */ body .scrollToTop.ol-back-to-top{box-sizing:border-box;width:44px;height:44px;right:18px;bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));margin:0;padding:10px;border:1px solid #bdd1d2;border-radius:12px;background:#fff;color:#137676;opacity:1;transform:none;line-height:22px;font-size:0;box-shadow:0 3px 12px #30484b18;text-decoration:none} body .scrollToTop.ol-back-to-top svg{display:block;width:22px;height:22px} body .scrollToTop.ol-back-to-top:hover{background:#137676;border-color:#137676;color:#fff;opacity:1;text-decoration:none} body .scrollToTop.ol-back-to-top:focus-visible{outline:3px solid #137676;outline-offset:3px} @media(max-width:620px){body .scrollToTop.ol-back-to-top{right:12px;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}} /* Administration shortcuts share the back-to-top control's shape and spacing. */ body #roundAdmin,body #editLg{box-sizing:border-box;position:fixed;z-index:5000;display:flex;align-items:center;justify-content:center;width:44px;height:44px;right:18px;left:auto;margin:0;padding:0;border:1px solid #bdd1d2;border-radius:12px;background:#fff;color:#137676;opacity:1;transform:none;font:20px/1 Arial,sans-serif;box-shadow:0 3px 12px #30484b18;text-decoration:none} body #roundAdmin{bottom:calc(72px + env(safe-area-inset-bottom,0px))} body #editLg{bottom:calc(126px + env(safe-area-inset-bottom,0px))} body #editLg a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:11px;color:inherit;text-decoration:none} body #roundAdmin:hover,body #editLg:hover,body #editLg.is-active{background:#137676;color:#fff} body #roundAdmin:focus-visible,body #editLg a:focus-visible{outline:3px solid #137676;outline-offset:3px} @media(max-width:600px){body #roundAdmin,body #editLg{right:12px}body #roundAdmin{bottom:calc(66px + env(safe-area-inset-bottom,0px))}body #editLg{bottom:calc(120px + env(safe-area-inset-bottom,0px))}} /* pages-proposition */ /* ComplĂ©ments communs aux pages d’aperçu, sans effet sur le site public. */ .identity-preview .pv-breadcrumb{padding-top:24px;font-size:14px;color:#646464} .identity-preview .pv-breadcrumb a{color:#137676} .identity-preview .pv-hero{padding-top:42px} .identity-preview .pv-grid-two,.identity-preview .pv-grid-three{display:grid;gap:26px;margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr))} .identity-preview .pv-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))} .identity-preview .pv-card{padding:30px;background:#fafafa;border:1px solid #e7e7e7;border-bottom:3px solid #EEA2A4;border-radius:10px} .identity-preview .ip-freedom .pv-card{background:#fff} .identity-preview .pv-card h3{font-family:Cambria,Georgia,serif;font-size:25px} .identity-preview .pv-featured{border-top:4px solid #179B9B} .identity-preview .pv-symbol{font-size:32px;color:#137676} .identity-preview .pv-example{font-style:italic;color:#9e505e;margin-bottom:0;padding-top:12px;border-top:1px solid #e5e5e5} .identity-preview .pv-intro{max-width:650px;font-size:19px} .identity-preview .pv-baby{height:380px} .identity-preview .pv-browser{min-width:0;border:1px solid #ddd;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #40404012;background:#fff;transform:rotate(1deg)} .identity-preview .pv-browser-bar{background:#f3f3f3;color:#646464;font-size:13px;padding:12px 18px;display:flex;gap:30px;border-bottom:1px solid #ddd} .identity-preview .pv-browser-bar span{color:#a25360;letter-spacing:3px} .identity-preview .pv-browser-body{text-align:center;padding:26px 22px 10px} .identity-preview .pv-browser-body img{display:block;width:100%;height:240px;object-fit:cover;border-radius:70px 70px 3px 3px} .identity-preview .pv-script{font-family:parisienneregular,Georgia,serif;font-size:43px;line-height:1.2;color:#137676;margin-bottom:20px} .identity-preview .pv-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;color:#137676;padding-block:16px;font-size:14px} .identity-preview .pv-caption{font-size:12px;text-align:center;color:#646464;padding:0 20px 15px;margin:0} .identity-preview .pv-table-wrap{overflow-x:auto;margin-top:20px} .identity-preview .pv-comparison{text-align:left;background:#fff;width:100%;font-size:17px} .identity-preview .pv-comparison caption{text-align:left;padding-bottom:14px;color:#646464} .identity-preview .pv-comparison th,.identity-preview .pv-comparison td{padding:18px;border-bottom:1px solid #ddd;vertical-align:top} .identity-preview .pv-comparison thead{background:#137676;color:white} .identity-preview .pv-comparison tbody th{font-weight:400;width:50%} .identity-preview .pv-comparison td:last-child{background:#eef7f7;color:#137676} .identity-preview .pv-table-note{margin:24px 0 0} .identity-preview .pv-light-link{color:#fff;text-decoration:underline} .identity-preview #exemples{scroll-margin-top:20px} @media(max-width:900px){.identity-preview .pv-grid-three{gap:15px}.identity-preview .pv-card{padding:22px}.identity-preview .pv-browser{transform:none}.identity-preview .pv-baby{height:320px}} @media(max-width:620px){.identity-preview .pv-grid-two,.identity-preview .pv-grid-three{grid-template-columns:1fr}.identity-preview .pv-hero{padding-top:28px}.identity-preview .pv-browser-body img{height:210px}.identity-preview .pv-comparison{font-size:14px}.identity-preview .pv-comparison th,.identity-preview .pv-comparison td{padding:12px 8px}.identity-preview .pv-baby{height:300px}} .identity-preview .pv-price-intro{padding-bottom:12px} .identity-preview .pv-price-intro .ip-lead{max-width:720px} .identity-preview .pv-price-intro h1{max-width:950px} .identity-preview .pv-prices .pv-card{padding:36px;display:flex;flex-direction:column;align-items:flex-start} .identity-preview .pv-prices h2{margin-bottom:15px} .identity-preview .pv-price{font-size:58px;line-height:1.1;color:#137676;margin-bottom:5px} .identity-preview .pv-price span{font-size:17px;color:#646464} .identity-preview .pv-price-label{font-size:14px;color:#646464;margin-bottom:25px} .identity-preview .pv-inclusions{list-style:none;padding:0;margin:5px 0 28px;width:100%} .identity-preview .pv-inclusions li{padding:11px 0;border-bottom:1px solid #e5e5e5} .identity-preview .pv-inclusions li::before{content:'âś“';color:#137676;margin-right:10px} .identity-preview .pv-prices .ip-button{margin-top:auto} .identity-preview .pv-prices .ip-guest{margin-bottom:0} @media(max-width:620px){.identity-preview .pv-prices .pv-card{padding:25px}.identity-preview .pv-price{font-size:48px}} /* Les cartes tarifaires ne reprennent pas le centrage automatique des articles historiques. */ .identity-preview .pv-prices .pv-grid-two{align-items:stretch} .identity-preview .pv-prices .pv-card{margin:0;min-width:0;max-width:none;align-self:stretch;border-top:4px solid #179B9B} /* Override the legacy white example links on the light example cards. */ .identity-preview #exemples a.ip-occasion, .identity-preview #exemples a.ip-occasion h3, .identity-preview #exemples a.ip-occasion p{color:#404040} /* parcours-proposition */ .identity-preview .pf-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;padding-block:55px 70px;align-items:start} .identity-preview .pf-intro h1{font-size:clamp(40px,4.3vw,58px)} .identity-preview .pf-panel{background:#fafafa;border:1px solid #e5e5e5;border-top:4px solid #179B9B;border-radius:12px;padding:32px;min-width:0} .identity-preview .pf-panel h2{font-size:29px} .identity-preview .pf-demo{font-size:13px;background:#eef7f7;color:#137676;padding:12px 15px;border-radius:5px;margin-bottom:24px} .identity-preview .pf-field{margin-bottom:20px} .identity-preview .pf-field label{display:block;margin-bottom:7px;font-size:16px} .identity-preview .pf-field input,.identity-preview .pf-field select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:46px;border:1px solid #adb9bb;background:white;color:#404040;border-radius:5px;padding:10px 12px;font:inherit;margin:0} .identity-preview .pf-field input:focus-visible,.identity-preview .pf-field select:focus-visible,.identity-preview .pf-panel button:focus-visible,.identity-preview .pf-panel input:focus-visible{outline:3px solid #137676;outline-offset:3px} .identity-preview .pf-choice{margin:0 0 18px;padding:12px;border:1px solid #c8d9d9;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0} .identity-preview .pf-choice legend{font-size:16px;padding:0 5px;margin:0} .identity-preview .pf-choice label{padding:12px;background:#f3f3f3;border-radius:5px;cursor:pointer} .identity-preview .pf-choice label:has(input:checked){background:#e5f4f4;box-shadow:inset 0 0 0 1px #179B9B} .identity-preview .pf-choice input,.identity-preview .pf-check input{display:inline-block;width:auto;min-width:0;accent-color:#137676;margin:0 6px 0 0} .identity-preview .pf-choice small{display:block;font-size:13px;margin-top:5px} .identity-preview .pf-check{display:block;margin:20px 0;font-size:15px} .identity-preview .pf-hint{font-size:14px;color:#646464} .identity-preview .pf-panel button{cursor:pointer} .identity-preview .pf-panel .ip-button{width:100%;font:inherit} .identity-preview .pf-status{margin:18px 0 0;color:#137676;font-size:16px} .identity-preview .pf-reassurance{border-top:2px dotted #EEA2A4;margin-top:32px;padding-top:25px} .identity-preview .pf-reassurance h2{font-size:26px} .identity-preview .pf-back{border:0;background:none;color:#137676;font:inherit;margin-top:18px;padding:5px} .identity-preview .pf-result{display:flex;gap:20px;padding:24px 0;border-top:1px solid #ddd;margin-top:22px} .identity-preview .pf-result img{object-fit:cover;border-radius:8px;width:80px;height:90px} .identity-preview .pf-result h3{margin:0 0 10px;font:26px Cambria,Georgia,serif} .identity-preview .pf-preview-nav{display:flex;gap:20px;flex-wrap:wrap;padding-block:20px 35px;font-size:16px} .identity-preview [hidden]{display:none!important} @media(max-width:800px){.identity-preview .pf-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.identity-preview .pf-reassurance{margin-top:20px}.identity-preview .pf-panel{padding:24px}} @media(max-width:400px){.identity-preview .pf-choice{grid-template-columns:1fr}.identity-preview .pf-panel{padding:18px}} /* public-design */ /* Production form adapters: keep the server-side contracts and validation intact. */ .public-design .ol-registration .oForm{max-width:none;width:100%;margin:0} .public-design .ol-registration .fContainer{border:0;box-shadow:none;background:transparent;margin:0;padding:0;width:auto;max-width:100%} .public-design .ol-registration .fTitle{background:transparent;color:#9e505e;font-size:28px;text-align:left;padding:0 0 20px} .public-design .ol-registration .cleanForm{padding:0;width:auto;margin:0} .public-design .ol-registration .fLabel{display:block;text-align:left;width:auto;margin:12px 0 7px} .public-design .ol-registration input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.public-design .ol-registration select{max-width:100%;width:100%;box-sizing:border-box;border:1px solid #b9ced1;border-radius:6px;padding:12px;font:inherit} .public-design .ol-registration input[type=submit]{background:#137676;color:#fff;border:0;cursor:pointer} .public-design .ol-registration #registrationFlags{margin-bottom:20px!important} .public-design .ol-registration .sepa{height:10px} .public-design .ol-registration #part2{max-width:100%!important} .public-design .ol-registration #output_Text{overflow-wrap:anywhere} .public-design .ol-registration .group{max-width:100%} .public-design .pf-field{margin-bottom:20px} .public-design .pf-field label{display:block;margin-bottom:7px} .public-design .pf-field input{width:100%;min-width:0;padding:13px;border:1px solid #b9ced1;border-radius:6px;font:inherit} .public-design .pf-panel button[type=submit]{margin:18px 0;width:100%;cursor:pointer} .public-design .pf-help{font-size:14px;color:#56686f;margin-top:12px} /* header-language */ .ip-header .ip-language-menu { position: relative; flex: 0 0 auto; padding: 0; border: 0; font: inherit; } .ip-header .ip-language-menu summary { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 6px; color: #fff; cursor: pointer; font-size: inherit; line-height: inherit; list-style: none; white-space: nowrap; } .ip-header .ip-language-menu summary::-webkit-details-marker { display: none; } .ip-header .ip-language-menu summary::after { content: ''; width: 6px; height: 6px; margin: -3px 1px 0 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); } .ip-header .ip-language-menu[open] summary::after { margin-top: 3px; transform: rotate(225deg); } .ip-header .ip-language-menu summary:hover, .ip-header .ip-language-menu[open] summary { background: rgba(255, 255, 255, .16); } .ip-header .ip-language-menu summary:focus-visible, .ip-header .ip-language-options a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .ip-header .ip-language-menu svg { width: 17px; height: 17px; flex: none; } .ip-header .ip-language-flag { display: block; width: 28px; height: 28px; object-fit: contain; flex: none; } .ip-header .ip-language-summary-flag { display: none; } .ip-header .ip-language-current { font-size: .72em; font-weight: 700; letter-spacing: .04em; } .ip-header .ip-language-options { position: absolute; z-index: 1100; top: calc(100% + 10px); right: 0; width: 180px; padding: 6px; border: 1px solid #cce1e2; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(0, 58, 63, .18); } .ip-header .ip-language-options a, .ol-live-list .ip-header .ip-language-options a, .ol-live-participation .ip-header .ip-language-options a { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: 6px; color: #086f75 !important; font-size: 15px; line-height: 1.3; text-decoration: none; } .ip-header .ip-language-options a:hover, .ip-header .ip-language-options a[aria-current="page"] { background: #e9f5f5; } .ip-header .ip-language-options a:focus-visible { outline-color: #086f75; } @media (max-width: 480px) { .ip-header .ip-language-menu summary { justify-content: center; width: 44px; height: 44px; box-sizing: border-box; padding: 6px; } .ip-header .ip-language-menu summary svg, .ip-header .ip-language-menu summary::after, .ip-header .ip-language-label, .ip-header .ip-language-current { display: none; } .ip-header .ip-language-summary-flag { display: block; } .ip-header .ip-language-options { display: grid; grid-template-columns: repeat(4, 44px); gap: 4px; width: max-content; max-width: calc(100vw - 32px); padding: 8px; } .ip-header .ip-language-options a, .ol-live-list .ip-header .ip-language-options a, .ol-live-participation .ip-header .ip-language-options a { justify-content: center; width: 44px; height: 44px; box-sizing: border-box; padding: 6px; } .ip-header .ip-language-options a span { display: none; } } /* confirmation-notices */ /* Shared notices, including central #msg_info and legacy #tmp messages. */ html body :is(.ok, .info, .attention, .interdiction) { --notice-accent: #147d7d; --notice-bg: #f2faf8; --notice-border: #bfded7; box-sizing: border-box; display: block; position: relative; min-height: 64px; max-width: 100%; margin: 20px 0 24px; padding: 18px 22px 18px 64px; border: 1px solid var(--notice-border); border-left: 4px solid var(--notice-accent); border-radius: 12px; background: var(--notice-bg); color: #34484b; font-family: Cambria, Georgia, serif; font-size: 17px; line-height: 1.6; box-shadow: 0 3px 12px rgba(20, 70, 70, .05); overflow-wrap: anywhere; } html body .info { --notice-accent: #28799a; --notice-bg: #f1f8fc; --notice-border: #c7dfe9; } html body .attention { --notice-accent: #996817; --notice-bg: #fff9ed; --notice-border: #ead8b4; } html body .interdiction { --notice-accent: #b04452; --notice-bg: #fff4f5; --notice-border: #ebcbd0; } html body :is(.ok, .info, .attention, .interdiction)::before { content: ""; display: block; position: absolute; left: 18px; top: 20px; right: auto; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--notice-accent); } html body :is(.ok, .info, .attention, .interdiction)::after { content: "i"; display: block; position: absolute; left: 18px; top: 20px; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; background:none; color: #fff; font: bold 19px/28px Georgia, serif; text-align: center; transform: none; } html body .ok::after { content: "\2713"; font-family: Arial, sans-serif; } html body .attention::after, html body .interdiction::after { content: "!"; } #tmp:has(> :is(.ok, .info, .attention, .interdiction)) > br { display: none; } html body :is(.ok, .info, .attention, .interdiction) a { color: #096b70; text-decoration: underline; } @media (max-width: 480px) { html body :is(.ok, .info, .attention, .interdiction) { margin: 16px 0 20px; padding: 16px 14px 16px 56px; font-size: 16px; } html body :is(.ok, .info, .attention, .interdiction)::before, html body :is(.ok, .info, .attention, .interdiction)::after { left: 14px; top: 18px; } } #IbanNotEditable.info::after, .ol-live-check :is(.info, .attention)::after { display: none; } /* public-performance */ /* Public marketing pages only: preserve list owners' chosen colours. */ .public-design .ip-header,.public-design .ip-closing{background-color:#137676} .public-design .ip-faq a{color:#137676} .public-design footer{color:#fff} .public-design footer a{color:#fff} .public-design footer img{width:auto;height:50px} .public-design footer #footLang img{height:25px;width:25px} .public-design footer img[src="/images/protec.png"]{height:40px;width:40px} .public-design .ol-import-info{max-width:1100px;margin:0 auto;padding:55px 24px;color:#354e54} .ol-import-info h1{font-family:parisienneregular,Georgia,serif;font-size:clamp(34px,5vw,56px);line-height:1.25;color:#137676} .ol-import-info p{max-width:75ch;line-height:1.65;text-align:left} .ol-import-info h2{display:block;border:0;margin:24px 0 12px;padding:0} .ol-import-info a:not(.ol-import-cta){color:#137676} .ol-import-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0;padding:0;list-style:none;counter-reset:steps} .ol-import-steps li{padding:24px;background:#fff;border:1px solid #c9dfe1;border-radius:16px;counter-increment:steps} .ol-import-steps li:before{content:counter(steps);display:inline-grid;place-items:center;width:36px;height:36px;background:#137676;color:#fff;border-radius:50%;font-weight:bold} .ol-import-steps h2{font:700 23px/1.3 Cambria,Georgia,serif;color:#137676} .ol-import-info .ol-import-cta{display:inline-block;background:#137676;color:white;padding:14px 24px;border-radius:8px;margin:12px 0;text-decoration:none;font-weight:bold} .ol-import-info .ol-import-note{padding:20px;border-left:4px solid #137676;background:#eaf4f5;border-radius:8px} @media(max-width:700px){.ol-import-steps{grid-template-columns:1fr}.public-design .ol-import-info{padding:30px 20px}}