@charset "utf-8";
/* CSS Document */

/*couleur primaire :#303280 (couleur logo)-->40E0D0 (turquoise)
couleur secondaire :#3E70B4*/
body {font-size:1rem;}
a, img {
	-webkit-touch-callout:none!important;
	touch-callout:none!important
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	box-sizing:border-box;
	font-size:16px
}
img {
	height:auto;
	max-width:100%
}
article, aside, header, main, nav, section {display:block}
a {
	background-color:transparent;
	text-decoration:none;
	color:#000d4c
}
a:visited {color:#000d4c}
li{
	list-style-type:square;
}
.photo{
	border: solid #ccc 1px;
	margin: 10px 0;
	padding:5px;
}
button, input {
	color:inherit;
	font:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	margin:0
}
button {
	overflow:visible;
	text-transform:none;
	-webkit-appearance:button
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border:0;
  padding:0
}
input {line-height:normal}
input[type="checkbox"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
/** {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
*:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}*/

/*.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after {
	content:" ";
	display:table
}*/
/*.clearfix:after, .container:after, .row:after {clear:both}*/
@-ms-viewport {width:device-width}
@font-face {
font-display:swap;
font-weight:normal;
font-style:normal
}

/*.site-branding:before, */.main-navigation ul:before, /*.site-branding:after,*/ .main-navigation ul:after {
	content:" ";
	display:table
}
/*.site-branding:after, .main-navigation ul:after {clear:both}*/
article, aside, header, main, nav, section {display:block}

svg:not(:root) {overflow:hidden}
button, input {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible;
	text-transform:none;
	-webkit-appearance:button
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {line-height:normal}
input[type="checkbox"] {
	box-sizing:border-box;
	padding:0
}
button, input {
	color:#222;
/*	font-family:"Fira Sans", sans-serif;*/
	font-size:16px;
	font-size:1rem;
	line-height:1.5
}
h1, h2 {
	font-family:"Dancing Script", arial;
	color:#555;
	padding:0
}
h1 {
	font-size:2.25rem;
	font-weight:800;
	line-height:1.44;
	margin:0 0 0.7em 0
}
h2 {
	font-size:3rem;
	font-weight:800;
	line-height:1.63;
	margin:0 0 0.5em 0;
}

p {margin:0 0 1.5em 0}

/**, *:before, *:after {box-sizing:inherit}*/
ul {
	margin:0;
	list-style:inside
}
/*.site-branding {
	float:left;
	height:100%;
}*/
.navbar-brand{height:100%}
#logo {
	width:auto;
	height:100px;
	margin-top:5px;
/*	margin-bottom:10px;*/
	display:block;
}

/*button {
	border:2px solid #40E0D0;
	border-radius:50px;
	font-size:13px;
	padding:6px 10px;
	color:#222;
	background-color:#fff
}*/
#head {
	background-color:#111;
	top:0;
	right:0;
	left:0;
	z-index:900;
	-webkit-transform:translate3d(0, 0, 0)
}
@media screen and (min-width:1025px) {
#head.transparent-header {
background-color:rgba(0, 0, 0, 0.3);
position:absolute
}
#head.transparent-header .main-navigation {padding-top:45px}
#head.transparent-header .main-navigation a {color:#fff}
}
.main-navigation {
	display:block;
	float:none;
	padding-top:31px
}
/*.main-navigation #primary-menu {
	clear:left;
	margin-bottom:22px
}*/
.main-navigation ul {
	display:none;
	list-style:none;
	margin:0;
	padding-left:0
}
.main-navigation ul a {
	color:#fff;
/*	background-color:transparent;*/
	padding:0.5em 1em;
	border-radius:4px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.1em;
	display:block;
/*	text-decoration:none*/
}
/*.main-navigation ul .current-page-ancestor>a {
	text-decoration:none;
	color:#fff;
	background-color:#40E0D0
}*/
.main-navigation ul{display:inline-block}
.main-navigation ul{padding:1.25em 0.25em}
.main-navigation ul a:hover, .main-navigation ul a:active, .main-navigation ul a:focus {
	outline:none;
	text-decoration:none;
	color:#fff;
	background-color:#000d4c
}
.main-navigation ul .active>a{
	text-decoration:none;
	color:#fff;
	background-color:#000d4c
}
@media screen and (min-width:1024px) {
.main-navigation {
float:right;
padding-top:30px
}
/*.main-navigation #primary-menu {
clear:none;
margin-bottom:0
}*/
.main-navigation ul {display:block}
.main-navigation ul li {
float:left;
position:relative
}
.main-navigation ul a {
color:#fff;
background-color:transparent;
margin-left:5px;
padding:0.5em 1em;
border-radius:4px
}
.main-navigation ul{padding:0.5em 0 0 0.25em}
}
.navbar-toggle {
	display:block;
/*	padding:9px 10px;*/
	margin:0;
	background-color:#40E0D0;
	color:#fff;
	border:none;
/*	float:right*/
}
.navbar-toggle .burger {
	float:left;
	margin:2px
}
@media screen and (max-width:425px) {
.navbar-toggle .burger {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
}
}
.navbar-toggle .icon-bar {
	background-color:#fff;
/*	display:block;
	width:22px;
	height:2px;
	border-radius:1px*/
}
/*.navbar-toggle .icon-bar+.icon-bar {
	margin-top:4px
}*/
.navbar-toggle .menu-burger-label {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	float:left;
	margin-left:10px;
	line-height:25px
}
@media screen and (min-width:1024px) {
.navbar-toggle {
display:none
}
}
@media screen and (min-width:1024px) and (max-width:1200px) {
.main-navigation ul a {
font-size:11px;
font-size:0.75rem
}
}

.site-header:before, .site-header:after, .site-content:before, .site-content:after {
	content:"";
	display:table;
	table-layout:fixed
}
.site-header:after, .site-content:after {clear:both}
aside#secondary .aside-content-wrapper {
	-webkit-box-shadow:0 0 70px 0 rgba(0, 0, 0, 0.29);
	-moz-box-shadow:0 0 70px 0 rgba(0, 0, 0, 0.29);
	box-shadow:0 0 70px 0 rgba(0, 0, 0, 0.29);
	background-color:#fff;
	padding-bottom:25px;
	margin-bottom:2em
}
@media screen and (min-width:992px) {
aside#secondary .aside-content-wrapper {
margin-left:20px
}
}
@media screen and (min-width:992px) {
aside#secondary {
margin-top:-122px
}
}
.widget {
	margin:0;
	padding:1em 1.5em 0 1.5em
}

.page-content {margin:0}
.page .page-header {
/*	background-image:url(../images/bandeau1.jpg);*/
	background-position:top center;
	background-size:cover;
	padding:100px 0;
	margin:0;
	position:relative;
	border-bottom-width:0px;
}
.page .page-header h1 {
	font-size:32px;
	font-size:2rem;
	margin-bottom:0;
	color:#fff;
	line-height:1;
	text-shadow:0 0 15px rgba(0, 0, 0, 0.5)
}
.page .page-header:after {
	content:'';
	background-image:url(../images/degrade.png);
	background-size:100% 100%;
	height:50px;
	width:100%;
	position:absolute;
	bottom:0;

}
@media screen and (min-width:768px) {
.page .page-header {
padding:150px 0
}
.page .page-header h1 {
font-size:48px;
font-size:3rem
}
.page .page-header:after {
height:100px
}
}
@media screen and (min-width:992px) {
.page .page-header {
padding:200px 0 300px 0
}
.page .page-header h1 {
font-size:72px;
font-size:4.5rem
}
.page .page-header:after {
height:150px
}
}

footer {
	background-color:#ccc;
	font-size:0.7rem;
	padding:0.5em
}
footer a { color:#fff !important}
@media screen and (max-width:370px) {
#logo{height:60px}
}
.col-right{
	border-left:#000d4c dashed 1px;
}

.video-box {
/*  background: url("../images/video1.jpg") center center no-repeat;*/
  background-size: cover;
  min-height: 200px;
}
.play-btn {
  width: 84px;
  height: 84px;
  background: radial-gradient(#1977cc 50%, rgba(25, 119, 204, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.play-btn::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(25, 119, 204, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}
.play-btn:hover::after {
  border-left: 15px solid #1977cc;
  transform: scale(20);
}
.play-btn:hover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}