/* appelle les polices Orkney car les autres je ne les aime pas et de toute façons ce ne sont pas les bonnes ou elles ne marchent pas */
@font-face {
	font-family: "Orkney";
  src: url('../font/Orkney-Regular.woff') format('woff'),
		url('../font/Orkney-Regular.woff2') format('woff2');
	font-family: "OrkneyBold";
  src: url('../font/Orkney-Bold.woff') format('woff'),
    url('../font/Orkney-Bold.woff2')format('woff2');
	font-family: "Roboto";
  src: url('../font/roboto/Roboto.woff') format('woff'),
    url('../font/roboto/Roboto.woff2')format('woff2'),
	url('../font/roboto/Roboto-Regular.ttf')format('truetype');

}
.boldorkney {
	font-family: OrkneyBold !important;
}
	
/* j'impose la orkney à toute la page*/	

body {
  font-family: Orkney !important;
} 
/* scroll doux*/
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
/* réglages CSS*/
.tab-pane {
	background-color: #ededed;
	display:block;
	padding:0.5em;
	border-radius: 3px;
}
p, li {
	font-family: Roboto !important;
}
h1 {
	font-size:60px;
}
.vague {
	text-align:center;
}

.blanc {
	color: white!important;
}
.lien {
	font-size:18px !important;
}
.btn-orange {
		background-color: #ed563b !important;
}
.typo_orange, a {
	color:#ed563b !important;
}
.noir {
	color: black !important;
}
/* transition boutons nav /slider*/
.btn-change3{
	margin-left:1em;
	border-radius: 3px;
    border:0px;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -webkit-box-shadow: 0px 0px 0 0 #ed563b inset , 0px 0px 0 #ed563b inset;
}
.btn-change3:hover{
    -webkit-box-shadow: 0px 10px 0 0px #ed563b inset , 0px -50px 0 0px #ed563b inset; 
}
.btn-change3:active{
    	    background-color: #ed563b !important; 
}
.btn-link {
	text-align: center;
	}
.btn-link:hover{
    background-color: #ed563b; 
	color: white !important;
}
.btn-link{
	color: #1C2331 !important;
	background-color: lightgrey;
}
.btn-link:focus{
    background-color: #ed563b !important; 
	color: white !important;
}
.btn-link:active{
    background-color: #ed563b !important; 
	color: white !important;
}
/* Passage en mode burger*/	
    @media (min-width: 768px) and (max-width: 800px) {
            .navbar:not(.top-nav-collapse) {
                background: #1C2331!important;
            }
        }
.view,body,html{
	height:100%
	}
.navbar{
	background-color:rgba(0,0,0,.2);
	}
.top-nav-collapse{
	background-color:#1C2331;
	}
	/* Passage en mode mobile*/	
@media only screen and (max-width:1200px){
	.navbar{
		background-color:rgba(0,0,0,.8);
	}
	h1 {
	font-size:35px;
		}
	h2 {
	font-size: 22px;
		}
	h4 {
	font-size:18px;
		}
}

/* carroussel */
.carousel-indicators li {
	background-color: #ed563b !important;
}
.dfloat {
	float:left;
}
.hauteur {
	height:35em;
}
.hauteur2 {
	height:28em;
}
.img-web {
	  width: 240px !important;
	height: 180px !important;
}
	
/* compteur css*/
.shiva {
  width: 100px;
	height: 100px;
	background: #ed563b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  margin:5px;
  text-align:center;
}
.count{
  line-height: 100px;
  color:white;
text-align:center;
  font-size:25px;
}
.linker
{
  font-size : 20px;
  font-color: black;
}
.fond {
	padding: 1em;
	background-color: #1C2331;
}
.mentions {
padding:2em;
}
/* video en mode "modal*/
.carousel-inner {
   margin-bottom:50px;
}
.modal-dialog {
      max-width: 720px;
      margin: 30px auto;
  }
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
/* cards de la partie web */
#animations {
    background: #eee !important;
}
#team {
	padding: 60px 0;
}
.fondblanc {
	background: #ffffff !important;
}	

.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}


#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #ed563b !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #ed563b!important;
}

.frontside .card .card-body img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
/* print*/
.arrondi {
	border-radius: 3px;
}
.fond-img {
	background: no-repeat url("../images/background.svg");
	background-size:100% 100%;
}

/* footer*/
footer {
	background-color: #1C2331;
}
.icons a {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: #ed563b;
  border-radius: 2px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 35px;
  margin:1em 1em 1em 0em;
}
.loca-marg {
	padding-bottom:1em;
	display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.footertypo {
	  font-size: 12px;
	  background-color: rgba(0, 0, 0, 0.2);
	  font-family: Roboto !important;
	  {