/* Base */
* {outline:none;}
html, body {height: 100%;font-size: 16px;}
body {font-family: 'Open sans', sans-serif;line-height: 1.6;color: #5a5757;background-color: #fff;background-image: url(img/hero_v3.jpg);background-position: center top;background-repeat: no-repeat;background-size: cover;height: 630px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Arial, sans-serif;color:#4E5051;}
a {color: #404040;}
a:hover {color: #404040;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}


/* NAVIGATION */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;background-color:rgba(255,255,255,0.7);}
.navbar .container {position: relative;width:95%}
.navbar {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 1px solid #e7e7e7;background-color: rgba(255, 255, 255, 0.7);}
.navbar .navbar-nav .nav-link {color: #646161;font-size: 1rem;}
.navbar .navbar-nav .nav-link.active {color: #005FA6;font-weight: bold;font-size: 1.1rem;padding-top:0.4rem;}
.navbar .navbar-nav .nav-link:hover {background-color: transparent;color: #005FA6 !important;}

/*
.navbar-brand 
{
background-image: url(img/logo.png);
background-position: left;
background-repeat: no-repeat;
background-size: auto 100%;
padding-left: 5rem;
padding-top: 1.1rem;
padding-bottom: 1rem;
color:#5a5757 !important;
line-height: 1.1rem;
font-size: 2.3rem !important;
}*/

.navbar-brand 
{

color:#5a5757 !important;
line-height: 1.1rem;
font-size: 2.3rem !important;
display:flex;
flex-direction:row;
align-items:center;
}

.navbar-brand>img {padding: 5px}
.navbar-brand .baseline{font-size:1rem;padding-left:2px;padding-top:3px;}


@media screen and (max-width: 768px) {.navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}}
@media screen and (max-width: 992px) {.navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}}
@media (min-width:768px) {.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}}

/* HERO */
.hero_area {padding: 0;height:500px;}
.hero_content {padding: 230px 0;line-height: 1em;font-family: 'Poppins', Arial, Sans-serif;}
.hero_content h1 {color: #005FA6;font-weight: 700;font-size: 42px;}
.hero_content h2 {color: white;margin-top: 0;width: 45%;line-height: 45px;}

/* BOXES */
.boxes_area {padding-left: 0;padding-right: 0;}
.box {padding:15px;position: relative;background-color: #f8f8f8;border-radius:4px;}
.box h3 {position: relative;margin-bottom: 20px;padding-bottom: 20px;}



@keyframes fadein{
	from {opacity:0}
	to {opacity:1}
}

@keyframes fadeout{
	from {opacity:1}
	to {opacity:0}
}

@keyframes enterleft{
	from {margin-left:-15px}
	to {margin-left:0px}
}



@keyframes breathe {
	
  0% {
    letter-spacing:0;
    text-shadow:0 0 1px white;
  }
 
  50% {
    letter-spacing:50px;
    text-shadow:0 0 3px white;
  }
  100% {
    letter-spacing:100px;
	font-size:0;
	color:transparent;
    text-shadow:0 0 6px white;
  }
}

@keyframes translatetop{
	from {margin-top:-30px}
	to {margin-top:0px;}
}

@keyframes openpage{
	from {margin-top:315px}
	to {margin-top:300px;}
}

/* Footer */
footer.site-footer {background: #e6e6e6;padding: 20px 0 0;float: left;width: 100%;font-size:0.9rem;color: #666;}
footer.site-footer h4 {font-size: 17px;font-weight: 500;color:black;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {font-size: 13px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer a {color: #666;}
p.text {color: #666;}
#copyright {background: #404040;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 20px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 12px;}
#copyright a {color: #fff;font-size: 12px;}
.site-footer li a:hover {color:#005FA6;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}
.copy {font-size:20px;}





/* Breadcrumb */
.bread_area {border-bottom: 1px solid #e7e7e7;padding: 10px 0;margin-bottom: 40px;}
.breadcrumb {margin: 0;background: #fff;padding: 0;}



/*//////////////////////////////
////////PAGES INTERIEURES///////
//////////////////////////////*/

.page-main {float: left;width: 100%;background-color: #fff;margin-top:300px;margin-bottom: 30px;animation:openpage 1s ease-out}

.page-header-background{
	margin:0px auto;
	text-align:center;

  	width: 100%;
	margin-bottom:2%;
	height:auto;
	background-position:50%;
	padding-left:1%;
	padding-right:1%;
	
}
.page-header{
	background-image:url(img/texture_hexagones_pages.png);
	background-repeat:no-repeat;
	width:100%;
	border:0px solid !important;
	min-height:100px;
	margin:0px !important;
	background-position: 20% top;
}

.page-header-background.service_1{
background: linear-gradient(221deg, rgba(69,185,234,1) 0%, rgba(2,116,129,1) 100%); 

}
.page-header-background.service_2{
background: linear-gradient(221deg, rgba(77,164,52,1) 0%, rgba(24,119,1,1) 100%); 
}
.page-header-background.service_3{
background: linear-gradient(220deg, rgba(232,168,48,1) 0%, rgba(182,99,0,1) 100%); 
}

.page-header-background.equipe{
background: linear-gradient(220deg, rgb(150, 135, 131) 0%, rgb(80, 79, 75) 100%); 
}



.page-header h1{
	color:white !important;
	margin-top:0%;
	padding-top:0.67em;
}


#container_elearning{
	position:relative;
}
#container_elearning::before{
	position:absolute;
	background-color:red;
	content:"before";
}

.row{
	position:relative;
}

/*Accordion*/

.accordion{
	margin-top:1.5%;
}


.accordion-button{
	padding:0.5rem;
}

.accordion-button h3{
	font-size:1rem;
	color:black;
	/*color:#5a5757;*/
	margin-bottom:0px;
}

.accordion-button::after{
	display:none;}

.accordion-button::before{
	width: 1.25rem;
	height: 1.25rem;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down-square' viewBox='0 0 16 16'%3E%3Cpath d='M3.626 6.832A.5.5 0 0 1 4 6h8a.5.5 0 0 1 .374.832l-4 4.5a.5.5 0 0 1-.748 0l-4-4.5z'/%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2z'/%3E%3C/svg%3E");

	/*background-color:#3fb3e1;*/
	/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	margin-right:0.5rem;
	content:"";
}

.accordion-button:not(.collapsed)::before {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down-square' viewBox='0 0 16 16'%3E%3Cpath d='M3.626 6.832A.5.5 0 0 1 4 6h8a.5.5 0 0 1 .374.832l-4 4.5a.5.5 0 0 1-.748 0l-4-4.5z'/%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2z'/%3E%3C/svg%3E");
  transform: rotate(-180deg);
}


#e-learning{
	margin-bottom:1.5rem;
}



.highlight{
background-color:#057786;
margin-top:2.5em;
margin-bottom:2.5em;
padding-top:4em;
padding-bottom:3em;
color:white;
}

.highlight-equipe{
background-color:rgb(223, 223, 223);
margin-top:2em;
margin-bottom:2em;
padding-top:2em;
padding-bottom:2em;
}


.normal h2, .highlight h2{

	font-size:1.8rem;
	/*font-weight:600;*/
	}
	
.highlight h2 {
	color:white;
}
	
.highlight .accordion-button h3{
	color:white;
	}
	
.highlight .accordion-button{
	background-color:#057786;
	color:white;
}
.highlight .accordion-body{
	background-color:transparent;
}

.highlight .accordion-item{
	border-color:#40919b;
}

.highlight .accordion-collapse{
	background-color:#057786;
}

.highlight .accordion-button:not(.collapsed){
	background-color: rgb(6, 100, 113);
}


.highlight .accordion-button::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-caret-down-square' viewBox='0 0 16 16'%3E%3Cpath d='M3.626 6.832A.5.5 0 0 1 4 6h8a.5.5 0 0 1 .374.832l-4 4.5a.5.5 0 0 1-.748 0l-4-4.5z'/%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2z'/%3E%3C/svg%3E");

}




/*Carousel*/
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 0rem;
  /*left: 15%;*/
  padding-top: 0.8rem !important;
  padding-bottom: 0.7rem;
  color: #fff;
  text-align: center;
  background-color:rgb(5, 119, 134,0.7);

}

.carousel-caption::before{
	position: absolute;
	content: "";
	width: 21%;
	margin-left: -71%;
	margin-top: -0.8rem;
	height: 100%;
	background-color:rgb(5, 119, 134,0.7);
}

.carousel-caption::after{
position: absolute;
content: "";
padding-right: 21.4%;
margin-top: -3.35rem;
height: 100%;
 background-color:rgb(5, 119, 134,0.7);
margin-left: 50%;
}

.carousel-caption {
	font-size:1.7rem !important;
	color:#fff !important
	
}

.carousel-control-next, .carousel-control-prev{
	height:19%;
	top:unset !important;
	/*background-color: rgba(5, 119, 134, 1) !important;*/
	opacity:0.7;
}


.carousel-control-next-icon{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-arrow-right-square' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") !important;	
color:blue;
	width:3rem;
	height:3rem;
}

.carousel-control-prev-icon{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-arrow-right-square' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") !important;	
	 transform: rotate(-180deg);
	width:3rem;
	height:3rem;
}


.carousel-indicators {

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  /*display: flex;*/
 display:none;
  justify-content: center;
  /*padding: 1px;*/
  margin-right: 15%;
  margin-bottom: 0.2rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators button {
background-color:rgb(255, 255, 255) !important;
height:2px !important;
}

.carousel-item img{
	margin:0px auto;
}


/* References */
.carousel-control{ width:  4%; }
.carousel-control-next,.carousel-control-prev {margin-left:0;background-image:none;}
.carousel-control-next-icon,.carousel-control-prev-icon{}
@media (max-width: 767px) {.carousel-inner .active.left {left: -100%;}.carousel-inner .next {left: 100%;}.carousel-inner .prev {left: -100%;}.active > div {display:none;}.active > div:first-child {display:block;}}
@media (min-width: 767px) and (max-width: 992px ) {.carousel-inner .active.left {left: -50%;}.carousel-inner .next {left:  50%;}.carousel-inner .prev {left: -50%;}.active > div {display:none;}.active > div:first-child {display:block;}.active > div:first-child + div {display:block;}}
@media (min-width: 992px ) {.carousel-inner .active.left {left: -25%;}.carousel-inner .next {left: 25%;}.carousel-inner .prev {left: -25%;}}






/* Category */
video {width:100%; max-width:500px; height:auto; };
.category-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}
.category-content h3 {font-size: 20px;margin-bottom: 20px;font-weight:500;}
.category-content .media-left{text-align:center;}
.category-content .media-body{padding-left:2%;}

.category-main .media {margin-top: 30px;}
.category-main .media:first-child{margin-top: 0;}
.category-main ul li {list-style: none;position: relative;}
.category-main .media-left {padding-right: 20px;}
.category-main .meta {position: absolute;bottom: 0;border-bottom: 2px solid #e7e7e7;width: 71%;min-height: 30px;line-height: 24px;padding-bottom: 3px;}
.category-main .category-meta {width: 67%;}
.category-main .meta .arc-comment {float: left; margin-right: 5px; border-right: 2px solid #e7e7e7;padding-right: 7px;}
.category-main .meta .arc-comment a, .archive ul.arc-share li a {color: #333;font-size: 15px;}
.category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover {text-decoration: none;color: #ff1515;}
.category-main .meta .arc-date {float: right;font-size: 15px;color: #333;}
.category-main ul.arc-share {float: left;margin: 0;padding: 0;margin-right: 5px;}
.category-main ul.arc-share li {float: left;list-style: none;margin-left: 10px;}
.category-main .archive-cat a {color: #ff1515;}
.category-main .archive-cat a:hover {color: #333; text-decoration: none;}
.category-main .media-list .media-left {width:50%;}



/*Compétences */
.intertitre{
	font-size:1.3rem;
	font-weight:bold;
}



/*Equipe */

.caption{
	text-align:justify;
	hyphens:auto;
}

.mail{
	font-size:1.2rem;
	padding-bottom:0.5rem;
}



/*Experience patient*/

.media-heading {
  font-weight: bold;
  font-size: 1.2rem;
}

/*Formations*/

.parcours{
	display:block;
	float:right;
	background-color:#005FA6 !important;
	color:white !important;
	font-size:30pt;
}


/* Responsive */
@media screen and (max-width:462px) {
    .top {text-align: center;}.top ul.list-inline{float: none !important;text-align: center;}
	.hero_area {height:300px;}
    .hero_content {padding: 80px 0;}
    .hero_content h1 {font-size: 32px;}
    .hero_content h2 {width: 90%;font-size: 21px;}
    /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/
    .boxes_area .box p {margin-bottom: 30px;}
    /*.services .media .media-left {padding-right: 15px;}*/
	#title_container {margin-left: 0%;}
	#main-title #title {font-size:2rem;}
    #main-title #subtitle {font-size:1.7rem;}
    .category-content .media-body {float: left;position: relative;width: 100%;}
    .category-content .media-body h3 {margin-top: 20px;}
    .category-main .meta {position: relative;width: 100%;}
    .category-main .meta .pull-left {margin-left: 40px;}
    .category-main .meta .pull-right {display: none;}
    .sidebar {margin-top: 40px;}

	/*SERVICES*/
	#services_list {height:auto;flex-wrap:wrap;padding-left:0px;}
	.service{width:95%;transform:none;margin-bottom:2%;}
	.services .media h4 {font-size:1.2rem;}
	.navbar-brand{
		font-size: 1.8rem !important;
		width: 77%;
	}
	.navbar-brand .baseline{
		font-size: 0.8rem !important;
	}
	
	
}
@media (min-width:463px) and (max-width:768px) {
    .fbox {float: left;}
    .fbox:nth-child(3) {float: right !important;}

	/*SERVICES*/
	#services_list {height:auto;flex-wrap:wrap;padding-left:0px;}
	.service{width:95%;transform:none;margin-bottom:2%;}
	.s_small{min-height:210px;}
	.services .media h4 {font-size:1.2rem;}
	
}
@media (min-width:768px) and (max-width:1000px) {
	.hero_area {height:470px;}
	.hero_content {padding-top:150px;}
	/*.navbar-default {background-color:orange;}*/
	/*SERVICES*/
	.service{transform:none;width:32%;}
	.s_small{min-height:310px;}
	.s_tall{min-height:500px;}
	.services .media h4 {font-size:1.2rem;}
}

@media (min-width:1000px) and (max-width:1400px) {
 	
	.service{transform:none;}
	.s_small{min-height:280px;}
	.s_tall{min-height:550px;}
	/*.navbar-default {background-color:yellow;}*/
}
	
@media (min-width:1400px) and (max-width:1600px) {
    
	.s_small{min-height:250px;}
	/*.navbar-default {background-color:yellow;}*/
}
@media (min-width:1600px) {
.hero_area {height:550px;}
.s_small{min-height:250px;}
	/*.navbar-default {background-color:green;}*/
}