@charset "utf-8";
/*
Theme Name: Thème d'OsNose
Theme URI: http://www.cdatagrid.com
License: Copyright © OsNose
Description: Template du site web d'OsNose.
Author: Cdatagrid
Author URI: http://www.cdatagrid.com
Version: 1.0
Tags:
*/

body {

}
a {
    color:;
}
a:hover {
    text-decoration:none;
}
p{
	
}
h1, h2, h3, h4, h5, h6 {

}
.bold, strong{

}
.normal{

}
::selection {
  color: #ffffff;
  background: #10223a;
}
.clr{
	clear:both
	}
.clearfix:after {
   clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;;
}
.clearfix {
zoom: 1;
}
.services h1, .services h2, .services h3, .services h4, .services h5, .services h6{

}
.emptytext{
  word-break: break-word;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #28303e;
  -webkit-text-fill-color: transparent;
  transition: all .3s ease-in-out;
}
.ls {

}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p {
    color: #ffffff;
}
.position-relative {
  position: relative !important;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
h1,
h2,
h3,
h4,
h5,
h6{

}

h1{
	font-size: 60px;
}

h2{
	font-size: 50px;
}

h3{
	font-size: 30px;
}

h4{
	font-size: 22px;
}

h5{
	font-size: 18px;
}

h6{
	font-size: 16px;
}
section {
  padding-top: 6.0em;
}
.p-0 {
    padding: 0 !important;
}
.pl-0, .px-0 {
    padding-left: 0 !important;
}
.pr-0, .px-0 {
    padding-right: 0 !important;
}
.p10{
	padding:0 10%;
}
.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-50{
	margin-bottom:50px;
}
.mb-60{
	margin-bottom:60px;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mt-40{
	margin-top:40px;
}
.mt-50{
	margin-top:50px;
}
.mt-60{
	margin-top:60px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-30{
	padding-bottom:30px;
}
.pb-40{
	padding-bottom:40px;
}
.pb-50{
	padding-bottom:50px;
}
.pb-60{
	padding-bottom:60px;
}
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pt-60{
	padding-top:60px;
}
.pt-80{
	padding-top:80px;
}
.pt-100{
	padding-top:100px;
}
.pt-150{
	padding-top:150px;
}
.pt-200{
	padding-top:200px;
}
.font-90{
	font-size:90px
}
.text-white{
	color:#ffffff;
}
.bg-color {
    background: #e3e3e3;
}
.color-theme1 {
    color: #0f118c !important;
}
.bg-theme1 {
    background: #0f118c;
}
.color-theme2 {
    color: #fd0000 !important;
}
.color-theme3 {
    color: #6f7173 !important;
}
.bg-theme2 {
    background: #fd0000;
}
.uppercase{
	text-transform:uppercase;
}
.flex{
	display:flex;
}
.float-left{
	float:left !important;
}
.float-right{
	float:right !important;
}
.pl30{
	padding-left:30px;
}
.svg-divider, .svg-divider2{
  display: none;
}
.page-header {
  padding: 10.0em 0 10.0em 0;
}
.content-art img{
	max-width:100%;
	height:auto;
}
.elt-content li{
  padding: 2px 0px;
  font-size: 16px;
  line-height: 26px;
  list-style: none;
}
.elt-content li::before{
  font-family: "Font Awesome 6 Free";
  content: "\f1b0";
  font-weight: 700;
  padding-right: 7px;
  color: #231f20 !important;
}
.call-to-action4.container-fluid.parallax {
  padding-bottom: 3.0em;
}
.service-box.service-elt h4 {
  font-size: 16px;
  margin-top: 15px !important;
}
.service-box.service-elt {
  margin: 0;
  padding: 8px;
}
.section-icon {
  position: relative;
  padding-bottom: 0;
  padding-top:60px;
}
.section-icon h5{
  font-size: 20px;
}
.call-to-action4{}

.timeline h4, .timeline h3, .timeline h2, .timeline h1 {
	font-size:17px;
}
.feature-img img{
	height:auto;
	width:100%;
	min-width: 93px;
}
.feature-img {
  max-width: 115px;
  height: 115px;
  padding: 15px;
}
.breadcrumb-area-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.container-valeur {
  position: relative;
  z-index: 2;
}
.breadcrumb-area-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255,255,255,0.85);
  opacity: 1;
  content: "";
  z-index: -1;
}
.sidebar .card {
  padding: 15px;
}
.nav-po{
	
}
.nav-po{
  list-style: none;
  text-align: center;
  margin-top: 20px;
  border-top: 1px dashed rgba(255,255,255,0.5);
  padding: 0 10px;
}
.nav-po li{
	
}
.nav-po li a{
	font-family: 'ABeeZee', serif;
  font-size: 13px;
  line-height: 1.4em;
  color:#ffffff !important;
}
.nav-po li a:hover{
	color: #b0b7c9 !important;
}
.footer-on ul {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px 0 8px;
}

.footer-on li{
	border: none;
}
.footer-on li a {
  padding: 0 7px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.footer-on {
  background: #10223A;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  padding: 0 0 15px;
}
.footer-on p{
	padding:0;
	font-size:13px;
	text-align:center;
	margin: 0;
}
.footer-on a{
	color:#ffffff !important;
}
.footer-on a:hover{
	color:#b0b7c9 !important;
}

.intro {
  text-align: center;
  display: block;
  padding-bottom: .5em;
  margin: 0 auto;
}

.content {
  width: 90%;
  margin: 0 auto;
  transition: all .5s;
}

.content.overlayActive {
  transform: scale(0.9);
  -webkit-filter: blur(2px);
}

.overlay {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1100;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(0);
  transition: all .5s;
}

.overlay.overlayOpen {
  opacity: 1;
  transform: scale(1);
}

.overlay .close {
  font-size: 1.25em;
  font-style: normal;
  float: right;
  margin-top: 1em;
  margin-right: 1em;
  cursor: pointer;
}

.overlay .close:before {
  padding-right: .25em;
  font-family: FontAwesome;
  content: "x";
}

.message {
  font-size: 3em;
  font-weight: 100;
  width: 90%;
  height: 60%;
  text-align: center;
  margin: 1em auto;
  color:#ffffff:
}
.message h1, .message h2, .message h3, .message h4, .message h5, .message h6{
	color:#ffffff !important;
}
.message img { max-width: 100%; }

.flex-message {
    flex-direction: column;
    align-items: center;
	padding: 15px 15px 30px;
	text-align:left;
  }
 .flex-content {
    padding: 0;
    width: 100%;
  }
  .flex-container {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1;
    position: relative;
    height: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: ;
  }
.card-body-video .img img {
  max-width: 170px;
  height: auto;
  display: block;
  margin: auto;
}
.card-body-video video {
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.3s ease;
  clip-path: inset(1px 1px);
}
#blog-sidebar .btn{
	margin-top:0;
}
#blog-sidebar .blog-card .card-body {
  padding: 0;
}
.contact-info br{
	display:none;
}
.testimonial-pic > img {
  height: auto;
}
.list-podcast{
	margin-top:20px;
}
.list-podcast ul{

}
.list-podcast li{
	list-style: none;
	line-height: normal;
}
.tarif{
	font-family:'ABeeZee', serif;
}

.tarif p{
  font-size: 20px;
  line-height: normal;
  font-weight: 700;
}

.pre-blog{
	
}
.pre-blog h1{
	font-size:24px;
}


.timeline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80,80,80);
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  
  z-index: 5;
}

.timeline > li {
  padding: 1em 0;
}
.timeline > li li{
  padding: 2px 0px;
  font-size: 16px;
  line-height: 26px;
  list-style:none;
}
.timeline > li li::before {
  font-family: "Font Awesome 6 Free";
  content: "\f1b0";
  font-weight: 700;
  padding-right: 7px;
  color: #231f20 !important;
}
.timeline > li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 48%;
  float: left;
  text-align: left;
}

.direction-r {
  position: relative;
  width: 48%;
  float: right;
  text-align: left;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  
  text-align: center;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(248,248,248);
  padding: 6px 10px;
  border-radius: 5px;
  
  font-weight: 600;
  text-align: left;
}
.direction-r .flag-ctn{
	text-align: left;
}
.direction-l .flag-ctn{
	text-align:right;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  font-weight: bold;
}

.direction-l .flag:before,
.direction-r .flag:before  {
  position: absolute;
  top: 50%;
  right: -28px;
  content: ' ';
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 6px solid #10223a;
  z-index: 10;
}

.direction-r .flag:before {
  left: -28px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  margin: 0.7em 0.75em 0 0;
  line-height: 1.4em;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {

.timeline {
 	width: 100%;
	padding: 4em 0 1em 0;
}

.timeline > li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
	left: 50%;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid rgb(255,80,80);
	z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	height: 0;
	width: 0;
	margin-left: -8px;
	border: solid transparent;
	border-bottom-color: rgb(255,255,255);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 1em 0 0 0;
	padding: 1em;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);
	
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 1em 1em 0 1em;
	padding: 1em;
	
  z-index: 15;
}

}

@media screen and (min-width: 400px ?? max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 1em 4em 0 4em;
}

}








@media screen and (max-width: 1300px){
	
}
@media (min-width: 1200px) {
	.nav-po-bloc {
	  display: block;
	}
	.footer-on{
	  display:none;
	}
}
@media (max-width: 1199px) {
 .nav-po-bloc {
	  display: none;
	}
	.footer-on{
	  display:block;
	}
}
@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 767px) {
	
	
}

@media screen and (max-width: 524px) {
	.footer-on ul {
	  flex-direction: column;
	}
}

@media screen and (max-width: 361px){
	
}