.logo, .logo2, .logo3 {
text-align: center
}
.logo2 {
margin-top: 30px
}
/* asap-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Asap";
font-style: normal;
font-weight: 400;
src: url("https://www.out-of-nothing.life/fonts/asap-v34-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Asap";
font-style: italic;
font-weight: 400;
src: url("https://www.out-of-nothing.life/fonts/asap-v34-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.outof-hero-section{position:relative;padding:100px 40px 60px;margin-top:90px;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1300px;margin:0 auto;align-items:start}
.hero-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.hero-card:hover{transform:translateY(-5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.hero-card--center{min-height:480px;transform:translateY(-40px)}
.hero-card--center:hover{transform:translateY(-45px)!important}
.hero-card__img{width:140px;height:140px;border-radius:12px;margin:0 auto 20px;object-fit:cover}
.hero-card__title{font-size:20px;color:#06a7b4;margin:0;font-family:asap_condensedregular,sans-serif}
.hero-card__subtitle{font-size:16px;color:#666;margin:0 auto 1rem;font-weight:400;font-family:asap_condensedregular,sans-serif;background-color:rgba(204,204,204,.39);width:200px;border-radius:30px}
.hero-card__texte-wrap{padding:0;margin:-30px -30px 0;background-position:center;background-repeat:no-repeat;background-size:101% auto;min-height:160px;display:flex;align-items:center;justify-content:center}
.hero-card__texte{font-size:1rem;line-height:1.6;color:#fff;margin:0;padding:10px 60px;font-family:asap_condensedregular,sans-serif;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.8rem}
.hero-card__btn{display:block;color:#fff;text-align:center;padding:12px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(214,191,137,.3);font-family:asap_condensedregular,sans-serif;transition:all .3s ease;margin-top:2rem;background:#d6bf89}
.hero-card__btn:hover{transform:translateY(-2px)}
.hero-card:nth-child(1) .hero-card__btn{background:#ec652b; color: white;}
.hero-card:nth-child(2) .hero-card__btn{background:#f6a71f;color: white;}
.hero-card:nth-child(3) .hero-card__btn{background:#3bbdb3;color: white;}
.ribbon-nouvelle-version{position:absolute;top:28px;right:-52px;width:215px;background:linear-gradient(135deg,#d1034d 0%,#fd9807 100%);color:#fff;padding:6px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;transform:rotate(45deg);z-index:10}
@media(max-width:992px){.hero-grid{grid-template-columns:1fr}.hero-card--center{transform:none;min-height:380px}.hero-card__texte{padding:25px 40px;font-size:.95rem;line-height:1.5;-webkit-line-clamp:3;max-height:4.5rem}}
@media(max-width:576px){.hero-card:nth-child(2),.hero-card:nth-child(3){display:none}.hero-card__texte-wrap{min-height:120px}.hero-card__texte{padding:20px 30px;font-size:.9rem;line-height:1.4;-webkit-line-clamp:3;max-height:4.2rem}}
.pub-milieu{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,167,180,.2);margin:40px 0}
.pub-milieu__inner{background:linear-gradient(135deg,#06a7b4 0%,#2caabf 100%);padding:25px;display:flex;gap:25px;align-items:center;font-family:asap_condensedregular,sans-serif}
.pub-milieu__img{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-shrink:0;border:5px solid #fff}
.pub-milieu__content{flex:1;color:#fff}
.pub-milieu__badge{background:#f87c00;color:#fff;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:12px}
.pub-milieu__titre{margin:0 0 8px;font-size:26px;line-height:1.3;font-weight:400;color: white;
margin-top: 0;}
.pub-milieu__sous-titre{margin:0 0 12px;font-size:17px;line-height:1.4;opacity:.95;font-weight:400;color: white;
}
.pub-milieu__texte{margin:0 0 16px;line-height:1.6;font-size:15px;opacity:.9}
.pub-milieu__btn{display:inline-block;background:#fff;color:#06a7b4;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,.2); text-decoration: none;
}
#pub h2 {margin-top: 0;} #pub a {text-decoration: none;}#pub h3 {color: white;}
@media(max-width:768px){.pub-milieu__inner{flex-direction:column;text-align:center}.pub-milieu__img{margin:0 auto}}
.theme-table{width:100%!important;max-width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:.95rem}.theme-table th{background:#eaf7f7;color:grey;padding:10px 14px;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;}.theme-table td{padding:8px 14px;border-bottom:1px solid #e8e8e8;vertical-align:middle}.theme-table tr:nth-child(2n){background:#f7fcfc}.theme-table tr:hover{background:#eaf7f7}.section-title{color:#06a7b4;font-size:1.3rem;font-weight:700;margin:2rem 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid #06a7b4}.section-subtitle{color:#666;font-size:.85rem;margin-bottom:1rem}.dom-bar{height:22px;border-radius:3px;display:inline-block;min-width:4px;vertical-align:middle}.dom-bar-soleil{background:#f5a623}.dom-bar-lune{background:#7b8fa0}.dom-bar-mercure{background:#e8d44d}.dom-bar-venus{background:#4ecdc4}.dom-bar-cardinal,.dom-bar-feu,.dom-bar-mars{background:#e74c3c}.dom-bar-jupiter{background:#8e44ad}.dom-bar-saturne{background:#2c3e50}.dom-bar-eau,.dom-bar-uranus{background:#1abc9c}.dom-bar-air,.dom-bar-mutable,.dom-bar-neptune{background:#3498db}.dom-bar-pluton{background:#c0392b}.dom-bar-terre{background:#8b6914}.dom-bar-fixe{background:#f39c12}.orbe-exact{background:#dad818;color:#333;padding:2px 6px;border-radius:3px;font-weight:700}@media (max-width:768px){.theme-table td,.theme-table th{padding:6px 8px;font-size:.82rem}}@media print{h3.section-title,p.section-subtitle{text-align:left!important;margin-bottom:.5rem}.noprint{display:none!important}.theme-table th{background:#eaf7f7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dom-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}.theme-table{page-break-inside:auto;margin-bottom:2rem}.theme-table tr{page-break-inside:avoid}h3.section-title{margin-top:3rem}}
@media (min-width:1600px) {
#bandeau {
min-height: 300px
}
}
.card2, .list-group-item2, .list-group-item22 {
display: block;
background-color: #fff;
position: relative
}
.padding-three-all .separator:after, .padding-three-all .separator:before {
position: absolute;
top: 0;
content: "::::::";
color: #000;
font-size: 14px;
letter-spacing: 3px
}
.list-group-item2 {
padding: .75rem 0;
border-bottom: 1px solid rgba(0,0,0,.125)
}
ul li:last-child {
border-bottom: none
}
.mt2 {
margin-top: 2rem
}
.card2 {
flex-direction: column;
min-width: 0;
border: 0 solid #ebedf3;
border-radius: .42rem;
background-clip: border-box;
overflow-wrap: break-word
}
.btn.btn-primary3, .btn.btn-primary4 {
border-radius: 0;
text-decoration: none;
color: #fff
}
.btn.btn-primary3 {
padding: .8rem;
border-color: #2caabf;
font-family: montserratregular;
font-size: 15px;
letter-spacing: 1px;
background-color: #2caabf
}
.btn.btn-primary4 {
border-color: #f87c00;
background-color: #f87c00
}
.padding-three-all .separator:before {
left: 0
}
.padding-three-all .separator:after {
right: 0
}
.padding-three-all .separator {
position: relative;
width: 120px;
text-align: center;
margin-bottom: 34px
}
.blue2 {
color: #6fa0b1
}
.nomargin {
margin-top: 0
}
.ff {
font-family: amertype
}
#cardp p {
margin: 0
}
.blog-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.blog-item {
flex: 0 0 calc(33.333% - 14px);
display: flex;
margin-bottom: 2rem;
}
.blog-item .card, .blog-item2 .card {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
}
.blog-item .card-body, .blog-item2 .card-body {
flex-grow: 1;
height: auto;
}
@media (max-width: 992px) {
.blog-item {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 576px) {
.blog-item {
flex: 0 0 100%;
}
}
@media (min-width: 992px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
}
@media (min-width:992px) {
#bandeau .col-lg-4 {
width: 31%;
padding: 1.2rem
}
.titrebandeau {
font-size: 4rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.25rem;
color: #000
}
.logo2, .logo3 {
text-align: center;
margin-top: 20px
}
#grid {
display: grid;
height: auto;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
}
#grid3, #grid4, #blocreverse {
display: grid;
height: auto;
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
}
}
@media (min-width:1200px) {
.logo2, .logo3 {
text-align: center;
margin-top: 20px
}
.titrebandeau {
font-size: 4rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.25rem;
color: #b6b4b4
}
}
@media (max-width:834px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3.5rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.3rem;
color: #b6b4b4
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
#boutons {
margin-top: 2rem
}
}
@media (max-width:630px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 1.5rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
}
@media (max-width:430px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 1.27rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
}
@media (max-width:414px) {
.titrebandeau1 {
font-family: amertype;
font-size: 1.2rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
#cardp {
margin-top: 0rem;
flex-direction: column;
height: 100%;
}
#cardp > div {
flex-grow: 1;
}
#cardp2 > div {
flex-grow: 1;
}
}
.rounded2 {
border-radius: 50%!important
}
.mb3 {
margin-bottom: 3rem
}
.card-v-sm .img-cover {
width: 50px;
height: 50px
}
.img-cover {
-webkit-background-size: cover;
background-size: cover;
background-position: center center
}
.rounded {
border-radius: .25rem!important
}
.pl-2, .px-2 {
padding-left: .5rem!important
}
.pr-2, .px-2 {
padding-right: .5rem!important
}
.mb-1, .my-1 {
margin-bottom: 0!important
}
.h6, h6 {
font-size: 0.9rem
}
#bloc h6, .small-2 {
margin-top: 0
}
.bg-deep-pink, .bg-vert6 {
background-color: #fa9a0e
}
.bg-vertc {
background-color: #b41071
}
.bg-vertd {
background-color: #97d5bf;
color: #ffffff;
}
.bg-vertnum {
background-color: #a2cf16;
}
.btn.btn-theme {
color: #fff;
background-color: #2daabf;
border-color: #2caabf;
text-decoration: none;
border-radius: 10px;
font-size: 1.2rem
}
#tjour .table td, .table th {
padding: .25rem;
vertical-align: top
}
#celeb a {
text-decoration: underline;
font-size: .95rem;
color: #2caabf
}
#celeb {
font-size: .9rem;
padding: 1rem;
}
aside strong {
font-weight: 900;
font-family: asap_condensedbold,sans-serif!important;
font-size: .95rem
}
#result p {
margin-bottom: 20px
}
#celeb h3 {
margin-left: 0rem
}
#celeb span.atc {
text-decoration: underline;
font-size: 0.9rem;
color: #666;
}
.fl {
float: left;
margin-right: 2rem
}
#roundindex input, input.form-control {
padding-left: 1rem;
border: none;
border-radius: .42rem;
background-color: #f1f7f8
}
#rondindex h3 {
margin-top: 1rem
}
.btn.btn-primary2 {
border-color: #3e4649;
border-radius: 0;
text-decoration: none;
font-family: montserratregular;
font-size: 15px;
letter-spacing: 1px;
color: #fff;
background-color: #3b4346
}
#body p {
margin: 15px 0 17px
}
#blog .min-height-plan2 {
height: 280px;
font-size: .95rem
}
#blog .card-body {
flex: 1 1 auto;
min-height: 1px;
font-family: asap_condensedregular,sans-serif!important;
font-weight: 400
}
@media (min-width:767px) {
.fl {
float: left;
margin-right: 1rem
}
.dn2 {
display: none
}
.col_xs-7 {
width: 58.33333%
}
.min-height {
min-height: 380px
}
.btn.btn-primary2 {
margin-bottom: 2rem
}
.center-col2 {
float: none;
margin-right: auto;
margin-left: auto
}
.h1 {
font-size: 4rem;
font-weight: 700;
color: #0b093e
}
h1 {
font-size: 4rem;
line-height: 40px;
color: #f87c00
}
}
@media (min-width:992px) {
.min-height {
min-height: 410px
}
#accroche {
margin-top: 5%;
margin-left: 2rem;
padding-bottom: 0;
background-color: transparent
}
.btn.btn-primary2 {
margin-bottom: 2rem
}
.center-col2 {
float: none;
margin-right: auto;
margin-left: auto
}
#search2a {
position: absolute;
top: 80px;
right: 0;
width: 100%;
padding-right: 1px;
padding-left: 1px
}
.hide {
display: none
}
.show {
display: block
}
#searcha {
float: left;
margin-top: 15px
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #666
}
.blocrec {
padding: .3rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff
}
.infocom {
padding: 10px;
border-radius: 10px;
font-weight: 700;
color: #fff;
background-color: #90bac1
}
.shr-recs-bar {
height: 0
}
}
@media (max-width:1024px) {
.mt30 {
margin-top: 0
}
}
@media (max-width:766px) {
.dn {
display: none
}
.fl {
margin-right: .5rem
}
ol {
padding-inline-start: 0
}
#search2a {
position: absolute;
top: 105px;
right: 0;
width: 100%;
padding-right: 1px;
padding-left: 1px
}
.hide {
display: none
}
.show {
display: block
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #666
}
}.alert-danger4 {
margin-top: 40px;
padding: 10px;
border-color: #00c1d1;
font-size: 1.1rem;
color: #f5f5f5;
background-color: #00c1d1
}
#formcom .alert-danger3 {
margin-top: 40px;
margin-bottom: 2rem;
padding: 10px;
border: #ff3f06 dashed 1px;
font-size: .9rem;
font-weight: 700;
color: #666;
background-color: #fff
}
.b2 {
padding: 1rem;
background-color: #f0fafb
}
.b1 {
padding: 1rem;
background-color: #fafafa
}
.ref {
float: left;
width: 350px;
margin-right: 1rem
}
.cs {
height: auto;
width: 100px
}
.cs2 {
height: auto;
width: 70px
}
#content h2 {
margin-top: 3rem
}
/* Chevrons vert d'eau – scopé sur #content */
#content ul {
list-style: none;
padding-left: 0;
margin: 1rem 0;
}
#content ul li {
position: relative;
padding-left: 26px;
margin-bottom: 10px;
font-size: 1rem;
line-height: 1.65;
}
#content ul li::before {
content: "›";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
color: #4a9a9a;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}
#sommaire {
margin-bottom: 3rem
}
.fl {
float: left;
margin-right: .7rem;
margin-bottom: .7rem
}
.hightlight {
text-decoration: underline;
text-decoration-color: #d3422e;
text-decoration-style: dotted;
}
.hide {
display: none
}
.show {
display: block
}
.hide {
display: none
}
.show {
display: block
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-family: asap_condensedregular;
font-size: .9rem;
font-weight: 400;
color: #666
}
.bloc3 {
margin-top: 2rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 10px
}
.bloc4 {
border: rgb(204,197,185,.5) solid 1px;
border-radius: 10px
}
.mt30 {
margin-top: 3rem
}
.show {
display: block
}
html {
scroll-behavior: smooth
}
html {
scrollbar-color: #000 rgb(0,0,0,.15);
scrollbar-width: thin
}
.pe {
max-width: 441px
}
.nomargintop {
margin-top: 0;
margin-bottom: 0
}
.text-left {
text-align: left
}
#rondindex a, #formation a, #menu a, #p1 a, #seances a {
color: #fff;
font-size: 1rem;
font-family: asap_condensedregular,sans-serif!important;
}
#header2 header nav.navbar-default, nav.navbar.bootsnav {
position: fixed;
height: 80px;
border-bottom: 0;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
#header2 .btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
margin-top: .5rem;
margin-right: 1.5rem;
padding: 7px 7px;
border-radius: 2px;
text-transform: none;
font-size: 16px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
margin-left: 5px;
text-decoration: none;
}
.mt130 {
margin-top: 130px
}
.mt20 {
margin-top: 2rem
}
@media (max-width:992px) {
#header2 nav {
margin-top: -20px
}
#header2 .btnnew2, #p1 a
#coms .card-body {
height: auto;
overflow: hidden;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
}
}.db, .svg {
display: block
}
.wave:after, .wave:before {
content: " ";
position: absolute
}
.wave:before {
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff
}
.wave:after {
z-index: 0;
bottom: 65%;
left: -250px;
width: 1000px;
height: 1025px;
border-radius: 35%;
background: #fff;
transform: rotate(45deg)
}
#prix ul, #intro ul {
list-style: disc;
padding-inline-start: 45px
}
.timeline-block:before {
content: "";
position: absolute;
top: 20px;
right: 50%;
width: 12px;
height: 12px;
margin-right: -6px;
border-radius: 12px;
background-color: #337ab7;
box-shadow: 0 0 0 5px rgb(68 193 193 / 35%)
}
.timeline-block-wrapper, .timeline-block:nth-child(2n) .timeline-block-wrapper, .timeline-block:nth-child(odd) .timeline-block-wrapper {
padding-right: 30px;
padding-left: 30px
}
.timeline-block:nth-child(odd) .timeline-content::before {
left: 100%;
border-color: transparent transparent transparent #fff
}
.mb-10 {
margin-bottom: 10px
}
.mb-0 {
margin-bottom: 0
}
.timeline:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 4px;
height: 100%;
margin-left: -2px;
border-radius: 4px;
background: #d7e4ed
}
@media (min-width:992px) {
.col-md-offset-6 {
margin-left: 50%
}
}.timeline-block:nth-child(odd) .timeline-date {
left: 50%;
margin-left: 20px
}
@media only screen and (max-width:991px) {
.timeline-block:nth-child(2n) .timeline-date, .timeline-block:nth-child(odd) .timeline-date {
right: auto;
left: 50px;
margin-right: 0;
margin-left: 0
}
.timeline-block .timeline-content {
padding: 55px 20px 15px
}
.timeline-block-wrapper, .timeline-block:nth-child(2n) .timeline-block-wrapper, .timeline-block:nth-child(odd) .timeline-block-wrapper {
margin-bottom: 40px;
padding-right: 0;
padding-left: 0
}
block:nth-child(odd) .timeline-date {
right: auto;
left: 20px;
margin-right: 0;
margin-left: 0
}
}#intro p {
font-size: 1rem
}
*, :after, :before, input[type="search"] {
box-sizing: border-box
}
.btn, img {
vertical-align: middle
}
#post a:hover, #post a:link, #post a:visited {
text-decoration: underline;
font-size: .85rem;
font-weight: 700;
color: #68afba
}
.membre {
margin-left: 20px;
color: #f1fbfc;
font-size: 0.9rem;
}
.fw700 {
font-weight: 700
}
a:link::before {
margin-right: 5px
}
#menu {
max-height: calc(90vh - 210px);
overflow-y: auto
}
.balance, .belier, .cancer, .capricorne, .gemeaux, .jupiter, .lion, .lune, .mars, .mercure, .neptune, .pluton, .poissons, .sagittaire, .saturne, .scorpion, .soleil, .taureau, .uranus, .venus, .verseau, .vierge {
font-family: hamburgsymbolsregular;
font-size: 20px
}
.accordion.accordion-outline .card .card-header3 {
padding: 0;
background-color: #3b4346
}
.accordion.accordion-outline .card .card-header2 {
padding: 0;
background-color: #fff;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%)
}
.accordion>.card:first-of-type {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.accordion.accordion-outline .card {
margin-bottom: 1rem;
border: 0
}
.accordion .card .card-header .card-title, .accordion .card .card-header3 .card-title {
width: 100%;
margin: 0;
padding: 1rem;
border-color: #fff;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #fff
}
.accordion .card .card-header .card-title, .accordion .card .card-header3 .card-title2 {
margin: 0;
padding: 1rem;
border-color: #fff;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #999
}
#pub h3 {
padding-top: 0;
font-size: 19px;
font-weight: 100;
color: #2caabf;
margin-top: 0;
}
.accordion.accordion-outline .card .card-header {
padding: 0;
background-color: #b4cace
}
.blocinfos {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 0.5rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff;
font-size: 0.9rem;
}
.bloc {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff
}
.card {
display: flex;
position: relative;
flex-direction: column;
min-width: 0;
border-radius: .42rem;
background-color: #fff;
background-clip: border-box;
overflow-wrap: break-word
}
.btn-danger {
border-color: #f94d4b;
color: #fff;
background-color: #d4452c
}
.card.card-custom {
height: auto;
padding: 0px;
border-radius: 0px;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
border-radius: 20px;
-webkit-box-shadow: 0 0 10px 0 rgba(211, 212, 212, 0.16);
}
aside .card.card-custom {
height: auto;
-webkit-box-shadow: 0 0 10px 0 rgba(213, 215, 215, 0.16);
}
#content .card.card-custom {
height: auto
}
.card-header:first-child {
border-radius: calc(0.42rem - 1px) calc(0.42rem - 1px) 0 0;
}
.card.card-custom>.card-header .card-title {
display: flex;
align-items: center
}
.card.card-custom>.card-header .card-title .card-label {
margin: 0 .75rem 0 0
}
.card.card-custom>.card-header .card-title, .card.card-custom>.card-header .card-title .card-label {
display: inline-flex;
width: 200px;
width: 100%;
padding: 5px;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #6f6f6f
}
.card-body {
flex: 1 1 auto;
padding: 1rem;
min-height: 1px;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
font-weight: 400
}
#cardp strong {
font-family: asap_condensedregular, sans-serif !important;
font-weight: 400;
font-size: 1.05rem;
-webkit-text-stroke: 0.6px;
}
#body span.act .ribbon.ribbon-top .ribbon-target {
border-bottom-left-radius: .42rem;
border-bottom-right-radius: .42rem
}
.ribbon .ribbon-target {
display: flex;
z-index: 1;
position: absolute;
align-items: center;
justify-content: center;
padding: 5px 10px;
font-family: "asap condensed",sans-serif!important;
color: #fc0523;
background-color: #fff;
box-shadow: 0 -1px 5px 0 rgb(0 0 0 / 10%)
}
.d-flex {
display: flex!important
}
.text-center {
text-align: center!important
}
.text-muted {
color: #626262!important
}
.mb-10 {
margin-bottom: 2.5rem!important
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.btn.btn-primary {
border-color: #3f474a;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #3f474a
}
.mb6 {
margin-bottom: 6rem
}
@media (min-width:1200px) {
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
.border-right-xl {
border-right: 1px solid #ebedf3!important
}
}
.list.list--badge:before {
content: "";
display: block;
top: 0;
bottom: 0;
left: 3px;
width: 1px
}
.list.list--badge .list__item:first-child:before, .list.list--badge .list__item:last-child:before {
content: "";
display: block;
top: 0;
bottom: 0;
left: 3px;
width: 1px;
height: 50%;
background-color: #fff
}
.list.list--badge .list__item:last-child:before {
top: auto;
bottom: 0
}
.list.list--badge .list__item .list__badge:before {
content: "";
display: block;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%
}
.list .list__item .list__badge:before {
background-color: #ebedf2
}
.list .list__item .list__badge.list__badge--success:before {
background-color: #1dc9b7
}
.list .list__item .list__badge.list__badge--warning:before {
background-color: #ffb822
}
.list .list__item .list__badge.list__badge--danger:before {
background-color: #fd397a
}
.list .list__item:first-child:before, .list .list__item:last-child:before {
background-color: #a1a8c3
}
#noh3 .theme_button.color3 {
margin-top: 0;
margin-left: 2rem;
padding: 1rem;
border-color: #ffc108;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #ffc108;
width: 49%;
float: none;
width: 49%;
flex: 1;
text-align: center;
margin: 0.5rem 0.25rem;
margin-left: 0;
}
#noh3 .theme_button.color2 {
margin-top: 0;
margin-left: 2rem;
padding: 1rem;
border-color: #68afba;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #68afba;
float: none;
width: 49%;
flex: 1;
text-align: center;
margin: 0.5rem 0.25rem;
margin-left: 0;
}
#noh3 h2 {
margin-top: 0;
color: #2daabf
}
#noh3 {
margin-top: 0;
padding-top: 2rem;
flex-wrap: wrap;
}
#noh3 p {
margin-top: 2rem;
font-family: asap_condensedregular;
}
.btn, .btn-mail {
user-select: none;
touch-action: manipulation
}
nav.navbar.bootsnav {
margin-bottom: 0;
border: 0;
border-radius: 0
}
nav.navbar.bootsnav ul.nav li.active>a, nav.navbar.bootsnav ul.nav li.active>a:focus, nav.navbar.bootsnav ul.nav li.active>a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw>a:focus, nav.navbar.bootsnav ul.nav li.megamenu-fw>a:hover, nav.navbar.bootsnav ul.nav>li>a {
background-color: transparent
}
nav.navbar.bootsnav .navbar-toggle {
position: relative;
top: 5px;
padding: 0;
border: 0;
font-size: 18px;
background-color: transparent
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
text-decoration: none;
font-size: 14px;
white-space: normal;
color: #fff
}
nav.navbar.bootsnav.navbar-full ul>li a:hover {
color: #ff214f
}
nav.navbar.bootsnav.navbar-full ul>li a:hover:after {
background: #ff214f
}
.attr-nav>ul {
display: inline-block;
margin: 0 0 -7px;
padding: 0;
list-style: none
}
.attr-nav>ul>li {
display: block;
float: left
}
.attr-nav>ul>li>a span.badge {
position: absolute;
top: 50%;
right: 5px;
width: 15px;
height: 15px;
margin-top: -15px;
padding: 2px 0 0;
font-size: 10px
}
aside span.atc {
text-decoration: underline;
font-size: 1rem;
color: #666
}
#body span.atc {
font-size: .95rem;
font-size: 18px;
color: #2caabf
}
.atc4, span.atc {
font-size: .95rem;
color: #777
}
.navbar-nav>li.dropdown>.fas {
display: none
}
.simple-dropdown .dropdown-menu {
position: absolute;
left: 800px;
padding: 13px 0 15px;
min-width: 220px;
background: #232323;
box-shadow: none
}
.menu-back-div>ul {
display: table;
width: 1070px;
margin: 0 auto;
background: #232323
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li span {
margin: 0;
text-decoration: none;
font-size: 0.9rem;
font-weight: 400;
color: #f5f5f5;
font-family: asap_condensedregular,sans-serif!important
}
.mega-menu-full {
box-sizing: border-box;
width: 100%;
padding: 45px 50px;
border: 0;
border-radius: 0;
box-shadow: none
}
button, button.form-control, input, input.form-control, select, select.form-control {
padding: 0 5px;
border: #e5e5e5 solid 1px;
border-radius: 3px;
font-size: 14px;
line-height: 46px;
outline: 0;
color: #222;
background: #fff;
box-shadow: none;
transition: 0.2s
}
#news .form-control, input, input.form-control {
padding: 0 10px;
border: none;
border-radius: .42rem;
font-size: 1rem;
line-height: 46px;
outline: 0;
color: #bbb6b6;
background: #ffffff;
box-shadow: none;
transition: 0.2s;
border: #e5e5e5 solid 1px;
}
.form-control {
box-shadow: 0 1px 1px rgb(0,0,0,.075) inset
}
#scroll .scroll-top-arrow, .scroll-top-arrow:focus {
z-index: 10006;
position: fixed;
top: 84%;
right: 25px;
width: 30px;
height: 30px;
padding: 0;
border-radius: 100%;
text-align: center;
text-decoration: none;
line-height: 28px;
color: #fff;
background: #878787
}
#scroll .scroll-top-arrow span {
position: relative;
line-height: 30px
}
a:active, a:focus, a:hover, a:visited {
outline: 0
}
.blog-grid {
margin: 0;
padding: 0;
list-style: none
}
.blog-post-style5 .blog-post .blog-categories {
display: inline-block;
z-index: 1;
position: relative;
bottom: 0;
left: 0;
margin-top: -20px;
margin-left: 0;
padding: 10px 16px 8px;
font-weight: 700;
vertical-align: top;
border-radius: 20px;
}
.display-inline-block {
display: inline-block!important
}
.atc4, .atc4:hover, span.atc, span.atc2:link {
cursor: pointer
}
#plan a, a:hover, a:link {
text-decoration: none;
font-size: 20px;
font-weight: 700;
color: orange
}
.btn, .dropdown-menu>li>a, .input-group-btn, .label {
white-space: nowrap
}
a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-size: 15px;
font-weight: 700;
color: #fff
}
.btnnew {
top: -40px;
right: -30px;
background: var(--oon-turquoise-light);
color: #fff;
font-size: 0.65rem;
padding: 3px 8px;
border-radius: 20px;
font-weight: 700;
position: absolute;
z-index: 3;
}
.btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
padding: 2px 5px;
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
}
h4 {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #6aadad;
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
margin: -2px 0 0;
padding: 25px 0;
min-width: 160px;
text-align: left;
font-size: 14px;
list-style: none;
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
background-clip: padding-box;
box-shadow: 0 6px 12px rgb(0,0,0,.175)
}
@media (min-width:1024px) {
.list {
margin: 3rem 0 3rem 40px;
padding: 0;
font-size: .85rem;
}
nav.navbar.bootsnav ul.nav>li>a {
padding: 30px 15px
}
nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
content: "";
margin-top: 2px;
margin-left: 5px;
font-family: fontawesome
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
border-bottom: 0
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a, nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a, nav.navbar.bootsnav.no-background.white ul.nav>li>a {
color: #fff
}
nav.navbar.bootsnav.menu-center .container {
position: relative
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
padding-right: 100px;
text-align: right
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right {
padding-left: 100px;
text-align: left
}
nav.bootsnav.navbar-sidebar ul.nav>li>a {
padding: 10px 15px;
font-weight: 700
}
nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>a:after {
float: right
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown>a:before {
content: "";
float: right;
font-family: fontawesome
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a:before {
content: ""
}
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li .dropdown ul.mega-menu-full li.dropdown-header {
border-top: 0;
margin-left: -5px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
margin-bottom: 0;
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0;
color: #6f6f6f;
cursor: pointer
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
content: "";
float: right;
font-family: fontawesome
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
content: ""
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}
@media (max-width:992px) {
nav.navbar.bootsnav {
margin-bottom: 0;
padding-top: 1.5rem;
border: 0;
border-radius: 0
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
.navbar-nav>li.dropdown>.fas {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 9px 15px 8px;
font-size: 16px;
color: #fff;
cursor: pointer
}
nav.navbar.bootsnav .navbar-toggle {
display: inline-block;
float: right;
margin-top: 0;
margin-right: 0
}
nav.navbar.bootsnav .navbar-collapse {
margin-bottom: 0;
border: 0
}
nav.navbar.bootsnav.no-full .navbar-collapse {
z-index: 10000;
height: auto;
overflow-y: auto
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display: none
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
display: block;
position: absolute;
width: 100%
}
nav.navbar.bootsnav .navbar-nav {
float: none;
height: auto;
margin: 0 -15px;
padding-right: 30px;
padding-left: 30px;
background-color: rgb(23,23,23,.95)
}
nav.navbar.bootsnav .navbar-nav>li {
float: none
}
nav.navbar.bootsnav .navbar-nav>li>a {
display: block;
width: 101%;
margin-bottom: -1px;
padding: 10px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav .navbar-nav>li:first-child>a {
border-top: 0;
font-size: .85rem
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
display: block;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
color: #6f6f6f
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
margin-bottom: 0;
padding: 10px 15px 10px 0;
border-bottom: 1px solid #e0e0e0;
text-transform: none;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #6f6f6f;
cursor: pointer
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
content: "";
float: right;
position: relative;
right: -15px;
margin-left: 10px;
font-family: fontawesome;
font-size: 16px
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
border-bottom: 0
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
content: ""
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
margin-bottom: 0
}
nav.bootsnav .megamenu-content .title {
display: block;
margin-bottom: 0;
padding: 10px 15px;
font-weight: 400;
cursor: pointer
}
nav.bootsnav .megamenu-content .content {
display: none
}
.attr-nav>ul {
margin: 0 -15px -7px 0;
padding: 0
}
.attr-nav>ul>li>a {
padding: 16px 15px 15px
}
.top-search .container {
padding: 0 45px
}
nav.bootsnav.navbar-full ul.nav>li>a {
border: 0
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
left: 0
}
nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {
padding: 15px
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu>li>a {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-top: 13px;
padding-right: 30px;
padding-bottom: 13px
}
}
article, aside, details, figure, footer, header, main, menu, nav, section, summary {
display: block
}
figure {
margin: 0
}
button, input, select, textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
img {
height: auto;
max-width: 100%;
border: 0
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0,0,0,0)
}
.h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.2
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px
}
.text-left {
text-align: left
}
.btn, .text-center {
text-align: center
}
.text-uppercase {
text-transform: uppercase
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px
}
@media (min-width:767px) {
.container {
width: 750px;
margin-top: 4rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:320px) {
.container {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#sommaire a, #sommaire a:active, #sommaire a:focus, #sommaire a:hover, #sommaire a:link, #sommaire a:visited {
text-decoration: none;
font-size: .8rem;
font-weight: 400;
color: #939393
}
#sommaire li {
font-size: .8rem
}
ul {
padding-left: 40px
}
.list {
margin: 3rem 0;
padding: 0;
font-size: .7rem;
}
label {
display: inline-block;
margin-bottom: 5px;
max-width: 100%;
font-size: 14px;
font-weight: 700
}
}
@media (max-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-9 {
width: 75%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-6 {
width: 50%;
padding: 1rem
}
.col-sm-2 {
width: 16.66666667%
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
}
@media (min-width:992px) {
.container {
width: 970px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 800px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 800px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
}
@media (min-width:1200px) {
.container {
width: 1170px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:1360px) {
.container {
width: 1265px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:1600px) {
.container {
width: 1365px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 350px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}.row {
margin-right: -15px;
margin-left: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
@media (min-width:320px) {
.col-xs-12 {
width: 100%
}
.col-xs-10 {
width: 83.333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-1 {
width: 8.3333333%;
padding-left: 0
}
.col-xs-7 {
width: 58.3333333%
}
}@media (min-width:768px) {
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-2 {
width: 16.66666667%
}
}
@media (min-width:992px) {
.dib {
display: inline;
float: right;
margin-top: 10px;
margin-right: 150px;
margin-left: 10px;
padding: 7px;
max-height: 50px;
max-width: 50px;
border: 2px solid #fff;
border-radius: 50px;
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
margin: -2px 0 0;
padding: 25px 0;
min-width: 160px;
text-align: left;
font-size: 14px;
list-style: none;
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
background-clip: padding-box;
box-shadow: 0 6px 12px rgb(0,0,0,.175)
}
.col-md-12 {
width: 100%
}
.col-md-10 {
width: 83.333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%;
padding: 1rem
}
.col-md-4 {
width: 33.33333333%;
padding: 1rem
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
label {
display: inline-block;
margin-bottom: 5px;
max-width: 100%;
font-size: 16px;
font-weight: 700
}
}@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-10 {
width: 83.333333%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-6 {
width: 50%;
padding-left: 15px
}
.col-lg-4 {
width: 33.33333333%;
padding: 1rem
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-3 {
width: 25%
}
.col-lg-5 {
width: 41.66666667%
}
col-lg-1 {
width: 10%
}
}.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.form-control {
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
border-width: 0 0 2px;
border-bottom-color: #68afba;
border-radius: 4px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none
}
.remarque {
display: none
}
æ.alert-danger {
margin-top: 40px;
padding: 10px;
border-color: #89d0db;
font-size: .8rem;
color: #fff;
background-color: #89d0db
}
.has-success .control-label {
color: #3c763d
}
.has-error .control-label {
color: #a94442
}
.btn {
margin-bottom: 0;
padding: 6px 12px;
font-size: 14px;
background-image: none;
cursor: pointer
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline-offset: -2px
}
.btn-group .dropdown-toggle:active, .btn.active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active, .btn:active.focus, .btn:active:focus, .btn:focus, .dropdown-toggle:focus, a:active, a:focus, button:active, button:focus {
outline: 0
}
.btn.focus, .btn:focus, .btn:hover {
text-decoration: none;
color: #fff
}
.btn.active, .btn:active {
background-image: none;
box-shadow: 0 3px 5px rgb(0,0,0,.125) inset
}
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color: #d4d09a
}
.btn-primary.active, .btn-primary:active {
border-color: #d4d09a;
color: #fff;
background-color: #286090;
background-image: none
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
border-color: #122b40;
color: #fff;
background-color: #204d74
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.dropdown {
position: relative
}
.dropdown-menu>li>a {
display: block;
clear: both;
padding: 3px 20px;
font-weight: 400;
line-height: 1.42857143;
color: #333
}
.label {
font-weight: 700
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #337ab7
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .nav>li.disabled>a {
color: #777
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
z-index: 2
}
.btnrepondre {
padding: 5px;
border-radius: 4px;
color: #fff;
background-color: #ffc106
}
.nav>li, .nav>li>a {
display: inline-block;
position: relative
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group .form-control:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group .form-control:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
text-decoration: none;
color: #777;
background-color: transparent;
cursor: not-allowed
}
.navbar-brand>img {
display: block
}
.navbar {
position: relative;
margin-bottom: 20px;
min-height: 50px;
border: transparent solid 1px
}
.navbar-collapse {
overflow-x: visible;
box-shadow: 0 1px 0 rgb(255,255,255,.1) inset
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block;
height: auto;
padding-bottom: 0;
overflow: visible
}
.navbar-collapse.in {
overflow-y: visible
}
}.navbar-toggle {
float: right;
position: relative;
margin-top: 8px;
margin-bottom: 8px;
padding: 9px 10px;
border: transparent solid 1px;
background-color: transparent;
background-image: none
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px
}
.navbar-left, .navbar-nav>li {
float: left
}
.navbar-nav {
float: left;
margin: 0
}
.navbar-default {
border-color: #e7e7e7;
background-color: #f8f8f8
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7
}
.label {
display: inline
}
.label {
line-height: 1
}
.label {
padding: .2em .6em .3em;
border-radius: .25em;
text-align: center;
font-size: 75%;
vertical-align: baseline;
color: #fff
}
.alert {
padding: 0;
border: transparent solid 1px;
border-radius: 4px
}
.alert>p, .alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
*, .btn {
transition-timing-function: ease-in-out
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
clear: both
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none
}
}
.alert-success {
border-color: #d6e9c6;
color: #3c763d;
background-color: #dff0d8;
padding: 1rem;
}
#white a, a:active, a:hover, a:link, a:visited {
color: #fff
}
a:hover, a:visited {
text-decoration: none;
color: #696969
}
@font-face {
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/icomoon2.woff) format("woff");
font-display: swap
}
[class*=" icon-"], [class^="icon-"] {
text-transform: none;
font-family: icomoon!important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 0.71;
speak: never
}
.icon-image:before {
content: ""
}
.icon-heart1:before {
content: "";
color: #d3422e;
font-size: 22px
}
.icon-bubbles3:before {
content: "";
padding-left: 1rem;
color: #2caabf
}
.icon-user-plus:before {
content: "";
font-size: 15px
}
.icon-link:before {
content: ""
}
.icon-arrow-up-left:before {
content: ""
}
.icon-arrow-up:before {
content: ""
}
.icon-arrow-up-right:before {
content: ""
}
.icon-arrow-right:before {
content: "";
margin-right: 0.7rem;
}
.icon-arrow-down-right:before {
content: ""
}
.icon-arrow-down:before {
content: "";
font-size: 25px
}
.icon-arrow-down-left:before {
content: ""
}
.icon-instagram:before {
content: "";
font-size: 25px;
color: #da1552
}
.icon-locked:before {
content: "";
font-size: 25px;
color: #ffc106
}
.icon-unlocked1:before {
content: "";
font-size: 25px;
color: #ffc106
}
.icon-checkmark:before {
content: "";
font-size: 20px;
color: #92c508;
margin-right: 10px;
}
.icon-phone:before {
content: ""
}
.orange {
color: orange
}
.orange2 {
color: #fdbf04
}
.icon-facebook:before {
content: "";
font-size: 25px;
color: #2caabf
}
.icon-twitter:before {
content: ""
}
.icon-arrow-up2:before {
content: ""
}
.icon-arrow-down2:before {
content: ""
}
.icon-number:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-number1:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-number2:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-search:before {
content: "";
margin-right: 20px;
margin-left: 20px;
font-size: 25px;
color: #fff
}
@font-face {
font-family: "FontAwesome";
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/fontawesome-webfont.woff2) format("woff2");
font-display: swap
}
.fa-envelope-o:before {
content: "";
margin-right: 30px;
font-size: 18px;
color: #fff
}
@font-face {
font-family: astro;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/astro.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: victor;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/victormono-regular-webfont.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: "robotoregular";
src: url(https://www.out-of-nothing.life/fonts/roboto-regular-webfont.woff2) format("woff2"),url(https://www.out-of-nothing.life/fonts/roboto-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: asap_condensedregular;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/asapcondensed-regular-webfont.woff2) format("woff2"),url(asapcondensed-regular-webfont.woff) format("woff");
font-display: swap
}
.chiron {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #999
}
.lilith {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #000
}
.soleil {
color: #fe7500
}
.lune {
color: #e4bf14
}
.mercure {
color: #8abe1c
}
.venus {
color: #f971c8
}
.mars {
color: #fc0523
}
.jupiter {
color: #fe7500
}
.saturne {
color: #7a6d6d
}
.pluton {
color: #9d5b9c
}
.uranus {
font-size: 20px;
color: #239cc4
}
.neptune {
font-size: 20px;
color: #239cc4
}
.belier {
color: #fc0523
}
.taureau {
color: #f971c9
}
.gemeaux {
color: #8abe1d
}
.cancer {
color: #e5bf15
}
.lion {
color: #fe7600
}
.vierge {
color: #8abe1d
}
.balance {
color: #f971c9
}
.scorpion {
color: #6c0a6f
}
.sagittaire {
color: #fe7600
}
.capricorne {
color: #7a6e6d
}
.verseau {
color: #259cc4
}
.poissons {
color: #2daabf
}
.sesqui, .carre, .semicarre, .opposition {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #d50e0e
}
.decile, .tridecile {
font-size: 17px;
font-weight: 700;
color: #d7d408
}
.trigone {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #198af1
}
.sextile {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #73be1b
}
.quiconce {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #239cc4
}
.conjonction {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #e898f1
}
@font-face {
font-family: hamburgsymbolsregular;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/hamburgsymbols-webfont.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: moon_phases;
font-weight: 400;
src: url(https://www.out-of-nothing.life/theme-astral/moon_phases.ttf) format("truetype");
font-display: swap
}
.nla {
font-family: moon_phases;
font-size: 25px;
color: #000
}
body, html {
height: 100%;
margin: 0;
font-family: Asap!important;
font-size: 1rem;
font-weight: 400;
line-height: 1.6rem;
color: rgba(44, 74, 74, 0.89);
background-image: repeating-linear-gradient( 90deg,transparent, transparent 3px,rgba(242, 252, 252, 0.6) 2px,rgba(242, 252, 252, 0.6) 5px);
overflow: auto
}
a:active, a:hover, a:link, a:visited {
color: #626262
}
#ul a, a:active, a:hover, a:link, a:visited {
color: #6f6f6f
}
a, a:active, a:focus, a:hover, a:visited {
text-decoration: none;
color: #68afba
}
footer a:active, footer a:hover, footer a:link, footer a:visited {
text-decoration: none;
color: #ea462e
}
input, select, textarea {
padding: 8px 15px;
max-width: 100%;
border: #d1d1d1 solid 1px;
font-size: 14px;
resize: none;
height: 45px;
}
ol, ul {
margin-bottom: 25px;
list-style-position: outside
}
* {
transition-duration: 0.2s
}
::selection {
color: #000;
background: #dbdbdb
}
h1 {
font-size: 1.8em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family: asap_condensedregular;
}
.h2, h2 {
margin-top: 2rem;
font-size: 1.5rem;
line-height: 35px;
color: #06a7b4;
font-weight: normal;
font-family: asap_condensedregular,sans-serif!important;
}
.h3, h3 {
margin-top: 3rem;
font-size: 1.2rem;
font-weight: 400;
line-height: 30px;
color: #f87c00;
font-family: asap_condensedregular,sans-serif!important;
}
.text-small {
font-size: 12px;
line-height: 20px
}
.text-white {
color: #fff
}
blockquote {
position: relative;
padding: 10px 16px 10px 20px;
margin-bottom: 6px;
font-size: 1rem;
line-height: 1.65;
background: #f0f9f9;
border-left: 3px solid #6aadad;
border-radius: 0 6px 6px 0;
}
.fw700 {
font-weight: 700
}
.bg-extra-dark-gray {
background-color: #1c1c1c
}
.btn i, .vertical-align-middle {
vertical-align: middle
}
a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-size: 16px;
font-weight: 700;
color: #696969
}
.center-col {
float: none;
margin-right: auto;
margin-left: auto
}
.aside-title:after, .box-separator-line {
content: ""
}
.btn {
display: inline-block;
width: auto;
border: transparent solid 2px;
border-radius: 0;
font-family: lato,sans-serif;
font-weight: 500;
line-height: inherit;
letter-spacing: .5px;
transition-duration: 0.3s
}
.cover-background4, .cover-backgroundc, .cover-backgroundc1 {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.aside-title, .cover-backgroundc, .cover-backgroundc1 {
position: relative;
overflow: hidden
}
.padding-three-all {
padding: 2%
}
.aside-title span {
display: inline-block;
margin-right: 20px;
vertical-align: middle
}
.aside-title:after {
display: inline-block;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background: #ff214f
}
.right-sidebar {
padding-right: 80px
}
.no-padding-left {
padding-left: 0
}
.pull-right {
float: right
}
.no-margin {
margin: 0
}
.no-margin-bottom {
margin-bottom: 0
}
.margin-40px-bottom {
margin-bottom: 40px
}
.margin-20px-right {
margin-right: 20px
}
.padding-50px-tb {
padding-top: 50px;
padding-bottom: 50px
}
.display-table {
display: table
}
.display-table-cell {
display: table-cell
}
.width-auto {
width: auto
}
.extra-large-icon, .extra-small-icon, .large-icon, .medium-icon, .small-icon {
padding: 0;
list-style: none
}
.extra-large-icon li, .large-icon li, .medium-icon li, .small-icon li {
display: inline-block
}
footer .extra-large-icon li:first-child, footer .extra-small-icon li:first-child, footer .large-icon li:first-child, footer .medium-icon li:first-child, footer .small-icon li:first-child {
margin-left: 0
}
footer .extra-large-icon li:last-child, footer .extra-small-icon li:last-child, footer .large-icon li:last-child, footer .medium-icon li:last-child, footer .small-icon li:last-child {
margin-right: 0
}
.small-icon li {
margin: 0 5px
}
.small-icon a {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 38px
}
header, header nav {
z-index: 99;
width: 100%
}
.social-icon-style-8 ul li a {
width: auto;
height: auto;
text-align: center
}
footer .small-icon li {
margin: 0 8px
}
.navbar-collapse {
padding-right: 0;
padding-left: 0
}
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>a {
text-decoration: none;
color: #fff
}
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>span {
margin-top: 5px;
margin-right: 25px;
margin-left: 0;
text-decoration: none;
color: #ccc
}
header nav.navbar.bootsnav ul.nav.white-link>li>a, header nav.navbar.white-link .header-social-icon a, header nav.navbar.white-link .navbar-nav>li>a, nav.navbar.bootsnav.white-link .header-social-icon a, nav.navbar.bootsnav.white-link ul.nav>li>a {
color: #fff
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: calc(100% + 20px)
}
.header-search-form:hover, .header-social-icon a:hover, header nav.navbar .navbar-nav>li>a:hover, nav.navbar.bootsnav ul.nav>li>a:hover {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li>a:hover, header nav.navbar.white-link .header-social-icon a:hover, header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
color: #68afba
}
header nav.navbar.bootsnav ul.nav.white-link>li.active>a, header nav.navbar.white-link .navbar-nav>li.active>a, nav.navbar.bootsnav.white-link ul.nav>li.active>a {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li>a.active, nav.navbar.bootsnav ul.nav>li>a.active {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li>a.active, header nav.navbar.white-link .navbar-nav>li>a.active, nav.navbar.bootsnav.white-link ul.nav>li>a.active {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li.dropdown.on>a, nav.navbar.bootsnav ul.nav>li.dropdown.on>a {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li.dropdown.on>a, header nav.navbar.white-link .navbar-nav>li.dropdown.on>a, nav.navbar.bootsnav.white-link ul.nav>li.dropdown.on>a {
color: rgb(255,255,255,.6)
}
header nav .row {
display: flex;
align-items: center;
height: auto;
padding: 2px
}
header nav .row>div:first-child {
flex: 1 1 auto
}
header nav.navbar {
padding: 0;
border-radius: 0
}
header nav.navbar-default, nav.navbar.bootsnav {
border-bottom: 0;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
header nav {
display: table;
top: 0;
margin-bottom: 0
}
header nav .nav-header-container {
display: table-cell;
position: relative;
padding-right: 15px;
padding-left: 15px;
vertical-align: middle
}
.navbar-nav>li, nav .accordion-menu {
position: inherit
}
header nav .navbar-nav>li>a {
margin: 0 12px;
padding: 5px 0;
font-size: 12px;
font-weight: 700;
color: #232323
}
.navbar-toggle, header nav .navbar-nav>li:last-child a {
margin-right: 0
}
header nav .navbar-nav>li.active>a, header nav .navbar-nav>li>a:focus, header nav .navbar-nav>li>a:hover {
background: 0 0
}
header nav.navbar-default .navbar-nav>li.active>a, header nav.navbar-default .navbar-nav>li>a:focus, header nav.navbar-default .navbar-nav>li>a:hover {
border-bottom-color: #232323
}
header nav .navbar-nav.text-normal>li>a {
font-size: 12px;
font-weight: 500
}
.navbar-nav>li.dropdown>.fa {
display: none
}
.navbar-nav>li ul {
margin: 0;
padding: 0
}
.navbar-toggle {
border-radius: 0
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
display: table;
margin: 0 auto;
background: 0 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header a {
display: inline-block;
margin-bottom: -20px;
padding: 10px;
border-bottom: 0;
font-size: 15px;
font-weight: 500;
white-space: inherit;
color: orange
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a.btn2 {
display: block;
position: relative;
left: 0;
margin: 0 0 0 30px;
overflow: hidden;
text-align: center;
text-transform: capitalize;
font-size: 12px;
font-weight: 600;
color: #fff
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li:first-child a.btn2 {
margin-left: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
border-right: 1px solid rgb(255,255,255,.05)
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
border: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
margin-top: 18px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul:first-child {
margin-top: 0
}
header nav .navbar-nav.navbar-center>li:last-child a {
margin-right: 20px
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
padding-right: 28px;
padding-left: 28px
}
.simple-dropdown .dropdown-menu>li>a {
font-size: 12px;
color: #9d9d9d
}
.simple-dropdown .dropdown-menu>li a {
position: relative;
left: 0;
padding: 9px 0 7px;
overflow: hidden
}
.simple-dropdown .dropdown-menu>li a:hover {
color: #fff;
background-color: #000
}
.simple-dropdown .dropdown-menu>li>a.dropdown-toggle .fa, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown>a>.fa {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
margin-top: 0;
text-align: center;
font-size: 12px;
line-height: 20px;
transform: translateY(-50%)
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
display: none;
position: absolute;
top: 0;
left: 220px;
margin: -13px 0 0 1px;
padding: 13px 0;
min-width: 220px;
text-transform: capitalize;
font-weight: 400;
white-space: nowrap;
background: #232323
}
.simple-dropdown .dropdown-menu>li.dropdown>ul li a {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #9d9d9d
}
nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown>ul.dropdown-menu>li.active>a {
color: #fff
}
.navbar-default .navbar-toggle .icon-bar {
background: #ededed
}
nav.navbar.navbar-default ul.nav>li.dropdown>a.dropdown-toggle:after, nav.navbar.sidebar-nav ul.nav>li.dropdown>a.dropdown-toggle:after {
content: "";
position: relative;
top: -1px;
margin-top: 0;
vertical-align: middle
}
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu>li:last-child {
border-bottom: 0
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active>a {
color: #fff
}
.navbar-default ul li li.dropdown.on>ul, .navbar-default ul li li.dropdown.on>ul>li.dropdown.on>ul {
display: block;
position: absolute;
top: 0;
left: 100%;
margin-top: 0;
padding: 0
}
nav.navbar.brand-center ul.nav>li>a {
margin: 0;
padding: 26px
}
ul {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: -25px;
list-style: disc
}
#menu ul {
padding-left: 10px;
list-style: none
}
ol {
margin-left: 25px
}
aside li {
list-style: none
}
.bg-dark-footer {
border-bottom: 0;
color: #fff;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
.footer-logo {
max-height: 117px
}
.attr-nav>ul>li>a {
display: block;
position: relative;
padding: 3px 15px;
color: #6f6f6f
}
.arrow-bottom:after {
content: " ";
z-index: 9;
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: transparent solid 15px;
border-color: #f5f5f5 transparent transparent
}
.btn-mail, .form-control, a, button {
text-decoration: none;
transition: 0.4s linear
}
a:focus, a:hover, a:link, a:visited {
font-size: 16px;
font-weight: 700;
color: #68afba
}
#cat a, #social a, a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-weight: 400;
color: #626262
}
#grid a, #grid2 a, #grid3 a {
text-decoration: none;
font-weight: 400;
color: #626262
}
#grid .card a, #grid2 .card a, #grid3 .card a {
text-decoration: none;
font-weight: 400;
color: #fff;
}
@media (min-width:992px) {
.navbar-nav>li.dropdown>[class^="icon-"] {
display: none;
position: absolute;
top: 0;
right: 10px;
padding: 10px 15px;
font-size: 14px;
color: #fff;
cursor: pointer
}
}
@media (max-width:1199px) {
section {
padding: 90px 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li:first-child a.btn2 {
margin-bottom: 30px;
padding-left: 0
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 22px;
padding: 0;
font-weight: 400;
letter-spacing: 0
}
header nav .navbar-nav>li>a {
margin: 0 10px
}
.text-extra-large {
font-size: 18px;
line-height: 24px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
border-right: 0
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
width: 920px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
padding: 2px 0
}
}
@media (max-width:1150px) {
nav.navbar.navbar-default ul.nav>li>a {
font-size: 15px
}
}
@media (max-width:1050px) {
nav.navbar.navbar-default ul.nav>li>a {
font-size: 15px
}
}
@media (max-width:992px) {
header, header nav {
z-index: 99;
width: 100%;
margin-top: -40px
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
padding: 25px 0;
min-width: 160px;
border: none;
text-align: left;
font-size: 14px;
list-style: none;
background-clip: padding-box;
box-shadow: none
}
#cadenas2, #menu2, #menu3 {
background: 0 0
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu, nav.navbar.bootsnav ul.nav>li.dropdown>ul.dropdown-menu {
float: left;
top: 0!important;
margin: 0;
padding: 10px 15px 0!important
}
nav.navbar.bootsnav .navbar-nav {
margin: 0;
padding: 0 15px 0 0
}
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
display: block;
clear: both;
margin-bottom: 10px;
border-top: 0;
font-size: 13px
}
.navbar-nav li>a, header .navbar-nav li>a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav>li>a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav>li>a, nav.navbar-brand-top.navbar.navbar-default ul.nav>li>a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li>a, nav.navbar.navbar-default ul.nav>li>a {
display: block;
margin: 0;
padding: 9px 15px 8px;
line-height: normal;
color: #939393
}
.navbar-nav li>a, header .navbar-nav li>a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav>li>a, nav.navbar.navbar-default ul.nav>li>a {
font-size: .85rem;
color: #fff
}
nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu li a, nav.navbar.bootsnav ul.nav>li.dropdown>ul.dropdown-menu li a {
padding-right: 0;
padding-left: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
margin: 0;
padding: 0;
font-size: 1rem;
font-family: asap_condensedregular,sans-serif!important
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
padding: 10px 0;
border: 0;
border-bottom: 1px solid rgb(255,255,255,.1);
color: #939393
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu>li.active>a {
color: #fff;
background-color: transparent
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li:hover>a {
color: #fff
}
.navbar-nav>li.simple-dropdown ul.dropdown-menu {
top: 0;
min-width: 0
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown>.dropdown-menu {
background-color: #232323
}
nav.navbar.bootsnav .navbar-toggle {
top: 3px
}
.navbar-nav>li.dropdown>.fas {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 9px 15px 8px;
font-size: 16px;
color: #fff;
cursor: pointer
}
nav.navbar.bootsnav .navbar-nav>li.dropdown.on>ul {
display: block!important;
opacity: 1!important
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu>li>a {
left: 0;
padding: 7px 0
}
nav.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
padding-left: 0!important
}
nav.navbar.bootsnav .navbar-nav {
float: none;
height: auto;
padding-right: 10px;
padding-left: 10px;
background-color: rgb(23,23,23,.95);
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
left: 0
}
nav .accordion-menu {
padding: 15px 5px
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
width: 100%
}
.navbar-nav li {
position: relative
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
padding-right: 0;
padding-left: 0
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown {
margin-bottom: 10px
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
display: none
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border: 0
}
header nav.navbar .navbar-nav>li>a:hover, header nav.navbar.bootsnav ul.nav.white-link>li>a:hover, header nav.navbar.white-link .header-social-icon a:hover, header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav ul.nav>li>a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
color: rgb(255,255,255,.6)
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
width: 100%;
padding-top: 8px;
padding-bottom: 8px
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover {
left: 0
}
nav.navbar .container-fluid {
padding-right: 24px;
padding-left: 24px;
padding-top: 10px
}
#search-header {
width: 75%
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
width: 100%
}
nav.navbar.bootsnav li.dropdown .mega-menu-full {
position: relative;
padding: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a {
margin: 0;
padding: 5px 0;
font-size: .85rem
}
.dropdown-menu, header nav.navbar .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
color: rgb(255,255,255,.6)
}
.cover-background4, .cover-backgroundc {
margin-top: 0
}
.sm-no-padding-right {
padding-right: 0
}
.sm-no-padding-left {
padding-left: 0
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 18px;
padding: 0;
font-weight: 400;
letter-spacing: 0
}
p {
margin: 0 0 40px;
font-size: 1rem
}
#puce3 li, .puce3 li {
margin-bottom: 0;
font-size: .95rem
}
blockquote {
font-size: 1rem
}
.sm-no-margin-top, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
margin-top: 0
}
section {
padding: 75px 0
}
.navbar-collapse {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
margin-bottom: 10px;
border-bottom: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
margin-bottom: 0
}
}
.xs-text-center {
text-align: center
}
.xs-margin-10px-bottom {
margin-bottom: 10px
}
.xs-margin-15px-bottom {
margin-bottom: 15px
}
.xs-margin-40px-bottom, .xs-margin-80px-bottom {
margin-bottom: 40px
}
.xs-no-padding-right {
padding-right: 0
}
.xs-padding-30px-bottom, .xs-padding-30px-tb {
padding-bottom: 30px
}
.xs-padding-30px-tb {
padding-top: 30px
}
section {
padding: 0 0;
overflow: hidden
}
blockquote {
margin-top: 2rem;
margin-bottom: 2rem;
padding: 15px 25px;
margin-block-start: 1em;
margin-inline-start: 0
}
.extra-large-icon li, .extra-small-icon li, .large-icon li, .medium-icon li, .small-icon li {
margin-bottom: 10px;
margin-right: 0.5rem;
}
#content a, #content a:active, #content a:focus, #content a:hover, #content a:link, #content a:visited {
text-decoration: underline;
font-size: 1.05rem;
color: #2caabf
}
#pub-milieu a, #pub-milieu a:active, #pub-milieu a:focus, #pub-milieu a:hover, #pub-milieu a:link, #pub-milieu a:visited {
text-decoration: none;
font-size: 1.05rem;
color: #ffffff
}
#pub-milieu h2, #pub-milieu h3 {color: white;}
#blog a, #blog a:active, #blog a:focus, #blog a:hover, #blog a:link, #blog a:visited {
text-decoration: none;
font-size: 18px;
color: #2caabf
}
#repondre a, #repondre a:active, #repondre a:focus, #repondre a:hover, #repondre a:link, #repondre a:visited {
text-decoration: none;
font-size: .85rem;
color: #fff
}
#sommaire a, #sommaire a:active, #sommaire a:focus, #sommaire a:hover, #sommaire a:link, #sommaire a:visited {
text-decoration: none;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1.1rem;
font-weight: 400;
color: #939393
}
#sommaire {
margin-bottom: 3rem;
margin-left: 0;
padding-inline-start: 20px
}
ul.puce3 li:before {
content: "•";
margin-right: 8px;
font-size: 2em;
font-weight: 700;
vertical-align: top;
color: orange
}
.h3, h1, h2, h3, h4, h5, h6 {
padding: 0;
letter-spacing: 0
}
.bg-red {
background-color: #a4b814
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
@media (max-width:992px) {
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>span {
margin-top: 5px;
margin-right: 45px;
margin-left: 15px;
text-decoration: none;
color: #ccc
}
.box-form {
background-color: #fff
}
}
@media (max-width:480px) {
.half-section2 {
position: relative;
margin-top: -40px;
overflow: hidden
}
.xs-background-image-center {
height: 158px;
margin-top: 125px
}
.parallax2 {
height: 158px;
margin-top: 125px
}
.min-height-plan3 {
height: auto;
font-size: .85rem
}
.m30b {
margin-bottom: 30px
}
.h2, h2 {
margin-top: 3rem;
font-size: 22px;
font-weight: 400;
line-height: 35px;
color: #06a7b4
}
.btn i {
position: relative;
top: 25px;
margin-left: 110px;
font-size: 20px;
color: orange
}
.xs-margin-40px-bottom {
margin-bottom: 40px
}
.half-section {
margin-top: -30px
}
button, button.form-control, input, input.form-control, select, select.form-control {
padding: 0 5px;
border: #e5e5e5 solid 1px;
border-radius: 3px;
font-size: 1rem;
line-height: 46px;
outline: 0;
color: #989393;
background: #fff;
box-shadow: none;
transition: 0.2s
}
}
@media (max-width:1399px) {
.footer .footer__ top {
padding: 2rem 0
}
}
@media (max-width:1024px) {
#sommaire a {
font-size: 13px
}
.hidden-md {
display: none
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}
@media (max-width:1023px) {
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 5px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled) {
cursor: pointer
}
@media (min-width:1540px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 900px
}
}
@media (max-width:1024px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 700px
}
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .8rem;
font-weight: 400;
background: 0 0
}
}@media (max-width:1023px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 700px
}
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 5px 0;
border-color: transparent;
font-size: .8rem;
font-weight: 400;
background: 0 0
}
}.modal {
display: none;
z-index: 1050;
position: fixed;
top: 2%;
left: 35%;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade.modal-dialog {
transition: none
}
}.modal.show .modal-dialog {
transform: none
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-content {
display: flex;
position: relative;
flex-direction: column;
width: 100%;
padding: 2rem;
border: #ebedf2 solid 1px;
border-radius: .3rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1.25rem;
border-bottom: 1px solid #ebedf2;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
flex: 1 1 auto
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.modal-open {
padding: 0!important;
overflow: auto!important
}
.modal .modal-content .modal-header .close {
text-decoration: inherit;
text-transform: none;
font-family: LineAwesome;
outline: 0!important;
color: #a1a8c3;
transition: 0.3s;
text-rendering: optimizeLegibility
}
.modal-header .close {
margin: -1rem -1rem -1rem auto;
padding: 1.25rem
}
button.close {
appearance: none;
padding: 0;
border: 0;
background: 0 0;
cursor: pointer
}
.close {
float: right;
text-shadow: 0 1px 0 #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
opacity: .2;
opacity: .5
}
@media (min-width:320px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 10%;
left: 3.5%;
width: 350px;
height: 100%;
overflow: hidden;
outline: 0
}
h1 {
font-size: 1.6em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family: asap_condensedregular;
}
}
@media (min-width:576px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
}
@media (min-width:767px) {
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.min-height-plan3 {
height: 430px;
font-size: .95rem
}
}
@media (min-width:1024px) {
h1 {
font-size: 1.8em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family:asap_condensedregular;
}
.modal-lg, .modal-xl {
max-width: 800px
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
}
@media (min-width:1360px) {
.modal-xl {
max-width: 1140px
}
}
.responsive-table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
display: block;
margin-bottom: 2rem
}
.responsive-table td, .responsive-table th {
padding: 10px;
text-align: center;
border: 1px solid #ddd
}
.responsive-table th {
background-color: #f4f4f4;
color: #333
}
.responsive-table tr:nth-child(2n) {
background-color: #f9f9f9
}
.responsive-table td {
font-size: 14px
}
@media (max-width:600px) {
.responsive-table td, .responsive-table th {
font-size: 12px;
padding: 6px
}
}
.table {
margin-bottom: 2rem;
font-size: .85rem;
color: #212529
}
#tjour .table td, .table th {
padding: .25rem;
vertical-align: top
}
.table td, .table th {
padding: .75rem;
vertical-align: top
}
.table thead th {
vertical-align: bottom
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-striped tbody tr:nth-of-type(odd){background-color:rgb(0,0,0,.05)}.table-hover tbody tr:hover {
color: #212529;
background-color: rgb(0,0,0,.075)
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #95999c
}
.table .thead-dark th, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #454d55
}
.table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
background-color: rgb(0,0,0,.075)
}
.table .thead-dark th, .table-dark {
color: #fff;
background-color: #343a40
}
.table .thead-light th {
border-color: #dee2e6;
color: #495057;
background-color: #e9ecef
}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgb(255,255,255,.05)}.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgb(255,255,255,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-md>.table-bordered {
border: 0
}
.h1 {
font-size: 23px;
font-weight: 700;
color: #0b093e
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-xl>.table-bordered {
border: 0
}
}.table-responsive {
display: block;
width: 100%;
overflow-x: auto
}
@media (max-width:480px) {
.form-group label {
font-family: asap_condensedregular;
font-size: 1.1rem;
font-weight: 400
}
.alert.alert-danger3 {
margin-top: 2rem;
border-left: 2px dashed #f94c4b;
font-size: 1.3em;
color: #666;
background: #fff
}
ul li {
font-size: 1rem;
line-height: 1.4;
color: #626262
}
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0
}
.hidden-xs {
display: none
}
.card.card-custom.card-stretch3, .card.card-custom.card-stretch4, .card.card-custom.card-stretch {
font-size: 1.1rem
}
p {
margin: 0 0 40px;
font-size: 1rem
}
#header2 .btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
margin-top: .5rem;
margin-right: 1rem;
margin-bottom: .8rem;
padding: 7px 7px;
border-radius: 2px;
text-transform: none;
font-size: 13px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
text-decoration: none;
}
#coms .card.card-custom.card-stretch {
height: auto
}
#cardp strong {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
}
.btnnew10 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
padding: 2px 5px;
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #d84d2d;
}
#grid > div, #grid2 > div {
-webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
border-radius: 30px;
}
#grid3 > div {
-webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
border-radius: 30px;
height: auto;
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
}
#grid2 {
display: grid;
height: auto;
grid-template-columns: repeat(1, 1fr);
}
h5 {
color: cadetblue;
font-size: 1rem;
}
.newsletter-banner {
background-color: #06a7b4;
width: 100%;
padding: 30px 20px;
display: flex;
justify-content: center;
font-family: asap_condensedregular,sans-serif!important;
margin-top: 0rem;
margin-bottom: 2rem;
}
.newsletter-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
max-width: 1200px;
width: 100%
}
.newsletter-content {
max-width: 550px;
font-family: asap_condensedregular;
}
.newsletter-content p {
margin: 0
}
.newsletter-title {
color: #fff;
font-size: 1rem;
font-weight: 400;
margin-bottom: 8px;
line-height: 1.4;
padding-bottom: .3rem
}
.newsletter-subtitle {
color: #fff;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.5
}
.newsletter-form {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 10px
}
@media (max-width:900px) {
.newsletter-inner {
flex-direction: column;
text-align: center;
gap: 25px
}
.newsletter-content {
max-width: 100%
}
.newsletter-form {
width: 100%;
justify-content: center
}
}@media (max-width:500px) {
.newsletter-banner {
padding: 20px 15px
}
.newsletter-title {
font-size: 16px
}
.newsletter-subtitle {
font-size: 13px
}
} .mt50 {
margin-top: 50px;
}
.separator-option2 {
text-align: center;
position: relative
}
.separator-option2::before, .separator-option2::after {
content: "";
position: absolute;
top: 50%;
width: 80px;
height: 1px;
background: linear-gradient(to right,transparent,rgb(139 115 85 / .3),transparent)
}
.separator-option2::before {
right: calc(50% + 15px)
}
.separator-option2::after {
left: calc(50% + 15px)
}
.separator-option2 span {
display: inline-block;
width: 10px;
height: 10px;
background: #e44832;
border-radius: 50%
}
.faq-item {
background: #fff;
border-radius: 12px;
margin-bottom: 16px;
box-shadow: 0 2px 12px rgb(0 0 0 / .06);
overflow: hidden;
transition: box-shadow 0.3s ease
}
.faq-item:hover {
box-shadow: 0 4px 20px rgb(0 0 0 / .1)
}
.faq-question {
width: 100%;
padding: 24px 28px;
background: #fff;
border: none;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.1rem;
font-weight: 500;
color: #20b2aa;
transition: background-color 0.3s ease
}
.faq-question:hover {
background-color: #f8fafa
}
.faq-question::after {
content: "+";
font-size: 1.5rem;
font-weight: 300;
color: #20b2aa;
transition: transform 0.3s ease
}
.faq-item.active .faq-question::after {
transform: rotate(45deg)
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease,padding 0.4s ease
}
.faq-answer-content {
padding: 0 28px 24px 28px;
color: #4a5568;
line-height: 1.7;
font-size: 1rem
}
.faq-item.active .faq-answer {
max-height: 500px
}
.divider {
height: 1px;
background: linear-gradient(to right,transparent,#e2e8f0,transparent);
margin: 0 28px
}
@media (max-width:600px) {
h1 {
font-size: 1.8rem
}
.faq-question {
padding: 20px;
font-size: 1rem
}
.faq-answer-content {
padding: 0 20px 20px 20px;
font-size: .95rem
}
}
.price-badge {
background: linear-gradient(to bottom right,#66cdea,#4b84a2);
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: .85em;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%)
}
.price-badge2 {
background: linear-gradient(to bottom right, rgba(24, 200, 200, 0.24), rgba(6, 177, 177, 0.99));
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: .85em;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%)
}
.cta-button {
display: inline-block;
background: linear-gradient(to bottom right,#66cdea,#4b84a2);
color: #fff;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1em;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgb(118 75 162 / .3)
}
.cta-button2 {
display: inline-block;
background: linear-gradient(to bottom right, rgba(24, 200, 200, 0.24), rgba(6, 177, 177, 0.99));
color: #fff;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1em;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgb(118 75 162 / .3)
}
.form-field, .form-wrapper, .temoignages-section {
position: relative
}
.btn-submit, .comment-card {
transition: .4s cubic-bezier(.4, 0, .2, 1)
}
:root {
--oon-deep: #1a1625;
--oon-plum: #2d2438;
--oon-mauve: #6b5b7a;
--oon-rose: #d4a5a5;
--oon-blush: #f0e6e6;
--oon-cream: #faf8f5;
--oon-gold: #c9a96e;
--oon-gold-light: #e8d5a8;
--oon-text: #3d3448;
--oon-text-light: #7a6f85;
--oon-gradient: linear-gradient(135deg, #f2fbfb 0%, #8aabaa 100%);
--oon-shadow: 0 10px 40px rgba(45, 36, 56, 0.15);
--oon-shadow-hover: 0 20px 60px rgba(45, 36, 56, 0.25)
}
.temoignages-section {
padding: 50px 20px;
overflow: hidden;
margin-top: 5rem
}
.temoignages-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 300px;
background: linear-gradient(135deg, #f2fbfb 0%, #8aabaa 100%);
}
.temoignages-container {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1
}
.temoignages-header {
text-align: center
}
.temoignages-header h2 {
font-family: asap_condensedregular;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 400;
color: var(--oon-cream);
margin: 0 0 15px;
letter-spacing: .02em
}
.temoignages-header p {
font-family: asap_condensedregular;
font-size: 1rem;
color: #6b8a8a;
font-weight: 300;
margin: 0;
letter-spacing: .05em;
text-transform: uppercase
}
.header-ornament {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 25px
}
.header-ornament span {
width: 60px;
height: 1px;
background: #6b8a8a;
opacity: .6
}
.header-ornament svg {
width: 24px;
height: 24px;
color: var(--oon-gold);
opacity: .8
}
.form-wrapper {
background: #fff;
border-radius: 24px;
padding: 50px;
margin-bottom: 80px;
margin-top: 2rem;
}
.form-wrapper::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 26px;
z-index: -1;
opacity: .3
}
.comments-title, .form-intro {
text-align: center;
margin-bottom: 40px
}
.form-intro h3 {
font-family: asap_condensedregular;
font-size: 1.6rem;
color: #06a7b4;
margin: 0 0 10px
}
.alert {
padding: 16px 20px;
border-radius: 12px;
margin-bottom: 30px;
font-family: "Nunito Sans",sans-serif;
font-size: .9rem;
display: flex;
align-items: flex-start;
gap: 12px
}
.btn-submit, .form-field label {
font-size: .95rem;
font-family: asap_condensedregular,sans-serif!important;
font-weight: 600
}
.alert-danger {
background: #fef2f2;
border: 1px solid #fecaca;
color: #b91c1c
}
.alert-success {
background: #f0fdf4;
border: 1px solid #bbf7d0;
color: #15803d
}
.btn-submit, .comment-card.is-author .comment-avatar, .reply-card.is-author .reply-avatar {
background: var(--oon-gradient)
}
.alert-icon {
flex-shrink: 0;
width: 20px;
height: 20px
}
.form-grid {
display: grid;
gap: 25px
}
.form-field label {
display: block;
color: #777;
margin-bottom: 8px;
letter-spacing: .02em
}
.form-field label .required {
color: var(--oon-rose);
margin-left: 2px
}
.form-field input[type=text], .form-field textarea {
width: 100%;
padding: 16px 20px;
font-family: "Nunito Sans",sans-serif;
font-size: 1rem;
color: var(--oon-text);
background: #f2f8f9;
border: 2px solid transparent;
border-radius: 12px;
transition: .3s;
box-sizing: border-box
}
.form-field input[type=text]:focus, .form-field textarea:focus {
outline: 0;
background: #fff;
border-color: var(--oon-mauve);
box-shadow: 0 0 0 4px rgba(107,91,122,.1)
}
.form-field input::placeholder, .form-field textarea::placeholder {
color: var(--oon-text-light);
opacity: .6
}
.form-field textarea {
min-height: 150px;
resize: vertical;
line-height: 1.6
}
.remarque {
position: absolute!important;
left: -9999px!important;
opacity: 0!important;
}
.form-submit {
display: flex;
justify-content: center;
margin-top: 35px
}
.btn-submit {
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
border: none;
padding: 18px 50px;
border-radius: 50px;
cursor: pointer;
position: relative;
overflow: hidden;
width: auto;
height: 60px;
}
.comment-avatar, .comment-card::before, .comments-title h3 {
font-family: asap_condensedregular
}
.btn-submit::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
transition: left .5s
}
.btn-submit:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(45,36,56,.3)
}
.btn-submit:hover::before {
left: 100%
}
.btn-submit:active {
transform: translateY(-1px)
}
.comments-section {
margin-top: 60px
}
.comments-title h3 {
font-size: 1.8rem;
color: var(--oon-text);
margin: 0;
font-weight: 400
}
.comments-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 25px
}
.comment-card, .comment-header {
display: flex;
position: relative
}
@media (max-width:992px) {
.comments-grid {
grid-template-columns: repeat(2,1fr)
}
}
@media (max-width:640px) {
.comments-grid {
grid-template-columns: 1fr
}
.form-wrapper {
padding: 30px 25px
}
}.comment-card {
background: #fff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 4px 20px rgba(45,36,56,.08);
flex-direction: column;
animation: .6s forwards fadeInUp;
margin: 1rem;
}
.comment-card::before {
content: "\"";
position: absolute;
top: 15px;
right: 25px;
font-size: 5rem;
color: #fabc07;
line-height: 1;
}
.comment-card:hover {
transform: translateY(-8px);
box-shadow: var(--oon-shadow-hover)
}
.comment-header {
align-items: center;
gap: 15px;
margin-bottom: 20px;
z-index: 1
}
.comment-avatar, .reply-header {
align-items: center;
display: flex
}
.comment-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
justify-content: center;
font-size: 1.3rem;
font-weight: 600;
color: #fff;
background: #06a7b4;
flex-shrink: 0
}
.comment-meta {
flex: 1;
min-width: 0
}
.comment-author {
font-family: asap_condensedregular,sans-serif!important;
font-size: .95rem;
font-weight: 600;
color: #777;
margin: 0 0 4px
}
.comment-date, .comment-subject {
font-size: .8rem;
font-family: asap_condensedregular,sans-serif!important
}
.comment-card.is-author .comment-author, .reply-card.is-author .reply-author {
color: var(--oon-mauve)
}
.comment-date {
color: var(--oon-text-light)
}
.comment-subject {
font-weight: 600;
color: var(--oon-gold);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--oon-blush)
}
.comment-content {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
line-height: 1.7;
color: #777;
flex: 1;
position: relative;
z-index: 1
}
.comment-replies {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed var(--oon-blush)
}
.reply-card {
background: var(--oon-cream);
border-radius: 12px;
padding: 20px;
margin-top: 12px
}
.reply-card:first-child {
margin-top: 0
}
.reply-header {
gap: 10px;
margin-bottom: 10px
}
.reply-indicator strong {
color: var(--oon-turquoise);
}
.reply-indicator {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--oon-turquoise-pale);
border-left: 3px solid var(--oon-turquoise);
padding: 12px 18px;
border-radius: 0 8px 8px 0;
margin-bottom: 25px;
font-family: "Nunito Sans",sans-serif;
font-size: .9rem;
color: var(--oon-text)
}
.reply-indicator strong {
color: var(--oon-turquoise)
}
.btn-cancel-reply {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
font-family: "Nunito Sans",sans-serif;
font-size: .8rem;
font-weight: 600;
color: var(--oon-text-light);
background: var(--oon-white);
border: 1px solid #ddd;
border-radius: 15px;
cursor: pointer;
transition: all 0.3s ease
}
.btn-reply {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 15px;
padding: 8px 16px;
font-family: "Nunito Sans",sans-serif;
font-size: .8rem;
font-weight: 600;
color: var(--oon-turquoise);
background: #fff0;
border: 1px solid var(--oon-turquoise);
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
width: auto
}
.btn-reply:hover {
background: var(--oon-turquoise);
color: var(--oon-white)
}
.btn-reply svg {
flex-shrink: 0
}
.comment-replies {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed var(--oon-turquoise-pale)
}
.reply-card {
background: var(--oon-turquoise-pale);
border-radius: 12px;
padding: 20px;
margin-top: 12px
}
.reply-card:first-child {
margin-top: 0
}
.reply-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px
}
.btn-cancel-reply:hover {
border-color: var(--oon-turquoise);
color: var(--oon-turquoise)
}
.reply-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: asap_condensedregular;
font-size: .9rem;
font-weight: 600;
color: #fff;
background: var(--oon-mauve)
}
.reply-author, .reply-content, .reply-date {
font-family: "Nunito Sans",sans-serif
}
.reply-author {
font-size: .85rem;
font-weight: 600;
color: var(--oon-text)
}
.reply-date {
font-size: .75rem;
color: var(--oon-text-light);
margin-left: auto
}
.reply-content {
font-size: .9rem;
line-height: 1.6;
color: var(--oon-text)
}@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}.comment-card:nth-child(2){animation-delay:.1s}.comment-card:nth-child(3){animation-delay:.2s}.comment-card:nth-child(4){animation-delay:.3s}.comment-card:nth-child(5){animation-delay:.4s}.comment-card:nth-child(6) {
animation-delay: .5s
}
.cards-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 1rem
}
#blog .mini-card {
padding: 0;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0 0 0 / .08);
border-left: #99b7b7
}
.mini-card {
padding: 1rem;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0 0 0 / .08);
border-left: 3px solid #99b7b7;
font-family: asap_condensedregular, sans-serif;
}
.mini-card a {
color: inherit;
text-decoration: none
}
.mini-card:hover {
box-shadow: 0 4px 12px rgb(0 0 0 / .12)
}
@media (max-width:992px) {
.cards-grid {
grid-template-columns: repeat(2,1fr)
}
}@media (max-width:576px) {
.cards-grid {
grid-template-columns: 1fr
}
}#rondindex4 a {
color: #2caabf;
text-decoration: underline;
font-size: 1rem
}
@media (min-width:769px) {
.container-principal {
display: block
}
#rondindex4, .temoignages-section {
width: 100vw;
margin-left: calc(-50vw + 50%);
float: none;
clear: both
}
}@media (max-width:768px) {
.container-principal {
display: flex!important;
flex-direction: column!important
}
.container-principal>.main {
order: 1!important;
float: none!important;
width: 100%!important
}
.container-principal>#rondindex4 {
order: 2!important;
width: auto!important;
margin-left: -15px!important;
margin-right: -15px!important
}
.container-principal>.temoignages-section {
order: 3!important;
width: auto!important;
margin-left: -30px!important;
margin-right: -30px!important
}
.container-principal>.aside {
order: 4!important;
float: none!important;
width: 100%!important
}
body {
overflow-x: hidden
}
}
/* ===== MODULES ===== */ .module-card { margin-bottom: 2rem; padding: 2rem 1.5rem; } .module-header { margin-bottom: 1.5rem; text-align: center; } .module-image { display: block; width: 120px; margin: 0 auto; } .module-title { margin-bottom: 1rem; font-size: 1.5rem; text-align: center; } .module-title-red { color: #e74c3c; } .module-title-turquoise { color: #15afaf; } .module-title-purple { color: #9b59b6; } .module-info { margin-bottom: 1.5rem; font-family: asap_condensedregular, sans-serif; font-size: 1.1rem; text-align: center; color: #555; } .module-list { padding: 1rem; list-style: none; } .module-list-item { position: relative; margin-bottom: 1rem; padding-left: 1.5rem; } .checkmark { position: absolute; left: 0; font-weight: 700; } .checkmark-red { color: #e74c3c; } .checkmark-turquoise { color: #15afaf; } .checkmark-purple { color: #9b59b6; } .item-description { font-size: 1rem; color: #777; } .module-objective { margin-top: auto; padding: 1rem; border-radius: 8px; background: #f8f9fa; } .objective-title { font-weight: 700; color: #2c3e50; }
.bto {border-top: 3px solid rgb(250, 149, 15);} .btnmid {position: absolute;left: 50%;transform: translateX(-50%);}
.btn-paiement{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#2daabf;color:#fff;font-size:16px;font-weight:600;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 6px rgb(45 170 191 / .3);text-decoration:none;width:400px; margin: auto;
}.btn-paiement:hover{background-color:#259aad;box-shadow:0 6px 12px rgb(45 170 191 / .4);transform:translateY(-2px)}.btn-paiement.btn-large{font-size:18px;padding:20px 40px}.btn-paiement svg{width:20px;height:20px}.btn-paiement .prix{background-color:rgb(255 255 255 / .2);padding:4px 10px;border-radius:4px;margin-left:8px}
.encadre-recap{background:#f2fbfb;border-left:4px solid #bcc8c8;padding:20px 24px;margin:0 0 30px 0;font-size:.95em;line-height:1.7}
.encadre-recap p{margin:0 0 6px 0;color:#848f8f;font-size:90%}
.encadre-recap li{color:#848f8f;font-size:100%}
.encadre-recap p:last-child{margin:0}
.encadre-recap .label{color:#848f8f;font-weight:400;font-size:100%;padding:0}
.breadcrumb-nav{padding:12px 24px;margin:2rem 0 25px 0;font-size:.88em;line-height:1.5;background:linear-gradient(135deg,#f2fbfb 0%,#eaf5f5 100%)}
.breadcrumb-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.breadcrumb-nav li{display:flex;align-items:center;margin:0;padding:0;font-size:.92rem;border:none}
.breadcrumb-nav li+li::before{content:"›";margin:0 10px;color:#a3b3b3;font-size:1.15em;font-weight:300}
.breadcrumb-nav a,.breadcrumb-nav a:link,.breadcrumb-nav a:visited{color:#6b8a8a;text-decoration:none;font-weight:400;font-size:.92rem;transition:color 0.2s ease}
.breadcrumb-nav a:hover{color:#f87c00;text-decoration:none}
.breadcrumb-nav .breadcrumb-current{color:#848f8f;font-weight:600}
@media (max-width:480px){.breadcrumb-nav{padding:10px 15px}.breadcrumb-nav li+li::before{margin:0 6px}}
.sommaire-auto{padding:24px 28px;margin:0 0 35px 0;font-size:.95em;line-height:1.7}
.sommaire-auto .sommaire-titre{color:#848f8f;font-weight:600;font-size:1.05em;margin:0 0 14px 0;padding-bottom:10px;font-family:asap_condensedregular,sans-serif}
.sommaire-auto>ol{list-style:none;counter-reset:sommaire;margin:0;padding:0}
.sommaire-auto>ol>li{counter-increment:sommaire;margin:0 0 8px 0;padding:0;font-size:.95rem;line-height:1.5;border:none}
.sommaire-auto>ol>li:last-child{margin-bottom:0}
.sommaire-auto>ol>li::before{content:counter(sommaire);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:10px;background:#bcc8c8;color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;vertical-align:middle}
.sommaire-sub{list-style:none;counter-reset:soussommaire;margin:6px 0 4px 32px;padding:0;border-left:2px solid #d4e0e0;padding-left:14px}
.sommaire-sub li{counter-increment:soussommaire;margin:0 0 4px 0;padding:0;font-size:.9rem;line-height:1.5;border:none}
.sommaire-sub li:last-child{margin-bottom:0}
.sommaire-sub li::before{content:counter(sommaire) "." counter(soussommaire);margin-right:8px;color:#a3b3b3;font-size:.8rem;font-weight:600}
.sommaire-auto a,.sommaire-auto a:link,.sommaire-auto a:visited{color:#6b8a8a;text-decoration:none;font-weight:400;font-size:inherit;transition:color 0.2s ease,padding-left 0.2s ease}
.sommaire-auto a:hover{color:#f87c00;padding-left:4px}
.sommaire-sub a,.sommaire-sub a:link,.sommaire-sub a:visited{color:#7f9a9a}
.sommaire-sub a:hover{color:#f87c00}
@media (max-width:480px){.sommaire-auto{padding:18px 18px}.sommaire-sub{margin-left:22px;padding-left:10px}}
html{scroll-padding-top:100px}
h2[id],h3[id]{scroll-margin-top:100px}
.mars-table-wrap{margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mars-table{width:100%;border-collapse:collapse;font:inherit;color:#848f8f}
.mars-table th,.mars-table td{font:inherit;color:#848f8f;text-align:left;vertical-align:top;padding:.75rem 1rem;border-bottom:1px solid #bcc8c8}
.mars-table thead th{background:#eaf5f5;font-weight:700;white-space:nowrap}
.mars-table tbody tr{background:#fff}
.mars-table tbody tr:last-child td{border-bottom:none}
.mars-table td:first-child{font-weight:700;white-space:nowrap}
@media (max-width:900px){.mars-table th,.mars-table td{padding:.6rem .7rem;font-size:.9em}.mars-table td:first-child{white-space:normal}}
@media (max-width:640px){.mars-table thead{display:none}.mars-table,.mars-table tbody,.mars-table tr,.mars-table td{display:block;width:100%}.mars-table tbody tr{margin-bottom:.8rem;border:1px solid #bcc8c8;border-radius:4px;overflow:hidden}.mars-table td{border-bottom:none;padding:.5rem .8rem}.mars-table td:first-child{background:#eaf5f5;border-bottom:1px solid #bcc8c8;padding:.6rem .8rem}.mars-table td:nth-child(2)::before,.mars-table td:nth-child(3)::before{display:block;font-weight:700;margin-bottom:.2rem;font-size:.85em;text-transform:uppercase;letter-spacing:.03em}.mars-table td:nth-child(2)::before{content:"Lumière"}.mars-table td:nth-child(3)::before{content:"Ombre"}.mars-table td:nth-child(2){padding-top:.7rem}.mars-table td:nth-child(3){padding-bottom:.8rem}}
h3{margin-top:3rem}
h2+h3{margin-top:1rem}
/* ═══════════════════════════════════════
TOUTES LES IMAGES DANS #content
═══════════════════════════════════════ */
#content img {
max-width: 100%;
border-radius: 6px;
}
/* ═══════════════════════════════════════
IMAGES NON FLOTTANTES (style carte)
═══════════════════════════════════════ */
#content figure:not(.fl):not(.fr) {
padding: 0.3rem;
border-radius: 10px;
}
#content figure:not(.fl):not(.fr):hover {
transform: translateY(-4px);
}
#content figure:not(.fl):not(.fr) img {
display: block;
border-radius: 6px;
}
#content figcaption {
text-align: center;
font-style: italic;
color: #5a9e93;
font-size: 0.9rem;
margin-top: 0.8rem;
padding-top: 0.8rem;
border-top: 1px solid #d4eee9;
background: #ffffff;
}
/* ═══════════════════════════════════════
IMAGES ORPHELINES (simple ![]()
sans )
═══════════════════════════════════════ */
#content > img:not(.fl):not(.fr),
#content p > img:not(.fl):not(.fr),
#content div > img:not(.fl):not(.fr) {
max-width: 100%;
padding: 0.3rem;
border-radius: 10px;
}
/* ═══════════════════════════════════════
IMAGES FLOTTANTES (.fl et .fr)
═══════════════════════════════════════ */
#content .fl,
#content .fr {
max-width: 280px;
padding: 0.35rem;
background: #ffffff;
border: 1px solid #7fbfb5;
border-radius: 6px;
box-shadow: 0 6px 24px rgba(90, 158, 147, 0.15);
}
#content .fl {
float: left;
margin: 0.5rem 1.5rem 1.2rem 0;
}
#content .fr {
float: right;
margin: 0.5rem 0 1.2rem 1.5rem;
}
/* ═══════════════════════════════════════
RESPONSIVE
═══════════════════════════════════════ */
@media (max-width: 640px) {
#content .fl,
#content .fr {
float: none;
max-width: 100%;
margin: 1.5rem auto;
display: block;
}
}
.logo, .logo2, .logo3 {
text-align: center
}
.logo2 {
margin-top: 30px
}
/* asap-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Asap";
font-style: normal;
font-weight: 400;
src: url("https://www.out-of-nothing.life/fonts/asap-v34-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Asap";
font-style: italic;
font-weight: 400;
src: url("https://www.out-of-nothing.life/fonts/asap-v34-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.outof-hero-section{position:relative;padding:100px 40px 60px;margin-top:90px;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1300px;margin:0 auto;align-items:start}
.hero-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.hero-card:hover{transform:translateY(-5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.hero-card--center{min-height:480px;transform:translateY(-40px)}
.hero-card--center:hover{transform:translateY(-45px)!important}
.hero-card__img{width:140px;height:140px;border-radius:12px;margin:0 auto 20px;object-fit:cover}
.hero-card__title{font-size:20px;color:#06a7b4;margin:0;font-family:asap_condensedregular,sans-serif}
.hero-card__subtitle{font-size:16px;color:#666;margin:0 auto 1rem;font-weight:400;font-family:asap_condensedregular,sans-serif;background-color:rgba(204,204,204,.39);width:200px;border-radius:30px}
.hero-card__texte-wrap{padding:0;margin:-30px -30px 0;background-position:center;background-repeat:no-repeat;background-size:101% auto;min-height:160px;display:flex;align-items:center;justify-content:center}
.hero-card__texte{font-size:1rem;line-height:1.6;color:#fff;margin:0;padding:10px 60px;font-family:asap_condensedregular,sans-serif;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.8rem}
.hero-card__btn{display:block;color:#fff;text-align:center;padding:12px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(214,191,137,.3);font-family:asap_condensedregular,sans-serif;transition:all .3s ease;margin-top:2rem;background:#d6bf89}
.hero-card__btn:hover{transform:translateY(-2px)}
.hero-card:nth-child(1) .hero-card__btn{background:#ec652b; color: white;}
.hero-card:nth-child(2) .hero-card__btn{background:#f6a71f;color: white;}
.hero-card:nth-child(3) .hero-card__btn{background:#3bbdb3;color: white;}
.ribbon-nouvelle-version{position:absolute;top:28px;right:-52px;width:215px;background:linear-gradient(135deg,#d1034d 0%,#fd9807 100%);color:#fff;padding:6px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;transform:rotate(45deg);z-index:10}
@media(max-width:992px){.hero-grid{grid-template-columns:1fr}.hero-card--center{transform:none;min-height:380px}.hero-card__texte{padding:25px 40px;font-size:.95rem;line-height:1.5;-webkit-line-clamp:3;max-height:4.5rem}}
@media(max-width:576px){.hero-card:nth-child(2),.hero-card:nth-child(3){display:none}.hero-card__texte-wrap{min-height:120px}.hero-card__texte{padding:20px 30px;font-size:.9rem;line-height:1.4;-webkit-line-clamp:3;max-height:4.2rem}}
.pub-milieu{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,167,180,.2);margin:40px 0}
.pub-milieu__inner{background:linear-gradient(135deg,#06a7b4 0%,#2caabf 100%);padding:25px;display:flex;gap:25px;align-items:center;font-family:asap_condensedregular,sans-serif}
.pub-milieu__img{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-shrink:0;border:5px solid #fff}
.pub-milieu__content{flex:1;color:#fff}
.pub-milieu__badge{background:#f87c00;color:#fff;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:12px}
.pub-milieu__titre{margin:0 0 8px;font-size:26px;line-height:1.3;font-weight:400;color: white;
margin-top: 0;}
.pub-milieu__sous-titre{margin:0 0 12px;font-size:17px;line-height:1.4;opacity:.95;font-weight:400;color: white;
}
.pub-milieu__texte{margin:0 0 16px;line-height:1.6;font-size:15px;opacity:.9}
.pub-milieu__btn{display:inline-block;background:#fff;color:#06a7b4;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,.2); text-decoration: none;
}
#pub h2 {margin-top: 0;} #pub a {text-decoration: none;}#pub h3 {color: white;}
@media(max-width:768px){.pub-milieu__inner{flex-direction:column;text-align:center}.pub-milieu__img{margin:0 auto}}
@media (min-width:1600px) {
#bandeau {
min-height: 300px
}
}
.card2, .list-group-item2, .list-group-item22 {
display: block;
background-color: #fff;
position: relative
}
.padding-three-all .separator:after, .padding-three-all .separator:before {
position: absolute;
top: 0;
content: "::::::";
color: #000;
font-size: 14px;
letter-spacing: 3px
}
.list-group-item2 {
padding: .75rem 0;
border-bottom: 1px solid rgba(0,0,0,.125)
}
ul li:last-child {
border-bottom: none
}
.mt2 {
margin-top: 2rem
}
.card2 {
flex-direction: column;
min-width: 0;
border: 0 solid #ebedf3;
border-radius: .42rem;
background-clip: border-box;
overflow-wrap: break-word
}
.btn.btn-primary3, .btn.btn-primary4 {
border-radius: 0;
text-decoration: none;
color: #fff
}
.btn.btn-primary3 {
padding: .8rem;
border-color: #2caabf;
font-family: montserratregular;
font-size: 15px;
letter-spacing: 1px;
background-color: #2caabf
}
.btn.btn-primary4 {
border-color: #f87c00;
background-color: #f87c00
}
.padding-three-all .separator:before {
left: 0
}
.padding-three-all .separator:after {
right: 0
}
.padding-three-all .separator {
position: relative;
width: 120px;
text-align: center;
margin-bottom: 34px
}
.blue2 {
color: #6fa0b1
}
.nomargin {
margin-top: 0
}
.ff {
font-family: amertype
}
#cardp p {
margin: 0
}
.blog-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.blog-item {
flex: 0 0 calc(33.333% - 14px);
display: flex;
margin-bottom: 2rem;
}
.blog-item .card, .blog-item2 .card {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
}
.blog-item .card-body, .blog-item2 .card-body {
flex-grow: 1;
height: auto;
}
@media (max-width: 992px) {
.blog-item {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 576px) {
.blog-item {
flex: 0 0 100%;
}
}
@media (min-width: 992px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
}
@media (min-width:992px) {
#bandeau .col-lg-4 {
width: 31%;
padding: 1.2rem
}
.titrebandeau {
font-size: 4rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.25rem;
color: #000
}
.logo2, .logo3 {
text-align: center;
margin-top: 20px
}
#grid {
display: grid;
height: auto;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
}
#grid3, #grid4, #blocreverse {
display: grid;
height: auto;
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
}
}
@media (min-width:1200px) {
.logo2, .logo3 {
text-align: center;
margin-top: 20px
}
.titrebandeau {
font-size: 4rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.25rem;
color: #b6b4b4
}
}
@media (max-width:834px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3.5rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.3rem;
color: #b6b4b4
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
#boutons {
margin-top: 2rem
}
}
@media (max-width:630px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 1.5rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
}
@media (max-width:430px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 1.27rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
}
@media (max-width:414px) {
.titrebandeau1 {
font-family: amertype;
font-size: 1.2rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
#cardp {
margin-top: 0rem;
flex-direction: column;
height: 100%;
}
#cardp > div {
flex-grow: 1;
}
#cardp2 > div {
flex-grow: 1;
}
}
.rounded2 {
border-radius: 50%!important
}
.mb3 {
margin-bottom: 3rem
}
.card-v-sm .img-cover {
width: 50px;
height: 50px
}
.img-cover {
-webkit-background-size: cover;
background-size: cover;
background-position: center center
}
.rounded {
border-radius: .25rem!important
}
.pl-2, .px-2 {
padding-left: .5rem!important
}
.pr-2, .px-2 {
padding-right: .5rem!important
}
.mb-1, .my-1 {
margin-bottom: 0!important
}
.h6, h6 {
font-size: 0.9rem
}
#bloc h6, .small-2 {
margin-top: 0
}
.bg-deep-pink, .bg-vert6 {
background-color: #fa9a0e
}
.bg-vertc {
background-color: #b41071
}
.btn.btn-theme {
color: #fff;
background-color: #2daabf;
border-color: #2caabf;
text-decoration: none;
border-radius: 10px;
font-size: 1.2rem
}
#tjour .table td, .table th {
padding: .25rem;
vertical-align: top
}
#celeb a {
text-decoration: underline;
font-size: .95rem;
color: #2caabf
}
#celeb {
font-size: .9rem;
padding: 1rem;
}
aside strong {
font-weight: 900;
font-family: asap_condensedbold,sans-serif!important;
font-size: .95rem
}
#result p {
margin-bottom: 20px
}
#celeb h3 {
margin-left: 0rem
}
#celeb span.atc {
text-decoration: underline;
font-size: 0.9rem;
color: #666;
}
.fl {
float: left;
margin-right: 2rem
}
#roundindex input, input.form-control {
padding-left: 1rem;
border: none;
border-radius: .42rem;
background-color: #f1f7f8
}
#rondindex h3 {
margin-top: 1rem
}
.btn.btn-primary2 {
border-color: #3e4649;
border-radius: 0;
text-decoration: none;
font-family: montserratregular;
font-size: 15px;
letter-spacing: 1px;
color: #fff;
background-color: #3b4346
}
#body p {
margin: 15px 0 17px
}
#blog .min-height-plan2 {
height: 280px;
font-size: .95rem
}
#blog .card-body {
flex: 1 1 auto;
min-height: 1px;
font-family: asap_condensedregular,sans-serif!important;
font-weight: 400
}
@media (min-width:767px) {
.fl {
float: left;
margin-right: 1rem
}
.dn2 {
display: none
}
.col_xs-7 {
width: 58.33333%
}
.min-height {
min-height: 380px
}
.btn.btn-primary2 {
margin-bottom: 2rem
}
.center-col2 {
float: none;
margin-right: auto;
margin-left: auto
}
.h1 {
font-size: 4rem;
font-weight: 700;
color: #0b093e
}
h1 {
font-size: 4rem;
line-height: 40px;
color: #f87c00
}
}
@media (min-width:992px) {
.min-height {
min-height: 410px
}
#accroche {
margin-top: 5%;
margin-left: 2rem;
padding-bottom: 0;
background-color: transparent
}
.btn.btn-primary2 {
margin-bottom: 2rem
}
.center-col2 {
float: none;
margin-right: auto;
margin-left: auto
}
#search2a {
position: absolute;
top: 80px;
right: 0;
width: 100%;
padding-right: 1px;
padding-left: 1px
}
.hide {
display: none
}
.show {
display: block
}
#searcha {
float: left;
margin-top: 15px
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #666
}
.blocrec {
padding: .3rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff
}
.infocom {
padding: 10px;
border-radius: 10px;
font-weight: 700;
color: #fff;
background-color: #90bac1
}
.shr-recs-bar {
height: 0
}
}
@media (max-width:1024px) {
.mt30 {
margin-top: 0
}
}
@media (max-width:766px) {
.dn {
display: none
}
.fl {
margin-right: .5rem
}
ol {
padding-inline-start: 0
}
#search2a {
position: absolute;
top: 105px;
right: 0;
width: 100%;
padding-right: 1px;
padding-left: 1px
}
.hide {
display: none
}
.show {
display: block
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #666
}
}.alert-danger4 {
margin-top: 40px;
padding: 10px;
border-color: #00c1d1;
font-size: 1.1rem;
color: #f5f5f5;
background-color: #00c1d1
}
#formcom .alert-danger3 {
margin-top: 40px;
margin-bottom: 2rem;
padding: 10px;
border: #ff3f06 dashed 1px;
font-size: .9rem;
font-weight: 700;
color: #666;
background-color: #fff
}
.b2 {
padding: 1rem;
background-color: #f0fafb
}
.b1 {
padding: 1rem;
background-color: #fafafa
}
.ref {
float: left;
width: 350px;
margin-right: 1rem
}
.cs {
height: auto;
width: 100px
}
.cs2 {
height: auto;
width: 70px
}
#content h2 {
margin-top: 3rem
}
/* Chevrons vert d'eau – scopé sur #content */
#content ul {
list-style: none;
padding-left: 0;
margin: 1rem 0;
}
#content ul li {
position: relative;
padding-left: 26px;
margin-bottom: 10px;
font-size: 1rem;
line-height: 1.65;
}
#content ul li::before {
content: "›";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
color: #4a9a9a;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}
#sommaire {
margin-bottom: 3rem
}
.fl {
float: left;
margin-right: .7rem;
margin-bottom: .7rem
}
.hightlight {
text-decoration: underline;
text-decoration-color: #d3422e;
text-decoration-style: dotted;
}
.hide {
display: none
}
.show {
display: block
}
.hide {
display: none
}
.show {
display: block
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-family: asap_condensedregular;
font-size: .9rem;
font-weight: 400;
color: #666
}
.bloc3 {
margin-top: 2rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 10px
}
.bloc4 {
border: rgb(204,197,185,.5) solid 1px;
border-radius: 10px
}
.mt30 {
margin-top: 3rem
}
.show {
display: block
}
html {
scroll-behavior: smooth
}
html {
scrollbar-color: #000 rgb(0,0,0,.15);
scrollbar-width: thin
}
.pe {
max-width: 441px
}
.nomargintop {
margin-top: 0;
margin-bottom: 0
}
.text-left {
text-align: left
}
#rondindex a, #formation a, #menu a, #p1 a, #seances a {
color: #fff;
font-size: 1rem;
font-family: asap_condensedregular,sans-serif!important;
}
#header2 header nav.navbar-default, nav.navbar.bootsnav {
position: fixed;
height: 80px;
border-bottom: 0;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
#header2 .btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
margin-top: .5rem;
margin-right: 1.5rem;
padding: 7px 7px;
border-radius: 2px;
text-transform: none;
font-size: 16px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
margin-left: 5px;
text-decoration: none;
}
.mt130 {
margin-top: 130px
}
.mt20 {
margin-top: 2rem
}
@media (max-width:992px) {
#header2 nav {
margin-top: -20px
}
#header2 .btnnew2, #p1 a
#coms .card-body {
height: auto;
overflow: hidden;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
}
}.db, .svg {
display: block
}
.wave:after, .wave:before {
content: " ";
position: absolute
}
.wave:before {
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff
}
.wave:after {
z-index: 0;
bottom: 65%;
left: -250px;
width: 1000px;
height: 1025px;
border-radius: 35%;
background: #fff;
transform: rotate(45deg)
}
#prix ul, #intro ul {
list-style: disc;
padding-inline-start: 45px
}
.timeline-block:before {
content: "";
position: absolute;
top: 20px;
right: 50%;
width: 12px;
height: 12px;
margin-right: -6px;
border-radius: 12px;
background-color: #337ab7;
box-shadow: 0 0 0 5px rgb(68 193 193 / 35%)
}
.timeline-block-wrapper, .timeline-block:nth-child(2n) .timeline-block-wrapper, .timeline-block:nth-child(odd) .timeline-block-wrapper {
padding-right: 30px;
padding-left: 30px
}
.timeline-block:nth-child(odd) .timeline-content::before {
left: 100%;
border-color: transparent transparent transparent #fff
}
.mb-10 {
margin-bottom: 10px
}
.mb-0 {
margin-bottom: 0
}
.timeline:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 4px;
height: 100%;
margin-left: -2px;
border-radius: 4px;
background: #d7e4ed
}
@media (min-width:992px) {
.col-md-offset-6 {
margin-left: 50%
}
}.timeline-block:nth-child(odd) .timeline-date {
left: 50%;
margin-left: 20px
}
@media only screen and (max-width:991px) {
.timeline-block:nth-child(2n) .timeline-date, .timeline-block:nth-child(odd) .timeline-date {
right: auto;
left: 50px;
margin-right: 0;
margin-left: 0
}
.timeline-block .timeline-content {
padding: 55px 20px 15px
}
.timeline-block-wrapper, .timeline-block:nth-child(2n) .timeline-block-wrapper, .timeline-block:nth-child(odd) .timeline-block-wrapper {
margin-bottom: 40px;
padding-right: 0;
padding-left: 0
}
block:nth-child(odd) .timeline-date {
right: auto;
left: 20px;
margin-right: 0;
margin-left: 0
}
}#intro p {
font-size: 1rem
}
*, :after, :before, input[type="search"] {
box-sizing: border-box
}
.btn, img {
vertical-align: middle
}
#post a:hover, #post a:link, #post a:visited {
text-decoration: underline;
font-size: .85rem;
font-weight: 700;
color: #68afba
}
.membre {
margin-left: 20px;
color: #f1fbfc;
font-size: 0.9rem;
}
.fw700 {
font-weight: 700
}
a:link::before {
margin-right: 5px
}
#menu {
max-height: calc(90vh - 210px);
overflow-y: auto
}
.balance, .belier, .cancer, .capricorne, .gemeaux, .jupiter, .lion, .lune, .mars, .mercure, .neptune, .pluton, .poissons, .sagittaire, .saturne, .scorpion, .soleil, .taureau, .uranus, .venus, .verseau, .vierge {
font-family: hamburgsymbolsregular;
font-size: 20px
}
.accordion.accordion-outline .card .card-header3 {
padding: 0;
background-color: #3b4346
}
.accordion.accordion-outline .card .card-header2 {
padding: 0;
background-color: #fff;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%)
}
.accordion>.card:first-of-type {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.accordion.accordion-outline .card {
margin-bottom: 1rem;
border: 0
}
.accordion .card .card-header .card-title, .accordion .card .card-header3 .card-title {
width: 100%;
margin: 0;
padding: 1rem;
border-color: #fff;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #fff
}
.accordion .card .card-header .card-title, .accordion .card .card-header3 .card-title2 {
margin: 0;
padding: 1rem;
border-color: #fff;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #999
}
#pub h3 {
padding-top: 0;
font-size: 19px;
font-weight: 100;
color: #2caabf;
margin-top: 0;
}
.accordion.accordion-outline .card .card-header {
padding: 0;
background-color: #b4cace
}
.blocinfos {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 0.5rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff;
font-size: 0.9rem;
}
.bloc {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff
}
.card {
display: flex;
position: relative;
flex-direction: column;
min-width: 0;
border-radius: .42rem;
background-color: #fff;
background-clip: border-box;
overflow-wrap: break-word
}
.btn-danger {
border-color: #f94d4b;
color: #fff;
background-color: #d4452c
}
.card.card-custom {
height: auto;
padding: 0px;
border-radius: 0px;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
border-radius: 20px;
-webkit-box-shadow: 0 0 10px 0 rgba(211, 212, 212, 0.16);
}
aside .card.card-custom {
height: auto;
-webkit-box-shadow: 0 0 10px 0 rgba(213, 215, 215, 0.16);
}
#content .card.card-custom {
height: auto
}
.card-header:first-child {
border-radius: calc(0.42rem - 1px) calc(0.42rem - 1px) 0 0;
}
.card.card-custom>.card-header .card-title {
display: flex;
align-items: center
}
.card.card-custom>.card-header .card-title .card-label {
margin: 0 .75rem 0 0
}
.card.card-custom>.card-header .card-title, .card.card-custom>.card-header .card-title .card-label {
display: inline-flex;
width: 200px;
width: 100%;
padding: 5px;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #6f6f6f
}
.card-body {
flex: 1 1 auto;
padding: 1rem;
min-height: 1px;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
font-weight: 400
}
#cardp strong {
font-family: asap_condensedregular, sans-serif !important;
font-weight: 400;
font-size: 1.05rem;
-webkit-text-stroke: 0.6px;
}
#body span.act .ribbon.ribbon-top .ribbon-target {
border-bottom-left-radius: .42rem;
border-bottom-right-radius: .42rem
}
.ribbon .ribbon-target {
display: flex;
z-index: 1;
position: absolute;
align-items: center;
justify-content: center;
padding: 5px 10px;
font-family: "asap condensed",sans-serif!important;
color: #fc0523;
background-color: #fff;
box-shadow: 0 -1px 5px 0 rgb(0 0 0 / 10%)
}
.d-flex {
display: flex!important
}
.text-center {
text-align: center!important
}
.text-muted {
color: #626262!important
}
.mb-10 {
margin-bottom: 2.5rem!important
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.btn.btn-primary {
border-color: #3f474a;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #3f474a
}
.mb6 {
margin-bottom: 6rem
}
@media (min-width:1200px) {
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
.border-right-xl {
border-right: 1px solid #ebedf3!important
}
}
.list.list--badge:before {
content: "";
display: block;
top: 0;
bottom: 0;
left: 3px;
width: 1px
}
.list.list--badge .list__item:first-child:before, .list.list--badge .list__item:last-child:before {
content: "";
display: block;
top: 0;
bottom: 0;
left: 3px;
width: 1px;
height: 50%;
background-color: #fff
}
.list.list--badge .list__item:last-child:before {
top: auto;
bottom: 0
}
.list.list--badge .list__item .list__badge:before {
content: "";
display: block;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%
}
.list .list__item .list__badge:before {
background-color: #ebedf2
}
.list .list__item .list__badge.list__badge--success:before {
background-color: #1dc9b7
}
.list .list__item .list__badge.list__badge--warning:before {
background-color: #ffb822
}
.list .list__item .list__badge.list__badge--danger:before {
background-color: #fd397a
}
.list .list__item:first-child:before, .list .list__item:last-child:before {
background-color: #a1a8c3
}
#noh3 .theme_button.color3 {
margin-top: 0;
margin-left: 2rem;
padding: 1rem;
border-color: #ffc108;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #ffc108;
width: 49%;
float: none;
width: 49%;
flex: 1;
text-align: center;
margin: 0.5rem 0.25rem;
margin-left: 0;
}
#noh3 .theme_button.color2 {
margin-top: 0;
margin-left: 2rem;
padding: 1rem;
border-color: #68afba;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #68afba;
float: none;
width: 49%;
flex: 1;
text-align: center;
margin: 0.5rem 0.25rem;
margin-left: 0;
}
#noh3 h2 {
margin-top: 0;
color: #2daabf
}
#noh3 {
margin-top: 0;
padding-top: 2rem;
flex-wrap: wrap;
}
#noh3 p {
margin-top: 2rem;
font-family: asap_condensedregular;
}
.btn, .btn-mail {
user-select: none;
touch-action: manipulation
}
nav.navbar.bootsnav {
margin-bottom: 0;
border: 0;
border-radius: 0
}
nav.navbar.bootsnav ul.nav li.active>a, nav.navbar.bootsnav ul.nav li.active>a:focus, nav.navbar.bootsnav ul.nav li.active>a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw>a:focus, nav.navbar.bootsnav ul.nav li.megamenu-fw>a:hover, nav.navbar.bootsnav ul.nav>li>a {
background-color: transparent
}
nav.navbar.bootsnav .navbar-toggle {
position: relative;
top: 5px;
padding: 0;
border: 0;
font-size: 18px;
background-color: transparent
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
text-decoration: none;
font-size: 14px;
white-space: normal;
color: #fff
}
nav.navbar.bootsnav.navbar-full ul>li a:hover {
color: #ff214f
}
nav.navbar.bootsnav.navbar-full ul>li a:hover:after {
background: #ff214f
}
.attr-nav>ul {
display: inline-block;
margin: 0 0 -7px;
padding: 0;
list-style: none
}
.attr-nav>ul>li {
display: block;
float: left
}
.attr-nav>ul>li>a span.badge {
position: absolute;
top: 50%;
right: 5px;
width: 15px;
height: 15px;
margin-top: -15px;
padding: 2px 0 0;
font-size: 10px
}
aside span.atc {
text-decoration: underline;
font-size: 1rem;
color: #666
}
#body span.atc {
font-size: .95rem;
font-size: 18px;
color: #2caabf
}
.atc4, span.atc {
font-size: .95rem;
color: #777
}
.navbar-nav>li.dropdown>.fas {
display: none
}
.simple-dropdown .dropdown-menu {
position: absolute;
left: 800px;
padding: 13px 0 15px;
min-width: 220px;
background: #232323;
box-shadow: none
}
.menu-back-div>ul {
display: table;
width: 1070px;
margin: 0 auto;
background: #232323
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li span {
margin: 0;
text-decoration: none;
font-size: 0.9rem;
font-weight: 400;
color: #f5f5f5;
font-family: asap_condensedregular,sans-serif!important
}
.mega-menu-full {
box-sizing: border-box;
width: 100%;
padding: 45px 50px;
border: 0;
border-radius: 0;
box-shadow: none
}
button, button.form-control, input, input.form-control, select, select.form-control {
padding: 0 5px;
border: #e5e5e5 solid 1px;
border-radius: 3px;
font-size: 14px;
line-height: 46px;
outline: 0;
color: #222;
background: #fff;
box-shadow: none;
transition: 0.2s
}
#news .form-control, input, input.form-control {
padding: 0 10px;
border: none;
border-radius: .42rem;
font-size: 1rem;
line-height: 46px;
outline: 0;
color: #bbb6b6;
background: #ffffff;
box-shadow: none;
transition: 0.2s;
border: #e5e5e5 solid 1px;
}
.form-control {
box-shadow: 0 1px 1px rgb(0,0,0,.075) inset
}
#scroll .scroll-top-arrow, .scroll-top-arrow:focus {
z-index: 10006;
position: fixed;
top: 84%;
right: 25px;
width: 30px;
height: 30px;
padding: 0;
border-radius: 100%;
text-align: center;
text-decoration: none;
line-height: 28px;
color: #fff;
background: #878787
}
#scroll .scroll-top-arrow span {
position: relative;
line-height: 30px
}
a:active, a:focus, a:hover, a:visited {
outline: 0
}
.blog-grid {
margin: 0;
padding: 0;
list-style: none
}
.blog-post-style5 .blog-post .blog-categories {
display: inline-block;
z-index: 1;
position: relative;
bottom: 0;
left: 0;
margin-top: -20px;
margin-left: 0;
padding: 10px 16px 8px;
font-weight: 700;
vertical-align: top;
border-radius: 20px;
}
.display-inline-block {
display: inline-block!important
}
.atc4, .atc4:hover, span.atc, span.atc2:link {
cursor: pointer
}
#plan a, a:hover, a:link {
text-decoration: none;
font-size: 20px;
font-weight: 700;
color: orange
}
.btn, .dropdown-menu>li>a, .input-group-btn, .label {
white-space: nowrap
}
a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-size: 15px;
font-weight: 700;
color: #fff
}
.btnnew {
top: -40px;
right: -30px;
background: var(--oon-turquoise-light);
color: #fff;
font-size: 0.65rem;
padding: 3px 8px;
border-radius: 20px;
font-weight: 700;
position: absolute;
z-index: 3;
}
.btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
padding: 2px 5px;
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
}
h4 {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #6aadad;
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
margin: -2px 0 0;
padding: 25px 0;
min-width: 160px;
text-align: left;
font-size: 14px;
list-style: none;
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
background-clip: padding-box;
box-shadow: 0 6px 12px rgb(0,0,0,.175)
}
@media (min-width:1024px) {
.list {
margin: 3rem 0 3rem 40px;
padding: 0;
font-size: .85rem;
}
nav.navbar.bootsnav ul.nav>li>a {
padding: 30px 15px
}
nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
content: "";
margin-top: 2px;
margin-left: 5px;
font-family: fontawesome
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
border-bottom: 0
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a, nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a, nav.navbar.bootsnav.no-background.white ul.nav>li>a {
color: #fff
}
nav.navbar.bootsnav.menu-center .container {
position: relative
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
padding-right: 100px;
text-align: right
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right {
padding-left: 100px;
text-align: left
}
nav.bootsnav.navbar-sidebar ul.nav>li>a {
padding: 10px 15px;
font-weight: 700
}
nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>a:after {
float: right
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown>a:before {
content: "";
float: right;
font-family: fontawesome
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a:before {
content: ""
}
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li .dropdown ul.mega-menu-full li.dropdown-header {
border-top: 0;
margin-left: -5px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
margin-bottom: 0;
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0;
color: #6f6f6f;
cursor: pointer
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
content: "";
float: right;
font-family: fontawesome
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
content: ""
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}
@media (max-width:992px) {
nav.navbar.bootsnav {
margin-bottom: 0;
padding-top: 1.5rem;
border: 0;
border-radius: 0
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
.navbar-nav>li.dropdown>.fas {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 9px 15px 8px;
font-size: 16px;
color: #fff;
cursor: pointer
}
nav.navbar.bootsnav .navbar-toggle {
display: inline-block;
float: right;
margin-top: 0;
margin-right: 0
}
nav.navbar.bootsnav .navbar-collapse {
margin-bottom: 0;
border: 0
}
nav.navbar.bootsnav.no-full .navbar-collapse {
z-index: 10000;
height: auto;
overflow-y: auto
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display: none
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
display: block;
position: absolute;
width: 100%
}
nav.navbar.bootsnav .navbar-nav {
float: none;
height: auto;
margin: 0 -15px;
padding-right: 30px;
padding-left: 30px;
background-color: rgb(23,23,23,.95)
}
nav.navbar.bootsnav .navbar-nav>li {
float: none
}
nav.navbar.bootsnav .navbar-nav>li>a {
display: block;
width: 101%;
margin-bottom: -1px;
padding: 10px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav .navbar-nav>li:first-child>a {
border-top: 0;
font-size: .85rem
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
display: block;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
color: #6f6f6f
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
margin-bottom: 0;
padding: 10px 15px 10px 0;
border-bottom: 1px solid #e0e0e0;
text-transform: none;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #6f6f6f;
cursor: pointer
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
content: "";
float: right;
position: relative;
right: -15px;
margin-left: 10px;
font-family: fontawesome;
font-size: 16px
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
border-bottom: 0
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
content: ""
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
margin-bottom: 0
}
nav.bootsnav .megamenu-content .title {
display: block;
margin-bottom: 0;
padding: 10px 15px;
font-weight: 400;
cursor: pointer
}
nav.bootsnav .megamenu-content .content {
display: none
}
.attr-nav>ul {
margin: 0 -15px -7px 0;
padding: 0
}
.attr-nav>ul>li>a {
padding: 16px 15px 15px
}
.top-search .container {
padding: 0 45px
}
nav.bootsnav.navbar-full ul.nav>li>a {
border: 0
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
left: 0
}
nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {
padding: 15px
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu>li>a {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-top: 13px;
padding-right: 30px;
padding-bottom: 13px
}
}
article, aside, details, figure, footer, header, main, menu, nav, section, summary {
display: block
}
figure {
margin: 0
}
button, input, select, textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
img {
height: auto;
max-width: 100%;
border: 0
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0,0,0,0)
}
.h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.2
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px
}
.text-left {
text-align: left
}
.btn, .text-center {
text-align: center
}
.text-uppercase {
text-transform: uppercase
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px
}
@media (min-width:767px) {
.container {
width: 750px;
margin-top: 4rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:320px) {
.container {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#sommaire a, #sommaire a:active, #sommaire a:focus, #sommaire a:hover, #sommaire a:link, #sommaire a:visited {
text-decoration: none;
font-size: .8rem;
font-weight: 400;
color: #939393
}
#sommaire li {
font-size: .8rem
}
ul {
padding-left: 40px
}
.list {
margin: 3rem 0;
padding: 0;
font-size: .7rem;
}
label {
display: inline-block;
margin-bottom: 5px;
max-width: 100%;
font-size: 14px;
font-weight: 700
}
}
@media (max-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-9 {
width: 75%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-6 {
width: 50%;
padding: 1rem
}
.col-sm-2 {
width: 16.66666667%
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
}
@media (min-width:992px) {
.container {
width: 970px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 800px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 800px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
}
@media (min-width:1200px) {
.container {
width: 1170px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:1360px) {
.container {
width: 1265px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:1600px) {
.container {
width: 1365px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 350px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}.row {
margin-right: -15px;
margin-left: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
@media (min-width:320px) {
.col-xs-12 {
width: 100%
}
.col-xs-10 {
width: 83.333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-1 {
width: 8.3333333%;
padding-left: 0
}
.col-xs-7 {
width: 58.3333333%
}
}@media (min-width:768px) {
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-2 {
width: 16.66666667%
}
}
@media (min-width:992px) {
.dib {
display: inline;
float: right;
margin-top: 10px;
margin-right: 150px;
margin-left: 10px;
padding: 7px;
max-height: 50px;
max-width: 50px;
border: 2px solid #fff;
border-radius: 50px;
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
margin: -2px 0 0;
padding: 25px 0;
min-width: 160px;
text-align: left;
font-size: 14px;
list-style: none;
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
background-clip: padding-box;
box-shadow: 0 6px 12px rgb(0,0,0,.175)
}
.col-md-12 {
width: 100%
}
.col-md-10 {
width: 83.333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%;
padding: 1rem
}
.col-md-4 {
width: 33.33333333%;
padding: 1rem
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
label {
display: inline-block;
margin-bottom: 5px;
max-width: 100%;
font-size: 16px;
font-weight: 700
}
}@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-10 {
width: 83.333333%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-6 {
width: 50%;
padding-left: 15px
}
.col-lg-4 {
width: 33.33333333%;
padding: 1rem
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-3 {
width: 25%
}
.col-lg-5 {
width: 41.66666667%
}
col-lg-1 {
width: 10%
}
}.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.form-control {
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
border-width: 0 0 2px;
border-bottom-color: #68afba;
border-radius: 4px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none
}
.remarque {
display: none
}
æ.alert-danger {
margin-top: 40px;
padding: 10px;
border-color: #89d0db;
font-size: .8rem;
color: #fff;
background-color: #89d0db
}
.has-success .control-label {
color: #3c763d
}
.has-error .control-label {
color: #a94442
}
.btn {
margin-bottom: 0;
padding: 6px 12px;
font-size: 14px;
background-image: none;
cursor: pointer
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline-offset: -2px
}
.btn-group .dropdown-toggle:active, .btn.active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active, .btn:active.focus, .btn:active:focus, .btn:focus, .dropdown-toggle:focus, a:active, a:focus, button:active, button:focus {
outline: 0
}
.btn.focus, .btn:focus, .btn:hover {
text-decoration: none;
color: #fff
}
.btn.active, .btn:active {
background-image: none;
box-shadow: 0 3px 5px rgb(0,0,0,.125) inset
}
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color: #d4d09a
}
.btn-primary.active, .btn-primary:active {
border-color: #d4d09a;
color: #fff;
background-color: #286090;
background-image: none
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
border-color: #122b40;
color: #fff;
background-color: #204d74
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.dropdown {
position: relative
}
.dropdown-menu>li>a {
display: block;
clear: both;
padding: 3px 20px;
font-weight: 400;
line-height: 1.42857143;
color: #333
}
.label {
font-weight: 700
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #337ab7
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .nav>li.disabled>a {
color: #777
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
z-index: 2
}
.btnrepondre {
padding: 5px;
border-radius: 4px;
color: #fff;
background-color: #ffc106
}
.nav>li, .nav>li>a {
display: inline-block;
position: relative
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group .form-control:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group .form-control:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
text-decoration: none;
color: #777;
background-color: transparent;
cursor: not-allowed
}
.navbar-brand>img {
display: block
}
.navbar {
position: relative;
margin-bottom: 20px;
min-height: 50px;
border: transparent solid 1px
}
.navbar-collapse {
overflow-x: visible;
box-shadow: 0 1px 0 rgb(255,255,255,.1) inset
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block;
height: auto;
padding-bottom: 0;
overflow: visible
}
.navbar-collapse.in {
overflow-y: visible
}
}.navbar-toggle {
float: right;
position: relative;
margin-top: 8px;
margin-bottom: 8px;
padding: 9px 10px;
border: transparent solid 1px;
background-color: transparent;
background-image: none
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px
}
.navbar-left, .navbar-nav>li {
float: left
}
.navbar-nav {
float: left;
margin: 0
}
.navbar-default {
border-color: #e7e7e7;
background-color: #f8f8f8
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7
}
.label {
display: inline
}
.label {
line-height: 1
}
.label {
padding: .2em .6em .3em;
border-radius: .25em;
text-align: center;
font-size: 75%;
vertical-align: baseline;
color: #fff
}
.alert {
padding: 0;
border: transparent solid 1px;
border-radius: 4px
}
.alert>p, .alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
*, .btn {
transition-timing-function: ease-in-out
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
clear: both
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none
}
}
.alert-success {
border-color: #d6e9c6;
color: #3c763d;
background-color: #dff0d8;
padding: 1rem;
}
#white a, a:active, a:hover, a:link, a:visited {
color: #fff
}
a:hover, a:visited {
text-decoration: none;
color: #696969
}
@font-face {
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/icomoon2.woff) format("woff");
font-display: swap
}
[class*=" icon-"], [class^="icon-"] {
text-transform: none;
font-family: icomoon!important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 0.71;
speak: never
}
.icon-image:before {
content: ""
}
.icon-heart1:before {
content: "";
color: #d3422e;
font-size: 22px
}
.icon-bubbles3:before {
content: "";
padding-left: 1rem;
color: #2caabf
}
.icon-user-plus:before {
content: "";
font-size: 15px
}
.icon-link:before {
content: ""
}
.icon-arrow-up-left:before {
content: ""
}
.icon-arrow-up:before {
content: ""
}
.icon-arrow-up-right:before {
content: ""
}
.icon-arrow-right:before {
content: "";
margin-right: 0.7rem;
}
.icon-arrow-down-right:before {
content: ""
}
.icon-arrow-down:before {
content: "";
font-size: 25px
}
.icon-arrow-down-left:before {
content: ""
}
.icon-instagram:before {
content: "";
font-size: 25px;
color: #da1552
}
.icon-locked:before {
content: "";
font-size: 25px;
color: #ffc106
}
.icon-unlocked1:before {
content: "";
font-size: 25px;
color: #ffc106
}
.icon-checkmark:before {
content: "";
font-size: 20px;
color: #92c508;
margin-right: 10px;
}
.icon-phone:before {
content: ""
}
.orange {
color: orange
}
.orange2 {
color: #fdbf04
}
.icon-facebook:before {
content: "";
font-size: 25px;
color: #2caabf
}
.icon-twitter:before {
content: ""
}
.icon-arrow-up2:before {
content: ""
}
.icon-arrow-down2:before {
content: ""
}
.icon-number:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-number1:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-number2:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-search:before {
content: "";
margin-right: 20px;
margin-left: 20px;
font-size: 25px;
color: #fff
}
@font-face {
font-family: "FontAwesome";
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/fontawesome-webfont.woff2) format("woff2");
font-display: swap
}
.fa-envelope-o:before {
content: "";
margin-right: 30px;
font-size: 18px;
color: #fff
}
@font-face {
font-family: astro;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/astro.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: victor;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/victormono-regular-webfont.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: "robotoregular";
src: url(https://www.out-of-nothing.life/fonts/roboto-regular-webfont.woff2) format("woff2"),url(https://www.out-of-nothing.life/fonts/roboto-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: asap_condensedregular;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/asapcondensed-regular-webfont.woff2) format("woff2"),url(asapcondensed-regular-webfont.woff) format("woff");
font-display: swap
}
.chiron {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #999
}
.lilith {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #000
}
.soleil {
color: #fe7500
}
.lune {
color: #e4bf14
}
.mercure {
color: #8abe1c
}
.venus {
color: #f971c8
}
.mars {
color: #fc0523
}
.jupiter {
color: #fe7500
}
.saturne {
color: #7a6d6d
}
.pluton {
color: #9d5b9c
}
.uranus {
font-size: 20px;
color: #239cc4
}
.neptune {
font-size: 20px;
color: #239cc4
}
.belier {
color: #fc0523
}
.taureau {
color: #f971c9
}
.gemeaux {
color: #8abe1d
}
.cancer {
color: #e5bf15
}
.lion {
color: #fe7600
}
.vierge {
color: #8abe1d
}
.balance {
color: #f971c9
}
.scorpion {
color: #6c0a6f
}
.sagittaire {
color: #fe7600
}
.capricorne {
color: #7a6e6d
}
.verseau {
color: #259cc4
}
.poissons {
color: #2daabf
}
.sesqui, .carre, .semicarre, .opposition {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #d50e0e
}
.decile, .tridecile {
font-size: 17px;
font-weight: 700;
color: #d7d408
}
.trigone {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #198af1
}
.sextile {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #73be1b
}
.quiconce {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #239cc4
}
.conjonction {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #e898f1
}
@font-face {
font-family: hamburgsymbolsregular;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/hamburgsymbols-webfont.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: moon_phases;
font-weight: 400;
src: url(https://www.out-of-nothing.life/theme-astral/moon_phases.ttf) format("truetype");
font-display: swap
}
.nla {
font-family: moon_phases;
font-size: 25px;
color: #000
}
body, html {
height: 100%;
margin: 0;
font-family: Asap!important;
font-size: 1rem;
font-weight: 400;
line-height: 1.6rem;
color: rgba(44, 74, 74, 0.89);
background-image: repeating-linear-gradient( 90deg,transparent, transparent 3px,rgba(242, 252, 252, 0.6) 2px,rgba(242, 252, 252, 0.6) 5px);
overflow: auto
}
a:active, a:hover, a:link, a:visited {
color: #626262
}
#ul a, a:active, a:hover, a:link, a:visited {
color: #6f6f6f
}
a, a:active, a:focus, a:hover, a:visited {
text-decoration: none;
color: #68afba
}
footer a:active, footer a:hover, footer a:link, footer a:visited {
text-decoration: none;
color: #ea462e
}
input, select, textarea {
padding: 8px 15px;
max-width: 100%;
border: #d1d1d1 solid 1px;
font-size: 14px;
resize: none;
height: 45px;
}
ol, ul {
margin-bottom: 25px;
list-style-position: outside
}
* {
transition-duration: 0.2s
}
::selection {
color: #000;
background: #dbdbdb
}
h1 {
font-size: 1.8em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family: asap_condensedregular;
}
.h2, h2 {
margin-top: 2rem;
font-size: 1.5rem;
line-height: 35px;
color: #06a7b4;
font-weight: normal;
font-family: asap_condensedregular,sans-serif!important;
}
.h3, h3 {
margin-top: 3rem;
font-size: 1.2rem;
font-weight: 400;
line-height: 30px;
color: #f87c00;
font-family: asap_condensedregular,sans-serif!important;
}
.text-small {
font-size: 12px;
line-height: 20px
}
.text-white {
color: #fff
}
blockquote {
position: relative;
padding: 10px 16px 10px 20px;
margin-bottom: 6px;
font-size: 1rem;
line-height: 1.65;
background: #f0f9f9;
border-left: 3px solid #6aadad;
border-radius: 0 6px 6px 0;
}
.fw700 {
font-weight: 700
}
.bg-extra-dark-gray {
background-color: #1c1c1c
}
.btn i, .vertical-align-middle {
vertical-align: middle
}
a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-size: 16px;
font-weight: 700;
color: #696969
}
.center-col {
float: none;
margin-right: auto;
margin-left: auto
}
.aside-title:after, .box-separator-line {
content: ""
}
.btn {
display: inline-block;
width: auto;
border: transparent solid 2px;
border-radius: 0;
font-family: lato,sans-serif;
font-weight: 500;
line-height: inherit;
letter-spacing: .5px;
transition-duration: 0.3s
}
.cover-background4, .cover-backgroundc, .cover-backgroundc1 {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.aside-title, .cover-backgroundc, .cover-backgroundc1 {
position: relative;
overflow: hidden
}
.padding-three-all {
padding: 2%
}
.aside-title span {
display: inline-block;
margin-right: 20px;
vertical-align: middle
}
.aside-title:after {
display: inline-block;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background: #ff214f
}
.right-sidebar {
padding-right: 80px
}
.no-padding-left {
padding-left: 0
}
.pull-right {
float: right
}
.no-margin {
margin: 0
}
.no-margin-bottom {
margin-bottom: 0
}
.margin-40px-bottom {
margin-bottom: 40px
}
.margin-20px-right {
margin-right: 20px
}
.padding-50px-tb {
padding-top: 50px;
padding-bottom: 50px
}
.display-table {
display: table
}
.display-table-cell {
display: table-cell
}
.width-auto {
width: auto
}
.extra-large-icon, .extra-small-icon, .large-icon, .medium-icon, .small-icon {
padding: 0;
list-style: none
}
.extra-large-icon li, .large-icon li, .medium-icon li, .small-icon li {
display: inline-block
}
footer .extra-large-icon li:first-child, footer .extra-small-icon li:first-child, footer .large-icon li:first-child, footer .medium-icon li:first-child, footer .small-icon li:first-child {
margin-left: 0
}
footer .extra-large-icon li:last-child, footer .extra-small-icon li:last-child, footer .large-icon li:last-child, footer .medium-icon li:last-child, footer .small-icon li:last-child {
margin-right: 0
}
.small-icon li {
margin: 0 5px
}
.small-icon a {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 38px
}
header, header nav {
z-index: 99;
width: 100%
}
.social-icon-style-8 ul li a {
width: auto;
height: auto;
text-align: center
}
footer .small-icon li {
margin: 0 8px
}
.navbar-collapse {
padding-right: 0;
padding-left: 0
}
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>a {
text-decoration: none;
color: #fff
}
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>span {
margin-top: 5px;
margin-right: 25px;
margin-left: 0;
text-decoration: none;
color: #ccc
}
header nav.navbar.bootsnav ul.nav.white-link>li>a, header nav.navbar.white-link .header-social-icon a, header nav.navbar.white-link .navbar-nav>li>a, nav.navbar.bootsnav.white-link .header-social-icon a, nav.navbar.bootsnav.white-link ul.nav>li>a {
color: #fff
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: calc(100% + 20px)
}
.header-search-form:hover, .header-social-icon a:hover, header nav.navbar .navbar-nav>li>a:hover, nav.navbar.bootsnav ul.nav>li>a:hover {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li>a:hover, header nav.navbar.white-link .header-social-icon a:hover, header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
color: #68afba
}
header nav.navbar.bootsnav ul.nav.white-link>li.active>a, header nav.navbar.white-link .navbar-nav>li.active>a, nav.navbar.bootsnav.white-link ul.nav>li.active>a {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li>a.active, nav.navbar.bootsnav ul.nav>li>a.active {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li>a.active, header nav.navbar.white-link .navbar-nav>li>a.active, nav.navbar.bootsnav.white-link ul.nav>li>a.active {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li.dropdown.on>a, nav.navbar.bootsnav ul.nav>li.dropdown.on>a {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li.dropdown.on>a, header nav.navbar.white-link .navbar-nav>li.dropdown.on>a, nav.navbar.bootsnav.white-link ul.nav>li.dropdown.on>a {
color: rgb(255,255,255,.6)
}
header nav .row {
display: flex;
align-items: center;
height: auto;
padding: 2px
}
header nav .row>div:first-child {
flex: 1 1 auto
}
header nav.navbar {
padding: 0;
border-radius: 0
}
header nav.navbar-default, nav.navbar.bootsnav {
border-bottom: 0;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
header nav {
display: table;
top: 0;
margin-bottom: 0
}
header nav .nav-header-container {
display: table-cell;
position: relative;
padding-right: 15px;
padding-left: 15px;
vertical-align: middle
}
.navbar-nav>li, nav .accordion-menu {
position: inherit
}
header nav .navbar-nav>li>a {
margin: 0 12px;
padding: 5px 0;
font-size: 12px;
font-weight: 700;
color: #232323
}
.navbar-toggle, header nav .navbar-nav>li:last-child a {
margin-right: 0
}
header nav .navbar-nav>li.active>a, header nav .navbar-nav>li>a:focus, header nav .navbar-nav>li>a:hover {
background: 0 0
}
header nav.navbar-default .navbar-nav>li.active>a, header nav.navbar-default .navbar-nav>li>a:focus, header nav.navbar-default .navbar-nav>li>a:hover {
border-bottom-color: #232323
}
header nav .navbar-nav.text-normal>li>a {
font-size: 12px;
font-weight: 500
}
.navbar-nav>li.dropdown>.fa {
display: none
}
.navbar-nav>li ul {
margin: 0;
padding: 0
}
.navbar-toggle {
border-radius: 0
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
display: table;
margin: 0 auto;
background: 0 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header a {
display: inline-block;
margin-bottom: -20px;
padding: 10px;
border-bottom: 0;
font-size: 15px;
font-weight: 500;
white-space: inherit;
color: orange
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a.btn2 {
display: block;
position: relative;
left: 0;
margin: 0 0 0 30px;
overflow: hidden;
text-align: center;
text-transform: capitalize;
font-size: 12px;
font-weight: 600;
color: #fff
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li:first-child a.btn2 {
margin-left: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
border-right: 1px solid rgb(255,255,255,.05)
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
border: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
margin-top: 18px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul:first-child {
margin-top: 0
}
header nav .navbar-nav.navbar-center>li:last-child a {
margin-right: 20px
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
padding-right: 28px;
padding-left: 28px
}
.simple-dropdown .dropdown-menu>li>a {
font-size: 12px;
color: #9d9d9d
}
.simple-dropdown .dropdown-menu>li a {
position: relative;
left: 0;
padding: 9px 0 7px;
overflow: hidden
}
.simple-dropdown .dropdown-menu>li a:hover {
color: #fff;
background-color: #000
}
.simple-dropdown .dropdown-menu>li>a.dropdown-toggle .fa, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown>a>.fa {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
margin-top: 0;
text-align: center;
font-size: 12px;
line-height: 20px;
transform: translateY(-50%)
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
display: none;
position: absolute;
top: 0;
left: 220px;
margin: -13px 0 0 1px;
padding: 13px 0;
min-width: 220px;
text-transform: capitalize;
font-weight: 400;
white-space: nowrap;
background: #232323
}
.simple-dropdown .dropdown-menu>li.dropdown>ul li a {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #9d9d9d
}
nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown>ul.dropdown-menu>li.active>a {
color: #fff
}
.navbar-default .navbar-toggle .icon-bar {
background: #ededed
}
nav.navbar.navbar-default ul.nav>li.dropdown>a.dropdown-toggle:after, nav.navbar.sidebar-nav ul.nav>li.dropdown>a.dropdown-toggle:after {
content: "";
position: relative;
top: -1px;
margin-top: 0;
vertical-align: middle
}
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu>li:last-child {
border-bottom: 0
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active>a {
color: #fff
}
.navbar-default ul li li.dropdown.on>ul, .navbar-default ul li li.dropdown.on>ul>li.dropdown.on>ul {
display: block;
position: absolute;
top: 0;
left: 100%;
margin-top: 0;
padding: 0
}
nav.navbar.brand-center ul.nav>li>a {
margin: 0;
padding: 26px
}
ul {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: -25px;
list-style: disc
}
#menu ul {
padding-left: 10px;
list-style: none
}
ol {
margin-left: 25px
}
aside li {
list-style: none
}
.bg-dark-footer {
border-bottom: 0;
color: #fff;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
.footer-logo {
max-height: 117px
}
.attr-nav>ul>li>a {
display: block;
position: relative;
padding: 3px 15px;
color: #6f6f6f
}
.arrow-bottom:after {
content: " ";
z-index: 9;
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: transparent solid 15px;
border-color: #f5f5f5 transparent transparent
}
.btn-mail, .form-control, a, button {
text-decoration: none;
transition: 0.4s linear
}
a:focus, a:hover, a:link, a:visited {
font-size: 16px;
font-weight: 700;
color: #68afba
}
#cat a, #social a, a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-weight: 400;
color: #626262
}
#grid a, #grid2 a, #grid3 a {
text-decoration: none;
font-weight: 400;
color: #626262
}
#grid .card a, #grid2 .card a, #grid3 .card a {
text-decoration: none;
font-weight: 400;
color: #fff;
}
@media (min-width:992px) {
.navbar-nav>li.dropdown>[class^="icon-"] {
display: none;
position: absolute;
top: 0;
right: 10px;
padding: 10px 15px;
font-size: 14px;
color: #fff;
cursor: pointer
}
}
@media (max-width:1199px) {
section {
padding: 90px 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li:first-child a.btn2 {
margin-bottom: 30px;
padding-left: 0
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 22px;
padding: 0;
font-weight: 400;
letter-spacing: 0
}
header nav .navbar-nav>li>a {
margin: 0 10px
}
.text-extra-large {
font-size: 18px;
line-height: 24px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
border-right: 0
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
width: 920px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
padding: 2px 0
}
}
@media (max-width:1150px) {
nav.navbar.navbar-default ul.nav>li>a {
font-size: 15px
}
}
@media (max-width:1050px) {
nav.navbar.navbar-default ul.nav>li>a {
font-size: 15px
}
}
@media (max-width:992px) {
header, header nav {
z-index: 99;
width: 100%;
margin-top: -40px
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
padding: 25px 0;
min-width: 160px;
border: none;
text-align: left;
font-size: 14px;
list-style: none;
background-clip: padding-box;
box-shadow: none
}
#cadenas2, #menu2, #menu3 {
background: 0 0
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu, nav.navbar.bootsnav ul.nav>li.dropdown>ul.dropdown-menu {
float: left;
top: 0!important;
margin: 0;
padding: 10px 15px 0!important
}
nav.navbar.bootsnav .navbar-nav {
margin: 0;
padding: 0 15px 0 0
}
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
display: block;
clear: both;
margin-bottom: 10px;
border-top: 0;
font-size: 13px
}
.navbar-nav li>a, header .navbar-nav li>a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav>li>a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav>li>a, nav.navbar-brand-top.navbar.navbar-default ul.nav>li>a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li>a, nav.navbar.navbar-default ul.nav>li>a {
display: block;
margin: 0;
padding: 9px 15px 8px;
line-height: normal;
color: #939393
}
.navbar-nav li>a, header .navbar-nav li>a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav>li>a, nav.navbar.navbar-default ul.nav>li>a {
font-size: .85rem;
color: #fff
}
nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu li a, nav.navbar.bootsnav ul.nav>li.dropdown>ul.dropdown-menu li a {
padding-right: 0;
padding-left: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
margin: 0;
padding: 0;
font-size: 1rem;
font-family: asap_condensedregular,sans-serif!important
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
padding: 10px 0;
border: 0;
border-bottom: 1px solid rgb(255,255,255,.1);
color: #939393
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu>li.active>a {
color: #fff;
background-color: transparent
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li:hover>a {
color: #fff
}
.navbar-nav>li.simple-dropdown ul.dropdown-menu {
top: 0;
min-width: 0
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown>.dropdown-menu {
background-color: #232323
}
nav.navbar.bootsnav .navbar-toggle {
top: 3px
}
.navbar-nav>li.dropdown>.fas {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 9px 15px 8px;
font-size: 16px;
color: #fff;
cursor: pointer
}
nav.navbar.bootsnav .navbar-nav>li.dropdown.on>ul {
display: block!important;
opacity: 1!important
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu>li>a {
left: 0;
padding: 7px 0
}
nav.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
padding-left: 0!important
}
nav.navbar.bootsnav .navbar-nav {
float: none;
height: auto;
padding-right: 10px;
padding-left: 10px;
background-color: rgb(23,23,23,.95);
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
left: 0
}
nav .accordion-menu {
padding: 15px 5px
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
width: 100%
}
.navbar-nav li {
position: relative
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
padding-right: 0;
padding-left: 0
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown {
margin-bottom: 10px
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
display: none
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border: 0
}
header nav.navbar .navbar-nav>li>a:hover, header nav.navbar.bootsnav ul.nav.white-link>li>a:hover, header nav.navbar.white-link .header-social-icon a:hover, header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav ul.nav>li>a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
color: rgb(255,255,255,.6)
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
width: 100%;
padding-top: 8px;
padding-bottom: 8px
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover {
left: 0
}
nav.navbar .container-fluid {
padding-right: 24px;
padding-left: 24px;
padding-top: 10px
}
#search-header {
width: 75%
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
width: 100%
}
nav.navbar.bootsnav li.dropdown .mega-menu-full {
position: relative;
padding: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a {
margin: 0;
padding: 5px 0;
font-size: .85rem
}
.dropdown-menu, header nav.navbar .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
color: rgb(255,255,255,.6)
}
.cover-background4, .cover-backgroundc {
margin-top: 0
}
.sm-no-padding-right {
padding-right: 0
}
.sm-no-padding-left {
padding-left: 0
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 18px;
padding: 0;
font-weight: 400;
letter-spacing: 0
}
p {
margin: 0 0 40px;
font-size: 1rem
}
#puce3 li, .puce3 li {
margin-bottom: 0;
font-size: .95rem
}
blockquote {
font-size: 1rem
}
.sm-no-margin-top, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
margin-top: 0
}
section {
padding: 75px 0
}
.navbar-collapse {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
margin-bottom: 10px;
border-bottom: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
margin-bottom: 0
}
}
.xs-text-center {
text-align: center
}
.xs-margin-10px-bottom {
margin-bottom: 10px
}
.xs-margin-15px-bottom {
margin-bottom: 15px
}
.xs-margin-40px-bottom, .xs-margin-80px-bottom {
margin-bottom: 40px
}
.xs-no-padding-right {
padding-right: 0
}
.xs-padding-30px-bottom, .xs-padding-30px-tb {
padding-bottom: 30px
}
.xs-padding-30px-tb {
padding-top: 30px
}
section {
padding: 0 0;
overflow: hidden
}
blockquote {
margin-top: 2rem;
margin-bottom: 2rem;
padding: 15px 25px;
margin-block-start: 1em;
margin-inline-start: 0
}
.extra-large-icon li, .extra-small-icon li, .large-icon li, .medium-icon li, .small-icon li {
margin-bottom: 10px;
margin-right: 0.5rem;
}
#content a, #content a:active, #content a:focus, #content a:hover, #content a:link, #content a:visited {
text-decoration: underline;
font-size: 1.05rem;
color: #2caabf
}
#pub-milieu a, #pub-milieu a:active, #pub-milieu a:focus, #pub-milieu a:hover, #pub-milieu a:link, #pub-milieu a:visited {
text-decoration: none;
font-size: 1.05rem;
color: #ffffff
}
#pub-milieu h2, #pub-milieu h3 {color: white;}
#blog a, #blog a:active, #blog a:focus, #blog a:hover, #blog a:link, #blog a:visited {
text-decoration: none;
font-size: 18px;
color: #2caabf
}
#repondre a, #repondre a:active, #repondre a:focus, #repondre a:hover, #repondre a:link, #repondre a:visited {
text-decoration: none;
font-size: .85rem;
color: #fff
}
#sommaire a, #sommaire a:active, #sommaire a:focus, #sommaire a:hover, #sommaire a:link, #sommaire a:visited {
text-decoration: none;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1.1rem;
font-weight: 400;
color: #939393
}
#sommaire {
margin-bottom: 3rem;
margin-left: 0;
padding-inline-start: 20px
}
ul.puce3 li:before {
content: "•";
margin-right: 8px;
font-size: 2em;
font-weight: 700;
vertical-align: top;
color: orange
}
.h3, h1, h2, h3, h4, h5, h6 {
padding: 0;
letter-spacing: 0
}
.bg-red {
background-color: #a4b814
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
@media (max-width:992px) {
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>span {
margin-top: 5px;
margin-right: 45px;
margin-left: 15px;
text-decoration: none;
color: #ccc
}
.box-form {
background-color: #fff
}
}
@media (max-width:480px) {
.half-section2 {
position: relative;
margin-top: -40px;
overflow: hidden
}
.xs-background-image-center {
height: 158px;
margin-top: 125px
}
.parallax2 {
height: 158px;
margin-top: 125px
}
.min-height-plan3 {
height: auto;
font-size: .85rem
}
.m30b {
margin-bottom: 30px
}
.h2, h2 {
margin-top: 3rem;
font-size: 22px;
font-weight: 400;
line-height: 35px;
color: #06a7b4
}
.btn i {
position: relative;
top: 25px;
margin-left: 110px;
font-size: 20px;
color: orange
}
.xs-margin-40px-bottom {
margin-bottom: 40px
}
.half-section {
margin-top: -30px
}
button, button.form-control, input, input.form-control, select, select.form-control {
padding: 0 5px;
border: #e5e5e5 solid 1px;
border-radius: 3px;
font-size: 1rem;
line-height: 46px;
outline: 0;
color: #989393;
background: #fff;
box-shadow: none;
transition: 0.2s
}
}
@media (max-width:1399px) {
.footer .footer__ top {
padding: 2rem 0
}
}
@media (max-width:1024px) {
#sommaire a {
font-size: 13px
}
.hidden-md {
display: none
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}
@media (max-width:1023px) {
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 5px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled) {
cursor: pointer
}
@media (min-width:1540px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 900px
}
}
@media (max-width:1024px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 700px
}
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .8rem;
font-weight: 400;
background: 0 0
}
}@media (max-width:1023px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 700px
}
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 5px 0;
border-color: transparent;
font-size: .8rem;
font-weight: 400;
background: 0 0
}
}.modal {
display: none;
z-index: 1050;
position: fixed;
top: 2%;
left: 35%;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade.modal-dialog {
transition: none
}
}.modal.show .modal-dialog {
transform: none
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-content {
display: flex;
position: relative;
flex-direction: column;
width: 100%;
padding: 2rem;
border: #ebedf2 solid 1px;
border-radius: .3rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1.25rem;
border-bottom: 1px solid #ebedf2;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
flex: 1 1 auto
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.modal-open {
padding: 0!important;
overflow: auto!important
}
.modal .modal-content .modal-header .close {
text-decoration: inherit;
text-transform: none;
font-family: LineAwesome;
outline: 0!important;
color: #a1a8c3;
transition: 0.3s;
text-rendering: optimizeLegibility
}
.modal-header .close {
margin: -1rem -1rem -1rem auto;
padding: 1.25rem
}
button.close {
appearance: none;
padding: 0;
border: 0;
background: 0 0;
cursor: pointer
}
.close {
float: right;
text-shadow: 0 1px 0 #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
opacity: .2;
opacity: .5
}
@media (min-width:320px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 10%;
left: 3.5%;
width: 350px;
height: 100%;
overflow: hidden;
outline: 0
}
h1 {
font-size: 1.6em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family: asap_condensedregular;
}
}
@media (min-width:576px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
}
@media (min-width:767px) {
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.min-height-plan3 {
height: 430px;
font-size: .95rem
}
}
@media (min-width:1024px) {
h1 {
font-size: 1.8em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family:asap_condensedregular;
}
.modal-lg, .modal-xl {
max-width: 800px
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
}
@media (min-width:1360px) {
.modal-xl {
max-width: 1140px
}
}
.responsive-table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
display: block;
margin-bottom: 2rem
}
.responsive-table td, .responsive-table th {
padding: 10px;
text-align: center;
border: 1px solid #ddd
}
.responsive-table th {
background-color: #f4f4f4;
color: #333
}
.responsive-table tr:nth-child(2n) {
background-color: #f9f9f9
}
.responsive-table td {
font-size: 14px
}
@media (max-width:600px) {
.responsive-table td, .responsive-table th {
font-size: 12px;
padding: 6px
}
}
.table {
margin-bottom: 2rem;
font-size: .85rem;
color: #212529
}
#tjour .table td, .table th {
padding: .25rem;
vertical-align: top
}
.table td, .table th {
padding: .75rem;
vertical-align: top
}
.table thead th {
vertical-align: bottom
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-striped tbody tr:nth-of-type(odd){background-color:rgb(0,0,0,.05)}.table-hover tbody tr:hover {
color: #212529;
background-color: rgb(0,0,0,.075)
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #95999c
}
.table .thead-dark th, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #454d55
}
.table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
background-color: rgb(0,0,0,.075)
}
.table .thead-dark th, .table-dark {
color: #fff;
background-color: #343a40
}
.table .thead-light th {
border-color: #dee2e6;
color: #495057;
background-color: #e9ecef
}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgb(255,255,255,.05)}.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgb(255,255,255,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-md>.table-bordered {
border: 0
}
.h1 {
font-size: 23px;
font-weight: 700;
color: #0b093e
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-xl>.table-bordered {
border: 0
}
}.table-responsive {
display: block;
width: 100%;
overflow-x: auto
}
@media (max-width:480px) {
.form-group label {
font-family: asap_condensedregular;
font-size: 1.1rem;
font-weight: 400
}
.alert.alert-danger3 {
margin-top: 2rem;
border-left: 2px dashed #f94c4b;
font-size: 1.3em;
color: #666;
background: #fff
}
ul li {
font-size: 1rem;
line-height: 1.4;
color: #626262
}
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0
}
.hidden-xs {
display: none
}
.card.card-custom.card-stretch3, .card.card-custom.card-stretch4, .card.card-custom.card-stretch {
font-size: 1.1rem
}
p {
margin: 0 0 40px;
font-size: 1rem
}
#header2 .btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
margin-top: .5rem;
margin-right: 1rem;
margin-bottom: .8rem;
padding: 7px 7px;
border-radius: 2px;
text-transform: none;
font-size: 13px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
text-decoration: none;
}
#coms .card.card-custom.card-stretch {
height: auto
}
#cardp strong {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
}
.btnnew10 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
padding: 2px 5px;
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #d84d2d;
}
#grid > div, #grid2 > div {
-webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
border-radius: 30px;
}
#grid3 > div {
-webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
border-radius: 30px;
height: auto;
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
}
#grid2 {
display: grid;
height: auto;
grid-template-columns: repeat(1, 1fr);
}
h5 {
color: cadetblue;
font-size: 1rem;
}
.newsletter-banner {
background-color: #06a7b4;
width: 100%;
padding: 30px 20px;
display: flex;
justify-content: center;
font-family: asap_condensedregular,sans-serif!important;
margin-top: 0rem;
margin-bottom: 2rem;
}
.newsletter-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
max-width: 1200px;
width: 100%
}
.newsletter-content {
max-width: 550px;
font-family: asap_condensedregular;
}
.newsletter-content p {
margin: 0
}
.newsletter-title {
color: #fff;
font-size: 1rem;
font-weight: 400;
margin-bottom: 8px;
line-height: 1.4;
padding-bottom: .3rem
}
.newsletter-subtitle {
color: #fff;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.5
}
.newsletter-form {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 10px
}
@media (max-width:900px) {
.newsletter-inner {
flex-direction: column;
text-align: center;
gap: 25px
}
.newsletter-content {
max-width: 100%
}
.newsletter-form {
width: 100%;
justify-content: center
}
}@media (max-width:500px) {
.newsletter-banner {
padding: 20px 15px
}
.newsletter-title {
font-size: 16px
}
.newsletter-subtitle {
font-size: 13px
}
} .mt50 {
margin-top: 50px;
}
.separator-option2 {
text-align: center;
position: relative
}
.separator-option2::before, .separator-option2::after {
content: "";
position: absolute;
top: 50%;
width: 80px;
height: 1px;
background: linear-gradient(to right,transparent,rgb(139 115 85 / .3),transparent)
}
.separator-option2::before {
right: calc(50% + 15px)
}
.separator-option2::after {
left: calc(50% + 15px)
}
.separator-option2 span {
display: inline-block;
width: 10px;
height: 10px;
background: #e44832;
border-radius: 50%
}
.faq-item {
background: #fff;
border-radius: 12px;
margin-bottom: 16px;
box-shadow: 0 2px 12px rgb(0 0 0 / .06);
overflow: hidden;
transition: box-shadow 0.3s ease
}
.faq-item:hover {
box-shadow: 0 4px 20px rgb(0 0 0 / .1)
}
.faq-question {
width: 100%;
padding: 24px 28px;
background: #fff;
border: none;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.1rem;
font-weight: 500;
color: #20b2aa;
transition: background-color 0.3s ease
}
.faq-question:hover {
background-color: #f8fafa
}
.faq-question::after {
content: "+";
font-size: 1.5rem;
font-weight: 300;
color: #20b2aa;
transition: transform 0.3s ease
}
.faq-item.active .faq-question::after {
transform: rotate(45deg)
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease,padding 0.4s ease
}
.faq-answer-content {
padding: 0 28px 24px 28px;
color: #4a5568;
line-height: 1.7;
font-size: 1rem
}
.faq-item.active .faq-answer {
max-height: 500px
}
.divider {
height: 1px;
background: linear-gradient(to right,transparent,#e2e8f0,transparent);
margin: 0 28px
}
@media (max-width:600px) {
h1 {
font-size: 1.8rem
}
.faq-question {
padding: 20px;
font-size: 1rem
}
.faq-answer-content {
padding: 0 20px 20px 20px;
font-size: .95rem
}
}
.price-badge {
background: linear-gradient(to bottom right,#66cdea,#4b84a2);
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: .85em;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%)
}
.price-badge2 {
background: linear-gradient(to bottom right, rgba(24, 200, 200, 0.24), rgba(6, 177, 177, 0.99));
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: .85em;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%)
}
.cta-button {
display: inline-block;
background: linear-gradient(to bottom right,#66cdea,#4b84a2);
color: #fff;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1em;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgb(118 75 162 / .3)
}
.cta-button2 {
display: inline-block;
background: linear-gradient(to bottom right, rgba(24, 200, 200, 0.24), rgba(6, 177, 177, 0.99));
color: #fff;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1em;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgb(118 75 162 / .3)
}
.form-field, .form-wrapper, .temoignages-section {
position: relative
}
.btn-submit, .comment-card {
transition: .4s cubic-bezier(.4, 0, .2, 1)
}
:root {
--oon-deep: #1a1625;
--oon-plum: #2d2438;
--oon-mauve: #6b5b7a;
--oon-rose: #d4a5a5;
--oon-blush: #f0e6e6;
--oon-cream: #faf8f5;
--oon-gold: #c9a96e;
--oon-gold-light: #e8d5a8;
--oon-text: #3d3448;
--oon-text-light: #7a6f85;
--oon-gradient: linear-gradient(135deg, #f2fbfb 0%, #8aabaa 100%);
--oon-shadow: 0 10px 40px rgba(45, 36, 56, 0.15);
--oon-shadow-hover: 0 20px 60px rgba(45, 36, 56, 0.25)
}
.temoignages-section {
padding: 50px 20px;
overflow: hidden;
margin-top: 5rem
}
.temoignages-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 300px;
background: linear-gradient(135deg, #f2fbfb 0%, #8aabaa 100%);
}
.temoignages-container {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1
}
.temoignages-header {
text-align: center
}
.temoignages-header h2 {
font-family: asap_condensedregular;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 400;
color: var(--oon-cream);
margin: 0 0 15px;
letter-spacing: .02em
}
.temoignages-header p {
font-family: asap_condensedregular;
font-size: 1rem;
color: #6b8a8a;
font-weight: 300;
margin: 0;
letter-spacing: .05em;
text-transform: uppercase
}
.header-ornament {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 25px
}
.header-ornament span {
width: 60px;
height: 1px;
background: #6b8a8a;
opacity: .6
}
.header-ornament svg {
width: 24px;
height: 24px;
color: var(--oon-gold);
opacity: .8
}
.form-wrapper {
background: #fff;
border-radius: 24px;
padding: 50px;
margin-bottom: 80px;
margin-top: 2rem;
}
.form-wrapper::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 26px;
z-index: -1;
opacity: .3
}
.comments-title, .form-intro {
text-align: center;
margin-bottom: 40px
}
.form-intro h3 {
font-family: asap_condensedregular;
font-size: 1.6rem;
color: #06a7b4;
margin: 0 0 10px
}
.alert {
padding: 16px 20px;
border-radius: 12px;
margin-bottom: 30px;
font-family: "Nunito Sans",sans-serif;
font-size: .9rem;
display: flex;
align-items: flex-start;
gap: 12px
}
.btn-submit, .form-field label {
font-size: .95rem;
font-family: asap_condensedregular,sans-serif!important;
font-weight: 600
}
.alert-danger {
background: #fef2f2;
border: 1px solid #fecaca;
color: #b91c1c
}
.alert-success {
background: #f0fdf4;
border: 1px solid #bbf7d0;
color: #15803d
}
.btn-submit, .comment-card.is-author .comment-avatar, .reply-card.is-author .reply-avatar {
background: var(--oon-gradient)
}
.alert-icon {
flex-shrink: 0;
width: 20px;
height: 20px
}
.form-grid {
display: grid;
gap: 25px
}
.form-field label {
display: block;
color: #777;
margin-bottom: 8px;
letter-spacing: .02em
}
.form-field label .required {
color: var(--oon-rose);
margin-left: 2px
}
.form-field input[type=text], .form-field textarea {
width: 100%;
padding: 16px 20px;
font-family: "Nunito Sans",sans-serif;
font-size: 1rem;
color: var(--oon-text);
background: #f2f8f9;
border: 2px solid transparent;
border-radius: 12px;
transition: .3s;
box-sizing: border-box
}
.form-field input[type=text]:focus, .form-field textarea:focus {
outline: 0;
background: #fff;
border-color: var(--oon-mauve);
box-shadow: 0 0 0 4px rgba(107,91,122,.1)
}
.form-field input::placeholder, .form-field textarea::placeholder {
color: var(--oon-text-light);
opacity: .6
}
.form-field textarea {
min-height: 150px;
resize: vertical;
line-height: 1.6
}
.remarque {
position: absolute!important;
left: -9999px!important;
opacity: 0!important;
}
.form-submit {
display: flex;
justify-content: center;
margin-top: 35px
}
.btn-submit {
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
border: none;
padding: 18px 50px;
border-radius: 50px;
cursor: pointer;
position: relative;
overflow: hidden;
width: auto;
height: 60px;
}
.comment-avatar, .comment-card::before, .comments-title h3 {
font-family: asap_condensedregular
}
.btn-submit::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
transition: left .5s
}
.btn-submit:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(45,36,56,.3)
}
.btn-submit:hover::before {
left: 100%
}
.btn-submit:active {
transform: translateY(-1px)
}
.comments-section {
margin-top: 60px
}
.comments-title h3 {
font-size: 1.8rem;
color: var(--oon-text);
margin: 0;
font-weight: 400
}
.comments-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 25px
}
.comment-card, .comment-header {
display: flex;
position: relative
}
@media (max-width:992px) {
.comments-grid {
grid-template-columns: repeat(2,1fr)
}
}
@media (max-width:640px) {
.comments-grid {
grid-template-columns: 1fr
}
.form-wrapper {
padding: 30px 25px
}
}.comment-card {
background: #fff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 4px 20px rgba(45,36,56,.08);
flex-direction: column;
animation: .6s forwards fadeInUp;
margin: 1rem;
}
.comment-card::before {
content: "\"";
position: absolute;
top: 15px;
right: 25px;
font-size: 5rem;
color: #fabc07;
line-height: 1;
}
.comment-card:hover {
transform: translateY(-8px);
box-shadow: var(--oon-shadow-hover)
}
.comment-header {
align-items: center;
gap: 15px;
margin-bottom: 20px;
z-index: 1
}
.comment-avatar, .reply-header {
align-items: center;
display: flex
}
.comment-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
justify-content: center;
font-size: 1.3rem;
font-weight: 600;
color: #fff;
background: #06a7b4;
flex-shrink: 0
}
.comment-meta {
flex: 1;
min-width: 0
}
.comment-author {
font-family: asap_condensedregular,sans-serif!important;
font-size: .95rem;
font-weight: 600;
color: #777;
margin: 0 0 4px
}
.comment-date, .comment-subject {
font-size: .8rem;
font-family: asap_condensedregular,sans-serif!important
}
.comment-card.is-author .comment-author, .reply-card.is-author .reply-author {
color: var(--oon-mauve)
}
.comment-date {
color: var(--oon-text-light)
}
.comment-subject {
font-weight: 600;
color: var(--oon-gold);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--oon-blush)
}
.comment-content {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
line-height: 1.7;
color: #777;
flex: 1;
position: relative;
z-index: 1
}
.comment-replies {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed var(--oon-blush)
}
.reply-card {
background: var(--oon-cream);
border-radius: 12px;
padding: 20px;
margin-top: 12px
}
.reply-card:first-child {
margin-top: 0
}
.reply-header {
gap: 10px;
margin-bottom: 10px
}
.reply-indicator strong {
color: var(--oon-turquoise);
}
.reply-indicator {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--oon-turquoise-pale);
border-left: 3px solid var(--oon-turquoise);
padding: 12px 18px;
border-radius: 0 8px 8px 0;
margin-bottom: 25px;
font-family: "Nunito Sans",sans-serif;
font-size: .9rem;
color: var(--oon-text)
}
.reply-indicator strong {
color: var(--oon-turquoise)
}
.btn-cancel-reply {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
font-family: "Nunito Sans",sans-serif;
font-size: .8rem;
font-weight: 600;
color: var(--oon-text-light);
background: var(--oon-white);
border: 1px solid #ddd;
border-radius: 15px;
cursor: pointer;
transition: all 0.3s ease
}
.btn-reply {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 15px;
padding: 8px 16px;
font-family: "Nunito Sans",sans-serif;
font-size: .8rem;
font-weight: 600;
color: var(--oon-turquoise);
background: #fff0;
border: 1px solid var(--oon-turquoise);
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
width: auto
}
.btn-reply:hover {
background: var(--oon-turquoise);
color: var(--oon-white)
}
.btn-reply svg {
flex-shrink: 0
}
.comment-replies {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed var(--oon-turquoise-pale)
}
.reply-card {
background: var(--oon-turquoise-pale);
border-radius: 12px;
padding: 20px;
margin-top: 12px
}
.reply-card:first-child {
margin-top: 0
}
.reply-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px
}
.btn-cancel-reply:hover {
border-color: var(--oon-turquoise);
color: var(--oon-turquoise)
}
.reply-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: asap_condensedregular;
font-size: .9rem;
font-weight: 600;
color: #fff;
background: var(--oon-mauve)
}
.reply-author, .reply-content, .reply-date {
font-family: "Nunito Sans",sans-serif
}
.reply-author {
font-size: .85rem;
font-weight: 600;
color: var(--oon-text)
}
.reply-date {
font-size: .75rem;
color: var(--oon-text-light);
margin-left: auto
}
.reply-content {
font-size: .9rem;
line-height: 1.6;
color: var(--oon-text)
}@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}.comment-card:nth-child(2){animation-delay:.1s}.comment-card:nth-child(3){animation-delay:.2s}.comment-card:nth-child(4){animation-delay:.3s}.comment-card:nth-child(5){animation-delay:.4s}.comment-card:nth-child(6) {
animation-delay: .5s
}
.cards-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 1rem
}
#blog .mini-card {
padding: 0;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0 0 0 / .08);
border-left: #99b7b7
}
.mini-card {
padding: 1rem;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0 0 0 / .08);
border-left: 3px solid #99b7b7;
font-family: asap_condensedregular, sans-serif;
}
.mini-card a {
color: inherit;
text-decoration: none
}
.mini-card:hover {
box-shadow: 0 4px 12px rgb(0 0 0 / .12)
}
@media (max-width:992px) {
.cards-grid {
grid-template-columns: repeat(2,1fr)
}
}@media (max-width:576px) {
.cards-grid {
grid-template-columns: 1fr
}
}#rondindex4 a {
color: #2caabf;
text-decoration: underline;
font-size: 1rem
}
@media (min-width:769px) {
.container-principal {
display: block
}
#rondindex4, .temoignages-section {
width: 100vw;
margin-left: calc(-50vw + 50%);
float: none;
clear: both
}
}@media (max-width:768px) {
.container-principal {
display: flex!important;
flex-direction: column!important
}
.container-principal>.main {
order: 1!important;
float: none!important;
width: 100%!important
}
.container-principal>#rondindex4 {
order: 2!important;
width: auto!important;
margin-left: -15px!important;
margin-right: -15px!important
}
.container-principal>.temoignages-section {
order: 3!important;
width: auto!important;
margin-left: -30px!important;
margin-right: -30px!important
}
.container-principal>.aside {
order: 4!important;
float: none!important;
width: 100%!important
}
body {
overflow-x: hidden
}
}
/* ===== MODULES ===== */ .module-card { margin-bottom: 2rem; padding: 2rem 1.5rem; } .module-header { margin-bottom: 1.5rem; text-align: center; } .module-image { display: block; width: 120px; margin: 0 auto; } .module-title { margin-bottom: 1rem; font-size: 1.5rem; text-align: center; } .module-title-red { color: #e74c3c; } .module-title-turquoise { color: #15afaf; } .module-title-purple { color: #9b59b6; } .module-info { margin-bottom: 1.5rem; font-family: asap_condensedregular, sans-serif; font-size: 1.1rem; text-align: center; color: #555; } .module-list { padding: 1rem; list-style: none; } .module-list-item { position: relative; margin-bottom: 1rem; padding-left: 1.5rem; } .checkmark { position: absolute; left: 0; font-weight: 700; } .checkmark-red { color: #e74c3c; } .checkmark-turquoise { color: #15afaf; } .checkmark-purple { color: #9b59b6; } .item-description { font-size: 1rem; color: #777; } .module-objective { margin-top: auto; padding: 1rem; border-radius: 8px; background: #f8f9fa; } .objective-title { font-weight: 700; color: #2c3e50; }
.bto {border-top: 3px solid rgb(250, 149, 15);} .btnmid {position: absolute;left: 50%;transform: translateX(-50%);}
.btn-paiement{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#2daabf;color:#fff;font-size:16px;font-weight:600;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 6px rgb(45 170 191 / .3);text-decoration:none;width:400px; margin: auto;
}.btn-paiement:hover{background-color:#259aad;box-shadow:0 6px 12px rgb(45 170 191 / .4);transform:translateY(-2px)}.btn-paiement.btn-large{font-size:18px;padding:20px 40px}.btn-paiement svg{width:20px;height:20px}.btn-paiement .prix{background-color:rgb(255 255 255 / .2);padding:4px 10px;border-radius:4px;margin-left:8px}
.encadre-recap{background:#f2fbfb;border-left:4px solid #bcc8c8;padding:20px 24px;margin:0 0 30px 0;font-size:.95em;line-height:1.7}
.encadre-recap p{margin:0 0 6px 0;color:#848f8f;font-size:90%}
.encadre-recap li{color:#848f8f;font-size:100%}
.encadre-recap p:last-child{margin:0}
.encadre-recap .label{color:#848f8f;font-weight:400;font-size:100%;padding:0}
.breadcrumb-nav{padding:12px 24px;margin:2rem 0 25px 0;font-size:.88em;line-height:1.5;background:linear-gradient(135deg,#f2fbfb 0%,#eaf5f5 100%)}
.breadcrumb-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.breadcrumb-nav li{display:flex;align-items:center;margin:0;padding:0;font-size:.92rem;border:none}
.breadcrumb-nav li+li::before{content:"›";margin:0 10px;color:#a3b3b3;font-size:1.15em;font-weight:300}
.breadcrumb-nav a,.breadcrumb-nav a:link,.breadcrumb-nav a:visited{color:#6b8a8a;text-decoration:none;font-weight:400;font-size:.92rem;transition:color 0.2s ease}
.breadcrumb-nav a:hover{color:#f87c00;text-decoration:none}
.breadcrumb-nav .breadcrumb-current{color:#848f8f;font-weight:600}
@media (max-width:480px){.breadcrumb-nav{padding:10px 15px}.breadcrumb-nav li+li::before{margin:0 6px}}
.sommaire-auto{padding:24px 28px;margin:0 0 35px 0;font-size:.95em;line-height:1.7}
.sommaire-auto .sommaire-titre{color:#848f8f;font-weight:600;font-size:1.05em;margin:0 0 14px 0;padding-bottom:10px;font-family:asap_condensedregular,sans-serif}
.sommaire-auto>ol{list-style:none;counter-reset:sommaire;margin:0;padding:0}
.sommaire-auto>ol>li{counter-increment:sommaire;margin:0 0 8px 0;padding:0;font-size:.95rem;line-height:1.5;border:none}
.sommaire-auto>ol>li:last-child{margin-bottom:0}
.sommaire-auto>ol>li::before{content:counter(sommaire);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:10px;background:#bcc8c8;color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;vertical-align:middle}
.sommaire-sub{list-style:none;counter-reset:soussommaire;margin:6px 0 4px 32px;padding:0;border-left:2px solid #d4e0e0;padding-left:14px}
.sommaire-sub li{counter-increment:soussommaire;margin:0 0 4px 0;padding:0;font-size:.9rem;line-height:1.5;border:none}
.sommaire-sub li:last-child{margin-bottom:0}
.sommaire-sub li::before{content:counter(sommaire) "." counter(soussommaire);margin-right:8px;color:#a3b3b3;font-size:.8rem;font-weight:600}
.sommaire-auto a,.sommaire-auto a:link,.sommaire-auto a:visited{color:#6b8a8a;text-decoration:none;font-weight:400;font-size:inherit;transition:color 0.2s ease,padding-left 0.2s ease}
.sommaire-auto a:hover{color:#f87c00;padding-left:4px}
.sommaire-sub a,.sommaire-sub a:link,.sommaire-sub a:visited{color:#7f9a9a}
.sommaire-sub a:hover{color:#f87c00}
@media (max-width:480px){.sommaire-auto{padding:18px 18px}.sommaire-sub{margin-left:22px;padding-left:10px}}
html{scroll-padding-top:100px}
h2[id],h3[id]{scroll-margin-top:100px}
.mars-table-wrap{margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mars-table{width:100%;border-collapse:collapse;font:inherit;color:#848f8f}
.mars-table th,.mars-table td{font:inherit;color:#848f8f;text-align:left;vertical-align:top;padding:.75rem 1rem;border-bottom:1px solid #bcc8c8}
.mars-table thead th{background:#eaf5f5;font-weight:700;white-space:nowrap}
.mars-table tbody tr{background:#fff}
.mars-table tbody tr:last-child td{border-bottom:none}
.mars-table td:first-child{font-weight:700;white-space:nowrap}
@media (max-width:900px){.mars-table th,.mars-table td{padding:.6rem .7rem;font-size:.9em}.mars-table td:first-child{white-space:normal}}
@media (max-width:640px){.mars-table thead{display:none}.mars-table,.mars-table tbody,.mars-table tr,.mars-table td{display:block;width:100%}.mars-table tbody tr{margin-bottom:.8rem;border:1px solid #bcc8c8;border-radius:4px;overflow:hidden}.mars-table td{border-bottom:none;padding:.5rem .8rem}.mars-table td:first-child{background:#eaf5f5;border-bottom:1px solid #bcc8c8;padding:.6rem .8rem}.mars-table td:nth-child(2)::before,.mars-table td:nth-child(3)::before{display:block;font-weight:700;margin-bottom:.2rem;font-size:.85em;text-transform:uppercase;letter-spacing:.03em}.mars-table td:nth-child(2)::before{content:"Lumière"}.mars-table td:nth-child(3)::before{content:"Ombre"}.mars-table td:nth-child(2){padding-top:.7rem}.mars-table td:nth-child(3){padding-bottom:.8rem}}
h3{margin-top:3rem}
h2+h3{margin-top:1rem}
/* ═══════════════════════════════════════
TOUTES LES IMAGES DANS #content
═══════════════════════════════════════ */
#content img {
max-width: 100%;
padding: 0.3rem;
border-radius: 10px;
}
/* ═══════════════════════════════════════
IMAGES NON FLOTTANTES (style carte)
═══════════════════════════════════════ */
#content figure:not(.fl):not(.fr) {
padding: 0.3rem;
border-radius: 10px;
}
#content figure:not(.fl):not(.fr):hover {
transform: translateY(-4px);
}
#content figure:not(.fl):not(.fr) img {
display: block;
border-radius: 6px;
}
#content figcaption {
text-align: center;
font-style: italic;
color: #5a9e93;
font-size: 0.9rem;
margin-top: 0.8rem;
padding-top: 0.8rem;
border-top: 1px solid #d4eee9;
background: #ffffff;
}
/* ═══════════════════════════════════════
IMAGES ORPHELINES (simple ![]()
sans )
═══════════════════════════════════════ */
#content > img:not(.fl):not(.fr),
#content p > img:not(.fl):not(.fr),
#content div > img:not(.fl):not(.fr) {
padding: 0.3rem;
background: #ffffff;
border-radius: 10px;
}
/* ═══════════════════════════════════════
IMAGES FLOTTANTES (.fl et .fr)
═══════════════════════════════════════ */
#content .fl,
#content .fr {
max-width: 280px;
padding: 0.35rem;
background: #ffffff;
border: 1px solid #7fbfb5;
border-radius: 6px;
box-shadow: 0 6px 24px rgba(90, 158, 147, 0.15);
}
#content .fl {
float: left;
margin: 0.5rem 1.5rem 1.2rem 0;
}
#content .fr {
float: right;
margin: 0.5rem 0 1.2rem 1.5rem;
}
/* ═══════════════════════════════════════
RESPONSIVE
═══════════════════════════════════════ */
@media (max-width: 640px) {
#content .fl,
#content .fr {
float: none;
max-width: 100%;
margin: 1.5rem auto;
display: block;
}
}
.logo, .logo2, .logo3 {
text-align: center
}
.logo2 {
margin-top: 30px
}
/* asap-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Asap";
font-style: normal;
font-weight: 400;
src: url("https://www.out-of-nothing.life/fonts/asap-v34-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* asap-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Asap";
font-style: italic;
font-weight: 400;
src: url("https://www.out-of-nothing.life/fonts/asap-v34-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.outof-hero-section{position:relative;padding:100px 40px 60px;margin-top:90px;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1300px;margin:0 auto;align-items:start}
.hero-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.hero-card:hover{transform:translateY(-5px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.hero-card--center{min-height:480px;transform:translateY(-40px)}
.hero-card--center:hover{transform:translateY(-45px)!important}
.hero-card__img{width:140px;height:140px;border-radius:12px;margin:0 auto 20px;object-fit:cover}
.hero-card__title{font-size:20px;color:#06a7b4;margin:0;font-family:asap_condensedregular,sans-serif}
.hero-card__subtitle{font-size:16px;color:#666;margin:0 auto 1rem;font-weight:400;font-family:asap_condensedregular,sans-serif;background-color:rgba(204,204,204,.39);width:200px;border-radius:30px}
.hero-card__texte-wrap{padding:0;margin:-30px -30px 0;background-position:center;background-repeat:no-repeat;background-size:101% auto;min-height:160px;display:flex;align-items:center;justify-content:center}
.hero-card__texte{font-size:1rem;line-height:1.6;color:#fff;margin:0;padding:10px 60px;font-family:asap_condensedregular,sans-serif;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.8rem}
.hero-card__btn{display:block;color:#fff;text-align:center;padding:12px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(214,191,137,.3);font-family:asap_condensedregular,sans-serif;transition:all .3s ease;margin-top:2rem;background:#d6bf89}
.hero-card__btn:hover{transform:translateY(-2px)}
.hero-card:nth-child(1) .hero-card__btn{background:#ec652b; color: white;}
.hero-card:nth-child(2) .hero-card__btn{background:#f6a71f;color: white;}
.hero-card:nth-child(3) .hero-card__btn{background:#3bbdb3;color: white;}
.ribbon-nouvelle-version{position:absolute;top:28px;right:-52px;width:215px;background:linear-gradient(135deg,#d1034d 0%,#fd9807 100%);color:#fff;padding:6px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;transform:rotate(45deg);z-index:10}
@media(max-width:992px){.hero-grid{grid-template-columns:1fr}.hero-card--center{transform:none;min-height:380px}.hero-card__texte{padding:25px 40px;font-size:.95rem;line-height:1.5;-webkit-line-clamp:3;max-height:4.5rem}}
@media(max-width:576px){.hero-card:nth-child(2),.hero-card:nth-child(3){display:none}.hero-card__texte-wrap{min-height:120px}.hero-card__texte{padding:20px 30px;font-size:.9rem;line-height:1.4;-webkit-line-clamp:3;max-height:4.2rem}}
.pub-milieu{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(6,167,180,.2);margin:40px 0}
.pub-milieu__inner{background:linear-gradient(135deg,#06a7b4 0%,#2caabf 100%);padding:25px;display:flex;gap:25px;align-items:center;font-family:asap_condensedregular,sans-serif}
.pub-milieu__img{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-shrink:0;border:5px solid #fff}
.pub-milieu__content{flex:1;color:#fff}
.pub-milieu__badge{background:#f87c00;color:#fff;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:12px}
.pub-milieu__titre{margin:0 0 8px;font-size:26px;line-height:1.3;font-weight:400;color: white;
margin-top: 0;}
.pub-milieu__sous-titre{margin:0 0 12px;font-size:17px;line-height:1.4;opacity:.95;font-weight:400;color: white;
}
.pub-milieu__texte{margin:0 0 16px;line-height:1.6;font-size:15px;opacity:.9}
.pub-milieu__btn{display:inline-block;background:#fff;color:#06a7b4;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,.2); text-decoration: none;
}
#pub h2 {margin-top: 0;} #pub a {text-decoration: none;}#pub h3 {color: white;}
@media(max-width:768px){.pub-milieu__inner{flex-direction:column;text-align:center}.pub-milieu__img{margin:0 auto}}
@media (min-width:1600px) {
#bandeau {
min-height: 300px
}
}
.card2, .list-group-item2, .list-group-item22 {
display: block;
background-color: #fff;
position: relative
}
.padding-three-all .separator:after, .padding-three-all .separator:before {
position: absolute;
top: 0;
content: "::::::";
color: #000;
font-size: 14px;
letter-spacing: 3px
}
.list-group-item2 {
padding: .75rem 0;
border-bottom: 1px solid rgba(0,0,0,.125)
}
ul li:last-child {
border-bottom: none
}
.mt2 {
margin-top: 2rem
}
.card2 {
flex-direction: column;
min-width: 0;
border: 0 solid #ebedf3;
border-radius: .42rem;
background-clip: border-box;
overflow-wrap: break-word
}
.btn.btn-primary3, .btn.btn-primary4 {
border-radius: 0;
text-decoration: none;
color: #fff
}
.btn.btn-primary3 {
padding: .8rem;
border-color: #2caabf;
font-family: montserratregular;
font-size: 15px;
letter-spacing: 1px;
background-color: #2caabf
}
.btn.btn-primary4 {
border-color: #f87c00;
background-color: #f87c00
}
.padding-three-all .separator:before {
left: 0
}
.padding-three-all .separator:after {
right: 0
}
.padding-three-all .separator {
position: relative;
width: 120px;
text-align: center;
margin-bottom: 34px
}
.blue2 {
color: #6fa0b1
}
.nomargin {
margin-top: 0
}
.ff {
font-family: amertype
}
#cardp p {
margin: 0
}
.blog-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.blog-item {
flex: 0 0 calc(33.333% - 14px);
display: flex;
margin-bottom: 2rem;
}
.blog-item .card, .blog-item2 .card {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
}
.blog-item .card-body, .blog-item2 .card-body {
flex-grow: 1;
height: auto;
}
@media (max-width: 992px) {
.blog-item {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 576px) {
.blog-item {
flex: 0 0 100%;
}
}
@media (min-width: 992px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
}
@media (min-width:992px) {
#bandeau .col-lg-4 {
width: 31%;
padding: 1.2rem
}
.titrebandeau {
font-size: 4rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.25rem;
color: #000
}
.logo2, .logo3 {
text-align: center;
margin-top: 20px
}
#grid {
display: grid;
height: auto;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
}
#grid3, #grid4, #blocreverse {
display: grid;
height: auto;
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
}
}
@media (min-width:1200px) {
.logo2, .logo3 {
text-align: center;
margin-top: 20px
}
.titrebandeau {
font-size: 4rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.25rem;
color: #b6b4b4
}
}
@media (max-width:834px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3.5rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 2.3rem;
color: #b6b4b4
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
#boutons {
margin-top: 2rem
}
}
@media (max-width:630px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 1.5rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
}
@media (max-width:430px) {
#bandeau {
min-height: 250px;
margin-top: 3rem;
}
.titrebandeau {
font-size: 3rem;
color: #000;
-webkit-text-stroke: 0.9px white
}
.titrebandeau1 {
font-family: amertype;
font-size: 1.27rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
.logo2, .logo3 {
text-align: center;
margin-top: 10px
}
}
@media (max-width:414px) {
.titrebandeau1 {
font-family: amertype;
font-size: 1.2rem;
color: #b6b4b4;
-webkit-text-stroke: 0.5px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
#cardp {
margin-top: 0rem;
flex-direction: column;
height: 100%;
}
#cardp > div {
flex-grow: 1;
}
#cardp2 > div {
flex-grow: 1;
}
}
.rounded2 {
border-radius: 50%!important
}
.mb3 {
margin-bottom: 3rem
}
.card-v-sm .img-cover {
width: 50px;
height: 50px
}
.img-cover {
-webkit-background-size: cover;
background-size: cover;
background-position: center center
}
.rounded {
border-radius: .25rem!important
}
.pl-2, .px-2 {
padding-left: .5rem!important
}
.pr-2, .px-2 {
padding-right: .5rem!important
}
.mb-1, .my-1 {
margin-bottom: 0!important
}
.h6, h6 {
font-size: 0.9rem
}
#bloc h6, .small-2 {
margin-top: 0
}
.bg-deep-pink, .bg-vert6 {
background-color: #fa9a0e
}
.bg-vertc {
background-color: #b41071
}
.btn.btn-theme {
color: #fff;
background-color: #2daabf;
border-color: #2caabf;
text-decoration: none;
border-radius: 10px;
font-size: 1.2rem
}
#tjour .table td, .table th {
padding: .25rem;
vertical-align: top
}
#celeb a {
text-decoration: underline;
font-size: .95rem;
color: #2caabf
}
#celeb {
font-size: .9rem;
padding: 1rem;
}
aside strong {
font-weight: 900;
font-family: asap_condensedbold,sans-serif!important;
font-size: .95rem
}
#result p {
margin-bottom: 20px
}
#celeb h3 {
margin-left: 0rem
}
#celeb span.atc {
text-decoration: underline;
font-size: 0.9rem;
color: #666;
}
.fl {
float: left;
margin-right: 2rem
}
#roundindex input, input.form-control {
padding-left: 1rem;
border: none;
border-radius: .42rem;
background-color: #f1f7f8
}
#rondindex h3 {
margin-top: 1rem
}
.btn.btn-primary2 {
border-color: #3e4649;
border-radius: 0;
text-decoration: none;
font-family: montserratregular;
font-size: 15px;
letter-spacing: 1px;
color: #fff;
background-color: #3b4346
}
#body p {
margin: 15px 0 17px
}
#blog .min-height-plan2 {
height: 280px;
font-size: .95rem
}
#blog .card-body {
flex: 1 1 auto;
min-height: 1px;
font-family: asap_condensedregular,sans-serif!important;
font-weight: 400
}
@media (min-width:767px) {
.fl {
float: left;
margin-right: 1rem
}
.dn2 {
display: none
}
.col_xs-7 {
width: 58.33333%
}
.min-height {
min-height: 380px
}
.btn.btn-primary2 {
margin-bottom: 2rem
}
.center-col2 {
float: none;
margin-right: auto;
margin-left: auto
}
.h1 {
font-size: 4rem;
font-weight: 700;
color: #0b093e
}
h1 {
font-size: 4rem;
line-height: 40px;
color: #f87c00
}
}
@media (min-width:992px) {
.min-height {
min-height: 410px
}
#accroche {
margin-top: 5%;
margin-left: 2rem;
padding-bottom: 0;
background-color: transparent
}
.btn.btn-primary2 {
margin-bottom: 2rem
}
.center-col2 {
float: none;
margin-right: auto;
margin-left: auto
}
#search2a {
position: absolute;
top: 80px;
right: 0;
width: 100%;
padding-right: 1px;
padding-left: 1px
}
.hide {
display: none
}
.show {
display: block
}
#searcha {
float: left;
margin-top: 15px
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #666
}
.blocrec {
padding: .3rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff
}
.infocom {
padding: 10px;
border-radius: 10px;
font-weight: 700;
color: #fff;
background-color: #90bac1
}
.shr-recs-bar {
height: 0
}
}
@media (max-width:1024px) {
.mt30 {
margin-top: 0
}
}
@media (max-width:766px) {
.dn {
display: none
}
.fl {
margin-right: .5rem
}
ol {
padding-inline-start: 0
}
#search2a {
position: absolute;
top: 105px;
right: 0;
width: 100%;
padding-right: 1px;
padding-left: 1px
}
.hide {
display: none
}
.show {
display: block
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #666
}
}.alert-danger4 {
margin-top: 40px;
padding: 10px;
border-color: #00c1d1;
font-size: 1.1rem;
color: #f5f5f5;
background-color: #00c1d1
}
#formcom .alert-danger3 {
margin-top: 40px;
margin-bottom: 2rem;
padding: 10px;
border: #ff3f06 dashed 1px;
font-size: .9rem;
font-weight: 700;
color: #666;
background-color: #fff
}
.b2 {
padding: 1rem;
background-color: #f0fafb
}
.b1 {
padding: 1rem;
background-color: #fafafa
}
.ref {
float: left;
width: 350px;
margin-right: 1rem
}
.cs {
height: auto;
width: 100px
}
.cs2 {
height: auto;
width: 70px
}
#content h2 {
margin-top: 3rem
}
/* Chevrons vert d'eau – scopé sur #content */
#content ul {
list-style: none;
padding-left: 0;
margin: 1rem 0;
overflow: hidden;
}
#content ul li {
position: relative;
padding-left: 26px;
margin-bottom: 10px;
font-size: 1rem;
line-height: 1.45;
overflow: hidden;
}
#content ul li::before {
content: "›";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
color: #4a9a9a;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}
#sommaire {
margin-bottom: 3rem
}
.fl {
float: left;
margin-right: .7rem;
margin-bottom: .7rem
}
.hightlight {
text-decoration: underline;
text-decoration-color: #d3422e;
text-decoration-style: dotted;
}
.hide {
display: none
}
.show {
display: block
}
.hide {
display: none
}
.show {
display: block
}
.rec {
margin-top: -23px;
padding: 1rem;
max-height: calc(90vh - 210px);
overflow-y: auto;
font-family: asap_condensedregular;
background-color: #fff;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
#recherches a, #recherches2 a {
text-decoration: none;
font-family: asap_condensedregular;
font-size: .9rem;
font-weight: 400;
color: #666
}
.bloc3 {
margin-top: 2rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 10px
}
.bloc4 {
border: rgb(204,197,185,.5) solid 1px;
border-radius: 10px
}
.mt30 {
margin-top: 3rem
}
.show {
display: block
}
html {
scroll-behavior: smooth
}
html {
scrollbar-color: #000 rgb(0,0,0,.15);
scrollbar-width: thin
}
.pe {
max-width: 441px
}
.nomargintop {
margin-top: 0;
margin-bottom: 0
}
.text-left {
text-align: left
}
#rondindex a, #formation a, #menu a, #p1 a, #seances a {
color: #fff;
font-size: 1rem;
font-family: asap_condensedregular,sans-serif!important;
}
#header2 header nav.navbar-default, nav.navbar.bootsnav {
position: fixed;
height: 80px;
border-bottom: 0;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
#header2 .btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
margin-top: .5rem;
margin-right: 1.5rem;
padding: 7px 7px;
border-radius: 2px;
text-transform: none;
font-size: 16px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
margin-left: 5px;
text-decoration: none;
}
.mt130 {
margin-top: 130px
}
.mt20 {
margin-top: 2rem
}
@media (max-width:992px) {
#header2 nav {
margin-top: -20px
}
#header2 .btnnew2, #p1 a
#coms .card-body {
height: auto;
overflow: hidden;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
}
}.db, .svg {
display: block
}
.wave:after, .wave:before {
content: " ";
position: absolute
}
.wave:before {
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff
}
.wave:after {
z-index: 0;
bottom: 65%;
left: -250px;
width: 1000px;
height: 1025px;
border-radius: 35%;
background: #fff;
transform: rotate(45deg)
}
#prix ul, #intro ul {
list-style: disc;
padding-inline-start: 45px
}
.timeline-block:before {
content: "";
position: absolute;
top: 20px;
right: 50%;
width: 12px;
height: 12px;
margin-right: -6px;
border-radius: 12px;
background-color: #337ab7;
box-shadow: 0 0 0 5px rgb(68 193 193 / 35%)
}
.timeline-block-wrapper, .timeline-block:nth-child(2n) .timeline-block-wrapper, .timeline-block:nth-child(odd) .timeline-block-wrapper {
padding-right: 30px;
padding-left: 30px
}
.timeline-block:nth-child(odd) .timeline-content::before {
left: 100%;
border-color: transparent transparent transparent #fff
}
.mb-10 {
margin-bottom: 10px
}
.mb-0 {
margin-bottom: 0
}
.timeline:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 4px;
height: 100%;
margin-left: -2px;
border-radius: 4px;
background: #d7e4ed
}
@media (min-width:992px) {
.col-md-offset-6 {
margin-left: 50%
}
}.timeline-block:nth-child(odd) .timeline-date {
left: 50%;
margin-left: 20px
}
@media only screen and (max-width:991px) {
.timeline-block:nth-child(2n) .timeline-date, .timeline-block:nth-child(odd) .timeline-date {
right: auto;
left: 50px;
margin-right: 0;
margin-left: 0
}
.timeline-block .timeline-content {
padding: 55px 20px 15px
}
.timeline-block-wrapper, .timeline-block:nth-child(2n) .timeline-block-wrapper, .timeline-block:nth-child(odd) .timeline-block-wrapper {
margin-bottom: 40px;
padding-right: 0;
padding-left: 0
}
block:nth-child(odd) .timeline-date {
right: auto;
left: 20px;
margin-right: 0;
margin-left: 0
}
}#intro p {
font-size: 1rem
}
*, :after, :before, input[type="search"] {
box-sizing: border-box
}
.btn, img {
vertical-align: middle
}
#post a:hover, #post a:link, #post a:visited {
text-decoration: underline;
font-size: .85rem;
font-weight: 700;
color: #68afba
}
.membre {
margin-left: 20px;
color: #f1fbfc;
font-size: 0.9rem;
}
.fw700 {
font-weight: 700
}
a:link::before {
margin-right: 5px
}
#menu {
max-height: calc(90vh - 210px);
overflow-y: auto
}
.balance, .belier, .cancer, .capricorne, .gemeaux, .jupiter, .lion, .lune, .mars, .mercure, .neptune, .pluton, .poissons, .sagittaire, .saturne, .scorpion, .soleil, .taureau, .uranus, .venus, .verseau, .vierge {
font-family: hamburgsymbolsregular;
font-size: 20px
}
.accordion.accordion-outline .card .card-header3 {
padding: 0;
background-color: #3b4346
}
.accordion.accordion-outline .card .card-header2 {
padding: 0;
background-color: #fff;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%)
}
.accordion>.card:first-of-type {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.accordion.accordion-outline .card {
margin-bottom: 1rem;
border: 0
}
.accordion .card .card-header .card-title, .accordion .card .card-header3 .card-title {
width: 100%;
margin: 0;
padding: 1rem;
border-color: #fff;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #fff
}
.accordion .card .card-header .card-title, .accordion .card .card-header3 .card-title2 {
margin: 0;
padding: 1rem;
border-color: #fff;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #999
}
#pub h3 {
padding-top: 0;
font-size: 19px;
font-weight: 100;
color: #2caabf;
margin-top: 0;
}
.accordion.accordion-outline .card .card-header {
padding: 0;
background-color: #b4cace
}
.blocinfos {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 0.5rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff;
font-size: 0.9rem;
}
.bloc {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem;
border: rgb(204,197,185,.5) solid 1px;
border-radius: 6px;
background-color: #fff
}
.card {
display: flex;
position: relative;
flex-direction: column;
min-width: 0;
border-radius: .42rem;
background-color: #fff;
background-clip: border-box;
overflow-wrap: break-word
}
.btn-danger {
border-color: #f94d4b;
color: #fff;
background-color: #d4452c
}
.card.card-custom {
height: auto;
padding: 0px;
border-radius: 0px;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
border-radius: 20px;
-webkit-box-shadow: 0 0 10px 0 rgba(211, 212, 212, 0.16);
}
aside .card.card-custom {
height: auto;
-webkit-box-shadow: 0 0 10px 0 rgba(213, 215, 215, 0.16);
}
#content .card.card-custom {
height: auto
}
.card-header:first-child {
border-radius: calc(0.42rem - 1px) calc(0.42rem - 1px) 0 0;
}
.card.card-custom>.card-header .card-title {
display: flex;
align-items: center
}
.card.card-custom>.card-header .card-title .card-label {
margin: 0 .75rem 0 0
}
.card.card-custom>.card-header .card-title, .card.card-custom>.card-header .card-title .card-label {
display: inline-flex;
width: 200px;
width: 100%;
padding: 5px;
font-family: "asap condensed",sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #6f6f6f
}
.card-body {
flex: 1 1 auto;
padding: 1rem;
min-height: 1px;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
font-weight: 400
}
#cardp strong {
font-family: asap_condensedregular, sans-serif !important;
font-weight: 400;
font-size: 1.05rem;
-webkit-text-stroke: 0.6px;
}
#body span.act .ribbon.ribbon-top .ribbon-target {
border-bottom-left-radius: .42rem;
border-bottom-right-radius: .42rem
}
.ribbon .ribbon-target {
display: flex;
z-index: 1;
position: absolute;
align-items: center;
justify-content: center;
padding: 5px 10px;
font-family: "asap condensed",sans-serif!important;
color: #fc0523;
background-color: #fff;
box-shadow: 0 -1px 5px 0 rgb(0 0 0 / 10%)
}
.d-flex {
display: flex!important
}
.text-center {
text-align: center!important
}
.text-muted {
color: #626262!important
}
.mb-10 {
margin-bottom: 2.5rem!important
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.btn.btn-primary {
border-color: #3f474a;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #3f474a
}
.mb6 {
margin-bottom: 6rem
}
@media (min-width:1200px) {
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
.border-right-xl {
border-right: 1px solid #ebedf3!important
}
}
.list.list--badge:before {
content: "";
display: block;
top: 0;
bottom: 0;
left: 3px;
width: 1px
}
.list.list--badge .list__item:first-child:before, .list.list--badge .list__item:last-child:before {
content: "";
display: block;
top: 0;
bottom: 0;
left: 3px;
width: 1px;
height: 50%;
background-color: #fff
}
.list.list--badge .list__item:last-child:before {
top: auto;
bottom: 0
}
.list.list--badge .list__item .list__badge:before {
content: "";
display: block;
left: 0;
width: 7px;
height: 7px;
border-radius: 100%
}
.list .list__item .list__badge:before {
background-color: #ebedf2
}
.list .list__item .list__badge.list__badge--success:before {
background-color: #1dc9b7
}
.list .list__item .list__badge.list__badge--warning:before {
background-color: #ffb822
}
.list .list__item .list__badge.list__badge--danger:before {
background-color: #fd397a
}
.list .list__item:first-child:before, .list .list__item:last-child:before {
background-color: #a1a8c3
}
#noh3 .theme_button.color3 {
margin-top: 0;
margin-left: 2rem;
padding: 1rem;
border-color: #ffc108;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #ffc108;
width: 49%;
float: none;
width: 49%;
flex: 1;
text-align: center;
margin: 0.5rem 0.25rem;
margin-left: 0;
}
#noh3 .theme_button.color2 {
margin-top: 0;
margin-left: 2rem;
padding: 1rem;
border-color: #68afba;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #68afba;
float: none;
width: 49%;
flex: 1;
text-align: center;
margin: 0.5rem 0.25rem;
margin-left: 0;
}
#noh3 h2 {
margin-top: 0;
color: #2daabf
}
#noh3 {
margin-top: 0;
padding-top: 2rem;
flex-wrap: wrap;
}
#noh3 p {
margin-top: 2rem;
font-family: asap_condensedregular;
}
.btn, .btn-mail {
user-select: none;
touch-action: manipulation
}
nav.navbar.bootsnav {
margin-bottom: 0;
border: 0;
border-radius: 0
}
nav.navbar.bootsnav ul.nav li.active>a, nav.navbar.bootsnav ul.nav li.active>a:focus, nav.navbar.bootsnav ul.nav li.active>a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw>a:focus, nav.navbar.bootsnav ul.nav li.megamenu-fw>a:hover, nav.navbar.bootsnav ul.nav>li>a {
background-color: transparent
}
nav.navbar.bootsnav .navbar-toggle {
position: relative;
top: 5px;
padding: 0;
border: 0;
font-size: 18px;
background-color: transparent
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
text-decoration: none;
font-size: 14px;
white-space: normal;
color: #fff
}
nav.navbar.bootsnav.navbar-full ul>li a:hover {
color: #ff214f
}
nav.navbar.bootsnav.navbar-full ul>li a:hover:after {
background: #ff214f
}
.attr-nav>ul {
display: inline-block;
margin: 0 0 -7px;
padding: 0;
list-style: none
}
.attr-nav>ul>li {
display: block;
float: left
}
.attr-nav>ul>li>a span.badge {
position: absolute;
top: 50%;
right: 5px;
width: 15px;
height: 15px;
margin-top: -15px;
padding: 2px 0 0;
font-size: 10px
}
aside span.atc {
text-decoration: underline;
font-size: 1rem;
color: #666
}
#body span.atc {
font-size: .95rem;
font-size: 18px;
color: #2caabf
}
.atc4, span.atc {
font-size: .95rem;
color: #777
}
.navbar-nav>li.dropdown>.fas {
display: none
}
.simple-dropdown .dropdown-menu {
position: absolute;
left: 800px;
padding: 13px 0 15px;
min-width: 220px;
background: #232323;
box-shadow: none
}
.menu-back-div>ul {
display: table;
width: 1070px;
margin: 0 auto;
background: #232323
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li span {
margin: 0;
text-decoration: none;
font-size: 1rem;
font-weight: 400;
color: #f5f5f5;
font-family: asap_condensedregular,sans-serif!important
}
.mega-menu-full {
box-sizing: border-box;
width: 100%;
padding: 45px 50px;
border: 0;
border-radius: 0;
box-shadow: none
}
button, button.form-control, input, input.form-control, select, select.form-control {
padding: 0 5px;
border: #e5e5e5 solid 1px;
border-radius: 3px;
font-size: 14px;
line-height: 46px;
outline: 0;
color: #222;
background: #fff;
box-shadow: none;
transition: 0.2s
}
#news .form-control, input, input.form-control {
padding: 0 10px;
border: none;
border-radius: .42rem;
font-size: 1rem;
line-height: 46px;
outline: 0;
color: #bbb6b6;
background: #ffffff;
box-shadow: none;
transition: 0.2s;
border: #e5e5e5 solid 1px;
}
.form-control {
box-shadow: 0 1px 1px rgb(0,0,0,.075) inset
}
#scroll .scroll-top-arrow, .scroll-top-arrow:focus {
z-index: 10006;
position: fixed;
top: 84%;
right: 25px;
width: 30px;
height: 30px;
padding: 0;
border-radius: 100%;
text-align: center;
text-decoration: none;
line-height: 28px;
color: #fff;
background: #878787
}
#scroll .scroll-top-arrow span {
position: relative;
line-height: 30px
}
a:active, a:focus, a:hover, a:visited {
outline: 0
}
.blog-grid {
margin: 0;
padding: 0;
list-style: none
}
.blog-post-style5 .blog-post .blog-categories {
display: inline-block;
z-index: 1;
position: relative;
bottom: 0;
left: 0;
margin-top: -20px;
margin-left: 0;
padding: 10px 16px 8px;
font-weight: 700;
vertical-align: top;
border-radius: 20px;
}
.display-inline-block {
display: inline-block!important
}
.atc4, .atc4:hover, span.atc, span.atc2:link {
cursor: pointer
}
#plan a, a:hover, a:link {
text-decoration: none;
font-size: 20px;
font-weight: 700;
color: orange
}
.btn, .dropdown-menu>li>a, .input-group-btn, .label {
white-space: nowrap
}
a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-size: 15px;
font-weight: 700;
color: #fff
}
.btnnew {
top: -40px;
right: -30px;
background: var(--oon-turquoise-light);
color: #fff;
font-size: 0.65rem;
padding: 3px 8px;
border-radius: 20px;
font-weight: 700;
position: absolute;
z-index: 3;
}
.btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
padding: 2px 5px;
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
}
h4 {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
font-weight: 400;
color: #6aadad;
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
margin: -2px 0 0;
padding: 25px 0;
min-width: 160px;
text-align: left;
font-size: 14px;
list-style: none;
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
background-clip: padding-box;
box-shadow: 0 6px 12px rgb(0,0,0,.175)
}
@media (min-width:1024px) {
.list {
margin: 3rem 0 3rem 40px;
padding: 0;
font-size: .85rem;
}
nav.navbar.bootsnav ul.nav>li>a {
padding: 30px 15px
}
nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
content: "";
margin-top: 2px;
margin-left: 5px;
font-family: fontawesome
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
border-bottom: 0
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a, nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a, nav.navbar.bootsnav.no-background.white ul.nav>li>a {
color: #fff
}
nav.navbar.bootsnav.menu-center .container {
position: relative
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
padding-right: 100px;
text-align: right
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right {
padding-left: 100px;
text-align: left
}
nav.bootsnav.navbar-sidebar ul.nav>li>a {
padding: 10px 15px;
font-weight: 700
}
nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>a:after {
float: right
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown>a:before {
content: "";
float: right;
font-family: fontawesome
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a:before {
content: ""
}
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li .dropdown ul.mega-menu-full li.dropdown-header {
border-top: 0;
margin-left: -5px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
margin-bottom: 0;
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0;
color: #6f6f6f;
cursor: pointer
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
content: "";
float: right;
font-family: fontawesome
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
content: ""
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}
@media (max-width:992px) {
nav.navbar.bootsnav {
margin-bottom: 0;
padding-top: 1.5rem;
border: 0;
border-radius: 0
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
.navbar-nav>li.dropdown>.fas {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 9px 15px 8px;
font-size: 16px;
color: #fff;
cursor: pointer
}
nav.navbar.bootsnav .navbar-toggle {
display: inline-block;
float: right;
margin-top: 0;
margin-right: 0
}
nav.navbar.bootsnav .navbar-collapse {
margin-bottom: 0;
border: 0
}
nav.navbar.bootsnav.no-full .navbar-collapse {
z-index: 10000;
height: auto;
overflow-y: auto
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display: none
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
display: block;
position: absolute;
width: 100%
}
nav.navbar.bootsnav .navbar-nav {
float: none;
height: auto;
margin: 0 -15px;
padding-right: 30px;
padding-left: 30px;
background-color: rgb(23,23,23,.95)
}
nav.navbar.bootsnav .navbar-nav>li {
float: none
}
nav.navbar.bootsnav .navbar-nav>li>a {
display: block;
width: 101%;
margin-bottom: -1px;
padding: 10px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav .navbar-nav>li:first-child>a {
border-top: 0;
font-size: .85rem
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
display: block;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #e0e0e0;
color: #6f6f6f
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
margin-bottom: 0;
padding: 10px 15px 10px 0;
border-bottom: 1px solid #e0e0e0;
text-transform: none;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #6f6f6f;
cursor: pointer
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
content: "";
float: right;
position: relative;
right: -15px;
margin-left: 10px;
font-family: fontawesome;
font-size: 16px
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
border-bottom: 0
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: 1px solid #e0e0e0
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
content: ""
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
margin-bottom: 0
}
nav.bootsnav .megamenu-content .title {
display: block;
margin-bottom: 0;
padding: 10px 15px;
font-weight: 400;
cursor: pointer
}
nav.bootsnav .megamenu-content .content {
display: none
}
.attr-nav>ul {
margin: 0 -15px -7px 0;
padding: 0
}
.attr-nav>ul>li>a {
padding: 16px 15px 15px
}
.top-search .container {
padding: 0 45px
}
nav.bootsnav.navbar-full ul.nav>li>a {
border: 0
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
left: 0
}
nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {
padding: 15px
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu>li>a {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-top: 13px;
padding-right: 30px;
padding-bottom: 13px
}
}
article, aside, details, figure, footer, header, main, menu, nav, section, summary {
display: block
}
figure {
margin: 0
}
button, input, select, textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
img {
height: auto;
max-width: 100%;
border: 0
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0,0,0,0)
}
.h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.2
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px
}
.text-left {
text-align: left
}
.btn, .text-center {
text-align: center
}
.text-uppercase {
text-transform: uppercase
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px
}
@media (min-width:767px) {
.container {
width: 750px;
margin-top: 4rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:320px) {
.container {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#sommaire a, #sommaire a:active, #sommaire a:focus, #sommaire a:hover, #sommaire a:link, #sommaire a:visited {
text-decoration: none;
font-size: .8rem;
font-weight: 400;
color: #939393
}
#sommaire li {
font-size: .8rem
}
ul {
padding-left: 40px
}
.list {
margin: 3rem 0;
padding: 0;
font-size: .7rem;
}
label {
display: inline-block;
margin-bottom: 5px;
max-width: 100%;
font-size: 14px;
font-weight: 700
}
}
@media (max-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-9 {
width: 75%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-6 {
width: 50%;
padding: 1rem
}
.col-sm-2 {
width: 16.66666667%
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem
}
}
@media (min-width:992px) {
.container {
width: 970px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 800px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 800px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
}
@media (min-width:1200px) {
.container {
width: 1170px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:1360px) {
.container {
width: 1265px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: auto;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}
@media (min-width:1600px) {
.container {
width: 1365px;
margin-top: 0rem
}
.card.card-custom.card-stretch {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 350px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch3 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 650px;
margin-bottom: 2rem;
box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.card.card-custom.card-stretch4 {
display: flex;
flex-direction: column;
align-items: stretch!important;
height: 750px;
margin-bottom: 2rem;
box-shadow: 0 0 20px 0 #2daabf57
}
}.row {
margin-right: -15px;
margin-left: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
@media (min-width:320px) {
.col-xs-12 {
width: 100%
}
.col-xs-10 {
width: 83.333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-1 {
width: 8.3333333%;
padding-left: 0
}
.col-xs-7 {
width: 58.3333333%
}
}@media (min-width:768px) {
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-2 {
width: 16.66666667%
}
}
@media (min-width:992px) {
.dib {
display: inline;
float: right;
margin-top: 10px;
margin-right: 150px;
margin-left: 10px;
padding: 7px;
max-height: 50px;
max-width: 50px;
border: 2px solid #fff;
border-radius: 50px;
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
margin: -2px 0 0;
padding: 25px 0;
min-width: 160px;
text-align: left;
font-size: 14px;
list-style: none;
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
background-clip: padding-box;
box-shadow: 0 6px 12px rgb(0,0,0,.175)
}
.col-md-12 {
width: 100%
}
.col-md-10 {
width: 83.333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%;
padding: 1rem
}
.col-md-4 {
width: 33.33333333%;
padding: 1rem
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
label {
display: inline-block;
margin-bottom: 5px;
max-width: 100%;
font-size: 16px;
font-weight: 700
}
}@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-10 {
width: 83.333333%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-6 {
width: 50%;
padding-left: 15px
}
.col-lg-4 {
width: 33.33333333%;
padding: 1rem
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-3 {
width: 25%
}
.col-lg-5 {
width: 41.66666667%
}
col-lg-1 {
width: 10%
}
}.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.form-control {
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
border-width: 0 0 2px;
border-bottom-color: #68afba;
border-radius: 4px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none
}
.remarque {
display: none
}
æ.alert-danger {
margin-top: 40px;
padding: 10px;
border-color: #89d0db;
font-size: .8rem;
color: #fff;
background-color: #89d0db
}
.has-success .control-label {
color: #3c763d
}
.has-error .control-label {
color: #a94442
}
.btn {
margin-bottom: 0;
padding: 6px 12px;
font-size: 14px;
background-image: none;
cursor: pointer
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline-offset: -2px
}
.btn-group .dropdown-toggle:active, .btn.active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active, .btn:active.focus, .btn:active:focus, .btn:focus, .dropdown-toggle:focus, a:active, a:focus, button:active, button:focus {
outline: 0
}
.btn.focus, .btn:focus, .btn:hover {
text-decoration: none;
color: #fff
}
.btn.active, .btn:active {
background-image: none;
box-shadow: 0 3px 5px rgb(0,0,0,.125) inset
}
.btn-primary.focus, .btn-primary:focus {
color: #fff;
background-color: #d4d09a
}
.btn-primary.active, .btn-primary:active {
border-color: #d4d09a;
color: #fff;
background-color: #286090;
background-image: none
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
border-color: #122b40;
color: #fff;
background-color: #204d74
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.dropdown {
position: relative
}
.dropdown-menu>li>a {
display: block;
clear: both;
padding: 3px 20px;
font-weight: 400;
line-height: 1.42857143;
color: #333
}
.label {
font-weight: 700
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #337ab7
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .nav>li.disabled>a {
color: #777
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
z-index: 2
}
.btnrepondre {
padding: 5px;
border-radius: 4px;
color: #fff;
background-color: #ffc106
}
.nav>li, .nav>li>a {
display: inline-block;
position: relative
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group .form-control:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group .form-control:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
text-decoration: none;
color: #777;
background-color: transparent;
cursor: not-allowed
}
.navbar-brand>img {
display: block
}
.navbar {
position: relative;
margin-bottom: 20px;
min-height: 50px;
border: transparent solid 1px
}
.navbar-collapse {
overflow-x: visible;
box-shadow: 0 1px 0 rgb(255,255,255,.1) inset
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block;
height: auto;
padding-bottom: 0;
overflow: visible
}
.navbar-collapse.in {
overflow-y: visible
}
}.navbar-toggle {
float: right;
position: relative;
margin-top: 8px;
margin-bottom: 8px;
padding: 9px 10px;
border: transparent solid 1px;
background-color: transparent;
background-image: none
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px
}
.navbar-left, .navbar-nav>li {
float: left
}
.navbar-nav {
float: left;
margin: 0
}
.navbar-default {
border-color: #e7e7e7;
background-color: #f8f8f8
}
.navbar-default .navbar-nav>li>a {
color: #777
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7
}
.label {
display: inline
}
.label {
line-height: 1
}
.label {
padding: .2em .6em .3em;
border-radius: .25em;
text-align: center;
font-size: 75%;
vertical-align: baseline;
color: #fff
}
.alert {
padding: 0;
border: transparent solid 1px;
border-radius: 4px
}
.alert>p, .alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
*, .btn {
transition-timing-function: ease-in-out
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
clear: both
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none
}
}
.alert-success {
border-color: #d6e9c6;
color: #3c763d;
background-color: #dff0d8;
padding: 1rem;
}
#white a, a:active, a:hover, a:link, a:visited {
color: #fff
}
a:hover, a:visited {
text-decoration: none;
color: #696969
}
@font-face {
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/icomoon2.woff) format("woff");
font-display: swap
}
[class*=" icon-"], [class^="icon-"] {
text-transform: none;
font-family: icomoon!important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 0.71;
speak: never
}
.icon-image:before {
content: ""
}
.icon-heart1:before {
content: "";
color: #d3422e;
font-size: 22px
}
.icon-bubbles3:before {
content: "";
padding-left: 1rem;
color: #2caabf
}
.icon-user-plus:before {
content: "";
font-size: 15px
}
.icon-link:before {
content: ""
}
.icon-arrow-up-left:before {
content: ""
}
.icon-arrow-up:before {
content: ""
}
.icon-arrow-up-right:before {
content: ""
}
.icon-arrow-right:before {
content: "";
margin-right: 0.7rem;
}
.icon-arrow-down-right:before {
content: ""
}
.icon-arrow-down:before {
content: "";
font-size: 25px
}
.icon-arrow-down-left:before {
content: ""
}
.icon-instagram:before {
content: "";
font-size: 25px;
color: #da1552
}
.icon-locked:before {
content: "";
font-size: 25px;
color: #ffc106
}
.icon-unlocked1:before {
content: "";
font-size: 25px;
color: #ffc106
}
.icon-checkmark:before {
content: "";
font-size: 20px;
color: #92c508;
margin-right: 10px;
}
.icon-phone:before {
content: ""
}
.orange {
color: orange
}
.orange2 {
color: #fdbf04
}
.icon-facebook:before {
content: "";
font-size: 25px;
color: #2caabf
}
.icon-twitter:before {
content: ""
}
.icon-arrow-up2:before {
content: ""
}
.icon-arrow-down2:before {
content: ""
}
.icon-number:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-number1:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-number2:before {
content: "";
font-size: 2rem;
font-weight: 700;
color: pink
}
.icon-search:before {
content: "";
margin-right: 20px;
margin-left: 20px;
font-size: 25px;
color: #fff
}
@font-face {
font-family: "FontAwesome";
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/fontawesome-webfont.woff2) format("woff2");
font-display: swap
}
.fa-envelope-o:before {
content: "";
margin-right: 30px;
font-size: 18px;
color: #fff
}
@font-face {
font-family: astro;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/astro.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: victor;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/victormono-regular-webfont.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: "robotoregular";
src: url(https://www.out-of-nothing.life/fonts/roboto-regular-webfont.woff2) format("woff2"),url(https://www.out-of-nothing.life/fonts/roboto-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: asap_condensedregular;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/fonts/asapcondensed-regular-webfont.woff2) format("woff2"),url(asapcondensed-regular-webfont.woff) format("woff");
font-display: swap
}
.chiron {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #999
}
.lilith {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #000
}
.soleil {
color: #fe7500
}
.lune {
color: #e4bf14
}
.mercure {
color: #8abe1c
}
.venus {
color: #f971c8
}
.mars {
color: #fc0523
}
.jupiter {
color: #fe7500
}
.saturne {
color: #7a6d6d
}
.pluton {
color: #9d5b9c
}
.uranus {
font-size: 20px;
color: #239cc4
}
.neptune {
font-size: 20px;
color: #239cc4
}
.belier {
color: #fc0523
}
.taureau {
color: #f971c9
}
.gemeaux {
color: #8abe1d
}
.cancer {
color: #e5bf15
}
.lion {
color: #fe7600
}
.vierge {
color: #8abe1d
}
.balance {
color: #f971c9
}
.scorpion {
color: #6c0a6f
}
.sagittaire {
color: #fe7600
}
.capricorne {
color: #7a6e6d
}
.verseau {
color: #259cc4
}
.poissons {
color: #2daabf
}
.sesqui, .carre, .semicarre, .opposition {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #d50e0e
}
.decile, .tridecile {
font-size: 17px;
font-weight: 700;
color: #d7d408
}
.trigone {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #198af1
}
.sextile {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #73be1b
}
.quiconce {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #239cc4
}
.conjonction {
font-family: hamburgsymbolsregular;
font-size: 20px;
color: #e898f1
}
@font-face {
font-family: hamburgsymbolsregular;
font-style: normal;
font-weight: 400;
src: url(https://www.out-of-nothing.life/hamburgsymbols-webfont.woff2) format("woff2");
font-display: swap
}
@font-face {
font-family: moon_phases;
font-weight: 400;
src: url(https://www.out-of-nothing.life/theme-astral/moon_phases.ttf) format("truetype");
font-display: swap
}
.nla {
font-family: moon_phases;
font-size: 25px;
color: #000
}
body, html {
height: 100%;
margin: 0;
font-family: Asap!important;
font-size: 1rem;
font-weight: 400;
line-height: 1.6rem;
color: rgba(44, 74, 74, 0.89);
background-image: repeating-linear-gradient( 90deg,transparent, transparent 3px,rgba(242, 252, 252, 0.6) 2px,rgba(242, 252, 252, 0.6) 5px);
overflow: auto
}
a:active, a:hover, a:link, a:visited {
color: #626262
}
#ul a, a:active, a:hover, a:link, a:visited {
color: #6f6f6f
}
a, a:active, a:focus, a:hover, a:visited {
text-decoration: none;
color: #68afba
}
footer a:active, footer a:hover, footer a:link, footer a:visited {
text-decoration: none;
color: #ea462e
}
input, select, textarea {
padding: 8px 15px;
max-width: 100%;
border: #d1d1d1 solid 1px;
font-size: 14px;
resize: none;
height: 45px;
}
ol, ul {
margin-bottom: 25px;
list-style-position: outside
}
* {
transition-duration: 0.2s
}
::selection {
color: #000;
background: #dbdbdb
}
h1 {
font-size: 1.8em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family: asap_condensedregular;
}
.h2, h2 {
margin-top: 2rem;
font-size: 1.5rem;
line-height: 35px;
color: #06a7b4;
font-weight: normal;
font-family: asap_condensedregular,sans-serif!important;
}
.h3, h3 {
margin-top: 3rem;
font-size: 1.2rem;
font-weight: 400;
line-height: 30px;
color: #f87c00;
font-family: asap_condensedregular,sans-serif!important;
}
.text-small {
font-size: 12px;
line-height: 20px
}
.text-white {
color: #fff
}
blockquote {
position: relative;
padding: 10px 16px 10px 20px;
margin-bottom: 6px;
font-size: 1rem;
line-height: 1.65;
background: #f0f9f9;
border-left: 3px solid #6aadad;
border-radius: 0 6px 6px 0;
}
.fw700 {
font-weight: 700
}
.bg-extra-dark-gray {
background-color: #1c1c1c
}
.btn i, .vertical-align-middle {
vertical-align: middle
}
a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-size: 16px;
font-weight: 700;
color: #696969
}
.center-col {
float: none;
margin-right: auto;
margin-left: auto
}
.aside-title:after, .box-separator-line {
content: ""
}
.btn {
display: inline-block;
width: auto;
border: transparent solid 2px;
border-radius: 0;
font-family: lato,sans-serif;
font-weight: 500;
line-height: inherit;
letter-spacing: .5px;
transition-duration: 0.3s
}
.cover-background4, .cover-backgroundc, .cover-backgroundc1 {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.aside-title, .cover-backgroundc, .cover-backgroundc1 {
position: relative;
overflow: hidden
}
.padding-three-all {
padding: 2%
}
.aside-title span {
display: inline-block;
margin-right: 20px;
vertical-align: middle
}
.aside-title:after {
display: inline-block;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background: #ff214f
}
.right-sidebar {
padding-right: 80px
}
.no-padding-left {
padding-left: 0
}
.pull-right {
float: right
}
.no-margin {
margin: 0
}
.no-margin-bottom {
margin-bottom: 0
}
.margin-40px-bottom {
margin-bottom: 40px
}
.margin-20px-right {
margin-right: 20px
}
.padding-50px-tb {
padding-top: 50px;
padding-bottom: 50px
}
.display-table {
display: table
}
.display-table-cell {
display: table-cell
}
.width-auto {
width: auto
}
.extra-large-icon, .extra-small-icon, .large-icon, .medium-icon, .small-icon {
padding: 0;
list-style: none
}
.extra-large-icon li, .large-icon li, .medium-icon li, .small-icon li {
display: inline-block
}
footer .extra-large-icon li:first-child, footer .extra-small-icon li:first-child, footer .large-icon li:first-child, footer .medium-icon li:first-child, footer .small-icon li:first-child {
margin-left: 0
}
footer .extra-large-icon li:last-child, footer .extra-small-icon li:last-child, footer .large-icon li:last-child, footer .medium-icon li:last-child, footer .small-icon li:last-child {
margin-right: 0
}
.small-icon li {
margin: 0 5px
}
.small-icon a {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 38px
}
header, header nav {
z-index: 99;
width: 100%
}
.social-icon-style-8 ul li a {
width: auto;
height: auto;
text-align: center
}
footer .small-icon li {
margin: 0 8px
}
.navbar-collapse {
padding-right: 0;
padding-left: 0
}
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>a {
text-decoration: none;
color: #fff
}
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>span {
margin-top: 5px;
margin-right: 25px;
margin-left: 0;
text-decoration: none;
color: #ccc
}
header nav.navbar.bootsnav ul.nav.white-link>li>a, header nav.navbar.white-link .header-social-icon a, header nav.navbar.white-link .navbar-nav>li>a, nav.navbar.bootsnav.white-link .header-social-icon a, nav.navbar.bootsnav.white-link ul.nav>li>a {
color: #fff
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: calc(100% + 20px)
}
.header-search-form:hover, .header-social-icon a:hover, header nav.navbar .navbar-nav>li>a:hover, nav.navbar.bootsnav ul.nav>li>a:hover {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li>a:hover, header nav.navbar.white-link .header-social-icon a:hover, header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
color: #68afba
}
header nav.navbar.bootsnav ul.nav.white-link>li.active>a, header nav.navbar.white-link .navbar-nav>li.active>a, nav.navbar.bootsnav.white-link ul.nav>li.active>a {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li>a.active, nav.navbar.bootsnav ul.nav>li>a.active {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li>a.active, header nav.navbar.white-link .navbar-nav>li>a.active, nav.navbar.bootsnav.white-link ul.nav>li>a.active {
color: rgb(255,255,255,.6)
}
header nav.navbar .navbar-nav>li.dropdown.on>a, nav.navbar.bootsnav ul.nav>li.dropdown.on>a {
color: rgb(0,0,0,.6)
}
header nav.navbar.bootsnav ul.nav.white-link>li.dropdown.on>a, header nav.navbar.white-link .navbar-nav>li.dropdown.on>a, nav.navbar.bootsnav.white-link ul.nav>li.dropdown.on>a {
color: rgb(255,255,255,.6)
}
header nav .row {
display: flex;
align-items: center;
height: auto;
padding: 2px
}
header nav .row>div:first-child {
flex: 1 1 auto
}
header nav.navbar {
padding: 0;
border-radius: 0
}
header nav.navbar-default, nav.navbar.bootsnav {
border-bottom: 0;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
header nav {
display: table;
top: 0;
margin-bottom: 0
}
header nav .nav-header-container {
display: table-cell;
position: relative;
padding-right: 15px;
padding-left: 15px;
vertical-align: middle
}
.navbar-nav>li, nav .accordion-menu {
position: inherit
}
header nav .navbar-nav>li>a {
margin: 0 12px;
padding: 5px 0;
font-size: 12px;
font-weight: 700;
color: #232323
}
.navbar-toggle, header nav .navbar-nav>li:last-child a {
margin-right: 0
}
header nav .navbar-nav>li.active>a, header nav .navbar-nav>li>a:focus, header nav .navbar-nav>li>a:hover {
background: 0 0
}
header nav.navbar-default .navbar-nav>li.active>a, header nav.navbar-default .navbar-nav>li>a:focus, header nav.navbar-default .navbar-nav>li>a:hover {
border-bottom-color: #232323
}
header nav .navbar-nav.text-normal>li>a {
font-size: 12px;
font-weight: 500
}
.navbar-nav>li.dropdown>.fa {
display: none
}
.navbar-nav>li ul {
margin: 0;
padding: 0
}
.navbar-toggle {
border-radius: 0
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
display: table;
margin: 0 auto;
background: 0 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header a {
display: inline-block;
margin-bottom: -20px;
padding: 10px;
border-bottom: 0;
font-size: 15px;
font-weight: 500;
white-space: inherit;
color: orange
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a.btn2 {
display: block;
position: relative;
left: 0;
margin: 0 0 0 30px;
overflow: hidden;
text-align: center;
text-transform: capitalize;
font-size: 12px;
font-weight: 600;
color: #fff
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li:first-child a.btn2 {
margin-left: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
border-right: 1px solid rgb(255,255,255,.05)
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
border: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
margin-top: 18px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul:first-child {
margin-top: 0
}
header nav .navbar-nav.navbar-center>li:last-child a {
margin-right: 20px
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
padding-right: 28px;
padding-left: 28px
}
.simple-dropdown .dropdown-menu>li>a {
font-size: 12px;
color: #9d9d9d
}
.simple-dropdown .dropdown-menu>li a {
position: relative;
left: 0;
padding: 9px 0 7px;
overflow: hidden
}
.simple-dropdown .dropdown-menu>li a:hover {
color: #fff;
background-color: #000
}
.simple-dropdown .dropdown-menu>li>a.dropdown-toggle .fa, nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown>a>.fa {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
margin-top: 0;
text-align: center;
font-size: 12px;
line-height: 20px;
transform: translateY(-50%)
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
display: none;
position: absolute;
top: 0;
left: 220px;
margin: -13px 0 0 1px;
padding: 13px 0;
min-width: 220px;
text-transform: capitalize;
font-weight: 400;
white-space: nowrap;
background: #232323
}
.simple-dropdown .dropdown-menu>li.dropdown>ul li a {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #9d9d9d
}
nav.navbar.bootsnav.navbar-default li.dropdown.simple-dropdown>ul.dropdown-menu>li.active>a {
color: #fff
}
.navbar-default .navbar-toggle .icon-bar {
background: #ededed
}
nav.navbar.navbar-default ul.nav>li.dropdown>a.dropdown-toggle:after, nav.navbar.sidebar-nav ul.nav>li.dropdown>a.dropdown-toggle:after {
content: "";
position: relative;
top: -1px;
margin-top: 0;
vertical-align: middle
}
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu>li:last-child {
border-bottom: 0
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active>a {
color: #fff
}
.navbar-default ul li li.dropdown.on>ul, .navbar-default ul li li.dropdown.on>ul>li.dropdown.on>ul {
display: block;
position: absolute;
top: 0;
left: 100%;
margin-top: 0;
padding: 0
}
nav.navbar.brand-center ul.nav>li>a {
margin: 0;
padding: 26px
}
ul {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: -25px;
list-style: disc
}
#menu ul {
padding-left: 10px;
list-style: none
}
ol {
margin-left: 25px
}
aside li {
list-style: none
}
.bg-dark-footer {
border-bottom: 0;
color: #fff;
background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
background-repeat: round
}
.footer-logo {
max-height: 117px
}
.attr-nav>ul>li>a {
display: block;
position: relative;
padding: 3px 15px;
color: #6f6f6f
}
.arrow-bottom:after {
content: " ";
z-index: 9;
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: transparent solid 15px;
border-color: #f5f5f5 transparent transparent
}
.btn-mail, .form-control, a, button {
text-decoration: none;
transition: 0.4s linear
}
a:focus, a:hover, a:link, a:visited {
font-size: 16px;
font-weight: 700;
color: #68afba
}
#cat a, #social a, a:focus, a:hover, a:link, a:visited {
text-decoration: none;
font-weight: 400;
color: #626262
}
#grid a, #grid2 a, #grid3 a {
text-decoration: none;
font-weight: 400;
color: #626262
}
#grid .card a, #grid2 .card a, #grid3 .card a {
text-decoration: none;
font-weight: 400;
color: #fff;
}
@media (min-width:992px) {
.navbar-nav>li.dropdown>[class^="icon-"] {
display: none;
position: absolute;
top: 0;
right: 10px;
padding: 10px 15px;
font-size: 14px;
color: #fff;
cursor: pointer
}
}
@media (max-width:1199px) {
section {
padding: 90px 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li:first-child a.btn2 {
margin-bottom: 30px;
padding-left: 0
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 22px;
padding: 0;
font-weight: 400;
letter-spacing: 0
}
header nav .navbar-nav>li>a {
margin: 0 10px
}
.text-extra-large {
font-size: 18px;
line-height: 24px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
border-right: 0
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
width: 920px
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
padding: 2px 0
}
}
@media (max-width:1150px) {
nav.navbar.navbar-default ul.nav>li>a {
font-size: 15px
}
}
@media (max-width:1050px) {
nav.navbar.navbar-default ul.nav>li>a {
font-size: 15px
}
}
@media (max-width:992px) {
header, header nav {
z-index: 99;
width: 100%;
margin-top: -40px
}
.dropdown-menu {
display: none;
z-index: 1000;
float: left;
position: absolute;
top: 100%;
left: 0;
padding: 25px 0;
min-width: 160px;
border: none;
text-align: left;
font-size: 14px;
list-style: none;
background-clip: padding-box;
box-shadow: none
}
#cadenas2, #menu2, #menu3 {
background: 0 0
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu, nav.navbar.bootsnav ul.nav>li.dropdown>ul.dropdown-menu {
float: left;
top: 0!important;
margin: 0;
padding: 10px 15px 0!important
}
nav.navbar.bootsnav .navbar-nav {
margin: 0;
padding: 0 15px 0 0
}
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
display: block;
clear: both;
margin-bottom: 10px;
border-top: 0;
font-size: 13px
}
.navbar-nav li>a, header .navbar-nav li>a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav>li>a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav>li>a, nav.navbar-brand-top.navbar.navbar-default ul.nav>li>a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li>a, nav.navbar.navbar-default ul.nav>li>a {
display: block;
margin: 0;
padding: 9px 15px 8px;
line-height: normal;
color: #939393
}
.navbar-nav li>a, header .navbar-nav li>a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav>li>a, nav.navbar.navbar-default ul.nav>li>a {
font-size: .85rem;
color: #fff
}
nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu li a, nav.navbar.bootsnav ul.nav>li.dropdown>ul.dropdown-menu li a {
padding-right: 0;
padding-left: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
margin: 0;
padding: 0;
font-size: 1rem;
font-family: asap_condensedregular,sans-serif!important
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
padding: 10px 0;
border: 0;
border-bottom: 1px solid rgb(255,255,255,.1);
color: #939393
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu>li.active>a {
color: #fff;
background-color: transparent
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li:hover>a {
color: #fff
}
.navbar-nav>li.simple-dropdown ul.dropdown-menu {
top: 0;
min-width: 0
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown>.dropdown-menu {
background-color: #232323
}
nav.navbar.bootsnav .navbar-toggle {
top: 3px
}
.navbar-nav>li.dropdown>.fas {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 9px 15px 8px;
font-size: 16px;
color: #fff;
cursor: pointer
}
nav.navbar.bootsnav .navbar-nav>li.dropdown.on>ul {
display: block!important;
opacity: 1!important
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu>li>a {
left: 0;
padding: 7px 0
}
nav.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
padding-left: 0!important
}
nav.navbar.bootsnav .navbar-nav {
float: none;
height: auto;
padding-right: 10px;
padding-left: 10px;
background-color: rgb(23,23,23,.95);
background-image: url(https://www.out-of-nothing.life/media/layout/bg02.webp);
background-repeat: round;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul>li.dropdown>ul {
left: 0
}
nav .accordion-menu {
padding: 15px 5px
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
width: 100%
}
.navbar-nav li {
position: relative
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li {
padding-right: 0;
padding-left: 0
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown {
margin-bottom: 10px
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu>li.dropdown>ul:before {
display: none
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border: 0
}
header nav.navbar .navbar-nav>li>a:hover, header nav.navbar.bootsnav ul.nav.white-link>li>a:hover, header nav.navbar.white-link .header-social-icon a:hover, header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav ul.nav>li>a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
color: rgb(255,255,255,.6)
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li.dropdown-header {
width: 100%;
padding-top: 8px;
padding-bottom: 8px
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li>a:hover {
left: 0
}
nav.navbar .container-fluid {
padding-right: 24px;
padding-left: 24px;
padding-top: 10px
}
#search-header {
width: 75%
}
nav.navbar.bootsnav li.dropdown .menu-back-div>ul {
width: 100%
}
nav.navbar.bootsnav li.dropdown .mega-menu-full {
position: relative;
padding: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul li a {
margin: 0;
padding: 5px 0;
font-size: .85rem
}
.dropdown-menu, header nav.navbar .navbar-nav>li.active>a, nav.navbar.bootsnav ul.nav>li.active>a {
color: rgb(255,255,255,.6)
}
.cover-background4, .cover-backgroundc {
margin-top: 0
}
.sm-no-padding-right {
padding-right: 0
}
.sm-no-padding-left {
padding-left: 0
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 18px;
padding: 0;
font-weight: 400;
letter-spacing: 0
}
p {
margin: 0 0 40px;
font-size: 1rem
}
#puce3 li, .puce3 li {
margin-bottom: 0;
font-size: .95rem
}
blockquote {
font-size: 1rem
}
.sm-no-margin-top, nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li>ul {
margin-top: 0
}
section {
padding: 75px 0
}
.navbar-collapse {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li {
margin-bottom: 10px;
border-bottom: 0
}
nav.navbar.bootsnav li.dropdown .mega-menu-full>ul>li:last-child {
margin-bottom: 0
}
}
.xs-text-center {
text-align: center
}
.xs-margin-10px-bottom {
margin-bottom: 10px
}
.xs-margin-15px-bottom {
margin-bottom: 15px
}
.xs-margin-40px-bottom, .xs-margin-80px-bottom {
margin-bottom: 40px
}
.xs-no-padding-right {
padding-right: 0
}
.xs-padding-30px-bottom, .xs-padding-30px-tb {
padding-bottom: 30px
}
.xs-padding-30px-tb {
padding-top: 30px
}
section {
padding: 0 0;
overflow: hidden
}
blockquote {
margin-top: 2rem;
margin-bottom: 2rem;
padding: 15px 25px;
margin-block-start: 1em;
margin-inline-start: 0
}
.extra-large-icon li, .extra-small-icon li, .large-icon li, .medium-icon li, .small-icon li {
margin-bottom: 10px;
margin-right: 0.5rem;
}
#content a, #content a:active, #content a:focus, #content a:hover, #content a:link, #content a:visited {
text-decoration: underline;
font-size: 1.05rem;
color: #2caabf
}
#pub-milieu a, #pub-milieu a:active, #pub-milieu a:focus, #pub-milieu a:hover, #pub-milieu a:link, #pub-milieu a:visited {
text-decoration: none;
font-size: 1.05rem;
color: #ffffff
}
#pub-milieu h2, #pub-milieu h3 {color: white;}
#blog a, #blog a:active, #blog a:focus, #blog a:hover, #blog a:link, #blog a:visited {
text-decoration: none;
font-size: 18px;
color: #2caabf
}
#repondre a, #repondre a:active, #repondre a:focus, #repondre a:hover, #repondre a:link, #repondre a:visited {
text-decoration: none;
font-size: .85rem;
color: #fff
}
#sommaire a, #sommaire a:active, #sommaire a:focus, #sommaire a:hover, #sommaire a:link, #sommaire a:visited {
text-decoration: none;
font-family: asap_condensedregular,sans-serif!important;
font-size: 1.1rem;
font-weight: 400;
color: #939393
}
#sommaire {
margin-bottom: 3rem;
margin-left: 0;
padding-inline-start: 20px
}
ul.puce3 li:before {
content: "•";
margin-right: 8px;
font-size: 2em;
font-weight: 700;
vertical-align: top;
color: orange
}
.h3, h1, h2, h3, h4, h5, h6 {
padding: 0;
letter-spacing: 0
}
.bg-red {
background-color: #a4b814
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
@media (max-width:992px) {
header nav.navbar .navbar-nav>li>a, nav.navbar.bootsnav ul.nav>li>span {
margin-top: 5px;
margin-right: 45px;
margin-left: 15px;
text-decoration: none;
color: #ccc
}
.box-form {
background-color: #fff
}
}
@media (max-width:480px) {
.half-section2 {
position: relative;
margin-top: -40px;
overflow: hidden
}
.xs-background-image-center {
height: 158px;
margin-top: 125px
}
.parallax2 {
height: 158px;
margin-top: 125px
}
.min-height-plan3 {
height: auto;
font-size: .85rem
}
.m30b {
margin-bottom: 30px
}
.h2, h2 {
margin-top: 3rem;
font-size: 22px;
font-weight: 400;
line-height: 35px;
color: #06a7b4
}
.btn i {
position: relative;
top: 25px;
margin-left: 110px;
font-size: 20px;
color: orange
}
.xs-margin-40px-bottom {
margin-bottom: 40px
}
.half-section {
margin-top: -30px
}
button, button.form-control, input, input.form-control, select, select.form-control {
padding: 0 5px;
border: #e5e5e5 solid 1px;
border-radius: 3px;
font-size: 1rem;
line-height: 46px;
outline: 0;
color: #989393;
background: #fff;
box-shadow: none;
transition: 0.2s
}
}
@media (max-width:1399px) {
.footer .footer__ top {
padding: 2rem 0
}
}
@media (max-width:1024px) {
#sommaire a {
font-size: 13px
}
.hidden-md {
display: none
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}
@media (max-width:1023px) {
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 5px 0;
border-color: transparent;
font-size: .9rem;
font-weight: 400;
background: 0 0
}
}[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled) {
cursor: pointer
}
@media (min-width:1540px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 900px
}
}
@media (max-width:1024px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 700px
}
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 26px 0;
border-color: transparent;
font-size: .8rem;
font-weight: 400;
background: 0 0
}
}@media (max-width:1023px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 700px
}
#sommaire a {
font-size: 13px
}
nav.navbar.navbar-default ul.nav>li>a {
padding: 5px 0;
border-color: transparent;
font-size: .8rem;
font-weight: 400;
background: 0 0
}
}.modal {
display: none;
z-index: 1050;
position: fixed;
top: 2%;
left: 35%;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0,-50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade.modal-dialog {
transition: none
}
}.modal.show .modal-dialog {
transform: none
}
.modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-content {
display: flex;
position: relative;
flex-direction: column;
width: 100%;
padding: 2rem;
border: #ebedf2 solid 1px;
border-radius: .3rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1.25rem;
border-bottom: 1px solid #ebedf2;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
flex: 1 1 auto
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.modal-open {
padding: 0!important;
overflow: auto!important
}
.modal .modal-content .modal-header .close {
text-decoration: inherit;
text-transform: none;
font-family: LineAwesome;
outline: 0!important;
color: #a1a8c3;
transition: 0.3s;
text-rendering: optimizeLegibility
}
.modal-header .close {
margin: -1rem -1rem -1rem auto;
padding: 1.25rem
}
button.close {
appearance: none;
padding: 0;
border: 0;
background: 0 0;
cursor: pointer
}
.close {
float: right;
text-shadow: 0 1px 0 #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
opacity: .2;
opacity: .5
}
@media (min-width:320px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 10%;
left: 3.5%;
width: 350px;
height: 100%;
overflow: hidden;
outline: 0
}
h1 {
font-size: 1.6em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family: asap_condensedregular;
}
}
@media (min-width:576px) {
.modal-dialog {
margin: 1.75rem auto;
max-width: 500px
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
}
@media (min-width:767px) {
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.min-height-plan3 {
height: 430px;
font-size: .95rem
}
}
@media (min-width:1024px) {
h1 {
font-size: 1.8em;
line-height: 40px;
color: rgb(255, 68, 62);
font-weight: normal;
margin-bottom: 1rem;
font-family:asap_condensedregular;
}
.modal-lg, .modal-xl {
max-width: 800px
}
.modal {
display: none;
z-index: 1050;
position: fixed;
top: 4.5%;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
}
@media (min-width:1360px) {
.modal-xl {
max-width: 1140px
}
}
.responsive-table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
display: block;
margin-bottom: 2rem
}
.responsive-table td, .responsive-table th {
padding: 10px;
text-align: center;
border: 1px solid #ddd
}
.responsive-table th {
background-color: #f4f4f4;
color: #333
}
.responsive-table tr:nth-child(2n) {
background-color: #f9f9f9
}
.responsive-table td {
font-size: 14px
}
@media (max-width:600px) {
.responsive-table td, .responsive-table th {
font-size: 12px;
padding: 6px
}
}
.table {
margin-bottom: 2rem;
font-size: .85rem;
color: #212529
}
tr:empty {
display: none;
}
table {
empty-cells: hide;
}
#tjour .table td, .table th {
padding: .25rem;
vertical-align: top
}
.table td, .table th {
padding: .75rem;
vertical-align: top
}
.table thead th {
vertical-align: bottom
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-striped tbody tr:nth-of-type(odd){background-color:rgb(0,0,0,.05)}.table-hover tbody tr:hover {
color: #212529;
background-color: rgb(0,0,0,.075)
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #95999c
}
.table .thead-dark th, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #454d55
}
.table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
background-color: rgb(0,0,0,.075)
}
.table .thead-dark th, .table-dark {
color: #fff;
background-color: #343a40
}
.table .thead-light th {
border-color: #dee2e6;
color: #495057;
background-color: #e9ecef
}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgb(255,255,255,.05)}.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgb(255,255,255,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-md>.table-bordered {
border: 0
}
.h1 {
font-size: 23px;
font-weight: 700;
color: #0b093e
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto
}
.table-responsive-xl>.table-bordered {
border: 0
}
}.table-responsive {
display: block;
width: 100%;
overflow-x: auto
}
@media (max-width:480px) {
.form-group label {
font-family: asap_condensedregular;
font-size: 1.1rem;
font-weight: 400
}
.alert.alert-danger3 {
margin-top: 2rem;
border-left: 2px dashed #f94c4b;
font-size: 1.3em;
color: #666;
background: #fff
}
ul li {
font-size: 1rem;
line-height: 1.4;
color: #626262
}
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 0
}
.hidden-xs {
display: none
}
.card.card-custom.card-stretch3, .card.card-custom.card-stretch4, .card.card-custom.card-stretch {
font-size: 1.1rem
}
p {
margin: 0 0 40px;
font-size: 1rem
}
#header2 .btnnew2 {
display: inline-block;
z-index: 25;
position: relative;
margin-top: .5rem;
margin-right: 1rem;
margin-bottom: .8rem;
padding: 7px 7px;
border-radius: 2px;
text-transform: none;
font-size: 13px;
line-height: 20px;
color: #fff;
background-color: #00ced1;
text-decoration: none;
}
#coms .card.card-custom.card-stretch {
height: auto
}
#cardp strong {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
}
.btnnew10 {
display: inline-block;
z-index: 25;
position: relative;
bottom: 0;
padding: 2px 5px;
border-radius: 2px;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #d84d2d;
}
#grid > div, #grid2 > div {
-webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
border-radius: 30px;
}
#grid3 > div {
-webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
border-radius: 30px;
height: auto;
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
}
#grid2 {
display: grid;
height: auto;
grid-template-columns: repeat(1, 1fr);
}
h5 {
color: cadetblue;
font-size: 1rem;
}
.newsletter-banner {
background-color: #06a7b4;
width: 100%;
padding: 30px 20px;
display: flex;
justify-content: center;
font-family: asap_condensedregular,sans-serif!important;
margin-top: 0rem;
margin-bottom: 2rem;
}
.newsletter-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
max-width: 1200px;
width: 100%
}
.newsletter-content {
max-width: 550px;
font-family: asap_condensedregular;
}
.newsletter-content p {
margin: 0
}
.newsletter-title {
color: #fff;
font-size: 1rem;
font-weight: 400;
margin-bottom: 8px;
line-height: 1.4;
padding-bottom: .3rem
}
.newsletter-subtitle {
color: #fff;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.5
}
.newsletter-form {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 10px
}
@media (max-width:900px) {
.newsletter-inner {
flex-direction: column;
text-align: center;
gap: 25px
}
.newsletter-content {
max-width: 100%
}
.newsletter-form {
width: 100%;
justify-content: center
}
}@media (max-width:500px) {
.newsletter-banner {
padding: 20px 15px
}
.newsletter-title {
font-size: 16px
}
.newsletter-subtitle {
font-size: 13px
}
} .mt50 {
margin-top: 50px;
}
.separator-option2 {
text-align: center;
position: relative
}
.separator-option2::before, .separator-option2::after {
content: "";
position: absolute;
top: 50%;
width: 80px;
height: 1px;
background: linear-gradient(to right,transparent,rgb(139 115 85 / .3),transparent)
}
.separator-option2::before {
right: calc(50% + 15px)
}
.separator-option2::after {
left: calc(50% + 15px)
}
.separator-option2 span {
display: inline-block;
width: 10px;
height: 10px;
background: #e44832;
border-radius: 50%
}
.faq-item {
background: #fff;
border-radius: 12px;
margin-bottom: 16px;
box-shadow: 0 2px 12px rgb(0 0 0 / .06);
overflow: hidden;
transition: box-shadow 0.3s ease
}
.faq-item:hover {
box-shadow: 0 4px 20px rgb(0 0 0 / .1)
}
.faq-question {
width: 100%;
padding: 24px 28px;
background: #fff;
border: none;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.1rem;
font-weight: 500;
color: #20b2aa;
transition: background-color 0.3s ease
}
.faq-question:hover {
background-color: #f8fafa
}
.faq-question::after {
content: "+";
font-size: 1.5rem;
font-weight: 300;
color: #20b2aa;
transition: transform 0.3s ease
}
.faq-item.active .faq-question::after {
transform: rotate(45deg)
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease,padding 0.4s ease
}
.faq-answer-content {
padding: 0 28px 24px 28px;
color: #4a5568;
line-height: 1.7;
font-size: 1rem
}
.faq-item.active .faq-answer {
max-height: 500px
}
.divider {
height: 1px;
background: linear-gradient(to right,transparent,#e2e8f0,transparent);
margin: 0 28px
}
@media (max-width:600px) {
h1 {
font-size: 1.8rem
}
.faq-question {
padding: 20px;
font-size: 1rem
}
.faq-answer-content {
padding: 0 20px 20px 20px;
font-size: .95rem
}
}
.price-badge {
background: linear-gradient(to bottom right,#66cdea,#4b84a2);
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: .85em;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%)
}
.price-badge2 {
background: linear-gradient(to bottom right, rgba(24, 200, 200, 0.24), rgba(6, 177, 177, 0.99));
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: .85em;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%)
}
.cta-button {
display: inline-block;
background: linear-gradient(to bottom right,#66cdea,#4b84a2);
color: #fff;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1em;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgb(118 75 162 / .3)
}
.cta-button2 {
display: inline-block;
background: linear-gradient(to bottom right, rgba(24, 200, 200, 0.24), rgba(6, 177, 177, 0.99));
color: #fff;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-size: 1.1em;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgb(118 75 162 / .3)
}
.form-field, .form-wrapper, .temoignages-section {
position: relative
}
.btn-submit, .comment-card {
transition: .4s cubic-bezier(.4, 0, .2, 1)
}
:root {
--oon-deep: #1a1625;
--oon-plum: #2d2438;
--oon-mauve: #6b5b7a;
--oon-rose: #d4a5a5;
--oon-blush: #f0e6e6;
--oon-cream: #faf8f5;
--oon-gold: #c9a96e;
--oon-gold-light: #e8d5a8;
--oon-text: #3d3448;
--oon-text-light: #7a6f85;
--oon-gradient: linear-gradient(135deg, #f2fbfb 0%, #8aabaa 100%);
--oon-shadow: 0 10px 40px rgba(45, 36, 56, 0.15);
--oon-shadow-hover: 0 20px 60px rgba(45, 36, 56, 0.25)
}
.temoignages-section {
padding: 50px 20px;
overflow: hidden;
margin-top: 5rem
}
.temoignages-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 300px;
background: linear-gradient(135deg, #f2fbfb 0%, #8aabaa 100%);
}
.temoignages-container {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1
}
.temoignages-header {
text-align: center
}
.temoignages-header h2 {
font-family: asap_condensedregular;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 400;
color: var(--oon-cream);
margin: 0 0 15px;
letter-spacing: .02em
}
.temoignages-header p {
font-family: asap_condensedregular;
font-size: 1rem;
color: #6b8a8a;
font-weight: 300;
margin: 0;
letter-spacing: .05em;
text-transform: uppercase
}
.header-ornament {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 25px
}
.header-ornament span {
width: 60px;
height: 1px;
background: #6b8a8a;
opacity: .6
}
.header-ornament svg {
width: 24px;
height: 24px;
color: var(--oon-gold);
opacity: .8
}
.form-wrapper {
background: #fff;
border-radius: 24px;
padding: 50px;
margin-bottom: 80px;
margin-top: 2rem;
}
.form-wrapper::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 26px;
z-index: -1;
opacity: .3
}
.comments-title, .form-intro {
text-align: center;
margin-bottom: 40px
}
.form-intro h3 {
font-family: asap_condensedregular;
font-size: 1.6rem;
color: #06a7b4;
margin: 0 0 10px
}
.alert {
padding: 16px 20px;
border-radius: 12px;
margin-bottom: 30px;
font-family: "Nunito Sans",sans-serif;
font-size: .9rem;
display: flex;
align-items: flex-start;
gap: 12px
}
.btn-submit, .form-field label {
font-size: .95rem;
font-family: asap_condensedregular,sans-serif!important;
font-weight: 600
}
.alert-danger {
background: #fef2f2;
border: 1px solid #fecaca;
color: #b91c1c
}
.alert-success {
background: #f0fdf4;
border: 1px solid #bbf7d0;
color: #15803d
}
.btn-submit, .comment-card.is-author .comment-avatar, .reply-card.is-author .reply-avatar {
background: var(--oon-gradient)
}
.alert-icon {
flex-shrink: 0;
width: 20px;
height: 20px
}
.form-grid {
display: grid;
gap: 25px
}
.form-field label {
display: block;
color: #777;
margin-bottom: 8px;
letter-spacing: .02em
}
.form-field label .required {
color: var(--oon-rose);
margin-left: 2px
}
.form-field input[type=text], .form-field textarea {
width: 100%;
padding: 16px 20px;
font-family: "Nunito Sans",sans-serif;
font-size: 1rem;
color: var(--oon-text);
background: #f2f8f9;
border: 2px solid transparent;
border-radius: 12px;
transition: .3s;
box-sizing: border-box
}
.form-field input[type=text]:focus, .form-field textarea:focus {
outline: 0;
background: #fff;
border-color: var(--oon-mauve);
box-shadow: 0 0 0 4px rgba(107,91,122,.1)
}
.form-field input::placeholder, .form-field textarea::placeholder {
color: var(--oon-text-light);
opacity: .6
}
.form-field textarea {
min-height: 150px;
resize: vertical;
line-height: 1.6
}
.remarque {
position: absolute!important;
left: -9999px!important;
opacity: 0!important;
}
.form-submit {
display: flex;
justify-content: center;
margin-top: 35px
}
.btn-submit {
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
border: none;
padding: 18px 50px;
border-radius: 50px;
cursor: pointer;
position: relative;
overflow: hidden;
width: auto;
height: 60px;
}
.comment-avatar, .comment-card::before, .comments-title h3 {
font-family: asap_condensedregular
}
.btn-submit::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
transition: left .5s
}
.btn-submit:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(45,36,56,.3)
}
.btn-submit:hover::before {
left: 100%
}
.btn-submit:active {
transform: translateY(-1px)
}
.comments-section {
margin-top: 60px
}
.comments-title h3 {
font-size: 1.8rem;
color: var(--oon-text);
margin: 0;
font-weight: 400
}
.comments-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 25px
}
.comment-card, .comment-header {
display: flex;
position: relative
}
@media (max-width:992px) {
.comments-grid {
grid-template-columns: repeat(2,1fr)
}
}
@media (max-width:640px) {
.comments-grid {
grid-template-columns: 1fr
}
.form-wrapper {
padding: 30px 25px
}
}.comment-card {
background: #fff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 4px 20px rgba(45,36,56,.08);
flex-direction: column;
animation: .6s forwards fadeInUp;
margin: 1rem;
}
.comment-card::before {
content: "\"";
position: absolute;
top: 15px;
right: 25px;
font-size: 5rem;
color: #fabc07;
line-height: 1;
}
.comment-card:hover {
transform: translateY(-8px);
box-shadow: var(--oon-shadow-hover)
}
.comment-header {
align-items: center;
gap: 15px;
margin-bottom: 20px;
z-index: 1
}
.comment-avatar, .reply-header {
align-items: center;
display: flex
}
.comment-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
justify-content: center;
font-size: 1.3rem;
font-weight: 600;
color: #fff;
background: #06a7b4;
flex-shrink: 0
}
.comment-meta {
flex: 1;
min-width: 0
}
.comment-author {
font-family: asap_condensedregular,sans-serif!important;
font-size: .95rem;
font-weight: 600;
color: #777;
margin: 0 0 4px
}
.comment-date, .comment-subject {
font-size: .8rem;
font-family: asap_condensedregular,sans-serif!important
}
.comment-card.is-author .comment-author, .reply-card.is-author .reply-author {
color: var(--oon-mauve)
}
.comment-date {
color: var(--oon-text-light)
}
.comment-subject {
font-weight: 600;
color: var(--oon-gold);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--oon-blush)
}
.comment-content {
font-family: asap_condensedregular,sans-serif!important;
font-size: 1rem;
line-height: 1.7;
color: #777;
flex: 1;
position: relative;
z-index: 1
}
.comment-replies {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed var(--oon-blush)
}
.reply-card {
background: var(--oon-cream);
border-radius: 12px;
padding: 20px;
margin-top: 12px
}
.reply-card:first-child {
margin-top: 0
}
.reply-header {
gap: 10px;
margin-bottom: 10px
}
.reply-indicator strong {
color: var(--oon-turquoise);
}
.reply-indicator {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--oon-turquoise-pale);
border-left: 3px solid var(--oon-turquoise);
padding: 12px 18px;
border-radius: 0 8px 8px 0;
margin-bottom: 25px;
font-family: "Nunito Sans",sans-serif;
font-size: .9rem;
color: var(--oon-text)
}
.reply-indicator strong {
color: var(--oon-turquoise)
}
.btn-cancel-reply {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
font-family: "Nunito Sans",sans-serif;
font-size: .8rem;
font-weight: 600;
color: var(--oon-text-light);
background: var(--oon-white);
border: 1px solid #ddd;
border-radius: 15px;
cursor: pointer;
transition: all 0.3s ease
}
.btn-reply {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 15px;
padding: 8px 16px;
font-family: "Nunito Sans",sans-serif;
font-size: .8rem;
font-weight: 600;
color: var(--oon-turquoise);
background: #fff0;
border: 1px solid var(--oon-turquoise);
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
width: auto
}
.btn-reply:hover {
background: var(--oon-turquoise);
color: var(--oon-white)
}
.btn-reply svg {
flex-shrink: 0
}
.comment-replies {
margin-top: 15px;
padding-top: 15px;
border-top: 1px dashed var(--oon-turquoise-pale)
}
.reply-card {
background: var(--oon-turquoise-pale);
border-radius: 12px;
padding: 20px;
margin-top: 12px
}
.reply-card:first-child {
margin-top: 0
}
.reply-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px
}
.btn-cancel-reply:hover {
border-color: var(--oon-turquoise);
color: var(--oon-turquoise)
}
.reply-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: asap_condensedregular;
font-size: .9rem;
font-weight: 600;
color: #fff;
background: var(--oon-mauve)
}
.reply-author, .reply-content, .reply-date {
font-family: "Nunito Sans",sans-serif
}
.reply-author {
font-size: .85rem;
font-weight: 600;
color: var(--oon-text)
}
.reply-date {
font-size: .75rem;
color: var(--oon-text-light);
margin-left: auto
}
.reply-content {
font-size: .9rem;
line-height: 1.6;
color: var(--oon-text)
}@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}.comment-card:nth-child(2){animation-delay:.1s}.comment-card:nth-child(3){animation-delay:.2s}.comment-card:nth-child(4){animation-delay:.3s}.comment-card:nth-child(5){animation-delay:.4s}.comment-card:nth-child(6) {
animation-delay: .5s
}
.cards-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 1rem
}
#blog .mini-card {
padding: 0;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0 0 0 / .08);
border-left: #99b7b7
}
.mini-card {
padding: 1rem;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0 0 0 / .08);
border-left: 3px solid #99b7b7;
font-family: asap_condensedregular, sans-serif;
}
.mini-card a {
color: inherit;
text-decoration: none
}
.mini-card:hover {
box-shadow: 0 4px 12px rgb(0 0 0 / .12)
}
@media (max-width:992px) {
.cards-grid {
grid-template-columns: repeat(2,1fr)
}
}@media (max-width:576px) {
.cards-grid {
grid-template-columns: 1fr
}
}#rondindex4 a {
color: #2caabf;
text-decoration: underline;
font-size: 1rem
}
@media (min-width:769px) {
.container-principal {
display: block
}
#rondindex4, .temoignages-section, #articles-categorie {
width: 100vw;
margin-left: calc(-50vw + 50%);
float: none;
clear: both
}
}@media (max-width:768px) {
.container-principal {
display: flex!important;
flex-direction: column!important
}
.container-principal>.main {
order: 1!important;
float: none!important;
width: 100%!important
}
.container-principal>#rondindex4 {
order: 2!important;
width: auto!important;
margin-left: -15px!important;
margin-right: -15px!important
}
.container-principal>.temoignages-section {
order: 3!important;
width: auto!important;
margin-left: -30px!important;
margin-right: -30px!important
}
.container-principal>.aside {
order: 4!important;
float: none!important;
width: 100%!important
}
body {
overflow-x: hidden
}
}
/* ===== MODULES ===== */ .module-card { margin-bottom: 2rem; padding: 2rem 1.5rem; } .module-header { margin-bottom: 1.5rem; text-align: center; } .module-image { display: block; width: 120px; margin: 0 auto; } .module-title { margin-bottom: 1rem; font-size: 1.5rem; text-align: center; } .module-title-red { color: #e74c3c; } .module-title-turquoise { color: #15afaf; } .module-title-purple { color: #9b59b6; } .module-info { margin-bottom: 1.5rem; font-family: asap_condensedregular, sans-serif; font-size: 1.1rem; text-align: center; color: #555; } .module-list { padding: 1rem; list-style: none; } .module-list-item { position: relative; margin-bottom: 1rem; padding-left: 1.5rem; } .checkmark { position: absolute; left: 0; font-weight: 700; } .checkmark-red { color: #e74c3c; } .checkmark-turquoise { color: #15afaf; } .checkmark-purple { color: #9b59b6; } .item-description { font-size: 1rem; color: #777; } .module-objective { margin-top: auto; padding: 1rem; border-radius: 8px; background: #f8f9fa; } .objective-title { font-weight: 700; color: #2c3e50; }
.bto {border-top: 3px solid rgb(250, 149, 15);} .btnmid {position: absolute;left: 50%;transform: translateX(-50%);}
.btn-paiement{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#2daabf;color:#fff;font-size:16px;font-weight:600;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 6px rgb(45 170 191 / .3);text-decoration:none;width:400px; margin: auto;
}.btn-paiement:hover{background-color:#259aad;box-shadow:0 6px 12px rgb(45 170 191 / .4);transform:translateY(-2px)}.btn-paiement.btn-large{font-size:18px;padding:20px 40px}.btn-paiement svg{width:20px;height:20px}.btn-paiement .prix{background-color:rgb(255 255 255 / .2);padding:4px 10px;border-radius:4px;margin-left:8px}
.encadre-recap{background:#f2fbfb;border-left:4px solid #bcc8c8;padding:20px 24px;margin:0 0 30px 0;font-size:.95em;line-height:1.7}
.encadre-recap p{margin:0 0 6px 0;color:#848f8f;font-size:90%}
.encadre-recap li{color:#848f8f;font-size:100%}
.encadre-recap p:last-child{margin:0}
.encadre-recap .label{color:#848f8f;font-weight:400;font-size:100%;padding:0}
.breadcrumb-nav{padding:12px 24px;margin:2rem 0 25px 0;font-size:.88em;line-height:1.5;background:linear-gradient(135deg,#f2fbfb 0%,#eaf5f5 100%)}
.breadcrumb-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.breadcrumb-nav li{display:flex;align-items:center;margin:0;padding:0;font-size:.92rem;border:none}
.breadcrumb-nav li+li::before{content:"›";margin:0 10px;color:#a3b3b3;font-size:1.15em;font-weight:300}
.breadcrumb-nav a,.breadcrumb-nav a:link,.breadcrumb-nav a:visited{color:#6b8a8a;text-decoration:none;font-weight:400;font-size:.92rem;transition:color 0.2s ease}
.breadcrumb-nav a:hover{color:#f87c00;text-decoration:none}
.breadcrumb-nav .breadcrumb-current{color:#848f8f;font-weight:600}
@media (max-width:480px){.breadcrumb-nav{padding:10px 15px}.breadcrumb-nav li+li::before{margin:0 6px}}
.sommaire-auto{padding:24px 28px;margin:0 0 35px 0;font-size:.95em;line-height:1.7}
.sommaire-auto .sommaire-titre{color:#848f8f;font-weight:600;font-size:1.05em;margin:0 0 14px 0;padding-bottom:10px;font-family:asap_condensedregular,sans-serif}
.sommaire-auto>ol{list-style:none;counter-reset:sommaire;margin:0;padding:0}
.sommaire-auto>ol>li{counter-increment:sommaire;margin:0 0 8px 0;padding:0;font-size:.95rem;line-height:1.5;border:none}
.sommaire-auto>ol>li:last-child{margin-bottom:0}
.sommaire-auto>ol>li::before{content:counter(sommaire);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:10px;background:#bcc8c8;color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;vertical-align:middle}
.sommaire-sub{list-style:none;counter-reset:soussommaire;margin:6px 0 4px 32px;padding:0;border-left:2px solid #d4e0e0;padding-left:14px}
.sommaire-sub li{counter-increment:soussommaire;margin:0 0 4px 0;padding:0;font-size:.9rem;line-height:1.5;border:none}
.sommaire-sub li:last-child{margin-bottom:0}
.sommaire-sub li::before{content:counter(sommaire) "." counter(soussommaire);margin-right:8px;color:#a3b3b3;font-size:.8rem;font-weight:600}
.sommaire-auto a,.sommaire-auto a:link,.sommaire-auto a:visited{color:#6b8a8a;text-decoration:none;font-weight:400;font-size:inherit;transition:color 0.2s ease,padding-left 0.2s ease}
.sommaire-auto a:hover{color:#f87c00;padding-left:4px}
.sommaire-sub a,.sommaire-sub a:link,.sommaire-sub a:visited{color:#7f9a9a}
.sommaire-sub a:hover{color:#f87c00}
@media (max-width:480px){.sommaire-auto{padding:18px 18px}.sommaire-sub{margin-left:22px;padding-left:10px}}
html{scroll-padding-top:100px}
h2[id],h3[id]{scroll-margin-top:100px}
.mars-table-wrap{margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mars-table{width:100%;border-collapse:collapse;font:inherit;color:#848f8f}
.mars-table th,.mars-table td{font:inherit;color:#848f8f;text-align:left;vertical-align:top;padding:.75rem 1rem;border-bottom:1px solid #bcc8c8}
.mars-table thead th{background:#eaf5f5;font-weight:700;white-space:nowrap}
.mars-table tbody tr{background:#fff}
.mars-table tbody tr:last-child td{border-bottom:none}
.mars-table td:first-child{font-weight:700;white-space:nowrap}
@media (max-width:900px){.mars-table th,.mars-table td{padding:.6rem .7rem;font-size:.9em}.mars-table td:first-child{white-space:normal}}
@media (max-width:640px){.mars-table thead{display:none}.mars-table,.mars-table tbody,.mars-table tr,.mars-table td{display:block;width:100%}.mars-table tbody tr{margin-bottom:.8rem;border:1px solid #bcc8c8;border-radius:4px;overflow:hidden}.mars-table td{border-bottom:none;padding:.5rem .8rem}.mars-table td:first-child{background:#eaf5f5;border-bottom:1px solid #bcc8c8;padding:.6rem .8rem}.mars-table td:nth-child(2)::before,.mars-table td:nth-child(3)::before{display:block;font-weight:700;margin-bottom:.2rem;font-size:.85em;text-transform:uppercase;letter-spacing:.03em}.mars-table td:nth-child(2)::before{content:"Lumière"}.mars-table td:nth-child(3)::before{content:"Ombre"}.mars-table td:nth-child(2){padding-top:.7rem}.mars-table td:nth-child(3){padding-bottom:.8rem}}
h3{margin-top:3rem}
h2+h3{margin-top:1rem}
/* ═══════════════════════════════════════
RESPONSIVE
═══════════════════════════════════════ */
@media (max-width: 640px) {
#content .fl,
#content .fr {
float: none;
max-width: 100%;
margin: 1.5rem auto;
display: block;
}
}
/* ============================================
PRINT — theme-astrologique-en-ligne.php
À coller à la fin de combine17a.css
============================================ */
/*
* NOTE : PAS de display:none sur #print-sommaire ni #print-footer.
* Ces éléments n'existent pas dans le HTML initial.
* Ils sont créés par JS juste avant window.print() et supprimés par afterPrint().
*/
/* === SOMMAIRE — styles de base (visibles dès insertion) === */
.sommaire-auto {
padding: 24px 28px;
margin: 0 0 35px 0;
font-size: .95em;
line-height: 1.7;
}
.sommaire-auto .sommaire-titre {
color: #848f8f;
font-weight: 600;
font-size: 1.05em;
margin: 0 0 14px 0;
padding-bottom: 10px;
font-family: asap_condensedregular, sans-serif;
}
.sommaire-auto > ol {
list-style: none;
counter-reset: sommaire;
margin: 0;
padding: 0;
}
.sommaire-auto > ol > li {
counter-increment: sommaire;
margin: 0 0 8px 0;
padding: 0;
font-size: .95rem;
line-height: 1.5;
border: none;
}
.sommaire-auto > ol > li:last-child { margin-bottom: 0; }
.sommaire-auto > ol > li::before {
content: counter(sommaire);
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
margin-right: 10px;
background: #bcc8c8;
color: #fff;
font-size: .75rem;
font-weight: 600;
border-radius: 50%;
vertical-align: middle;
}
.sommaire-sub {
list-style: none;
counter-reset: soussommaire;
margin: 6px 0 4px 32px;
padding: 0;
border-left: 2px solid #d4e0e0;
padding-left: 14px;
}
.sommaire-sub li {
counter-increment: soussommaire;
margin: 0 0 4px 0;
padding: 0;
font-size: .9rem;
line-height: 1.5;
border: none;
}
.sommaire-sub li:last-child { margin-bottom: 0; }
.sommaire-sub li::before {
content: counter(sommaire) "." counter(soussommaire);
margin-right: 8px;
color: #a3b3b3;
font-size: .8rem;
font-weight: 600;
}
.sommaire-auto a,
.sommaire-auto a:link,
.sommaire-auto a:visited {
color: #6b8a8a;
text-decoration: none;
font-weight: 400;
font-size: inherit;
transition: color 0.2s ease, padding-left 0.2s ease;
}
.sommaire-auto a:hover { color: #f87c00; padding-left: 4px; }
.sommaire-sub a,
.sommaire-sub a:link,
.sommaire-sub a:visited { color: #7f9a9a; }
.sommaire-sub a:hover { color: #f87c00; }
/* ============================================
@media print
============================================ */
@media print {
/* --- FONDAMENTAUX --- */
* {
color-adjust: exact !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
html, body {
height: auto !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 !important;
font-size: 13pt !important;
line-height: 1.40 !important;
color: #333 !important;
background: #fff !important;
background-image: none !important;
}
/* --- MASQUER --- */
header, nav, .navbar, .noprint, #imprim, #scroll,
form, select, .btn, .btn-primary, .btn-primary2, .btn-theme,
#searcha, #search2a, .dib, #country_id, #country_idtm,
.input_container, .form-group, .icon-search, .icon-locked,
.membre, #cadenas, #celeb,
#fleche1, #fleche2, #fleche3, #fleche4,
.navbar-toggle, .dropdown-menu,
a[download], a[href*="livret-pdf"],
img[src*="telecharger"], img[src*="icone-pdf"],
.newsletter-banner, footer, #recherches, .subscribe-form2 {
display: none !important;
}
.print { display: block !important; }
/* --- LAYOUT --- */
.container {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 10px !important;
}
.col-lg-8, .col-lg-4, .col-lg-10, .col-lg-12,
.col-md-8, .col-md-4, .col-md-10, .col-md-12 {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.center-col { float: none !important; margin: 0 auto !important; }
.row { margin: 0 !important; }
/* --- H1 : ROUGE --- */
h1 {
font-size: 22pt !important;
color: #c0392b !important;
text-align: center !important;
margin: 0.5rem 0 0.5rem !important;
break-after: avoid;
}
.theme-infos, .theme-infos table {
break-inside: avoid;
}
.theme-table th {
background: #eaf7f7;
color: grey;
padding: 10px 14px;
text-align: left;
font-weight: 600;
font-size: .9rem;
text-transform: uppercase;
letter-spacing: .03em;
}
/* --- CARTE DU CIEL : compacte, même page que H1 --- */
div[style*="aspect-ratio:1/1"] {
max-width: 500px !important;
margin: 0.3rem auto !important;
background: none !important;
border-radius: 0 !important;
}
.mt30.noprint { display: none !important; }
/* --- TABLE INFO NAISSANCE --- */
.table-wrapper {
margin: 0 0 0.3rem 0 !important;
break-inside: avoid;
}
.table-wrapper table {
font-size: 10pt !important;
margin: 0 auto !important;
}
/* --- DOMINANTES (PAS de break-before: page) --- */
#graph {
break-inside: avoid;
margin-top: 0.5rem !important;
padding-top: 0 !important;
}
#graph h3,
#graph .section-title {
margin-bottom: 0.8rem !important;
margin-top: 0.8rem !important;
font-size: 14pt !important;
text-align: center;
color: #06a7b4 !important;
border-bottom: 1px solid #c0392b;
padding-bottom: 0.3rem;
}
.barGraph { break-inside: avoid; margin-bottom: 1rem !important; }
.progress3 { break-inside: avoid; }
/* --- TABLEAUX --- */
tr:empty { display: none; }
#content2 .table {
width: 100% !important;
font-size: 10pt !important;
color: #444 !important;
}
#content2 .table td { font-size: 10pt !important; text-align: center; }
table.table td:first-child { text-align: left !important; padding-left: 12px !important; }
.insecable {
page-break-inside: avoid;
break-inside: avoid;
}
h2, h3, .section-title {
page-break-after: avoid;
break-after: avoid;
}
.insecable, .section-block, blockquote {
break-inside: avoid;
page-break-inside: avoid;
}
tr { break-inside: avoid; }
thead { display: table-header-group; }
/* --- SECTION BLOCKS --- */
.section-title {
color: #06a7b4 !important;
font-size: 14pt !important;
font-weight: 700;
margin: 1.5rem 0 0.6rem !important;
padding-bottom: 0.4rem;
}
h3.section-title { break-after: avoid; }
p.section-subtitle { break-after: avoid; }
.theme-table, table.table-theme { break-before: avoid; break-inside: avoid; }
.section-block { break-inside: avoid; }
/* --- SOMMAIRE (inséré dynamiquement par JS) --- */
#print-sommaire {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
break-before: page;
break-inside: auto;
padding: 30px 28px !important;
margin: 0 !important;
background: #fff !important;
}
#print-sommaire .sommaire-titre {
display: block !important;
font-size: 18pt !important;
color: #06a7b4 !important;
text-align: center !important;
border-bottom: 2px solid #06a7b4 !important;
padding-bottom: 10px !important;
margin: 0 0 20px 0 !important;
font-family: inherit !important;
}
#print-sommaire ol { margin: 0 !important; padding: 0 !important; }
#print-sommaire > ol > li {
padding: 6px 0 !important;
margin: 0 0 6px 0 !important;
border-bottom: 1px dotted #ccc !important;
font-size: 12pt !important;
line-height: 1.5 !important;
}
#print-sommaire > ol > li::before {
background: #06a7b4 !important;
color: #fff !important;
width: 24px !important;
height: 24px !important;
font-size: 10pt !important;
}
#print-sommaire .sommaire-sub {
margin: 8px 0 4px 34px !important;
padding-left: 14px !important;
border-left: 2px solid #d4e0e0 !important;
}
#print-sommaire .sommaire-sub li {
font-size: 10pt !important;
line-height: 1.4 !important;
margin: 0 0 3px 0 !important;
padding: 0 !important;
border: none !important;
}
#print-sommaire .sommaire-sub li::before {
color: #a3b3b3 !important;
font-size: 9pt !important;
}
#print-sommaire a, #print-sommaire a:link, #print-sommaire a:visited {
color: #444 !important;
text-decoration: none !important;
font-weight: 500 !important;
}
#print-sommaire .sommaire-sub a, #print-sommaire .sommaire-sub a:link,
#print-sommaire .sommaire-sub a:visited {
color: #666 !important;
font-weight: 400 !important;
}
/* --- ONGLETS : tous visibles --- */
.tab-pane,
.tab-content > .tab-pane,
.tab-content > .tab-pane.fade {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
height: auto !important;
overflow: visible !important;
padding: 0 !important;
}
.nav-tabs { display: none !important; }
.tab-pane {
break-before: page;
margin-top: 0;
padding-top: 0 !important;
}
.tab-pane#mod { break-before: auto; }
/* --- TYPOGRAPHIE --- */
h2 {
font-size: 21pt !important;
color: #06a7b4 !important;
break-after: avoid;
margin-top: 3rem !important;
margin-bottom: 1rem !important;
padding-bottom: 0.4rem;
border-bottom: 2px solid #06a7b4;
}
h3 {
font-size: 16pt !important;
color: #06a7b4 !important;
break-after: avoid;
margin-top: 2rem !important;
margin-bottom: 1rem !important;
padding-bottom: 0.3rem;
border-bottom: 1px solid #fcd4a8;
}
h4 {
font-size: 14pt !important;
color: #6aadad !important;
break-after: avoid;
margin-top: 1.4rem !important;
margin-bottom: 0.5rem !important;
}
p {
font-size: 13pt !important;
line-height: 1.75 !important;
margin: 0 0 40px !important;
orphans: 3; widows: 3;
text-align: left;
}
blockquote {
font-size: 12pt !important;
border-left: 4px solid #06a7b4 !important;
padding: 14px 22px !important;
margin: 25px 0 20px 15px !important;
background: #f5fafa !important;
break-inside: avoid;
font-style: italic;
border-radius: 0 4px 4px 0;
}
li {
break-inside: avoid;
margin-bottom: 5px !important;
font-size: 13pt !important;
line-height: 1.75 !important;
}
ul, ol {
margin: 8px 0 14px !important;
padding-left: 1.5rem !important;
}
/* --- SYMBOLES ASTRO --- */
.soleil, .lune, .mercure, .venus, .mars, .jupiter, .saturne,
.uranus, .neptune, .pluton, .chiron, .lilith,
.belier, .taureau, .gemeaux, .cancer, .lion, .vierge,
.balance, .scorpion, .sagittaire, .capricorne, .verseau, .poissons {
font-family: hamburgsymbolsregular !important;
}
/* --- GRID #grid5 --- */
#grid5 {
display: grid !important;
grid-template-columns: 100px 1fr !important;
width: 100% !important;
break-inside: avoid;
}
.colonneimprim { width: 50px; padding-left: 15px; }
.areaB { padding-left: 0px; }
/* --- LIENS --- */
a, a:visited, a:link {
color: #333 !important;
text-decoration: none !important;
font-size: inherit !important;
}
/* --- IMAGES --- */
img {
max-width: 100% !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
color-adjust: exact !important;
border: none;
}
img[loading="lazy"] { loading: eager !important; }
svg {
break-inside: avoid;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
[style*="background-image"] {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
/* --- ANCRES --- */
.print-anchor { display: block; height: 0; margin: 0; padding: 0; }
/* --- PIED DE PAGE --- */
#print-footer {
display: block !important;
text-align: center;
font-size: 9pt;
color: #999;
margin-top: 3rem;
padding-top: 1rem;
border-top: 1px solid #ddd;
}
/* --- PAGE --- */
@page { margin: 1cm; size: A4; }
}
@media (max-width:991px){.dib,.membre{vertical-align:middle}.dib{display:table-cell;margin-top:0;margin-right:0;padding:0;max-height:none;max-width:none;border:none;border-radius:0}.dib .header__topbar-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #fff;border-radius:50%;margin-right:6px}.dib .icon-locked::before,.dib .icon-unlocked1::before{font-size:18px;margin:0;padding:0}.membre{display:inline-block;margin-left:0;margin-right:8px;color:#f1fbfc;font-size:.8rem;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}}@media (max-width:992px){.navbar-nav>li.dropdown>.icon-arrow-down2{display:block;position:absolute;top:0;right:0;padding:9px 15px 8px;font-size:16px;color:#fff;z-index:10;cursor:pointer}}@media (max-width:766px){#search2a{position:absolute;top:95px;right:0;width:100%;padding-right:1px;padding-left:1px}}@media (min-width:767px) and (max-width:991px){#search2a{position:absolute;top:95px;right:0;width:100%;padding-right:1px;padding-left:1px}#searcha{float:left;margin-top:15px}.rec{margin-top:-23px;padding:1rem;max-height:calc(-210px + 90vh);overflow-y:auto;font-family:asap_condensedregular;background-color:#fff;box-shadow:rgb(0 0 0 / .18) 0 6px 12px}}
/* ============================================================
RESPONSIVE TABLEAUX CARTE DU CIEL — v5
Neutralise min-width:160px, width:100%, padding larges
============================================================ */
.table-wrapper table,
.theme-table,
table.table-theme,
table.table-striped,
table.fs,
table.entry{
width:100% !important;
max-width:100% !important;
table-layout:auto !important;
border-collapse:collapse;
}
.theme-table{width:100%!important;max-width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:.95rem}
.theme-table thead tr th{padding:8px 14px;text-align:center;font-weight:700;font-size:.85rem;color:grey;font-family:asap_condensedregular,sans-serif}
.theme-table td{padding:8px 14px;border-bottom:1px solid #e8e8e8;vertical-align:middle}
.theme-table tr:nth-child(2n){background:#f7fcfc}
@media (max-width:768px){
.bio-cell {
text-align: left !important;
padding: .8rem !important;
}
.bio-img {
float: none;
display: block;
margin: 0 auto 1rem;
max-width: 80px;
}
div[style*="overflow:hidden"],div[style*="overflow: hidden"]{overflow:visible !important}
/* --- NEUTRALISER min-width:160px sur 1ère colonne --- */
thead th:first-child,
tbody td:first-child{min-width:0 !important;padding-left:4px !important}
/* --- Tous les tableaux : auto, pas 100% --- */
.table-wrapper table,
.theme-table,
table.table-theme,
table.table-striped,
table.fs,
table.entry{
width:100% !important;
max-width:100% !important;
table-layout:auto !important;
border-collapse:collapse;
}
.theme-table thead tr th{padding:6px 8px;font-size:.78rem}
.theme-table td{padding:6px 8px;font-size:.82rem}
/* --- Toutes les cellules : padding réduit, police réduite --- */
.table-wrapper td,
.table-wrapper th,
.theme-table td,
.theme-table th,
table.table-theme td,
table.table-theme th,
table.table-striped td,
table.table-striped th,
table.fs td,
table.fs th{
padding:3px 5px !important;
font-size:.72rem !important;
white-space:nowrap;
min-width:0 !important
}
/* H4 en-têtes */
.theme-table h4,
table.table-theme h4,
table.table-striped h4,
table.fs h4{font-size:.68rem !important;margin:0;white-space:nowrap}
/* Séparateurs aspects masqués */
.sep-row{display:none !important}
.dom-bar{height:12px !important}
}/* fin 768px */
@media (max-width:480px){
thead th:first-child,
tbody td:first-child{min-width:0 !important;padding-left:2px !important}
.table-wrapper td,
.table-wrapper th,
.theme-table td,
.theme-table th,
table.table-theme td,
table.table-theme th,
table.table-striped td,
table.table-striped th,
table.fs td,
table.fs th{
padding:2px 3px !important;
font-size:.72rem !important
}
.theme-table h4,
table.table-theme h4,
table.table-striped h4,
table.fs h4{font-size:.58rem !important}
}/* fin 480px */
/* --- Cards articles catégorie / sous-catégorie --- */
.cards-categorie-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 1.2rem;
margin-top: 1.5rem;
}
.card-cat {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 14px rgba(6,167,180,0.10);
overflow: hidden;
transition: box-shadow 0.2s;
}
.card-cat:hover {
box-shadow: 0 8px 24px rgba(6,167,180,0.20);
}
.card-cat__body {
padding: 1rem;
flex: 1;
display: flex;
flex-direction: column;
}
.card-cat__tag {
display: inline-block;
font-size: .72rem;
font-weight: 400;
letter-spacing: .04em;
color: #fff;
background: #f87c00;
border-radius: 20px;
padding: 2px 10px;
margin-bottom: .5rem;
width: fit-content;
}
.card-cat__tag--teal {
display: inline-block;
font-size: .72rem;
font-weight: 400;
letter-spacing: .04em;
color: #fff;
background: #06a7b4;
border-radius: 20px;
padding: 2px 10px;
margin-bottom: .5rem;
width: fit-content;
}
.card-cat__title {
font-size: 1rem;
color: #06a7b4;
font-weight: 400;
line-height: 1.3;
margin: 0 0 .5rem;
font-family: asap_condensedregular, sans-serif;
}
.card-cat__title a,
.card-cat__title a:link,
.card-cat__title a:visited {
color: #06a7b4 !important;
text-decoration: none !important;
font-weight: 700;
}
.card-cat__title a::after {
content: '';
position: absolute;
inset: 0;
}
.card-cat__desc {
font-size: .85rem;
color: #666;
line-height: 1.4;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 600px) {
.cards-categorie-grid {
grid-template-columns: 1fr 1fr;
gap: .8rem;
}
}
@media (max-width: 400px) {
.cards-categorie-grid { grid-template-columns: 1fr; }
}
/* --- Heures planétaires (article almutens) --- */
.methode-widget {
background: #f0fafb;
border-left: 4px solid #06a7b4;
padding: 14px 18px;
margin-bottom: 24px;
font-size: .92rem;
line-height: 1.65;
color: #444;
border-radius: 0 4px 4px 0;
}
.calc-box {
background: #f7fcfc;
border: 1px solid #bcc8c8;
border-top: 3px solid #06a7b4;
padding: 20px 24px;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-end;
}
.calc-box .field { display: flex; flex-direction: column; gap: 6px; }
.calc-box label {
font-size: .78rem;
text-transform: uppercase;
letter-spacing: .08em;
color: #06a7b4;
font-weight: 700;
}
.calc-box select, .calc-box input[type=number] {
border: 1px solid #bcc8c8;
padding: 8px 12px;
font-family: inherit;
font-size: 1rem;
color: #333;
background: #fff;
outline: none;
border-radius: 3px;
min-width: 180px;
}
.calc-box input[type=number] { width: 80px; min-width: 80px; }
.calc-box select:focus, .calc-box input:focus { border-color: #06a7b4; }
.btn-calc {
background: #06a7b4;
color: #fff;
border: none;
padding: 9px 22px;
font-family: inherit;
font-size: .9rem;
font-weight: 700;
cursor: pointer;
border-radius: 3px;
transition: background .2s;
}
.btn-calc:hover { background: #059aa6; }
.result-zone {
display: none;
align-items: center;
gap: 10px;
min-width: 200px;
}
.result-zone .res-glyph { font-size: 28px; line-height: 1; }
.result-zone .res-nom { font-size: 1.1rem; font-weight: 700; }
.result-zone .res-label { font-size: .8rem; color: #888; display: block; }
/* Overrides centre pour ce tableau */
.hp-table th { text-align: center !important; }
.hp-table td { text-align: center; }
.hp-table td:first-child { font-weight: 700; color: #aaa; font-size: .85rem; width: 40px; }
.hp-table tr.active-row > td { background: #fffbe0 !important; }
.hp-table tr.active-row > td:first-child { background: #f5a623 !important; color: #fff !important; }
.p-cell { display: flex; align-items: center; justify-content: center; gap: 4px; }
.p-cell .pg { font-size: 20px; line-height: 1; }
.p-cell .pn { font-size: .76rem; }
.p-cell .pn { font-family: inherit !important; }
.hp-legende { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #e8e8e8; font-size: .88rem; align-items: center; }
.legende { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; margin-top: 14px; }
.legende-item { display: flex; align-items: center; gap: 5px; }
.hp-note { margin-top: 14px; font-size: .8rem; color: #aaa; font-style: italic; text-align: center; }
@media (max-width: 600px) {
.p-cell .pn { display: none; }
.p-cell .pg { font-size: 22px; }
}
/* ============================================================
BIO AUTEURE — styles
À intégrer dans combine17a.css
============================================================ */
.bio-auteure {
margin-top: 3rem;
padding: 1.5rem;
border-top: 2px solid #2ab3c0;
background-color: var(--oon-turquoise-pale);
border-radius: 4px;
}
.bio-auteure__inner {
display: flex;
align-items: flex-start;
gap: 1.25rem;
}
.bio-auteure__photo img {
border-radius: 50%;
width: 80px;
height: 80px;
object-fit: cover;
flex-shrink: 0;
}
.bio-auteure__texte {
flex: 1;
}
.bio-auteure__nom {
font-weight: bold;
font-size: 1rem;
margin: 0 0 0.15rem 0;
}
.bio-auteure__titre {
font-size: 0.85rem;
color: #666;
margin: 0 0 0.75rem 0;
font-style: italic;
}
.bio-auteure__contenu {
font-size: 0.9rem;
line-height: 1.6;
margin: 0;
color: #333;
}
/* Responsive */
@media (max-width: 600px) {
.bio-auteure__inner {
flex-direction: column;
align-items: center;
text-align: center;
}
}
.num-lock-teaser {
max-height: none;
overflow: visible;
}
.num-lock-teaser::after {
display: none;
}