.logo, .logo2, .logo3 {
	text-align: center
}

.titrebandeau {
	color: #000
}

.logo {
	margin-top: 150px
}

.logo2 {
	margin-top: 30px
}

.logo3 {
	margin-top: 40px
}

.titrebandeau {
	font-size: 4rem;
	-webkit-text-stroke: 0.9px white
}

.fontbouton {
	-webkit-text-stroke: 0.9px white
}

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

.list-group-item22 {
	padding: .55rem 0;
	border-bottom: 1px dashed 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
}

.ulprice {
	margin-top: .5rem;
	margin-bottom: .5rem
}

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

.sec-title.centered {
	text-align: center
}

.sec-title.centered .separator {
	margin: 0 auto
}

.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-item2 {
	flex: 0 0 calc(100% - 14px);
	display: flex;
	margin-bottom: 1rem;
}

.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
	}
	
	#boutons {
		margin-top: 2rem
	}
}
@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
	}
	
	#boutons {
		margin-top: 2rem
	}
}
@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;
		display: flex;
		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
}

.card-title {
	margin-bottom: .75rem
}

.h6, h6 {
	font-size: 0.9rem
}

#bloc h6, .small-2 {
	margin-top: 0
}

#questions .card-body {
	padding: 1rem
}

.insta {
	background-color: #fff;
	width: 340px;
	padding: 10px;
	margin-bottom: 1rem;
	border-radius: 10px
}

.bg-deep-pink, .bg-vert6 {
	background-color: #fa9a0e
}

.bg-vertc {
	background-color: #b41071
}

#st-1.st-hidden {
	opacity: 1
}

.btn.btn-theme {
	color: #fff;
	background-color: #2daabf;
	border-color: #2caabf;
	text-decoration: none;
	border-radius: 10px;
	font-size: 1.2rem
}

.nuages {
	background: url(theme-astral/soleil-theme.png) top center/25% no-repeat
}

#tjour .table td, .table th {
	padding: .25rem;
	vertical-align: top
}

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

#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
}

#theme p {
	margin: 0
}

#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
}

.slider-typography {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.slider-text-middle-main {
	display: table;
	width: 100%;
	height: 100%
}

.slider-text-bottom {
	display: table-cell;
	vertical-align: bottom
}

#rondindex h3 {
	margin-top: 1rem
}

.btn.btn-primary2 {
	padding: .8rem;
	border-color: #3e4649;
	border-radius: 0;
	text-decoration: none;
	font-family: montserratregular;
	font-size: 15px;
	letter-spacing: 1px;
	color: #fff;
	background-color: #3b4346
}

#body .h4 {
	font-size: 18px;
	color: #2caabf
}

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

.mr5 {
	margin-right: 5px
}

.w50 {
	display: inline-block;
	width: 55px
}

.mr1 {
	margin-right: 1rem;
	margin-bottom: 1rem
}

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

#sommaire {
	margin-bottom: 3rem
}

.fl {
	float: left;
	margin-right: .7rem;
	margin-bottom: .7rem
}

.fl2 {
	float: left;
	margin-top: 0;
	margin-right: 2rem;
	margin-bottom: 2rem
}

.fl3 {
	float: left;
	margin-right: .5rem
}

.fr {
	float: right;
	margin: 2rem 0 2rem 2rem
}

.pd1 {
	padding: 2rem
}

.rotate {
	transform: rotate(-5deg)
}

.pull-right2 {
	float: right;
	padding-left: 50px
}

.rec {
	margin-bottom: 2rem;
	padding: 1rem;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}

.hightlight {
	text-decoration: underline;
	text-decoration-color: #d3422e;
	text-decoration-style: dotted;
}

.hide {
	display: none
}

.show {
	display: block
}

.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-family: asap_condensedregular;
	font-size: .9rem;
	font-weight: 400;
	color: #666
}

.blocrec {
	padding: .3rem;
	border: rgb(204,197,185,.5) solid 1px;
	border-radius: 6px;
	background-color: #fff
}

.shr-recs-bar {
	height: 0
}

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

.fl3 {
	float: left;
	margin-right: .5rem
}

.mt30 {
	margin-top: 3rem
}

.show {
	display: block
}

.mb2 {
	margin-bottom: 2rem
}

html {
	scroll-behavior: smooth
}

html::-webkit-scrollbar {
	width: .5rem;
	background-color: rgb(0,0,0,.15)
}

html::-webkit-scrollbar-thumb {
	background: #000
}

html {
	scrollbar-color: #000 rgb(0,0,0,.15);
	scrollbar-width: thin
}

html {
	scroll-behavior: smooth
}

#social ul {
	margin-left: 0
}

#rond1 .text-deep-bordeaux, #rond2 .text-deep-bordeaux, #rond3 .text-deep-bordeaux, #rond4 .text-deep-bordeaux, #rond5 .text-deep-bordeaux, #rond6 .text-deep-bordeaux {
	color: #eb0038
}

.progress2 {
	display: inline-flex;
	width: 70%;
	margin-right: 15px;
	max-width: 70%;
	border-radius: .75rem;
	overflow: hidden;
	font-size: 1.2rem;
	background-color: #e0e0e0
}

.kt-bg-focus {
	text-align: center;
	font-weight: 700;
	color: #fff;
	background-color: #ffa800!important
}

.progress {
	background-color: #ebedf2
}

.pe {
	max-width: 441px
}

.nomarginright {
	margin-left: 0
}

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

#header2 .col-xs-1 {
	width: 8.33333%
}

.mt130 {
	margin-top: 130px
}

.mt20 {
	margin-top: 2rem
}

#coms .card-body {
	overflow: hidden
}

.pd30 {
	padding: 30px
}

@media (max-width:992px) {
	#header2 nav {
		margin-top: -20px
	}
	
	#header2 .btnnew2, #p1 a .btnnew2 {
		margin-top: .2rem;
		margin-right: 2rem;
		text-transform: none;
		color: #fff
	}
	
	#coms .card-body {
		height: auto;
		overflow: hidden;
		font-family: asap_condensedregular,sans-serif!important;
		font-size: 1.06rem;
	}
}.db, .svg {
	display: block
}

.wave:after, .wave:before {
	content: " ";
	position: absolute
}

.timeline-block, .wave {
	position: relative
}

.bg-light-gray2 {
	padding-bottom: 2rem;
	background-color: #f2fcfc
}

.bg4 {
	background-image: url(https://www.out-of-nothing.life/media/layer-4.png),url(https://www.out-of-nothing.life/media/layer-3.png);
	background-position: top,bottom;
	background-repeat: no-repeat
}

.svg {
	width: 4rem!important;
	height: 4rem!important;
	margin-right: auto;
	margin-left: auto
}



.wave {
	overflow: hidden;
	background-color: #e7f4f566
}

.wave div {
	z-index: 1
}

.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 {
	position: relative;
	margin-bottom: 2rem;
	padding-top: 0;
	padding-bottom: 0
}

.row.row-rl-0 {
	margin-right: 0;
	margin-left: 0
}

.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 .timeline-content {
	position: relative;
	padding: 15px 20px;
	border-radius: 4px;
	background-color: #fff
}

.timeline-block:nth-child(odd) .timeline-content::before {
	left: 100%;
	border-color: transparent transparent transparent #fff
}

.timeline-content::before {
	position: absolute;
	top: 16px;
	border-width: 7px
}

.timeline-content::before, .timeline-date::before {
	content: '';
	width: 0;
	height: 0
}

.h4graphique {
	font-family: asap_condensedregular;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .05rem;
	color: #fea800;
	-webkit-text-stroke: 0.9px
}

.mb-10 {
	margin-bottom: 10px
}

.t-uppercase {
	text-transform: uppercase
}

.mb-0 {
	margin-bottom: 0
}

.color-mid {
	color: #717f86!important
}

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

.timeline-block:nth-child(2n) .timeline-date {
	right: 50%;
	margin-right: 20px
}

.timeline-date {
	display: inline-block;
	position: absolute;
	top: 10px;
	padding: 3px 10px;
	border-radius: 3px;
	font-weight: 700;
	color: #fff;
	background-color: rgb(6,36,51,.7)
}

@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: 1.06rem
}

*, :after, :before, input[type="search"] {
	box-sizing: border-box
}

.btn, img {
	vertical-align: middle
}

.white {
	color: #fff
}

hr {
	width: 5%;
	height: 4px;
	margin-bottom: 2rem;
	text-align: center;
	background-color: #f94c4b
}

#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
}

.w30 {
	width: 1rem
}

.block {
	display: block
}

.pt180 {
	position: relative;
	top: -180px;
	margin-bottom: -180px;
	padding-top: 180px
}

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

#pub2 h3 {
	font-size: 18px;
	font-weight: 100;
	color: #00b2b4
}

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

.coeur {
	float: left;
	margin-right: .5rem
}

.none {
	display: none
}

.blog-post__content {
	margin-bottom: 2rem;
	padding: 1rem;
	background-color: #fff
}

.card.card-custom.card-stretch2 {
	display: flex;
	flex-direction: column;
	align-items: stretch!important;
	height: 550px;
	margin-bottom: 2rem;
	box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}

.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.card-custom2 {
	margin-top: 3rem;
	margin-bottom: 3rem;
	border: 0;
	box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%)
}

.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: 1.06rem;
	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%)
}

.bg-danger {
	background-color: #F64E60!important
}

.pb-20, .py-20 {
	padding-bottom: 5rem!important
}

.position-relative {
	position: relative!important
}

.justify-content-center {
	justify-content: center!important
}

.d-flex {
	display: flex!important
}

.flex-center {
	align-items: center;
	justify-content: center
}

.text-center {
	text-align: center!important
}

.flex-column {
	flex-direction: column!important;
	width: 100%
}

.text-dark-75 {
	color: #3f4254!important
}

.font-weight-bolder {
	font-weight: 600!important
}

.align-self-center {
	align-self: center!important
}

.display-4 {
	font-size: 2.5rem!important;
	font-weight: 300;
	line-height: 1.2
}

.text-muted {
	color: #626262!important
}

.mb-10 {
	margin-bottom: 2.5rem!important
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

.btn.btn-primary {
	border-color: #3f474a;
	border-radius: 10px;
	text-decoration: none;
	color: #fff;
	background-color: #3f474a
}

.font-size-h3 {
	font-size: 1.5rem!important
}

.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 {
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding: 0;
	font-size: .7rem;
}

.list .list__item {
	display: flex;
	align-items: center;
	padding: .15rem 0
}

.list .list__item .list__text {
	display: inline-block;
	width: 100%;
	padding: 0 5px 0 0;
	text-align: left;
	font-size: .9rem;
	color: #666
}

.list .list__item .list__text:hover {
	text-decoration: none
}

.list .list__item:first-child {
	margin-top: 0;
	padding-top: 0
}

.list .list__item:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.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 {
	display: flex;
	align-items: center;
	width: 20px;
	text-align: left
}

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

.bm9uZQ {
	display: none
}

.addcadenas {
	float: left;
	margin-top: 0;
	margin-right: 20px
}

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

.fr {
	float: right
}

#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.bootsnav .megamenu-content .title {
	margin-top: 0
}

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.bootsnav.navbar-full .navbar-collapse.in {
	display: block
}

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
}

.side.on {
	right: 0
}

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
}

#articles .atc2, #articles span.atc {
	font-family: "asap condensed",sans-serif!important;
	color: #696969
}

#puce3, .puce2, .puce3, .puce4, .puce5 {
	margin-bottom: 3rem;
	margin-left: -35px
}

.nb {
	width: 100%;
	filter: grayscale(100%)
}

.btn.btn-black:focus, .btn.btn-black:hover {
	color: #000;
	background: 0 0
}

.btn.btn-black {
	border-color: #000;
	text-decoration: none;
	color: #fff;
	background: #000
}

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

.box-form .box-content {
	padding: 30px;
	overflow: hidden;
	background-color: #fff
}

.box-form .box-title {
	position: relative;
	padding: 10px
}

.form-inline .form-control {
	display: inline-block;
	width: 100%;
	vertical-align: middle
}

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
}

.large-icon a {
	color: #fff
}

.general-title {
	display: block;
	position: relative;
	margin-top: 3rem
}

.general-title h2 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	color: #6fa0b1
}

.general-title hr {
	width: 5%;
	height: 4px;
	margin-bottom: 2rem;
	text-align: center;
	background-color: #333
}

.general-title4 hr {
	width: 5%;
	height: 4px;
	margin-bottom: 2rem;
	text-align: center;
	background-color: #ff7500
}

.general-title2 hr {
	width: 5%;
	height: 4px;
	margin-bottom: 2rem;
	text-align: center;
	background-color: #00b2b4
}

.general-title3 hr {
	width: 5%;
	height: 4px;
	margin-bottom: 2rem;
	text-align: center;
	background-color: #f94c4b
}

a:active, a:focus, a:hover, a:visited {
	outline: 0
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 60%;
	font-weight: 400;
	line-height: 1;
	color: #626262
}

.blog-grid {
	margin: 0;
	padding: 0;
	list-style: none
}

.blog-post-style5 .blog-post .blog-post-images {
	position: relative;
	height: auto
}

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

.inner-match-height {
	position: relative;
	height: 100%
}

.padding-40px-all {
	padding: 20px
}

.separator-line-horrizontal-full {
	width: 100%;
	height: 1px
}

.bg-medium-gray {
	background-color: #dbdbdb
}

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

.text-extra-small {
	font-size: 11px;
	line-height: 14px
}

span.atc5 {
	font-weight: 500;
	color: #f5f5f5
}

.atc5:hover {
	text-decoration: none;
	cursor: pointer
}

.atc4, .atc4:hover, span.atc, span.atc2:link {
	cursor: pointer
}

.height-auto {
	height: auto!important
}

#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
}

.btn.btn-rounded {
	border-radius: 50px
}

.btn.btn-medium {
	margin-bottom: 3rem;
	padding: 6px 25px 5px;
	font-family: asap_condensedregular;
	font-size: 12px
}

.img-circle {
	border-radius: 50%;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
}

.img-circle2 {
	margin-top: 1rem;
	border-radius: 50%
}

.clear {
	clear: both
}

.line {
	display: inline-block;
	width: 50px;
	height: 3px;
	border-radius: 99px
}

.displaynone {
	display: none
}

.parallax3 {
	height: 278px;
	background-size: cover
}

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

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

.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: #bfa409;
}

.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;
	}
	
	.blog-post-style5 .blog-post .blog-post-images {
		position: relative;
		height: auto
	}
	
	nav.navbar.bootsnav ul.nav>li>a {
		padding: 30px 15px
	}
	
	nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
		content: "\f0d7";
		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: "\f105";
		float: right;
		font-family: fontawesome
	}
	
	nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a:before {
		content: "\f107"
	}
	
	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: "\f105";
		float: right;
		font-family: fontawesome
	}
	
	nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
		content: "\f107"
	}
	
	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: "\f105";
		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: "\f107"
	}
	
	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
}

@media print and (color) {
	blockquote, img, pre, tr {
		border: none;
		page-break-inside: avoid
	}
	
	*, :after, ::before {
		box-sizing: border-box;
		text-shadow: none;
		font-size: 1rem;
		color: #6f6f6f;
		background: 0 0;
		box-shadow: none
	}
	
	a, a:visited {
		text-decoration: underline
	}
	
	h2, h3, p {
		orphans: 3;
		widows: 3
	}
	
	h2, h3, h4, p {
		page-break-after: avoid
	}
	
	.navbar {
		display: none
	}
	
	.label {
		border: #000 solid 1px
	}
	
	.noprint {
		display: none
	}
	
	.print {
		display: block
	}
	
	body, html, p {
		font-size: 16px;
		color: #6f6f6f
	}
	
	* {
		color-adjust: exact
	}
	
	table, .table, svg {
		page-break-inside: avoid;
	}
	
	#cover, #cover3, #cover4, #cover5, #cover6 {
		margin: -10px;
		page-break-after: always;
	}
	
	#grid5 {
		margin: 0;
		padding-left: 15px;
		page-break-after: always;
		page-break-before: always
	}
	
	.somm {
		padding-top: 10rem;
		padding-left: 16rem
	}
	
	#grid5 {
		display: grid;
		grid-template-columns: 120px 1fr;
		width: 100%
	}
	
	.colonneimprim {
		width: 120px;
		padding-left: 20px;
		background: url(/theme-astral/dessin-imprim.png) top center no-repeat,url(/theme-astral/colonne-imprim.png) center top;
		background-size: 80%,50%
	}
	
	#content2 .table {
		width: 100%;
		font-size: .9rem;
		color: grey
	}
	
	#content2 .table td {
		font-size: 1rem;
	}
	
	#somm li {
		list-style: none
	}
	
	#cover4 ul li, #cover5 ul li, #cover5 ul li {
		font-size: .9rem;
		list-style-type: circle
	}
	
	li, p {
		page-break-before: avoid;
		break-inside: avoid;
	}
}
@page {
counter-increment: page;
margin: 40px 40px 40px 40px;
size: portrait
}button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

img {
	height: auto;
	max-width: 100%;
	border: 0
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%
}

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

.text-right {
	text-align: right
}

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

.bluec {
	font-weight: 700;
	color: #68afba
}

æ.alert-danger {
	margin-top: 40px;
	padding: 10px;
	border-color: #89d0db;
	font-size: .8rem;
	color: #fff;
	background-color: #89d0db
}

input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] {
	cursor: not-allowed
}

.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.disabled, .btn[disabled] {
	opacity: .65;
	box-shadow: none;
	cursor: not-allowed
}

.btn-default.focus, .btn-default:focus {
	border-color: #8c8c8c;
	color: #333;
	background-color: #e6e6e6
}

.btn-default.active, .btn-default:active {
	border-color: #adadad;
	color: #333;
	background-color: #e6e6e6;
	background-image: none
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover {
	border-color: #8c8c8c;
	color: #333;
	background-color: #d4d4d4
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover {
	border-color: #ccc;
	background-color: #fff
}

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

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
	border-color: #2e6da4;
	background-color: #337ab7
}

.btn-success.focus, .btn-success:focus {
	border-color: #255625;
	color: #fff;
	background-color: #449d44
}

.btn-success.active, .btn-success:active {
	border-color: #398439;
	color: #fff;
	background-color: #449d44;
	background-image: none
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover {
	border-color: #255625;
	color: #fff;
	background-color: #398439
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover {
	border-color: #4cae4c;
	background-color: #5cb85c
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled] {
	background-color: transparent;
	box-shadow: none
}

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

.input-group {
	position: relative;
	border-collapse: separate
}

.blog-post__label {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 10px;
	font-size: 16px;
	color: #918ea7;
	background-color: #fff
}

.btnrepondre {
	padding: 5px;
	border-radius: 4px;
	color: #fff;
	background-color: #ffc106
}

.sep {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 2px solid #e9e9f1
}

.input-group[class*="col-"] {
	float: none;
	padding-right: 0;
	padding-left: 0
}

.input-group .form-control {
	z-index: 2;
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 0
}

.input-group .form-control:focus {
	z-index: 3
}

.input-group .form-control, .input-group-btn {
	display: table-cell
}

.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-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}

.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 {
	position: relative;
	font-size: 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
}

.navbar-collapse.in {
	overflow-y: auto
}

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

@media (max-width:767px) {
	.blog-post-style5 .blog-post .blog-post-images {
		position: relative;
		height: auto
	}
}.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
}

a.label:focus, a.label:hover {
	text-decoration: none;
	color: #fff;
	cursor: pointer
}

.label:empty {
	display: none
}

.btn .label {
	position: relative;
	top: -1px
}

.alert {
	padding: 0;
	border: transparent solid 1px;
	border-radius: 4px
}

.alert>p, .alert>ul {
	margin-bottom: 0
}

.alert>p+p {
	margin-top: 5px
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
	color: #777;
	background-color: #eee;
	cursor: not-allowed
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
	color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #337ab7
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
	color: #c7ddef
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
	color: #fff;
	background-color: #3c763d
}

.tooltip.in {
	opacity: .9
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

*, .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
}

.hidden {
	display: none
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none
	}
}.divider-full {
	display: inline-block
}

.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;
	speak: none
}

[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: "\e90d"
}

.icon-heart1:before {
	content: "\e929";
	color: #d3422e;
	font-size: 22px
}

.icon-bubbles3:before {
	content: "\e96f";
	padding-left: 1rem;
	color: #2caabf
}

.icon-user-plus:before {
	content: "\e973";
	font-size: 15px
}

.icon-link:before {
	content: "\e9cb"
}

.icon-arrow-up-left:before {
	content: "\ea31"
}

.icon-arrow-up:before {
	content: "\ea32"
}

.icon-arrow-up-right:before {
	content: "\ea33"
}

.icon-arrow-right:before {
	content: "\ea34";
	margin-right: 0.7rem;
}

.icon-arrow-down-right:before {
	content: "\ea35"
}

.icon-arrow-down:before {
	content: "\ea36";
	font-size: 25px
}

.icon-arrow-down-left:before {
	content: "\ea37"
}

.icon-instagram:before {
	content: "\ea92";
	font-size: 25px;
	color: #da1552
}

.icon-locked:before {
	content: "\e924";
	font-size: 25px;
	color: #ffc106
}

.icon-unlocked1:before {
	content: "\e925";
	font-size: 25px;
	color: #ffc106
}

.icon-checkmark:before {
	content: "\ea10";
	font-size: 20px;
	color: #92c508;
	margin-right: 10px;
}

.icon-phone:before {
	content: "\e942"
}

.orange {
	color: orange
}

.orange2 {
	color: #fdbf04
}

.pink {
	color: #cd0066
}

.icon-facebook:before {
	content: "\ea90";
	font-size: 25px;
	color: #2caabf
}

.icon-twitter:before {
	content: "\ea96"
}

.icon-arrow-up2:before {
	content: "\ea3a"
}

.icon-arrow-down2:before {
	content: "\ea3e"
}

.icon-number:before {
	content: "\e901";
	font-size: 2rem;
	font-weight: 700;
	color: pink
}

.icon-number1:before {
	content: "\e902";
	font-size: 2rem;
	font-weight: 700;
	color: pink
}

.icon-number2:before {
	content: "\e903";
	font-size: 2rem;
	font-weight: 700;
	color: pink
}

.icon-search:before {
	content: "\e986";
	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 {
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: inherit;
	font-style: normal;
	font-weight: 400;
	transform: translate(0,0);
	
}

.fa-envelope-o:before {
	content: "\f003";
	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
}

.k {
	font-family: astro
}

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

.chiron2 {
	font-family: hamburgsymbolsregular;
	font-size: 25px;
	color: #999
}

@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_condensedregular,sans-serif!important;
	font-size: 1.08rem;
	font-weight: 400;
	line-height: 1.6rem;
	color: #6f6f6f;
	background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(242, 252, 252, 0.6) 2px, rgba(242, 252, 252, 0.6) 5px);
	overflow: auto
}

@media (max-width: 1024px) {
	body {
		background-image: repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(242, 252, 252, 0.7) 4px,rgba(242, 252, 252, 0.7) 7px);
	}
}

/* Mobile - lignes encore plus visibles */

@media (max-width: 768px) {
	body {
		background-image: repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(242, 252, 252, 0.8) 5px,  rgba(242, 252, 252, 0.8) 9px);
	}
}
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;
}

.divider-full {
	width: 100%;
	height: 2px
}

ol, ul {
	margin-bottom: 25px;
	list-style-position: outside
}

* {
	transition-duration: 0.2s
}

::selection {
	color: #000;
	background: #dbdbdb
}

h1 {
	line-height: 40px;
	color: #00b2b4
}

.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-extra-large {
	line-height: 26px
}

.text-white {
	color: #fff
}

.text-dark-gray {
	color: #555
}

.text-medium-gray {
	color: #939393
}

.text-deep-red {
	color: #f94c4b
}

#rond1 .text-deep-red, #rond2 .text-deep-red, #rond3 .text-deep-red, #rond4 .text-deep-red, #rond5 .text-deep-red, #rond6 .text-deep-red {
	color: #f70
}

.margin-45px-bottom {
	margin-bottom: 45px
}

blockquote {
	position: relative;
	border-left: 3px solid #03c4eb;
	font-style: italic;
	background: #fff
}

.font-weight-300 {
	font-weight: 300
}

.fw700 {
	font-weight: 700
}

.bg-transparent {
	background-color: #000
}

.bg-white {
	background-color: #ededed
}

.bg-extra-dark-gray {
	background-color: #1c1c1c
}

.bg-light-gray {
	background-color: #f7f7f7
}

ol#puce2 {
	counter-reset: repas
}

.btn i, .vertical-align-middle {
	vertical-align: middle
}

.bg-deep-pink, .bg-vert {
	background-color: #90bac1
}

.bg-vert {
	background-color: #fff
}

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
}

.half-section3 {
	position: relative;
	margin-top: 0;
	padding: 0 0 3rem;
	overflow: hidden
}

.aside-title:after, .box-separator-line {
	content: ""
}

.input-group-btn .btn {
	border-radius: 0 4px 4px 0
}

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

.btn i {
	position: relative;
	top: 25px;
	margin-left: 35px;
	font-size: 20px;
	color: orange
}

.cover-background4, .cover-backgroundc, .cover-backgroundc1 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.border-all {
	border: #ededed solid 1px
}

.border-none {
	border: 0
}

.border-top {
	border-top: 1px solid
}

.no-margin-left {
	margin-left: 0
}

.bg-deep-black-opacity, .bg-deep-black-opacity2 {
	background-color: rgb(0,0,0,.5)
}

.aside-title, .cover-backgroundc, .cover-backgroundc1 {
	position: relative;
	overflow: hidden
}

.padding-three-all {
	padding: 2%
}

.min-height-index {
	width: 360px;
	height: 200px
}

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

.left-sidebar {
	padding-left: 75px
}

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

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.no-margin {
	margin: 0
}

.no-margin-bottom {
	margin-bottom: 0
}

.no-margin-top {
	margin-top: 0
}

.margin-20px-top {
	margin-top: 20px
}

.m30t {
	margin-top: 30px
}

.margin-30px-top {
	margin-top: 30px
}

.height-100 {
	height: 100%
}

.margin-100px-top {
	margin-top: 100px
}

.margin-50px-top {
	margin-top: 50px
}

.margin-5px-bottom {
	margin-bottom: 5px
}

.margin-15px-bottom {
	margin-bottom: 15px
}

.margin-20px-bottom {
	margin-bottom: 20px
}

.margin-25px-bottom {
	margin-bottom: 25px
}

.margin-40px-bottom {
	margin-bottom: 40px
}

.margin-50px-bottom {
	margin-bottom: 50px
}

.margin-20px-right {
	margin-right: 20px
}

.margin-20px-tb {
	margin-top: 20px;
	margin-bottom: 20px
}

.margin-30px-tb {
	margin-top: 30px;
	margin-bottom: 30px
}

.margin-40px-lminus {
	margin-left: -40px
}

.no-padding {
	padding: 0
}

.padding-30px-all {
	padding: 30px
}

.padding-20px-all {
	padding: 20px
}

.padding-50px-tb {
	padding-top: 50px;
	padding-bottom: 50px
}

.display-block {
	display: block
}

.display-inline {
	display: inline
}

.display-table {
	display: table
}

.display-table-cell {
	display: table-cell
}

.overflow-hidden {
	overflow: hidden
}

.position-absolute {
	position: absolute
}

.width-100 {
	width: 100%
}

.width-auto {
	width: auto
}

.icon-small {
	font-size: 24px
}

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

.large-icon a {
	width: 60px;
	height: 60px;
	font-size: 24px;
	line-height: 0
}

.social-icon-style-1 a.facebook, .social-icon-style-10 a.facebook span, .social-icon-style-2 a.facebook, .social-icon-style-3 a.facebook, .social-icon-style-4 a.facebook span {
	background-color: #3b5998
}

.social-icon-style-1 a.twitter, .social-icon-style-10 a.twitter span, .social-icon-style-2 a.twitter, .social-icon-style-3 a.twitter, .social-icon-style-4 a.twitter span {
	background-color: #00aced
}

.social-icon-style-1 a.google, .social-icon-style-10 a.google span, .social-icon-style-2 a.google, .social-icon-style-3 a.google, .social-icon-style-4 a.google span {
	background-color: #dc4a38
}

.social-icon-style-1 a.email, .social-icon-style-10 a.email span, .social-icon-style-2 a.email, .social-icon-style-3 a.email, .social-icon-style-4 a.email span {
	background-color: #7d7d7d
}

.social-icon-style-4 a {
	display: inline-block;
	z-index: 1;
	position: relative;
	padding-top: 1.4rem;
	border: rgb(0,0,0,.1) solid 1px;
	border-radius: 100%;
	text-align: center;
	color: #232323
}

.social-icon-style-4 a span {
	display: block;
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin: 0;
	border-radius: 0;
	transition: 0.3s
}

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
}

#articles ul {
	margin-left: -40px
}

.bg-dark-footer {
	border-bottom: 0;
	color: #fff;
	background-image: url(https://www.out-of-nothing.life/media/layout/bg01.webp);
	background-repeat: round
}

.bg-black {
	background-color: #000
}

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

.arrow-bottom, .arrow-top {
	position: relative
}

.btn-mail, .form-control, a, button {
	text-decoration: none;
	transition: 0.4s linear
}

.btn-block {
	display: block;
	width: 100%
}

.btn-mail {
	display: inline-block;
	margin-bottom: 0;
	padding: 3px 12px;
	border: transparent solid 1px;
	border-radius: 15px;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
	vertical-align: middle;
	color: #fff;
	background-color: orange;
	background-image: none;
	cursor: pointer
}

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
}

#bandeau a {
	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: 1.06rem
	}
	
	.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
	}
}
.m30b {
	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-all {
	padding: 30px
}

.xs-padding-30px-tb {
	padding-top: 30px
}

section {
	padding: 0 0;
	overflow: hidden
}

.half-section {
	z-index: 1;
	position: relative;
	margin-top: -50px;
	padding: 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;
}

.title-small {
	font-family: asap_condensedregular,sans-serif!important;
	font-size: 20px;
	line-height: 25px;
	color: #2daabf
}

.text-extra-large {
	font-size: 20px
}

#puce3 li, .puce3 li {
	margin-bottom: 0
}

#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
}

#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: "\2022";
	margin-right: 8px;
	font-size: 2em;
	font-weight: 700;
	vertical-align: top;
	color: orange
}

.text-small2 {
	font-size: 14px;
	line-height: 20px;
	cursor: pointer
}

.text-small3 {
	font-size: 14px;
	line-height: 40px;
	cursor: pointer
}

.h3, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	letter-spacing: 0
}

.bg-red {
	background-color: #a4b814
}

.vert {
	color: #90bac1
}

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) {
	.blog-post-style5 .blog-post .blog-post-images {
		position: relative;
		height: auto
	}
	
	.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:1399px) {
	.footer .footer__ top {
		padding: 2rem 0
	}
}@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
}

[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled) {
	cursor: pointer
}

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: #f87c00;
		font-weight: normal;
		margin-bottom: 0rem;
		font-family: amertype;
	}
}
@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: #f87c00;
		font-weight: normal;
		margin-bottom: 1rem;
		font-family: amertype;
	}
	
	.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-sm td, .table-sm th {
	padding: .3rem
}

.table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px
}

.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: 1.06rem;
		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: 1.06rem
	}
	
	#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: 5rem;
	margin-bottom: 5rem;
}

.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: 1.06rem;
	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;
}

#articles img {
	width: 100%
}

.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-badge3 {
	background: linear-gradient(to bottom right, #ead866, #f19d0a);
	color: #fff;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: .85em;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
}

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

:root {
	--oon-turquoise: #06a7b4;
	--oon-turquoise-dark: #059099;
	--oon-turquoise-light: #3dbec8;
	--oon-turquoise-pale: #e8f7f8;
	--oon-white: #ffffff;
	--oon-cream: #fafefe;
	--oon-text: #333333;
	--oon-text-light: #666666;
	--oon-gradient: linear-gradient(135deg, #06a7b4 0%, #3dbec8 100%);
	--oon-shadow: 0 10px 40px rgba(6, 167, 180, 0.15);
	--oon-shadow-hover: 0 20px 60px rgba(6, 167, 180, 0.25);
}

.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, #044a50 0%, #057a84 50%, #06a7b4 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: var(--oon-gradient);
}

.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: var(--oon-gold-light);
	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: var(--oon-gold);
	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
}

.form-intro p {
	font-family: asap_condensedregular,sans-serif!important;
	color: var(--oon-text-light);
	font-size: .95rem;
	margin: 0
}

.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: 3px solid #fbc508
}

.mini-card {
	padding: 1rem;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgb(0 0 0 / .08);
	border-left: 3px solid #fbc508
}

.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: 1.06rem
}

#theme a {
	color: #fff;
	text-decoration: none;
	font-size: 1.06rem
}

@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%);} .pat2 {padding-top: 2rem;}

.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:300px}.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}